@import url(https://necolas.github.io/normalize.css/8.0.1/normalize.css);

html{
  height: 100%;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  body{
    font-family: 'Montserrat', sans-serif;
    font-family: 'Playfair Display', serif;
    background-color: #E2B96C;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    min-height: 100%;
  }

  h1{
    margin: 0;
  }



  /* mtavaris dasawyisi */



  nav{
    /* display: flex; */
    min-width: 100%;
    min-height: 100px;
    background-color: hsla(251, 24%, 18%, 0.88);
  }

  .nav-logo1{
    display: none;
  }
 


  .top-menu{
    display: flex;
    width: 900px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    /* background-color: aqua; */
    align-items: center;
    font-size: 18px;
    justify-content: space-between;
    color: white;
  }

  a{
    text-decoration: none;
  }

  .saxli{
    font-size: 18px;
    color: white;
    text-decoration: none;
    width: max-content;
    position: relative;
    cursor: pointer;
  }
  .saxli::after{
    content: "";
    position: absolute;
    bottom: -10px;
    height: 2px;
    width: 100%;
    left: 0;
    background-color: white;
    border-radius: 5px;
    transition: 0.3s;
    transition-timing-function: ease-in-out;
    transform: scaleX(0);
  }
  .saxli:hover::after{
    transform: scaleX(1);
  }

  .product{
    font-size: 18px;
    color: white;
    text-decoration: none;
    width: max-content;
    position: relative;
    cursor: pointer;
  }
  .product::after{
    content: "";
    position: absolute;
    bottom: -10px;
    height: 2px;
    width: 100%;
    left: 0;
    background-color: white;
    border-radius: 5px;
    transition: 0.3s;
    transition-timing-function: ease-in-out;
    transform: scaleX(0);
  }
  .product:hover::after{
    transform: scaleX(1);
  }

  .gallery{
    font-size: 18px;
    color: white;
    text-decoration: none;
    width: max-content;
    position: relative;
    cursor: pointer;
  }
  .gallery::after{
    content: "";
    position: absolute;
    bottom: -10px;
    height: 2px;
    width: 100%;
    left: 0;
    background-color: white;
    border-radius: 5px;
    transition: 0.3s;
    transition-timing-function: ease-in-out;
    transform: scaleX(0);
  }
  .gallery:hover::after{
    transform: scaleX(1);
  }

  .nav-about-us{
    font-size: 18px;
    color: white;
    text-decoration: none;
    width: max-content;
    position: relative;
    cursor: pointer;
  }
  .nav-about-us::after{
    content: "";
    position: absolute;
    bottom: -10px;
    height: 2px;
    width: 100%;
    left: 0;
    background-color: white;
    border-radius: 5px;
    transition: 0.3s;
    transition-timing-function: ease-in-out;
    transform: scaleX(0);
  }
  .nav-about-us:hover::after{
    transform: scaleX(1);
  }

  .contact{
    font-size: 18px;
    color: white;
    text-decoration: none;
    width: max-content;
    position: relative;
    cursor: pointer;
  }
  .contact::after{
    content: "";
    position: absolute;
    bottom: -10px;
    height: 2px;
    width: 100%;
    left: 0;
    background-color: white;
    border-radius: 5px;
    transition: 0.3s;
    transition-timing-function: ease-in-out;
    transform: scaleX(0);
  }
  .contact:hover::after{
    transform: scaleX(1);
  }

  .droshebi{
    display: none;
  }

  .enebinav{
    position: relative;
  }

  .mtavari-ena{
    display: flex;
    width: 70px;
    justify-content: space-between;
  }

  .enebis-text{
    display: flex;
  }

  .mtavari-ena img{
    width: 24px;
    height: 24px;
  }

  .enebi{
    cursor: pointer;

  }

  img.nav-arrow{
    height: 10px;
    width: 10px;
    margin-bottom: 5px;
    color: white;
  }

  .enebinav ul{
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    border: 1px solid #f8f8f8;
    box-shadow: 5px 5px 8px hsla(0, 0%, 0%, 0.2);
    border-radius: 5px;
    text-align: center;
    display: none;
    position: absolute;
    z-index: 1;
    top: 22px;
    left: -30px;
  }

  .enebinav ul li{
    list-style: none;
  }

  .enebinav ul li a{
    width: 120px;
    display: block;
    padding: 15px 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #212126;
  }

  .enebinav ul li a:hover{
    background-color: #e0e0e0;
  }

  .enebinav:hover ul{
    display: block;
  }

  img.logo{
    height: 80px;
    width: 80px;
  }

img.saxlis-mtavari-surati{
    height: 668px;
    width: 100%;
    object-fit: cover;
}

section{
    width: 900px;
    min-height: 150px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 30px;
    /* background-color: aqua; */
}

.post-pirveli-seqcia{
  display: grid;
  grid-template-columns: repeat(2, 435px);
  grid-template-rows: repeat(2, 430px);
  justify-content: space-between;
}

.post1{
    width: 435px;
    height: 400px;
    border-radius: 15px;
    background-color: #DFDFDF;
    margin-bottom: 30px;
    filter: drop-shadow(5px 5px 8px hsla(0, 0%, 0%, 0.6));
}

img.post1-surati{
    width: 435px;
    height: 300px;
    object-fit: cover;
    border-radius: 15px;
}

.post-ganmarteba-gilaki{
    width: 435px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
    /* background-color: blue; */
}

h2.post1-ganmarteba{
    width: 200px;
    font-size: 20px;
    margin-left: 30px;
}

.post-button{
    width: 160px;
    height: 40px;
    background-color: hsla(251, 24%, 18%, 0.88);
    border-radius: 5px;
    outline-style: solid;
    outline-width: 1.5px;
    outline-color: black;
    font-size: 20px;
    color: white;
    text-align: center;
    line-height: 35px;
    margin-right: 30px;
    cursor: pointer;
}

.post2{
    width: 435px;
    height: 400px;
    border-radius: 15px;
    background-color: #DFDFDF;
    margin-bottom: 30px;
    filter: drop-shadow(5px 5px 8px hsla(0, 0%, 0%, 0.6));
}

img.post2-surati{
    width: 435px;
    height: 300px;
    object-fit: cover;
    border-radius: 15px;
}

h2.post2-ganmarteba{
    width: 200px;
    font-size: 20px;
    margin-left: 30px;
}

.post3{
    width: 435px;
    height: 400px;
    border-radius: 15px;
    background-color: #DFDFDF;
    margin-bottom: 30px;
    filter: drop-shadow(5px 5px 8px hsla(0, 0%, 0%, 0.6));
}

img.post3-surati{
    width: 435px;
    height: 300px;
    object-fit: cover;
    border-radius: 15px;
}

h2.post3-ganmarteba{
    width: 200px;
    font-size: 20px;
    margin-left: 30px;
}

.post4{
    width: 435px;
    height: 400px;
    border-radius: 15px;
    background-color: #DFDFDF;
    margin-bottom: 30px;
    filter: drop-shadow(5px 5px 8px hsla(0, 0%, 0%, 0.6));
}

img.post4-surati{
    width: 435px;
    height: 300px;
    object-fit: cover;
    border-radius: 15px;
}

h2.post4-ganmarteba{
    width: 200px;
    font-size: 20px;
    margin-left: 30px;
}

footer{
    margin-top: auto;
    width: 100%;
    min-height: 160px;
    background-color: hsla(251, 24%, 18%, 0.88);
}

.footer-sections{
    width: 900px;
    min-height: 160px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
    /* background-color: blue; */
}

.fot-linkebi1{
    color: white;
    text-decoration: none;
    font-size: 18px;
}

.fot-linkebi2{
    color: white;
    text-decoration: none;
    font-size: 18px;
}

.fot-linkebi3{
    color: white;
    text-decoration: none;
    font-size: 18px;
    
}

.fot-linkebi4{
    color: white;
    text-decoration: none;
    font-size: 18px;
}

.fot-linkebi5{
    color: white;
    text-decoration: none;
    font-size: 18px;
}

.fot-linkebi6{
  color: white;
  text-decoration: none;
  font-size: 18px;
}

.fot-linkebi7{
  color: white;
  text-decoration: none;
  font-size: 18px;
}

.fot-linkebi8{
  color: white;
  text-decoration: none;
  font-size: 18px;
}

.fot-linkebi9{
  color: white;
  text-decoration: none;
  font-size: 18px;
}

.fot-linkebi10{
  color: white;
  text-decoration: none;
  font-size: 18px;
}

.fot-linkebi11{
  color: white;
  text-decoration: none;
  font-size: 18px;
}

.footer-sections ul{
    justify-content: center;
    margin-left: 28px;
}

.footer-sections li{
    margin-top: 5px;
}

.fot-icons{
  display: flex;
  width: 132px;
  height: 100px;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  align-items: center;
}

img.fot-facebook{
  width: 40px;
  height: 40px;
}

img.fot-youtube{
  /* width: 40px; */
  height: 40px;
}

img.fot-instagram{
  width: 40px;
  height: 40px;
}

.saavtoro-ufleba{
  font-size: 12px;
  color: white;
  margin-top: 30px;
}

.burger-sazgvari{
  position: absolute;
  width: 900px;
  height: 100px;
  left: 50%;
  transform: translateX(-50%);
}

.toggle-button{
  top: 38px;
  right: 0;
  position: absolute;
  display: none;
  flex-direction: column;
  justify-content: space-between;
  width: 30px;
  height: 24px;
}

.toggle-button .bar{
  height: 3px;
  width: 100%;
  background-color: white;
  border-radius: 5px;
}

/* aq mtavrdeba saxlis kodebi */

/* aqedan iwyeba produqciis kodebi */

.product-menu{
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
  
}

.product-menu2{
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}

.card{
  position: relative;
  width: 430px;
  height: 304px;
  justify-content: flex-start;
  background-color: orangered;
  border-radius: 15px;
  filter: drop-shadow(5px 5px 8px hsla(0, 0%, 0%, 0.6));
}

.card img{
  position: absolute;
  width: 430px;
  height: 304px;
  border-radius: 15px;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}

.card:hover img {
  transform: scale(1.1);
}
.card:hover .chabnelebistvis{
  transform: scale(1.1);
  background-color: hsla(0, 0%, 0%, 0.85);
  opacity: 1;
}

.card:hover .card-satauri,
.card:hover .card-ganmarteba,
.card:hover .card-gilaki {
  opacity: 1;
}

.chabnelebistvis{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  top: 0;
  border-radius: 15px;
  /* width: 300px; */
  width: 430px;
  height: 304px;
  opacity: 0;
  background-color: hsla(0, 0%, 0%, 0);
  transition: all 0.3s ease-in-out;
}

.card .card-satauri{
  position: absolute;
  top: 30%;
  right: 50%;
  width: 300px;
  transform: translateX(50%);
  font-size: 18px;
  /* line-height: 22px; */
  text-align: center;
  /* min-width: 190px;
  max-width: 220px; */
  font-weight: 700;
  color: rgb(255, 255, 255);
  opacity: 0;
  transition: 0.3s all ease-in-out;
}

.card .card-gilaki{
  width: 130px;
  height: 40px;
  position: absolute;
  text-align: center;
  line-height: 33px;
  background-color: #2A263D;
  color: #ffffff;
  font-size: 16px;
  outline: none;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  bottom: 40%;
  right: 50%;
  transform: translateX(50%);
  opacity: 0;
  transition: 0.3s all ease-in-out;
}

/* aq mtavrdeba produqcia */

/* aqedan iwyeba gverdi "mzisgan damcavi sistemebi */

.mzisgan-damcavi-satauri{
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

.mzisgan-damcavi-satauri2{
  height: 40px;
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #221C2D;
}

.mzisgan-damcavi-grid1{
  display: grid;
  grid-template-columns: repeat(4, 200px);
  grid-template-rows: repeat(2, 200px);
  grid-column-gap: 33px;
  grid-row-gap: 33px;
  margin-bottom: 40px;
}

.bade-gallery-grid2{
  width: 899px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(3, 280px);
  grid-template-rows: repeat(1, 200px);
  grid-column-gap: 30px;
  grid-row-gap: 33px;
  margin-bottom: 40px;
}

.cardi3{
  position: relative;
  width: 280px;
  height: 200px;
  justify-content: flex-start;
  background-color: orangered;
  border-radius: 15px;
  filter: drop-shadow(5px 5px 8px hsla(0, 0%, 0%, 0.6));
}

.cardi3 img{
  position: absolute;
  width: 280px;
  height: 200px;
  border-radius: 15px;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}

.cardi3:hover img {
  transform: scale(1.1);
}
.cardi3:hover .chabnelebistvis4{
  transform: scale(1.1);
  background-color: hsla(0, 0%, 0%, 0.85);
  opacity: 1;
}

.cardi3:hover .card-chamonatvali,
.cardi3:hover .card-ganmarteba,
.cardi3:hover .card-gilaki2 {
  opacity: 1;
}

.chabnelebistvis4{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  top: 0;
  border-radius: 15px;
  /* width: 300px; */
  width: 280px;
  height: 200px;
  opacity: 0;
  background-color: hsla(0, 0%, 0%, 0);
  transition: all 0.3s ease-in-out;
}

.cardi3 .card-chamonatvali{
  position: absolute;
  top: 30%;
  right: 50%;
  width: 190px;
  transform: translateX(50%);
  font-size: 16px;
  /* line-height: 22px; */
  text-align: center;
  /* min-width: 190px;
  max-width: 220px; */
  font-weight: 700;
  color: rgb(255, 255, 255);
  opacity: 0;
  transition: 0.3s all ease-in-out;
}

.cardi3 .card-gilaki2{
  width: 110px;
  height: 30px;
  position: absolute;
  text-align: center;
  line-height: 25px;
  background-color: #2A263D;
  color: #ffffff;
  font-size: 14px;
  outline: none;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  bottom: 25%;
  right: 50%;
  transform: translateX(50%);
  opacity: 0;
  transition: 0.3s all ease-in-out;
}

.aveji-gallery-grid1{
  display: grid;
  grid-template-columns: repeat(4, 200px);
  grid-template-rows: repeat(1, 200px);
  grid-column-gap: 33px;
  grid-row-gap: 33px;
  margin-bottom: 40px;
}

.mzisgan-damcavi-grid2{
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}

.mzisgan-damcavi-grid3{
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}

.cardi{
  position: relative;
  width: 200px;
  height: 200px;
  justify-content: flex-start;
  background-color: orangered;
  border-radius: 15px;
  filter: drop-shadow(5px 5px 8px hsla(0, 0%, 0%, 0.6));
}

.cardi img{
  position: absolute;
  width: 200px;
  height: 200px;
  border-radius: 15px;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}

.cardi:hover img {
  transform: scale(1.1);
}
.cardi:hover .chabnelebistvis2{
  transform: scale(1.1);
  background-color: hsla(0, 0%, 0%, 0.85);
  opacity: 1;
}

.cardi:hover .card-chamonatvali,
.cardi:hover .card-ganmarteba,
.cardi:hover .card-gilaki2 {
  opacity: 1;
}

.chabnelebistvis2{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  top: 0;
  border-radius: 15px;
  /* width: 300px; */
  width: 200px;
  height: 200px;
  opacity: 0;
  background-color: hsla(0, 0%, 0%, 0);
  transition: all 0.3s ease-in-out;
}

.cardi .card-chamonatvali{
  position: absolute;
  top: 30%;
  right: 50%;
  width: 190px;
  transform: translateX(50%);
  font-size: 16px;
  /* line-height: 22px; */
  text-align: center;
  /* min-width: 190px;
  max-width: 220px; */
  font-weight: 700;
  color: rgb(255, 255, 255);
  opacity: 0;
  transition: 0.3s all ease-in-out;
}

.cardi .card-gilaki2{
  width: 110px;
  height: 30px;
  position: absolute;
  text-align: center;
  line-height: 25px;
  background-color: #2A263D;
  color: #ffffff;
  font-size: 14px;
  outline: none;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  bottom: 25%;
  right: 50%;
  transform: translateX(50%);
  opacity: 0;
  transition: 0.3s all ease-in-out;
}

/* aq mtavrdeba mzisgan damcavi sistemebis gverdi */
/* aqedan daiwyeba vertikaluri-farda-jaluzebi */

.vertikaluri-jaluzebi-grid{
  min-height: 10px;
  margin-bottom: 40px;
  display: grid;
  grid-template-columns: repeat(3, 280px);
  grid-template-rows: repeat(1,280px);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  filter: drop-shadow(5px 5px 8px hsla(0, 0%, 0%, 0.6));
}

.vertical01{ 
  width: 280px;
  height: 280px;
  border-radius: 10px;
  background-color: #1F182B;
  border-color: #221C2D;
  transition: all 0.3 ease-in-out;
  filter: drop-shadow(5px 5px 8px hsla(0, 0%, 0%, 0.6));
}

.vertikaluri-jaluzebi-paragrapi{
  overflow-y: hidden;
  width: 800px;
  min-height: 10px;
  font-size: 18px;
  font-weight: 700;
  margin-left: auto;
  margin-right: auto;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

img.vertical-mtavari-surati{
  width: 900px;
  height: 500px;
  object-fit: cover;
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  filter: drop-shadow(5px 5px 8px hsla(0, 0%, 0%, 0.6));
}

img.karada-mtavari-surati{
  object-position: auto;
  width: 900px;
  height: 500px;
  /* object-fit: cover; */
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  filter: drop-shadow(5px 5px 8px hsla(0, 0%, 0%, 0.6));
}

.vertical-jaluzi-satauri2{
  font-size: 28px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

.verrical01:hover{
  transform: scale(1.1);
}

.scale-dabneleba{
  width: 280px;
  height: 200px;
  border-radius: 10px;
  background-color: #1F182B;
  border-color: #221C2D;
}

.vertical01 img{
  width: 280px;
  height: 200px;
  object-fit: cover;
  border-radius: 10px;
}

.vertical01-ganmarteba{
  display: flex;
  justify-content: space-evenly;
}

.vertical-fasi01{
  width: 87px;
  height: 52px;
}

.vertical-fasi02{
  width: 87px;
  height: 67px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.vertical-fasi01 h4{
  color: white;
  text-align: center;
}

.imena-fasi{
  display: flex;
  text-align: center;
  color: white;
  font-size: 18px;
}

.imena-fasi h2{
  color: #2FEC28;
}

.imena-fasi h3{
  line-height: 40px;
  color: #EBC715;
}

.vertical-marjvena-mxare{
  width: 115px;
  height: 67px;
}
.vertical-marjvena-mxare2{
  width: 150px;
  height: 67px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.vertical-marjvena-mxare3{
  width: 150px;
  height: 67px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.vertical-marjvena-mxare3 a{
  /* padding-left: 4px;
  padding-top: 4px;
  padding-right: 4px;
  padding-bottom: 6px; */
  margin-left: auto;
  margin-right: auto;
  width: 110px;
  height: 30px;
  border-radius: 5px;
  text-align: center;
  font-weight: 700;
  /* margin-left: 8px; */
  font-size: 14px;
  line-height: 30px;
  color: #0a080c;
  background-color: white;
}

.vertical-marjvena-mxare4{
  width: 150px;
  height: 67px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.vertical-marjvena-mxare4 a{
  /* padding-left: 4px;
  padding-top: 4px;
  padding-right: 4px;
  padding-bottom: 6px; */
  margin-left: auto;
  margin-right: auto;
  width: 140px;
  height: 30px;
  border-radius: 5px;
  text-align: center;
  font-weight: 700;
  /* margin-left: 8px; */
  font-size: 12px;
  line-height: 30px;
  color: #0a080c;
  background-color: white;
} 

.vertical-wodeba{
  color: white;
  font-size: 22px;
  text-align: center;
}

.vertical-wodeba2{
  color: white;
  font-size: 16px;
  text-align: center;
  margin-bottom: 10px;
}

.samzareulo-marjvena-mxare{
  width: 115px;
  height: 67px;
}

h2.samzareulo-wodeba{
  margin-top: 6px;
  color: white;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}

.samzareulo-marjvena-mxare a{
  padding-left: 4px;
  padding-top: 4px;
  padding-right: 4px;
  padding-bottom: 6px;
  border-radius: 5px;
  text-align: center;
  margin-left: 8px;
  font-size: 14px;
  line-height: 40px;
  color: #221C2D;
  background-color: white;
}

.vertical-marjvena-mxare a{
  padding-left: 4px;
  padding-top: 4px;
  padding-right: 4px;
  padding-bottom: 6px;
  border-radius: 5px;
  text-align: center;
  margin-left: 8px;
  font-size: 14px;
  line-height: 40px;
  color: #221C2D;
  background-color: white;
}

.vertical-marjvena-mxare2 a{
  /* padding-left: 4px;
  padding-top: 4px;
  padding-right: 4px;
  padding-bottom: 6px; */
  margin-left: auto;
  margin-right: auto;
  width: 110px;
  height: 30px;
  border-radius: 5px;
  text-align: center;
  /* margin-left: 8px; */
  font-size: 14px;
  line-height: 30px;
  color: #221C2D;
  background-color: white;
}

.samzareulo-marjvena-mxare{
  width: 115px;
  height: 67px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.samzareulo-wodeba{
  color: white;
  font-size: 22px;
  text-align: center;
}

.vertical-fasi03{
  width: 105px;
  height: 70px;
}

.imena-fasi5{
  display: flex;
  text-align: center;
  color: white;
  font-size: 18px;
}

.imena-fasi5 h2{

  color: #2FEC28;
}

.imena-fasi5 h3{
  line-height: 40px;
  color: #EBC715;
}

.vertical-fasi03 h4{
  height: 30px;
  color: white;
  text-align: center;
}

.samzareulo-marjvena-mxare a{
  padding-left: 4px;
  padding-top: 4px;
  padding-right: 4px;
  padding-bottom: 6px;
  border-radius: 5px;
  text-align: center;
  margin-left: 8px;
  font-size: 12px;
  line-height: 40px;
  color: #221C2D;
  background-color: white;
}

/* aq mtavrdeba vertikaluri jaluzebis saxeoba */
/* iwyeba vertikaluris berlinis ferebi */

.plise{
  height: 100px;
}

.vertical-berlini-mtliani-satauri{
  width: 900px;
  min-height: 10px;
  /* background-color: #2FEC28; */
}

.vertical-berlini-satauri{
  color: #221C2D;
  font-size: 38px;
  text-align: center;
  font-weight: bold;
}

.vertical-berlini-qvesatauri{
  color: #221C2D;
  font-size: 38px;
  text-align: center;
  font-weight: 100;
  line-height: 35px;
}

.vertical-berlini-gilaki{
  position: relative;
}

.vertical-berlini-gilaki a{
  position: absolute;
  left: 43.1%;
  /* transform: translateX(-50%); */
  margin-top: 30px;
  width: 120px;
  height: 40px;
  border-radius: 10px;
  font-size: 18px;
  font-weight: 600;
  line-height: 35px;
  text-align: center;
  color: white;
  background-color: #1F182B;
  transition: all 0.3s ease-in-out;
}

.vertical-berlini-gilaki:hover a{
  transform: scale(1.2);
  transition: all 0.3s ease-in-out;
}

.galereis-suratebis-gilaki{
  position: relative;
  margin-bottom: 30px;
  width: 900px;
}

.galereis-suratebis-gilaki a{
  position: absolute;
  left: 340px;
  /* transform: translate(-50%); */
  width: 220px;
  height: 40px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 600;
  line-height: 35px;
  text-align: center;
  color: white;
  background-color: #1F182B;
  transition: all 0.3s ease-in-out;
}

.galereis-suratebis-gilaki-ru{
  position: relative;
  margin-bottom: 30px;
  width: 900px;
}

.galereis-suratebis-gilaki-ru a{
  position: absolute;
  left: 270px;
  /* transform: translate(-50%); */
  width: 360px;
  height: 40px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 600;
  line-height: 35px;
  text-align: center;
  color: white;
  background-color: #1F182B;
  transition: all 0.3s ease-in-out;
}

.galereis-suratebis-gilaki:hover a{
  transform: scale(1.2);
  transition: all 0.3s ease-in-out;
}

.vertical-berlini-grid{
  width: 899px;
  min-height: 100px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(4, 200px);
  grid-template-rows: repeat(7,200px);
  grid-column-gap: 33px;
  grid-row-gap: 33px;
}

.seqcia{
  filter: blur(3px);
  opacity: 0;
  transform: scale(0);
  transition: all 1s ease-in-out;
}

/* .seqcia:nth-last-of-type(even) {
  transform: translateX(800%);
} */

.seqcia.show{
  filter: blur(0);
  opacity: 1;
  transform: scale(1);
}

.berlin-grid-1{
  width: 200px;
  /* height: 200px ; */
  /* background-color: #2FEC28; */
  border-radius: 10px;
}

.berlin-grid-1 img{
  width: 200px;
  height: 170px;
  object-fit: cover;
  border-radius: 10px;
  color: #1F182B;
}

.berlin-grid-1 h1{
  font-size: 22px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}

.berlin-grid-2 h4{
  font-size: 18px;
  text-align: center;
  font-weight: 600;
}

.berlin-grid-2{
  border-radius: 10px;
}

.berlin-grid-2 img{
  width: 200px;
  height: 170px;
  object-fit: cover;
  border-radius: 10px;
  color: #1F182B;
}

.berlin-grid-2 h1{
  font-size: 22px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}

.berlin-grid-3 h4{
  font-size: 18px;
  text-align: center;
  font-weight: 600;
}

.berlin-grid-3{
  border-radius: 10px;
}

.berlin-grid-3 img{
  width: 200px;
  height: 170px;
  object-fit: cover;
  border-radius: 10px;
  color: #1F182B;
}

.berlin-grid-3 h1{
  font-size: 22px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}

.berlin-grid-3 h4{
  font-size: 18px;
  text-align: center;
  font-weight: 600;
}

.berlin-grid-4{
  border-radius: 10px;
}

.berlin-grid-4 img{
  width: 200px;
  height: 170px;
  object-fit: cover;
  border-radius: 10px;
  color: #1F182B;
}

.berlin-grid-4 h1{
  font-size: 22px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}

.berlin-grid-4 h4{
  font-size: 18px;
  text-align: center;
  font-weight: 600;
}

.berlin-grid-5{
  border-radius: 10px;
}

.berlin-grid-5 img{
  width: 200px;
  height: 170px;
  object-fit: cover;
  border-radius: 10px;
  color: #1F182B;
}

.berlin-grid-5 h1{
  font-size: 22px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}

.berlin-grid-5 h4{
  font-size: 18px;
  text-align: center;
  font-weight: 600;
}

.berlin-grid-6{
  border-radius: 10px;
}

.berlin-grid-6 img{
  width: 200px;
  height: 170px;
  object-fit: cover;
  border-radius: 10px;
  color: #1F182B;
}

.berlin-grid-6 h1{
  font-size: 22px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}

.berlin-grid-7{
  border-radius: 10px;
}

.berlin-grid-7 img{
  width: 200px;
  height: 170px;
  object-fit: cover;
  border-radius: 10px;
  color: #1F182B;
}

.berlin-grid-7 h1{
  font-size: 22px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}

.berlin-grid-8{
  border-radius: 10px;
}

.berlin-grid-8 img{
  width: 200px;
  height: 170px;
  object-fit: cover;
  border-radius: 10px;
  color: #1F182B;
}

.berlin-grid-8 h1{
  font-size: 22px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}

.berlin-grid-9{
  border-radius: 10px;
}

.berlin-grid-9 img{
  width: 200px;
  height: 170px;
  object-fit: cover;
  border-radius: 10px;
  color: #1F182B;
}

.berlin-grid-9 h1{
  font-size: 22px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}

.berlin-grid-10{
  border-radius: 10px;
}

.berlin-grid-10 img{
  width: 200px;
  height: 170px;
  object-fit: cover;
  border-radius: 10px;
  color: #1F182B;
}

.berlin-grid-10 h1{
  font-size: 22px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}

.berlin-grid-11{
  border-radius: 10px;
}

.berlin-grid-11 img{
  width: 200px;
  height: 170px;
  object-fit: cover;
  border-radius: 10px;
  color: #1F182B;
}

.berlin-grid-11 h1{
  font-size: 22px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}

.berlin-grid-12{
  border-radius: 10px;
}

.berlin-grid-12 img{
  width: 200px;
  height: 170px;
  object-fit: cover;
  border-radius: 10px;
  color: #1F182B;
}

.berlin-grid-12 h1{
  font-size: 22px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}

.berlin-grid-13{
  border-radius: 10px;
}

.berlin-grid-13 img{
  width: 200px;
  height: 170px;
  object-fit: cover;
  border-radius: 10px;
  color: #1F182B;
}

.berlin-grid-13 h1{
  font-size: 22px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}

.berlin-grid-14{
  border-radius: 10px;
}

.berlin-grid-14 img{
  width: 200px;
  height: 170px;
  object-fit: cover;
  border-radius: 10px;
  color: #1F182B;
}

.berlin-grid-14 h1{
  font-size: 22px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}

.berlin-grid-15{
  border-radius: 10px;
}

.berlin-grid-15 img{
  width: 200px;
  height: 170px;
  object-fit: cover;
  border-radius: 10px;
  color: #1F182B;
}

.berlin-grid-15 h1{
  font-size: 22px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}

.berlin-grid-16{
  border-radius: 10px;
}

.berlin-grid-16 img{
  width: 200px;
  height: 170px;
  object-fit: cover;
  border-radius: 10px;
  color: #1F182B;
}

.berlin-grid-16 h1{
  font-size: 22px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}

.berlin-grid-17{
  border-radius: 10px;
}

.berlin-grid-17 img{
  width: 200px;
  height: 170px;
  object-fit: cover;
  border-radius: 10px;
  color: #1F182B;
}

.berlin-grid-17 h1{
  font-size: 22px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}

.berlin-grid-18{
  border-radius: 10px;
}

.berlin-grid-18 img{
  width: 200px;
  height: 170px;
  object-fit: cover;
  border-radius: 10px;
  color: #1F182B;
}

.berlin-grid-18 h1{
  font-size: 22px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}

.berlin-grid-19{
  border-radius: 10px;
}

.berlin-grid-19 img{
  width: 200px;
  height: 170px;
  object-fit: cover;
  border-radius: 10px;
  color: #1F182B;
}

.berlin-grid-19 h1{
  font-size: 22px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}

.berlin-grid-20{
  border-radius: 10px;
}

.berlin-grid-20 img{
  width: 200px;
  height: 170px;
  object-fit: cover;
  border-radius: 10px;
  color: #1F182B;
}

.berlin-grid-20 h1{
  font-size: 22px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}

/* aq mtavrdeba berlini-ferebi */
/* iwyeba shantungi-ferebi */

.vertical-shantungi-grid{
  width: 899px;
  min-height: 100px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(4, 200px);
  grid-template-rows: repeat(3,200px);
  grid-column-gap: 33px;
  grid-row-gap: 33px;
}

/* aq mtavrdeba shantungi-ferebi */
/* iwyeba xaziani-ferebi */

.vertical-xaziani-grid{
  width: 899px;
  min-height: 100px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(4, 200px);
  grid-template-rows: repeat(3,200px);
  grid-column-gap: 33px;
  grid-row-gap: 33px;
}

/* aq mtavrdeba xaziani-ferebi */
/* iwyeba maiami-ferebi */

.vertical-maiami-grid{
  width: 899px;
  min-height: 100px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(4, 200px);
  grid-template-rows: repeat(2,200px);
  grid-column-gap: 33px;
  grid-row-gap: 33px;
}

.maiami-mtavari-img{
  margin-left: auto;
  margin-right: auto;
  width: 900px;
  height: 500px ;
  /* background-color: #2FEC28; */
  border-radius: 15px;
  margin-bottom: 30px;
}

.maiami-mtavari-img img{
  width: 900px;
  height: 500px;
  object-fit: cover;
  border-radius: 15px;
  color: #1F182B;
  filter: drop-shadow(5px 5px 8px hsla(0, 0%, 0%, 0.6));
}

/* aq mtavrdeba maiami */
/* aq iwyeba parizi */

.vertical-parizi-grid{
  width: 899px;
  min-height: 100px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(4, 200px);
  grid-template-rows: repeat(4,200px);
  grid-column-gap: 33px;
  grid-row-gap: 33px;
}

/* aq mtavrdeba parizi */
/* aq iwyeba sqrini */

.vertical-sqrini-grid{
  width: 899px;
  min-height: 100px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(4, 200px);
  grid-template-rows: repeat(2,200px);
  grid-column-gap: 33px;
  grid-row-gap: 33px;
}

/* აქ მთავრდება სქრინი */
/* იწყება გარე-დამცავი-ჟალუზი */

.garedamcavi-jaluzi-grid{
  width: 899px;
  min-height: 240px;
  margin-bottom: 120px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(4, 200px);
  grid-template-rows: repeat(1,200px);
  grid-column-gap: 33px;
  grid-row-gap: 33px;
}

.berlin-grid-1 h4{
  font-size: 18px;
  text-align: center;
  font-weight: 600;
}

.berlin-grid-2 h4{
  font-size: 18px;
  text-align: center;
  font-weight: 600;
}

.berlin-grid-3 h4{
  font-size: 18px;
  text-align: center;
  font-weight: 600;
}

.berlin-grid-4 h4{
  font-size: 18px;
  text-align: center;
  font-weight: 600;
}

/* აქ მთავრდება გარე დამცავი ფარდა-ჟალუზი */
/* იწყება ჰორიზონტალური ფარდა-ჟალუზი */

.horizontaluri-jaluzi-grid{
  width: 899px;
  min-height: 240px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(4, 200px);
  grid-template-rows: repeat(1,200px);
  grid-column-gap: 33px;
  grid-row-gap: 33px;
}

.horizontaluri-jaluzebi-paragrapi{
  width: 800px;
  min-height: 10px;
  font-size: 18px;
  font-weight: 700;
  margin-left: auto;
  margin-right: auto;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

img.horizontaluri-mtavari-surati{
  width: 900px;
  height: 500px;
  object-fit: cover;
  object-position: top;
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  filter: drop-shadow(5px 5px 8px hsla(0, 0%, 0%, 0.6));
}

.horizontaluri-jaluzi-satauri2{
  overflow-y: hidden;
  font-size: 28px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

/* აქ მთავრდება ჰორიზონტალური ჟალუზი */
/* იწყება რულონური ფარდა-ჟალუზი */

.rulonuri-mtavari-grid{
  min-height: 10px;
  margin-bottom: 40px;
  display: grid;
  grid-template-columns: repeat(3, 280px);
  grid-template-rows: repeat(2,280px);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  filter: drop-shadow(5px 5px 8px hsla(0, 0%, 0%, 0.6));
}

.rulonuri-txeli-grid{
  width: 899px;
  min-height: 240px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(4, 200px);
  grid-template-rows: repeat(2,200px);
  grid-column-gap: 33px;
  grid-row-gap: 33px;
}

.rulonuri-sashualo-grid{
  width: 899px;
  min-height: 240px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(4, 200px);
  grid-template-rows: repeat(5,200px);
  grid-column-gap: 33px;
  grid-row-gap: 33px;
}

.rulonuri-sqeli-grid{
  width: 899px;
  min-height: 240px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(4, 200px);
  grid-template-rows: repeat(2,200px);
  grid-column-gap: 33px;
  grid-row-gap: 33px;
}

.rulonuri-blackout-grid{
  width: 899px;
  min-height: 240px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(4, 200px);
  grid-template-rows: repeat(1,200px);
  grid-column-gap: 33px;
  grid-row-gap: 33px;
}

.roleti-jaluzebi-paragrapi{
  width: 800px;
  min-height: 10px;
  font-size: 18px;
  font-weight: 700;
  margin-left: auto;
  margin-right: auto;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

img.roleti-mtavari-surati{
  width: 900px;
  height: 500px;
  object-fit: cover;
  object-position: top;
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  filter: drop-shadow(5px 5px 8px hsla(0, 0%, 0%, 0.6));
}

.roleti-jaluzi-satauri2{
  font-size: 28px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

/* აქ მთავრდება რულონური ჟალუზი */
/* იწყება ზებრა ჟალუზი */

.zebra-jaluzi-grid{
  width: 899px;
  min-height: 240px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(4, 200px);
  grid-template-rows: repeat(1,200px);
  grid-column-gap: 33px;
  grid-row-gap: 33px;
}

.zebra-jaluzebi-paragrapi{
  width: 800px;
  min-height: 10px;
  font-size: 18px;
  font-weight: 700;
  margin-left: auto;
  margin-right: auto;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

img.zebra-mtavari-surati{
  width: 900px;
  height: 500px;
  object-fit: cover;
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  filter: drop-shadow(5px 5px 8px hsla(0, 0%, 0%, 0.6));
}

.zebra-jaluzi-satauri2{
  font-size: 28px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

/* აქ მთავრდება ზებრა-ჟალუზი */
/* იწყება როლეტი მაგნოლია */

.roleti-magnolia-grid{
  width: 899px;
  min-height: 240px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(4, 200px);
  grid-template-rows: repeat(1,200px);
  grid-column-gap: 33px;
  grid-row-gap: 33px;
}

.roleti-magnolia-paragrapi{
  width: 800px;
  min-height: 10px;
  font-size: 18px;
  font-weight: 700;
  margin-left: auto;
  margin-right: auto;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

img.roleti-magnolia-surati{
  width: 900px;
  height: 500px;
  object-fit: cover;
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  filter: drop-shadow(5px 5px 8px hsla(0, 0%, 0%, 0.6));
}

.roleti-magnolia-satauri2{
  font-size: 28px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

/* აქ მთავრდება როლეტი მაგნოლია */
/* იწყება ზებრა მაგნოლია */

.zebra-magnolia-grid{
  width: 899px;
  min-height: 240px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(4, 200px);
  grid-template-rows: repeat(1,200px);
  grid-column-gap: 33px;
  grid-row-gap: 33px;
}

.zebra-magnolia-paragrapi{
  width: 800px;
  min-height: 10px;
  font-size: 18px;
  font-weight: 700;
  margin-left: auto;
  margin-right: auto;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

img.zebra-magnolia-surati{
  width: 900px;
  height: 500px;
  object-fit: cover;
  object-position: top;
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  filter: drop-shadow(5px 5px 8px hsla(0, 0%, 0%, 0.6));
}

.zebra-magnolia-satauri2{
  font-size: 28px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

/* აქ მთავრდება ზებრა მაგნოლია */
/* იწყება რომაული ფარდა-ჟალუზი */

.romauli-jaluzi-grid{
  width: 899px;
  min-height: 240px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(4, 200px);
  grid-template-rows: repeat(3,200px);
  grid-column-gap: 33px;
  grid-row-gap: 33px;
}

.romauli-jaluzebi-paragrapi{
  width: 800px;
  min-height: 10px;
  font-size: 18px;
  font-weight: 700;
  margin-left: auto;
  margin-right: auto;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

img.romauli-mtavari-surati{
  width: 900px;
  height: 500px;
  object-fit: cover;
  object-position: top;
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  filter: drop-shadow(5px 5px 8px hsla(0, 0%, 0%, 0.6));
}

.romauli-jaluzi-satauri2{
  font-size: 28px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

/* აქ მთავრდება რომაული ფარდა-ჟალუზი */
/* იწყება პლისე ჟალუზი */

.plise-jaluzi-grid{
  width: 899px;
  min-height: 240px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(4, 200px);
  grid-template-rows: repeat(1,200px);
  grid-column-gap: 33px;
  grid-row-gap: 33px;
}

/* აქ მთავრდება ზოგადად ჟალუზები */
/* იწყება სხვადასხვა-სივრცის-ავეჯი */

.sadzinebeli-grid1{
  width: 899px;
  min-height: 100px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  display: grid;
  grid-template-columns: repeat(3, 270px);
  grid-template-rows: repeat(1,270px);
  grid-column-gap: 33px;
  grid-row-gap: 33px;
}

.cardi2{
  position: relative;
  width: 270px;
  height: 270px;
  justify-content: flex-start;
  background-color: orangered;
  border-radius: 15px;
  /* margin-right: 100px; */
}

.cardi2 img{
  position: absolute;
  width: 270px;
  height: 270px;
  border-radius: 15px;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}

.cardi2:hover img {
  transform: scale(1.1);
}
.cardi2:hover .chabnelebistvis3{
  transform: scale(1.1);
  background-color: hsla(0, 0%, 0%, 0.85);
  opacity: 1;
}

.cardi2:hover .card-chamonatvali2,
.cardi2:hover .card-ganmarteba,
.cardi2:hover .card-gilaki3 {
  opacity: 1;
}

.chabnelebistvis3{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  top: 0;
  border-radius: 15px;
  /* width: 300px; */
  width: 270px;
  height: 270px;
  opacity: 0;
  background-color: hsla(0, 0%, 0%, 0);
  transition: all 0.3s ease-in-out;
}

.cardi2 .card-chamonatvali2{
  position: absolute;
  top: 30%;
  right: 50%;
  width: 190px;
  transform: translateX(50%);
  font-size: 20px;
  /* line-height: 22px; */
  text-align: center;
  /* min-width: 190px;
  max-width: 220px; */
  font-weight: 700;
  color: rgb(255, 255, 255);
  opacity: 0;
  transition: 0.3s all ease-in-out;
}

.cardi2 .card-gilaki3{
  width: 110px;
  height: 30px;
  position: absolute;
  text-align: center;
  line-height: 25px;
  background-color: #2A263D;
  color: #ffffff;
  font-size: 14px;
  outline: none;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  bottom: 40%;
  right: 50%;
  transform: translateX(50%);
  opacity: 0;
  transition: 0.3s all ease-in-out;
}

/* აქ მთავრდება სხვადასხვა სივრცის ავეჯი */
/* იწყება სამზარეულო */

.aveji-samzareulo-satauri{
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 10px;
  color: #221C2D;
}

.samzareulo-grid{
  width: 900px;
  min-height: 10px;
  margin-bottom: 40px;
  display: grid;
  grid-template-columns: repeat(3, 280px);
  grid-template-rows: repeat(1,280px);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

.vertical01{ 
  width: 280px;
  height: 280px;
  border-radius: 10px;
  background-color: #1F182B;
  border-color: #221C2D;
  transition: all 0.3 ease-in-out;
}

.verrical01:hover{
  transform: scale(1.1);
}

.scale-dabneleba{
  width: 280px;
  height: 200px;
  border-radius: 10px;
  background-color: #1F182B;
  border-color: #221C2D;
}

.vertical01 img{
  width: 280px;
  height: 200px;
  object-fit: cover;
  border-radius: 10px;
}

.vertical01-ganmarteba{
  display: flex;
  justify-content: space-evenly;
}

.vertical-fasi01{
  width: 87px;
  height: 52px;
}

.vertical-fasi01 h4{
  color: white;
  text-align: center;
}

.imena-fasi{
  display: flex;
  text-align: center;
  color: white;
  font-size: 18px;
}

.imena-fasi h2{
  color: #2FEC28;
}

.imena-fasi h3{
  line-height: 40px;
  color: #EBC715;
}

.vertical-marjvena-mxare{
  width: 115px;
  height: 67px;
}

.aveji-wodeba h2{
  margin-top: 5px;
  color: white;
  font-size: 20px;
  text-align: center;
}

.aveji-wodeba h3{
  color: white;
  font-size: 20px;
  font-weight: 300;
  text-align: center;
}

.aveji-gilaki{
  position: relative;
  margin-bottom: 80px;
}

.aveji-gilaki a{
  position: absolute;
  left: 43.1%;
  /* transform: translateX(-50%); */
  width: 120px;
  height: 40px;
  border-radius: 10px;
  font-size: 18px;
  font-weight: 600;
  line-height: 35px;
  text-align: center;
  color: white;
  background-color: #1F182B;
  transition: all 0.3s ease-in-out;
}

.vertical-berlini-gilaki:hover a{
  transform: scale(1.2);
  transition: all 0.3s ease-in-out;
}

.sadzineblis-aveji-section{
  margin-bottom: 0px;
}

/* აქ მთავრდება სამზარეულო */
/* იწყება საძინებელი */

.sadzinebeli-grid2{
  width: 900px;
  min-height: 10px;
  margin-bottom: 40px;
  display: grid;
  grid-template-columns: repeat(3, 280px);
  grid-template-rows: repeat(2,280px);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

.bedroom01{ 
  width: 280px;
  height: 280px;
  border-radius: 10px;
  background-color: #1F182B;
  border-color: #221C2D;
  transition: all 0.3 ease-in-out;
  filter: drop-shadow(5px 5px 8px hsla(0, 0%, 0%, 0.6));
}

.bedroom01{ 
  width: 280px;
  height: 280px;
  border-radius: 10px;
  background-color: #1F182B;
  border-color: #221C2D;
  transition: all 0.3 ease-in-out;
}
.scale-dabneleba{
  width: 280px;
  height: 200px;
  border-radius: 10px;
  background-color: #1F182B;
  border-color: #221C2D;
}

.bedroom01 img{
  width: 280px;
  height: 200px;
  object-fit: cover;
  border-radius: 10px;
}

.bedroom01-ganmarteba{
  display: flex;
  justify-content: space-evenly;
}

.vertical-fasi01{
  width: 87px;
  height: 52px;
}

.vertical-fasi01 h4{
  color: white;
  text-align: center;
}

.imena-fasi{
  display: flex;
  text-align: center;
  color: white;
  font-size: 18px;
}

.imena-fasi h2{
  color: #2FEC28;
}

.imena-fasi h3{
  line-height: 40px;
  color: #EBC715;
}

.vertical-marjvena-mxare{
  width: 115px;
  height: 67px;
}

.aveji-wodeba h2{
  margin-top: 5px;
  color: white;
  font-size: 20px;
  text-align: center;
}

.aveji-wodeba2{
  width: 115px;
  height: 67px;
}

.aveji-wodeba2 h2{
  width: 115px;
  height: 67px;
  display: flex;
  color: white;
  align-items: center;
  font-size: 20px;
  justify-content: center;
}

.aveji-wodeba3 h2{
  margin-top: 5px;
  color: white;
  font-size: 20px;
  text-align: center;
}

.aveji-wodeba3 h3{
  color: white;
  font-size: 20px;
  font-weight: 300;
  text-align: center;
}

.aveji-gilaki{
  position: relative;
  margin-bottom: 80px;
}

.aveji-gilaki a{
  position: absolute;
  left: 43.1%;
  /* transform: translateX(-50%); */
  width: 120px;
  height: 40px;
  border-radius: 10px;
  font-size: 18px;
  font-weight: 600;
  line-height: 35px;
  text-align: center;
  color: white;
  background-color: #1F182B;
  transition: all 0.3s ease-in-out;
}

.aveji-gilaki:hover a{
  transform: scale(1.2);
  transition: all 0.3s ease-in-out;
}

/* აქ მთავრდება საძინებელი,მისაღებიც */
/* იწყება სააბაზანო */

.saabazano-grid{
  width: 900px;
  min-height: 10px;
  margin-bottom: 110px;
  display: grid;
  grid-template-columns: repeat(3, 280px);
  grid-template-rows: repeat(1,280px);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

.bedroom01{ 
  width: 280px;
  height: 280px;
  border-radius: 10px;
  background-color: #1F182B;
  border-color: #221C2D;
  transition: all 0.3 ease-in-out;
}

.abano01{ 
  width: 280px;
  height: 280px;
  border-radius: 10px;
  background-color: #1F182B;
  border-color: #221C2D;
  transition: all 0.3 ease-in-out;
}
.scale-dabneleba{
  width: 280px;
  height: 200px;
  border-radius: 10px;
  background-color: #1F182B;
  border-color: #221C2D;
}

.abano01 img{
  width: 280px;
  height: 200px;
  object-fit: cover;
  border-radius: 10px;
}

.abano01-ganmarteba{
  display: flex;
  justify-content: space-evenly;
}

.vertical-fasi01{
  width: 87px;
  height: 52px;
}

.vertical-fasi01 h4{
  color: white;
  text-align: center;
}

.imena-fasi{
  display: flex;
  text-align: center;
  color: white;
  font-size: 18px;
}

.imena-fasi h2{
  color: #2FEC28;
}

.imena-fasi h3{
  line-height: 40px;
  color: #EBC715;
}

.vertical-marjvena-mxare{
  width: 115px;
  height: 67px;
}

.aveji-wodeba h2{
  margin-top: 5px;
  color: white;
  font-size: 20px;
  text-align: center;
}

.aveji-wodeba h3{
  color: white;
  font-size: 20px;
  font-weight: 300;
  text-align: center;
}

.aveji-gilaki{
  position: relative;
  margin-bottom: 80px;
}

.aveji-gilaki a{
  position: absolute;
  left: 43.1%;
  /* transform: translateX(-50%); */
  width: 120px;
  height: 40px;
  border-radius: 10px;
  font-size: 18px;
  font-weight: 600;
  line-height: 35px;
  text-align: center;
  color: white;
  background-color: #1F182B;
  transition: all 0.3s ease-in-out;
}

.aveji-gilaki:hover a{
  transform: scale(1.2);
  transition: all 0.3s ease-in-out;
}

/* აქ მთავრდება სააბაზანო */
/* იწყება საოფისე */

.saofise-grid{
  width: 900px;
  min-height: 10px;
  margin-bottom: 120px;
  display: grid;
  grid-template-columns: repeat(3, 280px);
  grid-template-rows: repeat(1,280px);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

.ofisi01{ 
  width: 280px;
  height: 280px;
  border-radius: 10px;
  background-color: #1F182B;
  border-color: #221C2D;
  transition: all 0.3 ease-in-out;
}

.ofisi01{ 
  width: 280px;
  height: 280px;
  border-radius: 10px;
  background-color: #1F182B;
  border-color: #221C2D;
  transition: all 0.3 ease-in-out;
}
.scale-dabneleba{
  width: 280px;
  height: 200px;
  border-radius: 10px;
  background-color: #1F182B;
  border-color: #221C2D;
}

.ofisi01 img{
  width: 280px;
  height: 200px;
  object-fit: cover;
  border-radius: 10px;
}

.ofisi01-ganmarteba{
  display: flex;
  justify-content: space-evenly;
}

.vertical-fasi01{
  width: 87px;
  height: 52px;
}

.vertical-fasi01 h4{
  color: white;
  text-align: center;
}

.imena-fasi{
  display: flex;
  text-align: center;
  color: white;
  font-size: 18px;
}

.imena-fasi h2{
  color: #2FEC28;
}

.imena-fasi h3{
  line-height: 40px;
  color: #EBC715;
}

.vertical-marjvena-mxare{
  width: 115px;
  height: 67px;
}

.aveji-wodeba h2{
  margin-top: 5px;
  color: white;
  font-size: 20px;
  text-align: center;
}

.aveji-wodeba h3{
  color: white;
  font-size: 20px;
  font-weight: 300;
  text-align: center;
}

.aveji-gilaki{
  position: relative;
  margin-bottom: 80px;
}

.aveji-gilaki a{
  position: absolute;
  left: 43.1%;
  /* transform: translateX(-50%); */
  width: 120px;
  height: 40px;
  border-radius: 10px;
  font-size: 18px;
  font-weight: 600;
  line-height: 35px;
  text-align: center;
  color: white;
  background-color: #1F182B;
  transition: all 0.3s ease-in-out;
}

.aveji-gilaki:hover a{
  transform: scale(1.2);
  transition: all 0.3s ease-in-out;
}

/* აქ მთავრდება საოფისე ავეჯი */
/* იწყება მწერებისგან დამცავი ბადეები */

.bade-information{
  font-size: 26px;
  font-weight: 700;
  text-align: center;
  margin-top: 120px;
}

.video-information{
  font-size: 26px;
  font-weight: 700;
  text-align: center;
  margin-top: 120px;
}

.damcavi-badeebi-grid{
  width: 899px;
  min-height: 100px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 120px;
  margin-top: 60px;
  display: grid;
  grid-template-columns: repeat(3, 270px);
  grid-template-rows: repeat(1,270px);
  grid-column-gap: 33px;
  grid-row-gap: 33px;
}

.mwerebis-badeebi-paragrapi{
  width: 800px;
  min-height: 10px;
  font-size: 18px;
  font-weight: 700;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

/* აქ მთავრდება მწერებისგან დამცავი ბადეები */
/* იწყება ბადე ანჯამებზე */

.badeebi-satauri{
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  margin-top: 30px;
  color: #221C2D;
}

.bade-wodeba h2{
  margin-top: 5px;
  color: white;
  font-size: 20px;
  font-weight: 300;
  text-align: center;
}

.bade-wodeba h3{
  color: white;
  font-size: 20px;
  text-align: center;
}

.bade-wodeba2 h2{
  margin-top: 5px;
  color: white;
  font-size: 20px;
  font-weight: 300;
  text-align: center;
}

.bade-wodeba2 h3{
  color: white;
  font-size: 18px;
  text-align: center;
}

.imena-badis-fasi{
  display: flex;
  justify-content: space-evenly;
  text-align: center;
  color: white;
  font-size: 18px;
}

.imena-badis-fasi h2{
  color: #2FEC28;
}

.imena-badis-fasi h3{
  line-height: 40px;
  color: #EBC715;
}

.bade-grid{
  width: 900px;
  min-height: 10px;
  margin-top: 40px;
  margin-bottom: 60px;
  display: grid;
  grid-template-columns: repeat(3, 280px);
  grid-template-rows: repeat(1,280px);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

img.bade-anjamebze-surati{
  width: 900px;
  height: 500px;
  object-fit: cover;
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  filter: drop-shadow(5px 5px 8px hsla(0, 0%, 0%, 0.6));
}

.bade-anjamebze-satauri2{
  font-size: 28px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

.bade-gilaki{
  position: relative;
  margin-top: 20px;
  margin-bottom: 20px;
}

.bade-gilaki a{
  position: absolute;
  left: 43.1%;
  /* transform: translateX(-50%); */
  width: 120px;
  height: 40px;
  border-radius: 10px;
  font-size: 18px;
  font-weight: 600;
  line-height: 35px;
  text-align: center;
  color: white;
  background-color: #1F182B;
  transition: all 0.3s ease-in-out;
}

.bade-gilaki:hover a{
  transform: scale(1.2);
  transition: all 0.3s ease-in-out;
}

/* აქ მთავრდება ბადე ანჯამებზე */
/* იწყება ჩასადგმელი ბადე */

.chasadgmeli-bade-grid{
  width: 900px;
  min-height: 10px;
  margin-top: 40px;
  margin-bottom: 60px;
  display: grid;
  grid-template-columns: repeat(3, 280px);
  grid-template-rows: repeat(1,280px);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

img.bade-chasadgmeli-surati{
  width: 900px;
  height: 500px;
  object-fit: cover;
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  filter: drop-shadow(5px 5px 8px hsla(0, 0%, 0%, 0.6));
}

.bade-chasadgmeli-satauri2{
  font-size: 28px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

/* აქ მთავრდება ჩასადგმელი ბადე  */
/* იწყება პლისე ბადე */

.plise-bade-grid{
  width: 900px;
  min-height: 10px;
  margin-top: 40px;
  margin-bottom: 40px;
  display: grid;
  grid-template-columns: repeat(3, 280px);
  grid-template-rows: repeat(1,280px);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

img.bade-plise-surati{
  width: 900px;
  height: 500px;
  object-fit: cover;
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  filter: drop-shadow(5px 5px 8px hsla(0, 0%, 0%, 0.6));
}

.bade-plise-satauri2{
  font-size: 28px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

/* აქ მთავრდება პლისე და ზოგადად ბადე */
/* იწყება მეტალო პლასტმასები */

.kar-fanjara-section{
  width: 900px;
  height: 60px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
}

.kar-fanjara-section h3{
  text-align: center;
  padding-top: 180px;
}

/* აქ მთავრდება კარ-ფანჯარა */
/* იწყება გალერეა */

.satauri-gallery{
  text-align: center;
  margin-top: 60px;
  font-size: 30px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
}

.gallery-menu{
  width: 900px;
  height: 380px;
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
  margin-bottom: 40px;  
}

.card{
  position: relative;
  width: 430px;
  height: 304px;
  justify-content: flex-start;
  background-color: orangered;
  border-radius: 15px;
}

.card img{
  position: absolute;
  width: 430px;
  height: 304px;
  border-radius: 15px;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}

.card:hover img {
  transform: scale(1.1);
}
.card:hover .chabnelebistvis{
  transform: scale(1.1);
  background-color: hsla(0, 0%, 0%, 0.85);
  opacity: 1;
}

.card:hover .card-satauri,
.card:hover .card-ganmarteba,
.card:hover .card-gilaki {
  opacity: 1;
}

.chabnelebistvis{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  top: 0;
  border-radius: 15px;
  /* width: 300px; */
  width: 430px;
  height: 304px;
  opacity: 0;
  background-color: hsla(0, 0%, 0%, 0);
  transition: all 0.3s ease-in-out;
}

.card .card-satauri{
  position: absolute;
  top: 30%;
  right: 50%;
  width: 300px;
  transform: translateX(50%);
  font-size: 18px;
  /* line-height: 22px; */
  text-align: center;
  /* min-width: 190px;
  max-width: 220px; */
  font-weight: 700;
  color: rgb(255, 255, 255);
  opacity: 0;
  transition: 0.3s all ease-in-out;
}

.card .card-gilaki{
  width: 130px;
  height: 40px;
  position: absolute;
  text-align: center;
  line-height: 33px;
  background-color: #2A263D;
  color: #ffffff;
  font-size: 16px;
  outline: none;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  bottom: 40%;
  right: 50%;
  transform: translateX(50%);
  opacity: 0;
  transition: 0.3s all ease-in-out;
}

/* აქ მთავრდება გალერეა */
/* იწყება ფოტო გალერეა */

.mzisgan-photo-galerea h1{
  font-size: 30px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  font-weight: 700;
  margin-top: 10px;
}

.satauri-photo-gallery{
  text-align: center;
  font-size: 30px;
  font-weight: 400;
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 40px;
}

.photo-grid1{
  display: grid;
  grid-template-columns: 240px 160px 280px 189px;
  grid-template-rows: 170px;
  grid-column-gap:10px;
  margin-bottom: 10px;
}

.photo-grid2{
  display: grid;
  grid-template-columns: 180px 266px 180px 243px;
  grid-template-rows: 170px;
  grid-gap:0 10px;
  margin-bottom: 10px;
}

.photo-grid3{
  display: grid;
  grid-template-columns: 304px 164px 241px 160px;
  grid-template-rows: 170px;
  grid-gap:0 10px;
  margin-bottom: 10px;
}

.photo-grid4{
  display: grid;
  grid-template-columns: 160px 241px 164px 304px;
  grid-template-rows: 170px;
  grid-column-gap:10px;
  margin-bottom: 10px;
}

.photo-grid5{
  display: grid;
  grid-template-columns: 243px 180px 266px 180px;
  grid-template-rows: 170px;
  grid-gap:0 10px;
  margin-bottom: 10px;
}

.photo-grid6{
  display: grid;
  grid-template-columns: 189px 280px 160px 240px;
  grid-template-rows: 170px;
  grid-gap:0 10px;
  margin-bottom: 10px;
}

.photo-columns1 img{
  width: 240px; 
  height: 170px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns2 img{
  width: 160px; 
  height: 170px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns3 img{
  width: 280px; 
  height: 170px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns4 img{
  width: 189px; 
  height: 170px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns5 img{
  width: 180px; 
  height: 170px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns6 img{
  width: 266px; 
  height: 170px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns7 img{
  width: 180px; 
  height: 170px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns8 img{
  width: 243px; 
  height: 170px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns9 img{
  width: 304px; 
  height: 170px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns10 img{
  width: 164px; 
  height: 170px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns11 img{
  width: 241px; 
  height: 170px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns12 img{
  width: 160px; 
  height: 170px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns13 img{
  width: 160px; 
  height: 170px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns14 img{
  width: 241px; 
  height: 170px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns15 img{
  width: 164px; 
  height: 170px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns16 img{
  width: 304px; 
  height: 170px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns17 img{
  width: 243px; 
  height: 170px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns18 img{
  width: 180px; 
  height: 170px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns19 img{
  width: 266px; 
  height: 170px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns20 img{
  width: 180px; 
  height: 170px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns21 img{
  width: 189px; 
  height: 170px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns22 img{
  width: 280px; 
  height: 170px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns23 img{
  width: 160px; 
  height: 170px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns24 img{
  width: 240px; 
  height: 170px;
  object-fit: cover;
  border-radius: 10px;
}

/* აქ მთავრდება ფოტო გალერეა */
/* იწყება ვიდეო გალერეა */

.video-galerea{
  margin-left: auto;
  margin-right: auto;
  width: 900px;
  min-height: 10px;
}

.video-galerea h1{
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
}

.video-galley-grid{
  width: 899px;
  min-height: 100px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(3, 280px);
  grid-template-rows: repeat(2,215px);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

.video1{
  border-radius: 10px;
  background-color: #212126;
}

.video1 iframe{
  border-radius: 10px;
}

.video1 p{
  width: 260px;
  height: 55px;
  font-size: 14px;
  margin-left: auto;
  margin-right: auto;
  line-height: 50px;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
}

.video2{
  border-radius: 10px;
  background-color: #212126;
}

.video2 iframe{
  border-radius: 10px;
}

.video2 p{
  width: 260px;
  height: 55px;
  font-size: 14px;
  margin-left: auto;
  margin-right: auto;
  line-height: 50px;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
}

.video3{
  border-radius: 10px;
  background-color: #212126;
}

.video3 iframe{
  border-radius: 10px;
}

.video3 p{
  width: 260px;
  height: 55px;
  font-size: 14px;
  margin-left: auto;
  margin-right: auto;
  line-height: 50px;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
}

.video4{
  border-radius: 10px;
  background-color: #212126;
}

.video4 iframe{
  border-radius: 10px;
}

.video4 p{
  width: 260px;
  height: 55px;
  font-size: 14px;
  margin-left: auto;
  margin-right: auto;
  line-height: 50px;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
}

.video5{
  border-radius: 10px;
  background-color: #212126;
}

.video5 iframe{
  border-radius: 10px;
}

.video5 p{
  width: 260px;
  height: 55px;
  font-size: 14px;
  margin-left: auto;
  margin-right: auto;
  line-height: 50px;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
}

.video6{
  border-radius: 10px;
  background-color: #212126;
}

.video6 iframe{
  border-radius: 10px;
}

.video6 p{
  width: 260px;
  height: 55px;
  font-size: 14px;
  margin-left: auto;
  margin-right: auto;
  line-height: 50px;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
}

/* აქ მთავრდება გალერეა */
/* იწყება კონტაქტი */

.contact-satauri h1{
  font-size: 26px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  text-align: center;
}

.shekvetis-satauri{
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  margin-top: 30px;
  color: #221C2D;
}

.shekvetis-paragrapi{
  width: 600px;
  min-height: 10px;
  font-size: 18px;
  font-weight: 300;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

.contact-info{
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  margin-bottom: 50px;
  width: 900px;
  height: 300px;
  display: flex;
}

.marcxena-mxare{
  width: 500px;
  height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.tele-info{
  display: flex;
  /* height: 90px; */
}

.marcxena-icon{
  margin-right: 10px;
}

.marcxena-icon img{
  margin-top: 11px;
  width: 32px;
  height: 32px;
  justify-content: center;
}

.tele-text h4{
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 300;
  font-family: Arial, Helvetica, sans-serif;
}

.tele-text h2{
  margin-bottom: 5px;
  font-size: 24px;
  font-family: Arial, Helvetica, sans-serif;
}

.tele-text2 h2{
  font-size: 24px;
  color: #4339ca;
}

.marjvena-mxare{
  width: 400px;
  height: 280px;
  display: flex;
}

.marjvena-mxare img{
  width: 400px;
  height: 280px;
  object-fit: cover;
  border-radius: 15px;
  filter: drop-shadow(5px 5px 8px hsla(0, 0%, 0%, 0.6));
}

.contact-map{
  width: 900px;
  display: flex;
  justify-content: center;
  margin-top: 40px;
  margin-bottom: 40px;
}

.contact-map iframe{
  border-radius: 15px;
  filter: drop-shadow(5px 5px 8px hsla(0, 0%, 0%, 0.6));
}

.contact-map2{
  display: none;
}

.contact-map3{
  display: none;
}

.contact-map4{
  display: none;
}

/* აქ მთავრდება კონტაქტი */
/* იწყება ჩვენს შესახებ */

.chvens-shesaxeb-satauri h1{
  font-size: 26px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  text-align: center;
}

.about-us-mtliani{
  width: 900px;
  min-height: 400px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

.about-us1{
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
}

.about-us-text1{
  width: 510px;
  min-height: 300px;
}

.about-us-text1 h1{
  font-size: 30px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 20px;
}

.about-us-text1 p{
  font-size: 20px;
  font-weight: 300;
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
}

.about-us-text1 ul{
  margin-top: 30px;
  margin-left: 20px;
}

.about-us-text1 ul li{
  font-size: 20px;
  font-weight: 300;
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
}

.about-us-surati1{
  width: 350px;
  height: 658px;
  position: relative;
}

.about-us-surati1 img{
  position: sticky;
  top: 0;
  width: 350px;
  height: 300px;
  object-fit: cover;
  border-radius: 15px;
  filter: drop-shadow(5px 5px 8px hsla(0, 0%, 0%, 0.6));
}

.about-us2{
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
}

.about-us-text2{
  width: 510px;
  min-height: 300px;
}

.about-us-text2 h1{
  font-size: 30px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 20px;
}

.about-us-text2 p{
  font-size: 20px;
  font-weight: 300;
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
}

.about-us-surati2{
  width: 350px;
  height: 472px;
  position: relative;
}

.about-us-surati2 img{
  position: sticky;
  top: 0;
  width: 350px;
  height: 300px;
  object-fit: cover;
  border-radius: 15px;
  filter: drop-shadow(5px 5px 8px hsla(0, 0%, 0%, 0.6));
}

.about-us3{
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}

.about-us-text3{
  width: 510px;
  min-height: 300px;
}

.about-us-text3 h1{
  font-size: 30px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-top: 64.5px;
  margin-bottom: 20px;
}

.about-us-text3 ol li{
  font-size: 20px;
  font-weight: 300;
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
}

.about-us-surati3 img{
  width: 350px;
  height: 300px;
  object-fit: cover;
  border-radius: 15px;
  filter: drop-shadow(5px 5px 8px hsla(0, 0%, 0%, 0.6));
}

.sabavshvo-aveji-grid{
  width: 899px;
  min-height: 10px;
  margin-bottom: 40px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(3, 280px);
  grid-template-rows: repeat(1,300px);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  filter: none;
}


/* აქ იწყება ზომა 1024 განში */

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


  .burger-sazgvari{
    width: 0px;
    height: 0px;
  }

  nav{
    /* display: flex; */
    min-width: 100%;
    min-height: 100px;
    background-color: hsla(251, 24%, 18%, 0.88);
  }

  .nav-logo1{
    display: none;
  }
 


  .top-menu{
    display: flex;
    width: 700px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    /* background-color: aqua; */
    align-items: center;
    font-size: 18px;
    justify-content: space-between;
    color: white;
  }

  a{
    text-decoration: none;
  }

  .saxli{
    font-size: 18px;
    color: white;
    text-decoration: none;
    width: max-content;
    position: relative;
    cursor: pointer;
  }
  .saxli::after{
    content: "";
    position: absolute;
    bottom: -10px;
    height: 2px;
    width: 100%;
    left: 0;
    background-color: white;
    border-radius: 5px;
    transition: 0.3s;
    transition-timing-function: ease-in-out;
    transform: scaleX(0);
  }
  .saxli:hover::after{
    transform: scaleX(1);
  }

  .product{
    font-size: 18px;
    color: white;
    text-decoration: none;
    width: max-content;
    position: relative;
    cursor: pointer;
  }
  .product::after{
    content: "";
    position: absolute;
    bottom: -10px;
    height: 2px;
    width: 100%;
    left: 0;
    background-color: white;
    border-radius: 5px;
    transition: 0.3s;
    transition-timing-function: ease-in-out;
    transform: scaleX(0);
  }
  .product:hover::after{
    transform: scaleX(1);
  }

  .gallery{
    font-size: 18px;
    color: white;
    text-decoration: none;
    width: max-content;
    position: relative;
    cursor: pointer;
  }
  .gallery::after{
    content: "";
    position: absolute;
    bottom: -10px;
    height: 2px;
    width: 100%;
    left: 0;
    background-color: white;
    border-radius: 5px;
    transition: 0.3s;
    transition-timing-function: ease-in-out;
    transform: scaleX(0);
  }
  .gallery:hover::after{
    transform: scaleX(1);
  }

  .nav-about-us{
    font-size: 18px;
    color: white;
    text-decoration: none;
    width: max-content;
    position: relative;
    cursor: pointer;
  }
  .nav-about-us::after{
    content: "";
    position: absolute;
    bottom: -10px;
    height: 2px;
    width: 100%;
    left: 0;
    background-color: white;
    border-radius: 5px;
    transition: 0.3s;
    transition-timing-function: ease-in-out;
    transform: scaleX(0);
  }
  .nav-about-us:hover::after{
    transform: scaleX(1);
  }

  .contact{
    font-size: 18px;
    color: white;
    text-decoration: none;
    width: max-content;
    position: relative;
    cursor: pointer;
  }
  .contact::after{
    content: "";
    position: absolute;
    bottom: -10px;
    height: 2px;
    width: 100%;
    left: 0;
    background-color: white;
    border-radius: 5px;
    transition: 0.3s;
    transition-timing-function: ease-in-out;
    transform: scaleX(0);
  }
  .contact:hover::after{
    transform: scaleX(1);
  }

  .droshebi{
    display: none;
  }

  .enebinav{
    position: relative;
  }

  .mtavari-ena{
    display: flex;
    width: 70px;
    justify-content: space-between;
  }

  .enebis-text{
    display: flex;
  }

  .mtavari-ena img{
    width: 24px;
    height: 24px;
  }

  .enebi{
    cursor: pointer;

  }

  img.nav-arrow{
    height: 10px;
    width: 10px;
    margin-bottom: 5px;
    color: white;
  }

  .enebinav ul{
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    border: 1px solid #f8f8f8;
    box-shadow: 5px 5px 8px hsla(0, 0%, 0%, 0.2);
    border-radius: 5px;
    text-align: center;
    display: none;
    position: absolute;
    z-index: 1;
    top: 22px;
    left: -30px;
  }

  .enebinav ul li{
    list-style: none;
  }

  .enebinav ul li a{
    width: 120px;
    display: block;
    padding: 15px 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #212126;
  }

  .enebinav ul li a:hover{
    background-color: #e0e0e0;
  }

  .enebinav:hover ul{
    display: block;
  }

  img.logo{
    height: 80px;
    width: 80px;
  }



  img.saxlis-mtavari-surati{
    height: 500px;
    width: 100%;
    object-fit: cover;
}

section{
  width: 700px;
  min-height: 100px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  margin-bottom: 30px;
  /* background-color: aqua; */
}

.post-pirveli-seqcia{
display: grid;
grid-template-columns: repeat(2, 340px);
grid-template-rows: repeat(2, 350px);
justify-content: space-around;
overflow-y: hidden;
}

.post1{
  overflow-y: hidden;
  width: 340px;
  max-height: 320px;
  border-radius: 15px;
  background-color: #DFDFDF;
  margin-bottom: 30px;
  filter: drop-shadow(5px 5px 8px hsla(0, 0%, 0%, 0));
}

img.post1-surati{
  width: 340px;
  height: 220px;
  object-fit: cover;
  border-radius: 15px;
}

.post-ganmarteba-gilaki{
  width: 320px;
  height: 100px;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 10px;
  /* background-color: blue; */
}

h2.post1-ganmarteba{
  width: 170px;
  height: 40px;
  font-size: 16px;
  margin-left: 0px;
}

.post1 a{
max-width: 120px;
max-height: 100px;
}

.post-button{
  width: 120px;
  height: 40px;
  background-color: hsla(251, 24%, 18%, 0.88);
  border-radius: 10px;
  outline-style: solid;
  outline-width: 1.5px;
  outline-color: black;
  font-size: 16px;
  color: white;
  text-align: center;
  line-height: 35px;
  margin-right: 0px;
  cursor: pointer;
}

.post2{
width: 340px;
height: 320px;
overflow-y: hidden;
border-radius: 15px;
background-color: #DFDFDF;
margin-bottom: 30px;
filter: drop-shadow(5px 5px 8px hsla(0, 0%, 0%, 0));
}

img.post2-surati{
width: 340px;
height: 220px;
object-fit: cover;
border-radius: 15px;
}

h2.post2-ganmarteba{
width: 170px;
height: 40px;
font-size: 16px;
margin-left: 0px;
}

.post2 a{
max-width: 120px;
max-height: 100px;
}

.post3{
width: 340px;
height: 320px;
overflow-y: hidden;
border-radius: 15px;
background-color: #DFDFDF;
margin-bottom: 30px;
filter: drop-shadow(5px 5px 8px hsla(0, 0%, 0%, 0));
}

img.post3-surati{
width: 340px;
height: 220px;
object-fit: cover;
border-radius: 15px;
}

h2.post3-ganmarteba{
width: 170px;
height: 40px;
font-size: 16px;
margin-left: 0px;
}

.post3 a{
max-width: 120px;
max-height: 100px;
}

.post4{
width: 340px;
height: 320px;
overflow-y: hidden;
border-radius: 15px;
background-color: #DFDFDF;
margin-bottom: 30px;
filter: drop-shadow(5px 5px 8px hsla(0, 0%, 0%, 0));
}

img.post4-surati{
width: 340px;
height: 220px;
object-fit: cover;
border-radius: 15px;
}

h2.post4-ganmarteba{
width: 170px;
height: 40px;
font-size: 16px;
margin-left: 0px;
}

.post4 a{
max-width: 120px;
max-height: 100px;
}


footer{
  margin-top: auto;
  width: 100%;
  min-height: 160px;
  background-color: hsla(251, 24%, 18%, 0.88);
}

.footer-sections{
  width: 700px;
  min-height: 160px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  /* flex-direction: column; */
  justify-content: space-between;
  /* background-color: blue; */
}

.fot-linkebi1{

  text-align: center;
  color: white;
  text-decoration: none;
  font-size: 16px;
}

.fot-linkebi2{

  text-align: center;
  color: white;
  text-decoration: none;
  font-size: 16px;
}

.fot-linkebi3{

  text-align: center;
  color: white;
  text-decoration: none;
  font-size: 16px;
  
}

.fot-linkebi4{
  text-align: center;
  color: white;
  text-decoration: none;
  font-size: 16px;
}

.fot-linkebi5{

  text-align: center;
  color: white;
  text-decoration: none;
  font-size: 16px;
}

.fot-linkebi6{

text-align: center;
color: white;
text-decoration: none;
font-size: 16px;
}

.fot-linkebi7{

text-align: center;
color: white;
text-decoration: none;
font-size: 16px;
}

.fot-linkebi8{

text-align: center;
color: white;
text-decoration: none;
font-size: 16px;
}

.fot-linkebi9{

text-align: center;
color: white;
text-decoration: none;
font-size: 16px;
}

.fot-linkebi10{

text-align: center;
color: white;
text-decoration: none;
font-size: 16px;
}

.fot-linkebi11{

text-align: center;
color: white;
text-decoration: none;
font-size: 16px;
}

.footer-sections ul{
  justify-content: center;
  margin-left: 0px;
}

.footer-sections li{
  height: 30px;
  margin-top: 10px;
}

.fot-icons{
display: flex;
width: 162px;
height: 100px;
justify-content: space-between;
margin-left: auto;
margin-right: auto;
align-items: center;
}

img.fot-facebook{
width: 40px;
height: 40px;
}

img.fot-youtube{
/* width: 40px; */
height: 40px;
}

img.fot-instagram{
width: 40px;
height: 40px;
}

.saavtoro-ufleba{
  overflow-y: hidden;
  text-align: center;
font-size: 14px;
color: white;
margin-bottom: 10px;
}

/* აქედან იწყება პროდუქცია */

.product-menu{
  display: flex;
  width: 700px;
  align-items: center;
  /* flex-direction: column; */
  justify-content: space-between;
  margin-bottom: 40px;
  
}

.product-menu2{
  display: flex;
  width: 700px;
  height: auto;
  align-items: center;
  /* flex-direction: column; */
  justify-content: space-between;
  margin-bottom: 40px;
}

.card:hover img {
  transform: none;
}
.card:hover .chabnelebistvis{
  transform: none;
  background-color: hsla(0, 0%, 0%, 0.6);
  opacity: unset;
}

.card:hover .card-satauri,
.card:hover .card-ganmarteba,
.card:hover .card-gilaki {
  opacity: none;
}


.card{
  position: relative;
  width: 320px;
  height: 200px;
  justify-content: flex-start;
  background-color: orangered;
  border-radius: 15px;
  filter: none;
}

.card img{
  position: absolute;
  width: 320px;
  height: 200px;
  border-radius: 15px;
  object-fit: cover;
  transition: none;
}


.chabnelebistvis{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  top: 0;
  border-radius: 15px;
  /* width: 300px; */
  width: 320px;
  height: 200px;
  background-color: hsla(0, 0%, 0%, 0.6);
  transition: none;
  opacity: 1;
}

.card .card-satauri{
  position: absolute;
  top: 30%;
  right: 50%;
  width: 320px;
  transform: translateX(50%);
  font-size: 18px;
  /* line-height: 22px; */
  text-align: center;
  /* min-width: 190px;
  max-width: 220px; */
  font-weight: 300;
  color: rgb(255, 255, 255);
  opacity: 1;
  transition: 0.3s all ease-in-out;
}

.card .card-gilaki{
  width: 130px;
  height: 40px;
  position: absolute;
  text-align: center;
  line-height: 33px;
  background-color: #2A263D;
  color: #ffffff;
  font-size: 16px;
  outline: none;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  bottom: 30%;
  right: 50%;
  opacity: 1;
  transition: 0.3s all ease-in-out;
}

/* აქედან იწყება გალერეა */

.satauri-gallery{
  text-align: center;
  margin-top: 60px;
  font-size: 30px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
}

.gallery-menu{
  width: 700px;
  height: 330px;
  display: flex;
  align-items: center;
  /* flex-direction: column; */
  justify-content: space-between;
  margin-top: 60px;
  margin-bottom: 40px;  
}

.card{
  position: relative;
  width: 340px;
  height: 300px;
  justify-content: flex-start;
  background-color: orangered;
  border-radius: 15px;
}

.card img{
  position: absolute;
  width: 340px;
  height: 300px;
  border-radius: 15px;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}

.card:hover img {
  transform: none;
}
.card:hover .chabnelebistvis{
  transform: none;
  background-color: hsla(0, 0%, 0%, 0.6);
  opacity: 1;
}

.card:hover .card-satauri,
.card:hover .card-ganmarteba,
.card:hover .card-gilaki {
  opacity: 1;
}

.chabnelebistvis{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  top: 0;
  border-radius: 15px;
  /* width: 300px; */
  width: 340px;
  height: 300px;
  opacity: 1;
  background-color: hsla(0, 0%, 0%, 0.6);
  transition: all 0.3s ease-in-out;
}

.card .card-satauri{
  overflow-y: hidden;
  position: absolute;
  top: 30%;
  right: 50%;
  width: 300px;
  height: 30px;
  transform: translateX(50%);
  font-size: 18px;
  /* line-height: 22px; */
  text-align: center;
  /* min-width: 190px;
  max-width: 220px; */
  font-weight: 700;
  color: rgb(255, 255, 255);
  opacity: 1;
  transition: 0.3s all ease-in-out;
}

.card .card-gilaki{
  width: 130px;
  height: 40px;
  position: absolute;
  text-align: center;
  line-height: 33px;
  background-color: #2A263D;
  color: #ffffff;
  font-size: 16px;
  outline: none;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  bottom: 30%;
  right: 50%;
  transform: translateX(50%);
  opacity: 1;
  transition: 0.3s all ease-in-out;
}

/* იწყება ჩვენს შესახებ */

.chvens-shesaxeb-satauri h1{
  font-size: 26px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  text-align: center;
}

.about-us-mtliani{
  width: 700px;
  min-height: 400px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

.about-us1{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 60px;
}

.about-us-text1{
  width: 700px;
  min-height: 300px;
}

.about-us-text1 h1{
  width: 700px;
  font-size: 30px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 20px;
}

.about-us-text1 p{
  font-size: 24px;
  font-weight: 300;
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
}

.about-us-text1 ul{
  margin-top: 30px;
  margin-left: 20px;
}

.about-us-text1 ul li{
  font-size: 24px;
  font-weight: 300;
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
}

.about-us-surati1{
  display: none;
  width: 320px;
  min-height: 58px;
  position: relative;
}

.about-us2{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 60px;
}

.about-us-text2{
  width: 700px;
  min-height: 100px;
}

.about-us-text2 h1{
  font-size: 30px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 20px;
}

.about-us-text2 p{
  font-size: 24px;
  font-weight: 300;
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
}

.about-us-surati2{
  display: none;
  width: 350px;
  height: 472px;
  position: relative;
}

.about-us-surati2 img{
  position: sticky;
  top: 0;
  width: 350px;
  height: 300px;
  object-fit: cover;
  border-radius: 15px;
  filter: drop-shadow(5px 5px 8px hsla(0, 0%, 0%, 0.6));
}

/* აქ იწყება კონტაქტი */

.contact-satauri h1{
  font-size: 26px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  text-align: center;
}

.shekvetis-satauri{
  overflow-y: hidden;
  height: 40px;
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  margin-top: 30px;
  color: #221C2D;
}

.shekvetis-paragrapi{
  width: 700px;
  min-height: 10px;
  font-size: 20px;
  font-weight: 300;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  color: #221C2D;
}

.contact-info{
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
  width: 700px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.marcxena-mxare{
  width: 700px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.tele-info{
  display: flex;
  justify-content: flex-start;
  width: 700px;
  justify-content: center;
  /* height: 400px; */
}

.marcxena-icon{
  margin-right: 10px;
}

.marcxena-icon img{
  margin-top: 11px;
  width: 40px;
  height: 40px;
  justify-content: center;
}

.tele-text h4{
  width: 300px;
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: 300;
  font-family: Arial, Helvetica, sans-serif;
}

.tele-text h2{
  width: 640px;
  margin-bottom: 5px;
  font-size: 26px;
  font-family: Arial, Helvetica, sans-serif;
}

.tele-text2 h2{
  width: 640px;
  height: 40px;
  font-size: 26px;
  color: #4339ca;
}

.tele-text2 h4{
  width: 380px;
  height: 30px;
  font-size: 20px;
  font-weight: 300;
}

.marjvena-mxare{
  overflow-y: hidden;
  width: 400px;
  height: 200px;
  display: none;
}

.marjvena-mxare img{
  width: 400px;
  height: 200px;
  object-fit: cover;
  border-radius: 15px;
  filter: drop-shadow(5px 5px 8px hsla(0, 0%, 0%, 0.6));
}

.contact-map2{
  width: 700px;
  display: flex;
  justify-content: center;
  margin-top: 40px;
  margin-bottom: 40px;
}

.contact-map2 iframe{
  border-radius: 15px;
  filter: none;
}

.contact-map{
  display: none;
}

.contact-map3{
  display: none;
}

.contact-map4{
  display: none;
}

/* აქ დაიწყება მზისგან დამცავი სისტემები */

.mzisgan-damcavi-satauri{
  font-size: 26px;
  height: 80px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

.mzisgan-damcavi-grid1{
  /* margin-left: auto;
  margin-right: auto; */
  align-items: center;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(2, 333px);
  grid-template-rows: repeat(4, 240px);
  grid-column-gap: 33px;
  grid-row-gap: 33px;
  margin-bottom: 40px;
}

.cardi{
  position: relative;
  width: 333px;
  height: 240px;
  /* justify-content: center; */
  background-color: orangered;
  border-radius: 15px;
  filter: none;
}

.cardi img{
  position: absolute;
  width: 333px;
  height: 240px;
  border-radius: 15px;
  object-fit: cover;
  transition: none;
}

.cardi:hover img {
  transform: none;
}
.cardi:hover .chabnelebistvis2{
  transform: none;
  background-color: hsla(0, 0%, 0%, 0.6);
  opacity: 1;
}

.cardi:hover .card-chamonatvali,
.cardi:hover .card-ganmarteba,
.cardi:hover .card-gilaki2 {
  opacity: 1;
}

.chabnelebistvis2{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  top: 0;
  border-radius: 15px;
  /* width: 300px; */
  width: 333px;
  height: 240px;
  opacity: 1;
  background-color: hsla(0, 0%, 0%, 0.6);
  transition: all 0.3s ease-in-out;
}

.cardi .card-chamonatvali{
  position: absolute;
  top: 30%;
  right: 50%;
  width: 190px;
  height: 40px;
  transform: translateX(50%);
  font-size: 16px;
  /* line-height: 22px; */
  text-align: center;
  /* min-width: 190px;
  max-width: 220px; */
  font-weight: 700;
  color: rgb(255, 255, 255);
  opacity: 1;
  transition: none;
}

.cardi .card-gilaki2{
  width: 110px;
  height: 30px;
  position: absolute;
  text-align: center;
  line-height: 25px;
  background-color: #2A263D;
  color: #ffffff;
  font-size: 14px;
  outline: none;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  bottom: 25%;
  right: 50%;
  transform: translateX(50%);
  opacity: 1;
  transition: none;
}

/* აქ იწყება ვერწიკალურები */

.vertikaluri-jaluzebi-paragrapi{
  width: 700px;
  min-height: 10px;
  font-size: 18px;
  font-weight: 500;
  margin-left: auto;
  margin-right: auto;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

img.vertical-mtavari-surati{
  width: 700px;
  height: 400px;
  object-fit: cover;
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  filter: none;
}

.vertical-jaluzi-satauri2{
  font-size: 28px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

.vertikaluri-jaluzebi-grid{
  min-height: 10px;
  margin-bottom: 40px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(2, 333px);
  grid-template-rows: repeat(3,300px);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  filter: none;
}



.vertical01{ 
  width: 333px;
  height: 300px;
  border-radius: 10px;
  background-color: #1F182B;
  border-color: #221C2D;
  transition: all 0.3 ease-in-out;
  filter: none;
}

.vertical01 img{
  width: 333px;
  height: 200px;
  object-fit: cover;
  border-radius: 10px;
}

.vertical01-ganmarteba{
  height: 70px;
  margin-top: 10px;
  display: flex;
  justify-content: space-evenly;
}

.vertical-fasi01{
  width: 87px;
  height: 70px;
}

.vertical-fasi01 h4{
  color: white;
  text-align: center;
}

.vertical-marjvena-mxare{
  width: 130px;
  height: 70px;
}

.vertical-wodeba{
  height: 30px;
  color: white;
  font-size: 22px;
  text-align: center;
}

.galereis-suratebis-gilaki{
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
  position: relative;
  margin-bottom: 30px;
  width: 320px;
  height: 60px;
}

.galereis-suratebis-gilaki a{
  position: unset;
  /* left: 50%;
  transform: translate(-50%); */
  width: 220px;
  height: 40px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 600;
  line-height: 35px;
  text-align: center;
  color: white;
  background-color: #1F182B;
  transition: none;
}

.galereis-suratebis-gilaki:hover a{
  transform: none;
  transition: none;
}

/* აქ იწყება ბერლინი */

.vertical-berlini-mtliani-satauri{
  width: 700px;
  min-height: 10px;
  /* background-color: #2FEC28; */
}

.vertical-berlini-satauri{
  color: #221C2D;
  height: 50px;
  font-size: 32px;
  text-align: center;
  font-weight: bold;
}

.vertical-berlini-qvesatauri{
  color: #221C2D;
  font-size: 26px;
  min-height: 40px;
  text-align: center;
  font-weight: 100;
  line-height: 35px;
}

.vertical-berlini-gilaki{
  width: 700px;
  height: 100px;
  position: relative;
  display: flex;
  justify-content: center;
}

.vertical-berlini-gilaki a{
  position: unset;
  /* left: 50%; */
  /* transform: translateX(-50%); */
  width: 120px;
  height: 40px;
  border-radius: 10px;
  font-size: 18px;
  font-weight: 600;
  /* line-height: 35px; */
  text-align: center;
  color: white;
  background-color: #1F182B;
  /* transition: none; */
}

/* .vertical-berlini-gilaki:hover a{
  transform: none;
  transition: none;
} */

.vertical-berlini-grid{
  width: 700px;
  /* height: 2450px; */
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(3, 200px);
  grid-template-rows: repeat(10, 225px);
  grid-column-gap: 20px;
  grid-row-gap: 40px;
}

.berlin-grid-20{
  overflow-y: hidden;
  /* height: 250px; */
  border-radius: 10px;
}

.berlin-grid-20 img{
  width: 200px;
  height: 200px;
  object-fit: cover;
  border-radius: 10px;
  color: #1F182B;
}

.berlin-grid-20 h1{
  font-size: 22px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}

/* აქ იწყება შანწუნგი ფერები */

.vertical-shantungi-grid{
  width: 700px;
  /* height: 1000px; */
  overflow-y: hidden;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(3, 200px);
  grid-template-rows: repeat(4, 250px);
  grid-column-gap: 20px;
  grid-row-gap: 40px;
}

.berlin-grid-1{
  width: 200px;
  /* height: 350px; */
  overflow-y: hidden;
  border-radius: 10px;
}

.berlin-grid-1 h4{
  overflow-y: hidden;
  /* height: 250px; */
  font-size: 18px;
  text-align: center;
  font-weight: 600;
}

.berlin-grid-1 img{
  width: 200px;
  height: 200px;
  object-fit: cover;
  border-radius: 10px;
  color: #1F182B;
}

.berlin-grid-1 h1{
  overflow-y: hidden;
  font-size: 22px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}

/* იწყება ხაზიანი ფერები */

.vertical-xaziani-grid{
  width: 700px;
  /* height: 1000px; */
  overflow-y: hidden;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(3, 200px);
  grid-template-rows: repeat(4, 230px);
  grid-column-gap: 20px;
  grid-row-gap: 40px;
}

/* იწყება მაიამი ფერები */

.vertical-maiami-grid{
  width: 700px;
  /* height: 800px; */
  overflow-y: hidden;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(3, 200px);
  grid-template-rows: repeat(3, 230px);
  grid-column-gap: 20px;
  grid-row-gap: 50px;
}

/* აქ იწყება პარიზი ფერები */

.vertical-parizi-grid{
  width: 700px;
  /* height: 1250px; */
  overflow-y: hidden;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(3, 200px);
  grid-template-rows: repeat(5, 230px);
  grid-column-gap: 20px;
  grid-row-gap: 40px;
}

/* აქ იწყება სქრინი ფერები */

.vertical-sqrini-grid{
  width: 700px;
  /* height: 550px; */
  overflow-y: hidden;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(3, 200px);
  grid-template-rows: repeat(2, 230px);
  grid-column-gap: 20px;
  grid-row-gap: 40px;
}

/* აქ იწყება ჰორიზონტალური ჟალუზი */

.horizontaluri-jaluzebi-paragrapi{
  width: 700px;
  min-height: 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  margin-left: auto;
  margin-right: auto;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

img.horizontaluri-mtavari-surati{
  width: 700px;
  height: 400px;
  object-fit: cover;
  object-position: top;
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  filter: none;
}

.horizontaluri-jaluzi-satauri2{
  font-size: 26px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

.horizontaluri-jaluzi-grid{
  width: 700px;
  /* height: 280px; */
  overflow-y: hidden;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  overflow-y: hidden;
  grid-template-columns: repeat(2, 200px);
  grid-template-rows: repeat(1, 280px);
  grid-column-gap: 20px;
  grid-row-gap: 33px;
}

/* აქ იწყება რულონური ჟალუზი */

.vertical-wodeba2{
  height: 40px;
  margin-bottom: 0;
}

.vertical-fasi01 h4{
  height: 20px;
}
.vertical-marjvena-mxare2 a{
  
  height: 40px;
  
}

.rulonuri-mtavari-grid{
  /* width: 700px;
  height: 1400px; */
  margin-bottom: 40px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(2, 333px);
  grid-template-rows: repeat(2, 300px);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  filter: none;
}

.roleti-jaluzebi-paragrapi{
  width: 700px;
  min-height: 10px;
  font-size: 18px;
  font-weight: 700;
  margin-left: auto;
  margin-right: auto;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

img.roleti-mtavari-surati{
  width: 700px;
  height: 400px;
  object-fit: cover;
  object-position: top;
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  filter: none;
}

/* აქ იწყება თხელი, სქელი, საშუალო, ბლექაუთი როლეტის ფერი */

.rulonuri-txeli-grid{
  width: 700px;
  /* min-height: 55  0px; */
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  justify-content: center;
  overflow-y: hidden;
  grid-template-columns: repeat(3, 200px);
  grid-template-rows: repeat(2, 230px);
  grid-column-gap: 20px;
  grid-row-gap: 40px;
}

.rulonuri-sashualo-grid{
  width: 700px;
  /* height: 1500px; */
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  justify-content: center;
  overflow-y: hidden;
  grid-template-columns: repeat(3, 200px);
  grid-template-rows: repeat(6, 230px);
  grid-column-gap: 20px;
  grid-row-gap: 40px;
}

.rulonuri-sqeli-grid{
  width: 700px;
  /* min-height: 550px; */
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  justify-content: center;
  justify-content: center;
  overflow-y: hidden;
  grid-template-columns: repeat(3, 200px);
  grid-template-rows: repeat(2, 230px);
  grid-column-gap: 20px;
  grid-row-gap: 40px;
}

.rulonuri-blackout-grid{
  width: 700px;
  /* height: 500px; */
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  overflow-y: hidden;
  grid-template-columns: repeat(3, 200px);
  grid-template-rows: repeat(2, 230px);
  grid-column-gap: 20px;
  grid-row-gap: 40px;
}

/* აქ დაიწყება ზებრა ჟალუზი */

.zebra-jaluzi-grid{
  width: 700px;
  /* height: 280px; */
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  justify-content: center;
  overflow-y: hidden;
  grid-template-columns: repeat(3, 200px);
  grid-template-rows: repeat(1, 270px);
  grid-column-gap: 20px;
  grid-row-gap: 40px;
}

.zebra-jaluzebi-paragrapi{
  width: 700px;
  min-height: 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  margin-left: auto;
  margin-right: auto;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

img.zebra-mtavari-surati{
  width: 700px;
  height: 400px;
  object-fit: cover;
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  filter: none;
}

.zebra-jaluzi-satauri2{
  font-size: 24px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

/* აქედან იწყება როლეტი მაგნოლია */

.roleti-magnolia-grid{
  width: 700px;
  /* min-height: 240px; */
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  justify-content: center;
  overflow-y: hidden;
  grid-template-columns: repeat(3, 200px);
  grid-template-rows: repeat(1, 260px);
  grid-column-gap: 20px;
  grid-row-gap: 40px;
}

.roleti-magnolia-paragrapi{
  width: 700px;
  min-height: 10px;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  margin-left: auto;
  margin-right: auto;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

img.roleti-magnolia-surati{
  width: 700px;
  height: 400px;
  object-fit: cover;
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  filter: none;
}

.roleti-magnolia-satauri2{
  font-size: 24px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

/* აქ მთავრდება როლეტი მაგნოლია */
/* იწყება ზებრა მაგნოლია */

.zebra-magnolia-grid{
  width: 700px;
  /* min-height: 240px; */
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  justify-content: center;
  overflow-y: hidden;
  grid-template-columns: repeat(3, 200px);
  grid-template-rows: repeat(1, 260px);
  grid-column-gap: 20px;
  grid-row-gap: 40px;
}

.zebra-magnolia-paragrapi{
  width: 700px;
  min-height: 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  margin-left: auto;
  margin-right: auto;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

img.zebra-magnolia-surati{
  width: 700px;
  height: 400px;
  object-fit: cover;
  object-position: top;
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  filter: none;
}

.zebra-magnolia-satauri2{
  font-size: 24px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

/* აქ მთავრდება ზებრა მაგნოლია */
/* იწყება რომაული ფარდა-ჟალუზი */

.romauli-jaluzi-grid{
  width: 700px;
  /* height: 1100px; */
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  justify-content: center;
  justify-content: center;
  overflow-y: hidden;
  grid-template-columns: repeat(3, 200px);
  grid-template-rows: repeat(4, 250px);
  grid-column-gap: 20px;
  grid-row-gap: 40px;
}

.romauli-jaluzebi-paragrapi{
  width: 700px;
  min-height: 10px;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  margin-left: auto;
  margin-right: auto;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

img.romauli-mtavari-surati{
  width: 700px;
  height: 400px;
  object-fit: cover;
  object-position: top;
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  filter: none;
}

.romauli-jaluzi-satauri2{
  font-size: 24px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

/* აქ მთავრდება რომაული ფარდა-ჟალუზი */
/* იწყება პლისე ჟალუზი */

.plise-jaluzi-grid{
  width: 700px; 
  /* min-height: 240px; */
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  justify-content: center;
  overflow-y: hidden;
  grid-template-columns: repeat(3, 200px);
  grid-template-rows: repeat(1, 270px);
  grid-column-gap: 20px;
  grid-row-gap: 50px;
}

/* აქედან იმენა ავეჯები და თემები */

.aveji-gallery-grid1{
  width: 700px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(2, 333px);
  grid-template-rows: repeat(2, 260px);
  grid-column-gap: 33px;
  grid-row-gap: 33px;
  margin-bottom: 40px;
}

/* იწყება სამზარეულო */

.aveji-gilaki{
  width: 700px;
  height: 100px;
  position: relative;
  display: flex;
  justify-content: center;
  margin-bottom: 0px;
}

.aveji-gilaki a{
  position: unset;
  /* left: 50%; */
  /* transform: translateX(-50%); */
  width: 120px;
  height: 40px;
  border-radius: 10px;
  font-size: 18px;
  font-weight: 600;
  /* line-height: 35px; */
  text-align: center;
  color: white;
  background-color: #1F182B;
  /* transition: none; */
}

.mzisgan-damcavi-satauri2{
  height: 40px;
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #221C2D;
}

h2.samzareulo-wodeba{
  height: 60px;
  margin-top: 6px;
  color: white;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}

.vertical-fasi03{
  width: 105px;
  height: 70px;
}

.imena-fasi5{
  display: flex;
  text-align: center;
  color: white;
  font-size: 18px;
}

.imena-fasi5 h2{

  color: #2FEC28;
}

.imena-fasi5 h3{
  line-height: 40px;
  color: #EBC715;
}

.vertical-fasi03 h4{
  height: 30px;
  color: white;
  text-align: center;
}

.samzareulo-grid{
  width: 700px;
  min-height: 10px;
  margin-bottom: 40px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(2, 333px);
  grid-template-rows: repeat(2,300px);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  filter: none;
}

/* აქედან იწყება კარადები და თემები */

img.karada-mtavari-surati{
  object-position: auto;
  width: 700px;
  height: 400px;
  /* object-fit: cover; */
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  filter: none;
}

.sawolebi-grid{
  width: 700px;
  min-height: 10px;
  margin-bottom: 40px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(2, 333px);
  grid-template-rows: repeat(1,300px);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  filter: none;
}

.sabavshvo-aveji-grid{
  width: 700px;
  min-height: 10px;
  margin-bottom: 40px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(2, 333px);
  grid-template-rows: repeat(2,300px);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  filter: none;
}

/* აქედან იწყება ბადეები პროდუქციის */

.badeebi-satauri{
  width: 700px;
  height: 60px;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  margin-top: 30px;
  color: #221C2D;
}

.mwerebis-badeebi-paragrapi{
  width: 700px;
  min-height: 10px;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

.damcavi-badeebi-grid{
  width: 700px;
  min-height: 100px;
  margin-bottom: 120px;
  margin-top: 60px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(2, 333px);
  grid-template-rows: repeat(2,270px);
  grid-column-gap: 33px;
  grid-row-gap: 33px;
}

.cardi2{
  position: relative;
  width: 333px;
  height: 270px;
  justify-content: flex-start;
  background-color: none;
  border-radius: 15px;
  /* margin-right: 100px; */
}

.cardi2 img{
  position: absolute;
  width: 333px;
  height: 270px;
  border-radius: 15px;
  object-fit: cover;
  transition: none;
}

.cardi2:hover img {
  transform: none;
}
.cardi2:hover .chabnelebistvis3{
  transform: none;
  background-color: hsla(0, 0%, 0%, 0.6);
  opacity: 1;
}

.cardi2:hover .card-chamonatvali2,
.cardi2:hover .card-ganmarteba,
.cardi2:hover .card-gilaki3 {
  opacity: 1;
}

.chabnelebistvis3{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  top: 0;
  border-radius: 15px;
  /* width: 300px; */
  width: 333px;
  height: 270px;
  opacity: 1;
  background-color: hsla(0, 0%, 0%, 0.6);
  transition: none;
}

.cardi2 .card-chamonatvali2{
  position: absolute;
  overflow-y: hidden;
  top: 30%;
  right: 50%;
  width: 190px;
  height: 60px;
  transform: translateX(50%);
  font-size: 20px;
  text-align: center;
  font-weight: 700;
  color: rgb(255, 255, 255);
  opacity: 1;
  transition: none;
}

.cardi2 .card-gilaki3{
  width: 120px;
  height: 30px;
  position: absolute;
  text-align: center;
  line-height: 25px;
  background-color: #15131d;
  color: #ffffff;
  font-size: 14px;
  outline: none;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  bottom: 35%;
  right: 50%;
  transform: translateX(50%);
  opacity: 1;
  transition: 0.3s all ease-in-out;
}

/* აქ დაიწყება ბადე ანჯამებზე */

.aveji-samzareulo-satauri{
  width: 700px;
  height: 60px;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  margin-top: 30px;
  color: #221C2D;
}

.bade-gilaki{
  width: 700px;
  height: 60px;
  position: unset;
  display: flex;
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

.bade-gilaki a{
  position: unset;
  width: 120px;
  height: 40px;
  border-radius: 10px;
  font-size: 18px;
  font-weight: 600;
  line-height: 35px;
  color: white;
  background-color: #0d0b0f;
  transition: none;
}

.bade-gilaki:hover a{
  transform: none;
  transition: none;
}

img.bade-anjamebze-surati{
  width: 700px;
  height: 400px;
  object-fit: cover;
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  filter: none;
}

.bade-anjamebze-satauri2{
  font-size: 24px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

.bade-grid{
  width: 700px;
  min-height: 10px;
  margin-top: 40px;
  margin-bottom: 60px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(2, 333px);
  grid-template-rows: repeat(2, 300px);
  grid-column-gap: 33px;
  grid-row-gap: 40px;
}

.bade-wodeba{
  height: 70px;
}

.bade-wodeba h2{
  height: 25px;
  margin-top: 0px;
  color: white;
  font-size: 20px;
  font-weight: 300;
  text-align: center;
}

.bade-wodeba h3{
  height: 40px;
  color: white;
  font-size: 20px;
  text-align: center;
}

.ofisi01{ 
  width: 300px;
  height: 300px;
  border-radius: 10px;
  background-color: #1F182B;
  border-color: #221C2D;
  transition: all 0.3 ease-in-out;
}

.ofisi01 img{
  width: 300px;
  height: 200px;
  object-fit: cover;
  border-radius: 10px;
}

.chasadgmeli-bade-grid{
  width: 700px;
  min-height: 10px;
  margin-top: 40px;
  margin-bottom: 60px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(2, 333px);
  grid-template-rows: repeat(2, 300px);
  grid-column-gap: 30px;
  grid-row-gap: 40px;
}

img.bade-chasadgmeli-surati{
  width: 700px;
  height: 400px;
  object-fit: cover;
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  filter: none;
}

.bade-chasadgmeli-satauri2{
  font-size: 24px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

.plise-bade-grid{
  width: 700px;
  min-height: 10px;
  margin-top: 40px;
  margin-bottom: 40px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(2, 333px);
  grid-template-rows: repeat(2, 333px);
  grid-column-gap: 30px;
  grid-row-gap: 40px;
}

img.bade-plise-surati{
  width: 700px;
  height: 400px;
  object-fit: cover;
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  filter: none;
}

.bade-plise-satauri2{
  font-size: 24px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

/* აქ მთავრდება პლისე და ზოგადად ბადე */
/* იწყება მეტალო პლასტმასები */

.kar-fanjara-section h3{
  text-align: center;
  padding-top: 180px;
}

.kar-fanjara-section{
  width: 700px;
  height: 60px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
}

.kar-fanjara-section h3{
  /* height: 230px; */
  text-align: center;
  padding-top: 180px;
}

/* დამატებითი სურათებისთვის */

.maiami-mtavari-img{
  margin-left: auto;
  margin-right: auto;
  width: 700px;
  height: 310px;
  overflow-y: hidden;
  display: flex;
  justify-content: center;
  /* background-color: #2FEC28; */
  border-radius: 15px;
  margin-bottom: 30px;
}

.maiami-mtavari-img img{
  width: 640px;
  height: 300px;
  object-fit: cover;
  border-radius: 15px;
  color: #1F182B;
  filter: none;
}


/* აქედან დაიწყება ვიდეო გალერეა */

.video-galerea{
  margin-left: auto;
  margin-right: auto;
  width: 700px;
  height: 40px;
  margin-top: 30px;
}

.video-galerea h1{
  height: 40px;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 0px;
}

.video-information{
  width: 700px;
  height: 100px;
  font-size: 24px;
  font-weight: 500;
  text-align: center;
  margin-top: 100px;
  margin-bottom: 100px;
}


/* აქ იწყება ფოტო გალერეაააააააააააააა */

.mzisgan-photo-galerea h1{
  font-size: 24px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  font-weight: 700;
  
  margin-top: 10px;
}

.satauri-photo-gallery{
  text-align: center;
  font-size: 24px;
  font-weight: 400;
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 40px;
}

.photo-grid1{
  display: grid;
  grid-template-columns: 210px 110px 240px 110px;
  grid-template-rows: 170px;
  grid-column-gap:10px;
  margin-bottom: 10px;
}

.photo-grid2{
  display: grid;
  grid-template-columns: 120px 240px 110px 200px;
  grid-template-rows: 170px;
  grid-gap:0 10px;
  margin-bottom: 10px;
}

.photo-grid3{
  display: grid;
  grid-template-columns: 190px 130px 210px 140px;
  grid-template-rows: 170px;
  grid-gap:0 10px;
  margin-bottom: 10px;
}

.photo-grid4{
  display: grid;
  grid-template-columns: 140px 210px 130px 190px;
  grid-template-rows: 170px;
  grid-column-gap:10px;
  margin-bottom: 10px;
}

.photo-grid5{
  display: grid;
  grid-template-columns: 200px 110px 240px 120px;
  grid-template-rows: 170px;
  grid-gap:0 10px;
  margin-bottom: 10px;
}

.photo-grid6{
  display: grid;
  grid-template-columns: 110px 240px 110px 210px;
  grid-template-rows: 170px;
  grid-gap:0 10px;
  margin-bottom: 10px;
}

.photo-columns1 img{
  overflow-y: hidden;
  width: 210px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns2 img{
  overflow-y: hidden;
  width: 110px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns3 img{
  overflow-y: hidden;
  width: 240px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns4 img{
  overflow-y: hidden;
  width: 110px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns5 img{
  overflow-y: hidden;
  width: 120px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns6 img{
  overflow-y: hidden;
  width: 240px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns7 img{
  overflow-y: hidden;
  width: 110px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns8 img{
  overflow-y: hidden;
  width: 200px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns9 img{
  overflow-y: hidden;
  width: 190px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns10 img{
  overflow-y: hidden;
  width: 130px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns11 img{
  overflow-y: hidden;
  width: 210px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns12 img{
  overflow-y: hidden;
  width: 140px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns13 img{
  overflow-y: hidden;
  width: 140px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns14 img{
  overflow-y: hidden;
  width: 210px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns15 img{
  overflow-y: hidden;
  width: 130px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns16 img{
  overflow-y: hidden;
  width: 190px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns17 img{
  overflow-y: hidden;
  width: 200px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns18 img{
  overflow-y: hidden;
  width: 110px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns19 img{
  overflow-y: hidden;
  width: 240px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns20 img{
  overflow-y: hidden;
  width: 120px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns21 img{
  overflow-y: hidden;
  width: 110px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns22 img{
  overflow-y: hidden;
  width: 240px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns23 img{
  overflow-y: hidden;
  width: 110px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns24 img{
  overflow-y: hidden;
  width: 210px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.vertical-marjvena-mxare a{
  padding-left: 4px;
  padding-top: 4px;
  padding-right: 4px;
  padding-bottom: 6px;
  border-radius: 5px;
  text-align: center;
  margin-left: 15px;
  font-size: 12px;
  line-height: 40px;
  color: #221C2D;
  background-color: white;
}

.bade-gallery-grid2{
  width: 700px;
  margin-bottom: 120px;
  margin-top: 60px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(2, 333px);
  grid-template-rows: repeat(2,220px);
  grid-column-gap: 33px;
  grid-row-gap: 33px;
}

.cardi3{
  position: relative;
  width: 333px;
  height: 220px;
  justify-content: flex-start;
  background-color: orangered;
  border-radius: 15px;
  filter: none;
}

.cardi3 img{
  position: absolute;
  width: 333px;
  height: 220px;
  border-radius: 15px;
  object-fit: cover;
  transition: none;
}

.cardi3:hover img {
  transform: none;
}
.cardi3:hover .chabnelebistvis4{
  transform: none;
  background-color: hsla(0, 0%, 0%, 0.6);
  opacity: unset;
}

.cardi3:hover .card-chamonatvali,
.cardi3:hover .card-ganmarteba,
.cardi3:hover .card-gilaki2 {
  opacity: unset;
}

.chabnelebistvis4{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  top: 0;
  border-radius: 15px;
  /* width: 300px; */
  width: 333px;
  height: 220px;
  opacity: 1;
  background-color: hsla(0, 0%, 0%, 0.6);
  transition: all 0.3s ease-in-out;
}

.cardi3 .card-chamonatvali{
  position: absolute;
  overflow-y: hidden;
  height: 60px;
  top: 30%;
  right: 50%;
  width: 190px;
  transform: translateX(50%);
  font-size: 16px;
  /* line-height: 22px; */
  text-align: center;
  /* min-width: 190px;
  max-width: 220px; */
  font-weight: 700;
  color: rgb(255, 255, 255);
  opacity: 1;
  transition: 0.3s all ease-in-out;
}

.cardi3 .card-gilaki2{
  width: 120px;
  height: 30px;
  position: absolute;
  text-align: center;
  line-height: 25px;
  background-color: #2A263D;
  color: #ffffff;
  font-size: 14px;
  outline: none;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  bottom: 25%;
  right: 50%;
  transform: translateX(50%);
  opacity: 1;
  transition: 0.3s all ease-in-out;
}

.bade-information{
  width: 700px;
  height: 80px;
  font-size: 22px;
  font-weight: 700;
  text-align: center;
  margin-top: 60px;
  margin-bottom: 60px;
}

}


/* აქ იწყება ზომა 768 განში */

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

  html{
    height: 100%;
    overflow-x: hidden;
  }

  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow-x: hidden;
  }

  h1{
    margin: 0;
  }
  
  body{
    font-family: 'Montserrat', sans-serif;
    font-family: 'Playfair Display', serif;
    background-color: #E2B96C;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    min-height: 100%;
  }



  .burger-logo-mtliani{
    width: 420px;
    height: 100px;
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
  }

  .logo-patara{
    width: 50px;
    height: 100px;
  }

  .burger-sazgvari{
    z-index: 1;
    position: unset;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 30px;
    height: 100px;
    /* left: 50%;
    transform: translateX(-50%); */
  }


  .nav-logo1{
    width: 420px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    /* background-color: #2FEC28; */
    position: relative;
  }

  .nav-logo1 img{
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    left: 0;
    width: 50px;
    height: 50px;
    top: 25px;
    object-fit: cover;
  }
  
  
  .toggle-button{
    display: flex;
  }

  .nav-logo{
    display: none;
  }

  .top-menu{
    overflow-x: hidden;
    position: absolute;
    z-index: 1;
    top:100px;
    left: 50%;
    transform: translateX(-50%);
    display: none;
    flex-direction: column;
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
    /* background-color: aqua; */
    align-items: center;
    font-size: 14px;
    justify-content: space-between;
    color: white;
    background-color: hsla(251, 24%, 18%, 0.95);
  }

  .top-menu.active{
    display: flex;
  }

  .saxli{
    overflow-y: hidden;
    margin-top: 10px;
    font-size: 18px;
    height: 30px;
  }

  .product{
    overflow-y: hidden;
    font-size: 18px;
    height: 30px;
    margin-top: 10px;
  }

  .gallery{
    overflow-y: hidden;
    font-size: 18px;
    height: 30px;
    margin-top: 10px;
  }

  .nav-about-us{
    overflow-y: hidden;
    font-size: 18px;
    height: 30px;
    margin-top: 10px;
  }

  .contact{
    overflow-y: hidden;
    font-size: 18px;
    height: 30px;
    margin-top: 10px;
  }

  .enebinav{
    display: none;
  }

  .droshebi{
    margin-top: 10px;
    width: 80px;
    height: 50px;
    display: flex;
    justify-content: space-between;
  }

  .droshebi a img{
    width: 30px;
    height: 30px;
  }



  img.saxlis-mtavari-surati{
    height: 400px;
    width: 100%;
    object-fit: cover;
}

section{
    width: 420px;
    min-height: 100px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 30px;
    /* background-color: aqua; */
}

.post-pirveli-seqcia{
  display: grid;
  grid-template-columns: repeat(1, 420px);
  grid-template-rows: repeat(4, 350px);
  justify-content: space-around;
  overflow-y: hidden;
}

.post1{
    overflow-y: hidden;
    width: 420px;
    max-height: 320px;
    border-radius: 15px;
    background-color: #DFDFDF;
    margin-bottom: 30px;
    filter: drop-shadow(5px 5px 8px hsla(0, 0%, 0%, 0));
}

img.post1-surati{
    width: 420px;
    height: 220px;
    object-fit: cover;
    border-radius: 15px;
}

.post-ganmarteba-gilaki{
    width: 400px;
    height: 100px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
    /* background-color: blue; */
}

h2.post1-ganmarteba{
    width: 220px;
    height: 40px;
    font-size: 16px;
    margin-left: 0px;
}

.post1 a{
  max-width: 150px;
  max-height: 100px;
}

.post-button{
    width: 150px;
    height: 40px;
    background-color: hsla(251, 24%, 18%, 0.88);
    border-radius: 10px;
    outline-style: solid;
    outline-width: 1.5px;
    outline-color: black;
    font-size: 16px;
    color: white;
    text-align: center;
    line-height: 35px;
    margin-right: 30px;
    cursor: pointer;
}

.post2{
  width: 420px;
  height: 320px;
  overflow-y: hidden;
  border-radius: 15px;
  background-color: #DFDFDF;
  margin-bottom: 30px;
  filter: drop-shadow(5px 5px 8px hsla(0, 0%, 0%, 0));
}

img.post2-surati{
  width: 420px;
  height: 220px;
  object-fit: cover;
  border-radius: 15px;
}

h2.post2-ganmarteba{
  width: 220px;
  height: 40px;
  font-size: 16px;
  margin-left: 0px;
}

.post2 a{
  max-width: 150px;
  max-height: 100px;
}

.post3{
  width: 420px;
  height: 320px;
  overflow-y: hidden;
  border-radius: 15px;
  background-color: #DFDFDF;
  margin-bottom: 30px;
  filter: drop-shadow(5px 5px 8px hsla(0, 0%, 0%, 0));
}

img.post3-surati{
  width: 420px;
  height: 220px;
  object-fit: cover;
  border-radius: 15px;
}

h2.post3-ganmarteba{
  width: 220px;
  height: 40px;
  font-size: 16px;
  margin-left: 0px;
}

.post3 a{
  max-width: 150px;
  max-height: 100px;
}

.post4{
  width: 420px;
  height: 320px;
  overflow-y: hidden;
  border-radius: 15px;
  background-color: #DFDFDF;
  margin-bottom: 30px;
  filter: drop-shadow(5px 5px 8px hsla(0, 0%, 0%, 0));
}

img.post4-surati{
  width: 420px;
  height: 220px;
  object-fit: cover;
  border-radius: 15px;
}

h2.post4-ganmarteba{
  width: 220px;
  height: 40px;
  font-size: 16px;
  margin-left: 0px;
}

.post4 a{
  max-width: 150px;
  max-height: 100px;
}


footer{
  margin-top: auto;
  width: 100%;
  min-height: 160px;
  background-color: hsla(251, 24%, 18%, 0.88);
}

.footer-sections{
  width: 320px;
  min-height: 160px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* background-color: blue; */
}

.fot-linkebi1{

  text-align: center;
  color: white;
  text-decoration: none;
  font-size: 16px;
}

.fot-linkebi2{

  text-align: center;
  color: white;
  text-decoration: none;
  font-size: 16px;
}

.fot-linkebi3{

  text-align: center;
  color: white;
  text-decoration: none;
  font-size: 16px;
  
}

.fot-linkebi4{
  text-align: center;
  color: white;
  text-decoration: none;
  font-size: 16px;
}

.fot-linkebi5{

  text-align: center;
  color: white;
  text-decoration: none;
  font-size: 16px;
}

.fot-linkebi6{

text-align: center;
color: white;
text-decoration: none;
font-size: 16px;
}

.fot-linkebi7{

text-align: center;
color: white;
text-decoration: none;
font-size: 16px;
}

.fot-linkebi8{

text-align: center;
color: white;
text-decoration: none;
font-size: 16px;
}

.fot-linkebi9{

text-align: center;
color: white;
text-decoration: none;
font-size: 16px;
}

.fot-linkebi10{

text-align: center;
color: white;
text-decoration: none;
font-size: 16px;
}

.fot-linkebi11{

text-align: center;
color: white;
text-decoration: none;
font-size: 16px;
}

.footer-sections ul{
  justify-content: center;
  margin-left: 0px;
}

.footer-sections li{
  height: 30px;
  margin-top: 20px;
}

.fot-icons{
display: flex;
width: 162px;
height: 100px;
justify-content: space-between;
margin-left: auto;
margin-right: auto;
align-items: center;
}

img.fot-facebook{
width: 40px;
height: 40px;
}

img.fot-youtube{
/* width: 40px; */
height: 40px;
}

img.fot-instagram{
width: 40px;
height: 40px;
}

.saavtoro-ufleba{
  overflow-y: hidden;
  text-align: center;
font-size: 14px;
color: white;
margin-bottom: 10px;
}

/* აქედან იწყება პროდუქცია */

.product-menu{
  display: flex;
  width: auto;
  height: 650px;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 40px;
  
}

.product-menu2{
  display: flex;
  width: auto;
  height: 650px;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 40px;
}

.card:hover img {
  transform: none;
}
.card:hover .chabnelebistvis{
  transform: none;
  background-color: hsla(0, 0%, 0%, 0.6);
  opacity: unset;
}

.card:hover .card-satauri,
.card:hover .card-ganmarteba,
.card:hover .card-gilaki {
  opacity: none;
}


.card{
  position: relative;
  width: 320px;
  height: 200px;
  justify-content: flex-start;
  background-color: orangered;
  border-radius: 15px;
  filter: none;
}

.card img{
  position: absolute;
  width: 320px;
  height: 200px;
  border-radius: 15px;
  object-fit: cover;
  transition: none;
}


.chabnelebistvis{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  top: 0;
  border-radius: 15px;
  /* width: 300px; */
  width: 320px;
  height: 200px;
  background-color: hsla(0, 0%, 0%, 0.6);
  transition: none;
  opacity: 1;
}

.card .card-satauri{
  position: absolute;
  top: 30%;
  right: 50%;
  width: 320px;
  transform: translateX(50%);
  font-size: 18px;
  /* line-height: 22px; */
  text-align: center;
  /* min-width: 190px;
  max-width: 220px; */
  font-weight: 300;
  color: rgb(255, 255, 255);
  opacity: 1;
  transition: 0.3s all ease-in-out;
}

.card .card-gilaki{
  width: 130px;
  height: 40px;
  position: absolute;
  text-align: center;
  line-height: 33px;
  background-color: #2A263D;
  color: #ffffff;
  font-size: 16px;
  outline: none;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  bottom: 30%;
  right: 50%;
  opacity: 1;
  transition: 0.3s all ease-in-out;
}

/* აქედან იწყება გალერეა */

.satauri-gallery{
  text-align: center;
  margin-top: 60px;
  font-size: 30px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
}

.gallery-menu{
  width: 420px;
  height: 630px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 60px;
  margin-bottom: 40px;  
}

.card{
  position: relative;
  width: 420px;
  height: 300px;
  justify-content: flex-start;
  background-color: orangered;
  border-radius: 15px;
}

.card img{
  position: absolute;
  width: 420px;
  height: 300px;
  border-radius: 15px;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}

.card:hover img {
  transform: none;
}
.card:hover .chabnelebistvis{
  transform: none;
  background-color: hsla(0, 0%, 0%, 0.6);
  opacity: 1;
}

.card:hover .card-satauri,
.card:hover .card-ganmarteba,
.card:hover .card-gilaki {
  opacity: 1;
}

.chabnelebistvis{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  top: 0;
  border-radius: 15px;
  /* width: 300px; */
  width: 420px;
  height: 300px;
  opacity: 1;
  background-color: hsla(0, 0%, 0%, 0.6);
  transition: all 0.3s ease-in-out;
}

.card .card-satauri{
  overflow-y: hidden;
  position: absolute;
  top: 30%;
  right: 50%;
  width: 300px;
  height: 30px;
  transform: translateX(50%);
  font-size: 18px;
  /* line-height: 22px; */
  text-align: center;
  /* min-width: 190px;
  max-width: 220px; */
  font-weight: 700;
  color: rgb(255, 255, 255);
  opacity: 1;
  transition: 0.3s all ease-in-out;
}

.card .card-gilaki{
  width: 130px;
  height: 40px;
  position: absolute;
  text-align: center;
  line-height: 33px;
  background-color: #2A263D;
  color: #ffffff;
  font-size: 16px;
  outline: none;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  bottom: 30%;
  right: 50%;
  transform: translateX(50%);
  opacity: 1;
  transition: 0.3s all ease-in-out;
}

/* იწყება ჩვენს შესახებ */

.chvens-shesaxeb-satauri h1{
  font-size: 26px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  text-align: center;
}

.about-us-mtliani{
  width: 420px;
  min-height: 400px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

.about-us1{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 60px;
}

.about-us-text1{
  width: 420px;
  min-height: 300px;
}

.about-us-text1 h1{
  width: 420px;
  font-size: 30px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 20px;
}

.about-us-text1 p{
  font-size: 20px;
  font-weight: 300;
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
}

.about-us-text1 ul{
  margin-top: 30px;
  margin-left: 20px;
}

.about-us-text1 ul li{
  font-size: 20px;
  font-weight: 300;
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
}

.about-us-surati1{
  display: none;
  width: 320px;
  min-height: 58px;
  position: relative;
}

.about-us2{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 60px;
}

.about-us-text2{
  width: 420px;
  min-height: 100px;
}

.about-us-text2 h1{
  font-size: 30px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 20px;
}

.about-us-text2 p{
  font-size: 20px;
  font-weight: 300;
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
}

.about-us-surati2{
  display: none;
  width: 350px;
  height: 472px;
  position: relative;
}

.about-us-surati2 img{
  position: sticky;
  top: 0;
  width: 350px;
  height: 300px;
  object-fit: cover;
  border-radius: 15px;
  filter: drop-shadow(5px 5px 8px hsla(0, 0%, 0%, 0.6));
}

/* აქ იწყება კონტაქტი */

.contact-satauri h1{
  font-size: 26px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  text-align: center;
}

.shekvetis-satauri{
  overflow-y: hidden;
  height: 40px;
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  margin-top: 30px;
  color: #221C2D;
}

.shekvetis-paragrapi{
  width: 420px;
  min-height: 10px;
  font-size: 18px;
  font-weight: 300;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  color: #221C2D;
}

.contact-info{
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
  width: 420px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.marcxena-mxare{
  width: 420px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.tele-info{
  justify-content: flex-start;
  display: flex;
  width: 420px;
  /* height: 200px; */
}

.marcxena-icon{
  margin-right: 10px;
}

.marcxena-icon img{
  margin-top: 11px;
  width: 32px;
  height: 32px;
  justify-content: center;
}

.tele-text h4{
  width: 300px;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 300;
  font-family: Arial, Helvetica, sans-serif;
}

.tele-text h2{
  width: 380px;
  margin-bottom: 5px;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
}

.tele-text2 h2{
  width: 380px;
  height: 30px;
  font-size: 18px;
  color: #4339ca;
}

.tele-text2 h4{
  width: 380px;
  height: 30px;
  font-size: 16px;
  font-weight: 300;
}

.marjvena-mxare{
  overflow-y: hidden;
  width: 400px;
  height: 200px;
  display: none;
}

.marjvena-mxare img{
  width: 400px;
  height: 200px;
  object-fit: cover;
  border-radius: 15px;
  filter: drop-shadow(5px 5px 8px hsla(0, 0%, 0%, 0.6));
}

.contact-map3{
  width: 420px;
  display: flex;
  justify-content: center;
  margin-top: 40px;
  margin-bottom: 40px;
}

.contact-map3 iframe{
  border-radius: 15px;
  filter: none;
}

.contact-map{
  display: none;
}

.contact-map2{
  display: none;
}

.contact-map4{
  display: none;
}

/* აქ დაიწყება მზისგან დამცავი სისტემები */

.mzisgan-damcavi-satauri{
  font-size: 22px;
  height: 80px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

.mzisgan-damcavi-grid1{
  /* margin-left: auto;
  margin-right: auto; */
  align-items: center;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(1, 400px);
  grid-template-rows: repeat(8, 250px);
  grid-column-gap: 33px;
  grid-row-gap: 33px;
  margin-bottom: 40px;
}

.cardi{
  position: relative;
  width: 400px;
  height: 250px;
  /* justify-content: center; */
  background-color: orangered;
  border-radius: 15px;
  filter: none;
}

.cardi img{
  position: absolute;
  width: 400px;
  height: 250px;
  border-radius: 15px;
  object-fit: cover;
  transition: none;
}

.cardi:hover img {
  transform: none;
}
.cardi:hover .chabnelebistvis2{
  transform: none;
  background-color: hsla(0, 0%, 0%, 0.6);
  opacity: 1;
}

.cardi:hover .card-chamonatvali,
.cardi:hover .card-ganmarteba,
.cardi:hover .card-gilaki2 {
  opacity: 1;
}

.chabnelebistvis2{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  top: 0;
  border-radius: 15px;
  /* width: 300px; */
  width: 400px;
  height: 250px;
  opacity: 1;
  background-color: hsla(0, 0%, 0%, 0.6);
  transition: all 0.3s ease-in-out;
}

.cardi .card-chamonatvali{
  position: absolute;
  top: 30%;
  right: 50%;
  width: 190px;
  height: 40px;
  transform: translateX(50%);
  font-size: 16px;
  /* line-height: 22px; */
  text-align: center;
  /* min-width: 190px;
  max-width: 220px; */
  font-weight: 700;
  color: rgb(255, 255, 255);
  opacity: 1;
  transition: none;
}

.cardi .card-gilaki2{
  width: 110px;
  height: 30px;
  position: absolute;
  text-align: center;
  line-height: 25px;
  background-color: #2A263D;
  color: #ffffff;
  font-size: 14px;
  outline: none;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  bottom: 25%;
  right: 50%;
  transform: translateX(50%);
  opacity: 1;
  transition: none;
}

/* აქ იწყება ვერწიკალურები */

.vertikaluri-jaluzebi-paragrapi{
  width: 420px;
  min-height: 10px;
  font-size: 18px;
  font-weight: 500;
  margin-left: auto;
  margin-right: auto;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

img.vertical-mtavari-surati{
  width: 420px;
  height: 300px;
  object-fit: cover;
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  filter: none;
}

.vertical-jaluzi-satauri2{
  font-size: 28px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

.vertikaluri-jaluzebi-grid{
  min-height: 10px;
  margin-bottom: 40px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(1, 300px);
  grid-template-rows: repeat(6,300px);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  filter: none;
}



.vertical01{ 
  width: 300px;
  height: 300px;
  border-radius: 10px;
  background-color: #1F182B;
  border-color: #221C2D;
  transition: all 0.3 ease-in-out;
  filter: none;
}

.vertical01 img{
  width: 300px;
  height: 200px;
  object-fit: cover;
  border-radius: 10px;
}

.vertical01-ganmarteba{
  height: 70px;
  margin-top: 10px;
  display: flex;
  justify-content: space-evenly;
}

.vertical-fasi01{
  width: 87px;
  height: 70px;
}

.vertical-fasi01 h4{
  color: white;
  text-align: center;
}

.vertical-marjvena-mxare{
  width: 130px;
  height: 70px;
}

.vertical-wodeba{
  height: 30px;
  color: white;
  font-size: 22px;
  text-align: center;
}

.galereis-suratebis-gilaki{
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
  position: relative;
  margin-bottom: 30px;
  width: 320px;
  height: 60px;
}

.galereis-suratebis-gilaki a{
  position: unset;
  /* left: 50%;
  transform: translate(-50%); */
  width: 220px;
  height: 40px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 600;
  line-height: 35px;
  text-align: center;
  color: white;
  background-color: #1F182B;
  transition: none;
}

.galereis-suratebis-gilaki:hover a{
  transform: none;
  transition: none;
}

/* აქ იწყება ბერლინი */

.vertical-berlini-mtliani-satauri{
  width: 420px;
  min-height: 10px;
  /* background-color: #2FEC28; */
}

.vertical-berlini-satauri{
  color: #221C2D;
  height: 50px;
  font-size: 32px;
  text-align: center;
  font-weight: bold;
}

.vertical-berlini-qvesatauri{
  color: #221C2D;
  font-size: 26px;
  min-height: 40px;
  text-align: center;
  font-weight: 100;
  line-height: 35px;
}

.vertical-berlini-gilaki{
  width: 420px;
  height: 100px;
  position: relative;
  display: flex;
  justify-content: center;
}

.vertical-berlini-gilaki a{
  position: unset;
  /* left: 50%; */
  /* transform: translateX(-50%); */
  width: 120px;
  height: 40px;
  border-radius: 10px;
  font-size: 18px;
  font-weight: 600;
  /* line-height: 35px; */
  text-align: center;
  color: white;
  background-color: #1F182B;
  /* transition: none; */
}

/* .vertical-berlini-gilaki:hover a{
  transform: none;
  transition: none;
} */

.vertical-berlini-grid{
  width: 320px;
  /* height: 2800px; */
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(2, 150px);
  grid-template-rows: repeat(15,180px);
  grid-column-gap: 20px;
  grid-row-gap: 50px;
}

.berlin-grid-20{
  overflow-y: hidden;
  /* height: 200px; */
  border-radius: 10px;
}

.berlin-grid-20 img{
  width: 150px;
  height: 150px;
  object-fit: cover;
  border-radius: 10px;
  color: #1F182B;
}

.berlin-grid-20 h1{
  font-size: 22px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}

/* აქ იწყება შანწუნგი ფერები */

.vertical-shantungi-grid{
  width: 320px;
  /* height: 1200px; */
  overflow-y: hidden;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(2, 150px);
  grid-template-rows: repeat(6,200px);
  grid-column-gap: 20px;
  grid-row-gap: 50px;
}

.berlin-grid-1{
  width: 150px;
  /* height: 350px; */
  border-radius: 10px;
}

.berlin-grid-1 h4{
  /* height: 100px; */
  font-size: 16px;
  text-align: center;
  font-weight: 600;
}

.berlin-grid-1 img{
  width: 150px;
  height: 150px;
  object-fit: cover;
  border-radius: 10px;
  color: #1F182B;
}

.berlin-grid-1 h1{
  overflow-y: hidden;
  font-size: 22px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}

/* იწყება ხაზიანი ფერები */

.vertical-xaziani-grid{
  width: 320px;
  /* height: 1200px; */
  overflow-y: hidden;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(2, 150px);
  grid-template-rows: repeat(6,180px);
  grid-column-gap: 20px;
  grid-row-gap: 50px;
}

/* იწყება მაიამი ფერები */

.vertical-maiami-grid{
  width: 320px;
  /* height: 800px; */
  overflow-y: hidden;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(2, 150px);
  grid-template-rows: repeat(4,180px);
  grid-column-gap: 20px;
  grid-row-gap: 50px;
}

/* აქ იწყება პარიზი ფერები */

.vertical-parizi-grid{
  width: 320px;
  /* height: 1650px; */
  overflow-y: hidden;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(2, 150px);
  grid-template-rows: repeat(8,180px);
  grid-column-gap: 20px;
  grid-row-gap: 50px;
}

/* აქ იწყება სქრინი ფერები */

.vertical-sqrini-grid{
  width: 320px;
  /* height: 650px; */
  overflow-y: hidden;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(2, 150px);
  grid-template-rows: repeat(3,180px);
  grid-column-gap: 20px;
  grid-row-gap: 50px;
}

/* აქ იწყება ჰორიზონტალური ჟალუზი */

.horizontaluri-jaluzebi-paragrapi{
  width: 420px;
  min-height: 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  margin-left: auto;
  margin-right: auto;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

img.horizontaluri-mtavari-surati{
  width: 420px;
  height: 300px;
  object-fit: cover;
  object-position: top;
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  filter: none;
}

.horizontaluri-jaluzi-satauri2{
  font-size: 26px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

.horizontaluri-jaluzi-grid{
  width: 320px;
  /* height: 280px; */
  overflow-y: hidden;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(2, 150px);
  grid-template-rows: repeat(1,250px);
  grid-column-gap: 20px;
  grid-row-gap: 33px;
}

/* აქ იწყება რულონური ჟალუზი */

.vertical-wodeba2{
  height: 40px;
  margin-bottom: 0;
}

.vertical-fasi01 h4{
  height: 20px;
}
.vertical-marjvena-mxare2 a{
  
  height: 40px;
  
}

.rulonuri-mtavari-grid{
  width: 420px;
  height: 1400px;
  margin-bottom: 40px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(1, 300px);
  grid-template-rows: repeat(4,280px);
  grid-column-gap: 30px;
  grid-row-gap: 60px;
  filter: none;
}

.roleti-jaluzebi-paragrapi{
  width: 420px;
  min-height: 10px;
  font-size: 18px;
  font-weight: 700;
  margin-left: auto;
  margin-right: auto;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

img.roleti-mtavari-surati{
  width: 420px;
  height: 300px;
  object-fit: cover;
  object-position: top;
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  filter: none;
}

/* აქ იწყება თხელი, სქელი, საშუალო, ბლექაუთი როლეტის ფერი */

.rulonuri-txeli-grid{
  width: 320px;
  /* min-height: 650px; */
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  overflow-y: hidden;
  grid-template-columns: repeat(2, 150px);
  grid-template-rows: repeat(3,180px);
  grid-column-gap: 20px;
  grid-row-gap: 50px;
}

.rulonuri-sashualo-grid{
  width: 320px;
  /* height: 1800px; */
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  overflow-y: hidden;
  grid-template-columns: repeat(2, 150px);
  grid-template-rows: repeat(9,180px);
  grid-column-gap: 20px;
  grid-row-gap: 50px;
}

.rulonuri-sqeli-grid{
  width: 320px;
  /* min-height: 580px; */
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  overflow-y: hidden;
  grid-template-columns: repeat(2, 150px);
  grid-template-rows: repeat(3,180px);
  grid-column-gap: 20px;
  grid-row-gap: 50px;
}

.rulonuri-blackout-grid{
  width: 320px;
  /* height: 380px; */
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  overflow-y: hidden;
  grid-template-columns: repeat(2, 150px);
  grid-template-rows: repeat(2,180px);
  grid-column-gap: 20px;
  grid-row-gap: 50px;
}

/* აქ დაიწყება ზებრა ჟალუზი */

.zebra-jaluzi-grid{
  width: 320px;
  /* height: 280px; */
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  overflow-y: hidden;
  grid-template-columns: repeat(2, 150px);
  grid-template-rows: repeat(1,230px);
  grid-column-gap: 20px;
  grid-row-gap: 50px;
}

.zebra-jaluzebi-paragrapi{
  width: 420px;
  min-height: 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  margin-left: auto;
  margin-right: auto;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

img.zebra-mtavari-surati{
  width: 420px;
  height: 300px;
  object-fit: cover;
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  filter: none;
}

.zebra-jaluzi-satauri2{
  font-size: 24px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

/* აქედან იწყება როლეტი მაგნოლია */

.roleti-magnolia-grid{
  width: 320px;
  /* min-height: 240px; */
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  overflow-y: hidden;
  grid-template-columns: repeat(2, 150px);
  grid-template-rows: repeat(1,210px);
  grid-column-gap: 20px;
  grid-row-gap: 50px;
}

.roleti-magnolia-paragrapi{
  width: 420px;
  min-height: 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  margin-left: auto;
  margin-right: auto;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

img.roleti-magnolia-surati{
  width: 420px;
  height: 300px;
  object-fit: cover;
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  filter: none;
}

.roleti-magnolia-satauri2{
  font-size: 24px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

/* აქ მთავრდება როლეტი მაგნოლია */
/* იწყება ზებრა მაგნოლია */

.zebra-magnolia-grid{
  width: 420px;
  /* min-height: 240px; */
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  overflow-y: hidden;
  grid-template-columns: repeat(2, 150px);
  grid-template-rows: repeat(1, 230px);
  grid-column-gap: 20px;
  grid-row-gap: 50px;
}

.zebra-magnolia-paragrapi{
  width: 420px;
  min-height: 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  margin-left: auto;
  margin-right: auto;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

img.zebra-magnolia-surati{
  width: 420px;
  height: 300px;
  object-fit: cover;
  object-position: top;
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  filter: none;
}

.zebra-magnolia-satauri2{
  font-size: 24px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

/* აქ მთავრდება ზებრა მაგნოლია */
/* იწყება რომაული ფარდა-ჟალუზი */

.romauli-jaluzi-grid{
  width: 420px;
  /* height: 1100px; */
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  justify-content: center;
  overflow-y: hidden;
  grid-template-columns: repeat(2, 150px);
  grid-template-rows: repeat(5,200px);
  grid-column-gap: 20px;
  grid-row-gap: 40px;
}

.romauli-jaluzebi-paragrapi{
  width: 420px;
  min-height: 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  margin-left: auto;
  margin-right: auto;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

img.romauli-mtavari-surati{
  width: 420px;
  height: 300px;
  object-fit: cover;
  object-position: top;
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  filter: none;
}

.romauli-jaluzi-satauri2{
  font-size: 24px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

/* აქ მთავრდება რომაული ფარდა-ჟალუზი */
/* იწყება პლისე ჟალუზი */

.plise-jaluzi-grid{
  width: 420px; 
  /* min-height: 240px; */
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  overflow-y: hidden;
  grid-template-columns: repeat(2, 150px);
  grid-template-rows: repeat(1,230px);
  grid-column-gap: 20px;
  grid-row-gap: 40px;
}

/* აქედან იმენა ავეჯები და თემები */

.aveji-gallery-grid1{
  width: 420px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(1, 400px);
  grid-template-rows: repeat(4, 260px);
  grid-column-gap: 33px;
  grid-row-gap: 33px;
  margin-bottom: 40px;
}

/* იწყება სამზარეულო */

.aveji-gilaki{
  width: 420px;
  height: 100px;
  position: relative;
  display: flex;
  justify-content: center;
  margin-bottom: 0px;
}

.aveji-gilaki a{
  position: unset;
  /* left: 50%; */
  /* transform: translateX(-50%); */
  width: 120px;
  height: 40px;
  border-radius: 10px;
  font-size: 18px;
  font-weight: 600;
  /* line-height: 35px; */
  text-align: center;
  color: white;
  background-color: #1F182B;
  /* transition: none; */
}

.mzisgan-damcavi-satauri2{
  height: 40px;
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #221C2D;
}

h2.samzareulo-wodeba{
  height: 60px;
  margin-top: 6px;
  color: white;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}

.vertical-fasi03{
  width: 105px;
  height: 70px;
}

.imena-fasi5{
  display: flex;
  text-align: center;
  color: white;
  font-size: 18px;
}

.imena-fasi5 h2{

  color: #2FEC28;
}

.imena-fasi5 h3{
  line-height: 40px;
  color: #EBC715;
}

.vertical-fasi03 h4{
  height: 30px;
  color: white;
  text-align: center;
}

.samzareulo-grid{
  width: 420px;
  min-height: 10px;
  margin-bottom: 40px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(1, 300px);
  grid-template-rows: repeat(3,300px);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  filter: none;
}

/* აქედან იწყება კარადები და თემები */

img.karada-mtavari-surati{
  object-position: auto;
  width: 420px;
  height: 300px;
  /* object-fit: cover; */
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  filter: none;
}

.sawolebi-grid{
  width: 420px;
  min-height: 10px;
  margin-bottom: 40px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(1, 300px);
  grid-template-rows: repeat(1,300px);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  filter: none;
}

.sabavshvo-aveji-grid{
  width: 420px;
  min-height: 10px;
  margin-bottom: 40px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(1, 300px);
  grid-template-rows: repeat(3,300px);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  filter: none;
}

/* აქედან იწყება ბადეები პროდუქციის */

.badeebi-satauri{
  width: 420px;
  height: 60px;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  margin-top: 30px;
  color: #221C2D;
}

.mwerebis-badeebi-paragrapi{
  width: 420px;
  min-height: 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

.damcavi-badeebi-grid{
  width: 420px;
  min-height: 100px;
  margin-bottom: 120px;
  margin-top: 60px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(1, 300px);
  grid-template-rows: repeat(3,270px);
  grid-column-gap: 33px;
  grid-row-gap: 33px;
}

.cardi2{
  position: relative;
  width: 300px;
  height: 270px;
  justify-content: flex-start;
  background-color: none;
  border-radius: 15px;
  /* margin-right: 100px; */
}

.cardi2 img{
  position: absolute;
  width: 300px;
  height: 270px;
  border-radius: 15px;
  object-fit: cover;
  transition: none;
}

.cardi2:hover img {
  transform: none;
}
.cardi2:hover .chabnelebistvis3{
  transform: none;
  background-color: hsla(0, 0%, 0%, 0.6);
  opacity: 1;
}

.cardi2:hover .card-chamonatvali2,
.cardi2:hover .card-ganmarteba,
.cardi2:hover .card-gilaki3 {
  opacity: 1;
}

.chabnelebistvis3{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  top: 0;
  border-radius: 15px;
  /* width: 300px; */
  width: 300px;
  height: 270px;
  opacity: 1;
  background-color: hsla(0, 0%, 0%, 0.6);
  transition: none;
}

.cardi2 .card-chamonatvali2{
  position: absolute;
  overflow-y: hidden;
  top: 30%;
  right: 50%;
  width: 190px;
  height: 60px;
  transform: translateX(50%);
  font-size: 20px;
  text-align: center;
  font-weight: 700;
  color: rgb(255, 255, 255);
  opacity: 1;
  transition: none;
}

.cardi2 .card-gilaki3{
  width: 120px;
  height: 30px;
  position: absolute;
  text-align: center;
  line-height: 25px;
  background-color: #2A263D;
  color: #ffffff;
  font-size: 14px;
  outline: none;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  bottom: 35%;
  right: 50%;
  transform: translateX(50%);
  opacity: 1;
  transition: 0.3s all ease-in-out;
}

/* აქ დაიწყება ბადე ანჯამებზე */

.aveji-samzareulo-satauri{
  width: 420px;
  height: 60px;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  margin-top: 30px;
  color: #221C2D;
}

.bade-gilaki{
  width: 420px;
  height: 60px;
  position: unset;
  display: flex;
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

.bade-gilaki a{
  position: unset;
  width: 120px;
  height: 40px;
  border-radius: 10px;
  font-size: 18px;
  font-weight: 600;
  line-height: 35px;
  color: white;
  background-color: #0d0b0f;
  transition: none;
}

.bade-gilaki:hover a{
  transform: none;
  transition: none;
}

img.bade-anjamebze-surati{
  width: 420px;
  height: 300px;
  object-fit: cover;
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  filter: none;
}

.bade-anjamebze-satauri2{
  font-size: 24px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

.bade-grid{
  width: 420px;
  min-height: 10px;
  margin-top: 40px;
  margin-bottom: 60px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(1, 300px);
  grid-template-rows: repeat(3, 300px);
  grid-column-gap: 33px;
  grid-row-gap: 50px;
}

.bade-wodeba{
  height: 70px;
}

.bade-wodeba h2{
  height: 25px;
  margin-top: 0px;
  color: white;
  font-size: 20px;
  font-weight: 300;
  text-align: center;
}

.bade-wodeba h3{
  height: 40px;
  color: white;
  font-size: 20px;
  text-align: center;
}

.ofisi01{ 
  width: 300px;
  height: 300px;
  border-radius: 10px;
  background-color: #1F182B;
  border-color: #221C2D;
  transition: all 0.3 ease-in-out;
}

.ofisi01 img{
  width: 300px;
  height: 200px;
  object-fit: cover;
  border-radius: 10px;
}

.chasadgmeli-bade-grid{
  width: 420px;
  min-height: 10px;
  margin-top: 40px;
  margin-bottom: 60px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(1, 300px);
  grid-template-rows: repeat(3, 300px);
  grid-column-gap: 30px;
  grid-row-gap: 50px;
}

img.bade-chasadgmeli-surati{
  width: 420px;
  height: 300px;
  object-fit: cover;
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  filter: none;
}

.bade-chasadgmeli-satauri2{
  font-size: 24px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

.plise-bade-grid{
  width: 420px;
  min-height: 10px;
  margin-top: 40px;
  margin-bottom: 40px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(1, 300px);
  grid-template-rows: repeat(3, 300px);
  grid-column-gap: 30px;
  grid-row-gap: 50px;
}

img.bade-plise-surati{
  width: 420px;
  height: 300px;
  object-fit: cover;
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  filter: none;
}

.bade-plise-satauri2{
  font-size: 24px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

/* აქ მთავრდება პლისე და ზოგადად ბადე */
/* იწყება მეტალო პლასტმასები */

.kar-fanjara-section h3{
  text-align: center;
  padding-top: 180px;
}

.kar-fanjara-section{
  overflow-y: hidden;
  width: 420px;
  height: 60px;
  margin-left: auto;
  margin-right: auto;
}

.kar-fanjara-section h3{
  /* height: 230px; */
  text-align: center;
  padding-top: 180px;
}

/* დამატებითი სურათებისთვის */

.maiami-mtavari-img{
  margin-left: auto;
  margin-right: auto;
  width: 420px;
  height: 310px;
  overflow-y: hidden;
  display: flex;
  justify-content: center;
  /* background-color: #2FEC28; */
  border-radius: 15px;
  margin-bottom: 30px;
}

.maiami-mtavari-img img{
  width: 400px;
  height: 300px;
  object-fit: cover;
  border-radius: 15px;
  color: #1F182B;
  filter: none;
}


/* აქედან დაიწყება ვიდეო გალერეა */

.video-galerea{
  margin-left: auto;
  margin-right: auto;
  width: 420px;
  height: 40px;
  margin-top: 30px;
}

.video-galerea h1{
  height: 40px;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 0px;
}

.video-information{
  width: 420px;
  height: 100px;
  font-size: 24px;
  font-weight: 500;
  text-align: center;
  margin-top: 100px;
  margin-bottom: 100px;
}


/* აქ იწყება ფოტო გალერეაააააააააააააა */

.mzisgan-photo-galerea h1{
  font-size: 24px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  font-weight: 700;
  margin-top: 10px;
}

.satauri-photo-gallery{
  text-align: center;
  font-size: 24px;
  font-weight: 400;
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 40px;
}

.photo-grid1{
  display: grid;
  grid-template-columns: repeat(1, 280px 130px);
  grid-template-rows: repeat(2, 170px);
  grid-column-gap:10px;
  grid-row-gap:10px;
  margin-bottom: 10px;
}

.photo-grid2{
  display: grid;
  grid-template-columns: repeat(1, 205px 205px);
  grid-template-rows: repeat(2, 170px);
  grid-gap:10px 10px;
  margin-bottom: 10px;
}

.photo-grid3{
  display: grid;
  grid-template-columns: repeat(1, 170px 240px);
  grid-template-rows: repeat(2, 170px);
  grid-gap:10px 10px;
  margin-bottom: 10px;
}

.photo-grid4{
  display: grid;
  grid-template-columns: repeat(1, 240px 170px);
  grid-template-rows: repeat(2, 170px);
  grid-column-gap:10px;
  margin-bottom: 10px;
}

.photo-grid5{
  display: grid;
  grid-template-columns: repeat(1, 205px 205px);
  grid-template-rows: repeat(2, 170px);
  grid-gap:0 10px;
  margin-bottom: 10px;
}

.photo-grid6{
  display: grid;
  grid-template-columns: repeat(1, 130px 280px);
  grid-template-rows: repeat(2, 170px);
  grid-gap:0 10px;
  margin-bottom: 10px;
}

.photo-columns1 img{
  overflow-y: hidden;
  width: 280px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns2 img{
  overflow-y: hidden;
  width: 130px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns3 img{
  overflow-y: hidden;
  width: 280px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns4 img{
  overflow-y: hidden;
  width: 130px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns5 img{
  overflow-y: hidden;
  width: 205px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns6 img{
  overflow-y: hidden;
  width: 205px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns7 img{
  overflow-y: hidden;
  width: 205px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns8 img{
  overflow-y: hidden;
  width: 205px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns9 img{
  overflow-y: hidden;
  width: 170px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns10 img{
  overflow-y: hidden;
  width: 240px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns11 img{
  overflow-y: hidden;
  width: 170px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns12 img{
  overflow-y: hidden;
  width: 240px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns13 img{
  overflow-y: hidden;
  width: 240px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns14 img{
  overflow-y: hidden;
  width: 170px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns15 img{
  overflow-y: hidden;
  width: 240px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns16 img{
  overflow-y: hidden;
  width: 170px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns17 img{
  overflow-y: hidden;
  width: 205px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns18 img{
  overflow-y: hidden;
  width: 205px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns19 img{
  overflow-y: hidden;
  width: 205px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns20 img{
  overflow-y: hidden;
  width: 205px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns21 img{
  overflow-y: hidden;
  width: 130px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns22 img{
  overflow-y: hidden;
  width: 280px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns23 img{
  overflow-y: hidden;
  width: 130px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns24 img{
  overflow-y: hidden;
  width: 280px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.vertical-marjvena-mxare a{
  padding-left: 4px;
  padding-top: 4px;
  padding-right: 4px;
  padding-bottom: 6px;
  border-radius: 5px;
  text-align: center;
  margin-left: 15px;
  font-size: 12px;
  line-height: 40px;
  color: #221C2D;
  background-color: white;
}

.bade-gallery-grid2{
  width: 420px;
  margin-bottom: 40px;
  margin-top: 60px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(1, 360px);
  grid-template-rows: repeat(3,220px);
  grid-column-gap: 33px;
  grid-row-gap: 33px;
}

.cardi3{
  position: relative;
  width: 360px;
  height: 220px;
  justify-content: flex-start;
  background-color: orangered;
  border-radius: 15px;
  filter: none;
}

.cardi3 img{
  position: absolute;
  width: 360px;
  height: 220px;
  border-radius: 15px;
  object-fit: cover;
  transition: none;
}

.cardi3:hover img {
  transform: none;
}
.cardi3:hover .chabnelebistvis4{
  transform: none;
  background-color: hsla(0, 0%, 0%, 0.6);
  opacity: unset;
}

.cardi3:hover .card-chamonatvali,
.cardi3:hover .card-ganmarteba,
.cardi3:hover .card-gilaki2 {
  opacity: unset;
}

.chabnelebistvis4{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  top: 0;
  border-radius: 15px;
  /* width: 300px; */
  width: 360px;
  height: 220px;
  opacity: 1;
  background-color: hsla(0, 0%, 0%, 0.6);
  transition: all 0.3s ease-in-out;
}

.cardi3 .card-chamonatvali{
  position: absolute;
  overflow-y: hidden;
  height: 60px;
  top: 30%;
  right: 50%;
  width: 190px;
  transform: translateX(50%);
  font-size: 16px;
  /* line-height: 22px; */
  text-align: center;
  /* min-width: 190px;
  max-width: 220px; */
  font-weight: 700;
  color: rgb(255, 255, 255);
  opacity: 1;
  transition: 0.3s all ease-in-out;
}

.cardi3 .card-gilaki2{
  width: 120px;
  height: 30px;
  position: absolute;
  text-align: center;
  line-height: 25px;
  background-color: #2A263D;
  color: #ffffff;
  font-size: 14px;
  outline: none;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  bottom: 25%;
  right: 50%;
  transform: translateX(50%);
  opacity: 1;
  transition: 0.3s all ease-in-out;
}

.bade-information{
  width: 420px;
  height: 80px;
  font-size: 22px;
  font-weight: 700;
  text-align: center;
  margin-top: 60px;
  margin-bottom: 60px;
}

}




@media (max-width: 480px) {

  html{
    height: 100%;
    overflow-x: hidden;
  }

  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow-x: hidden;
  }

  h1{
    margin: 0;
  }
  
  body{
    font-family: 'Montserrat', sans-serif;
    font-family: 'Playfair Display', serif;
    background-color: #E2B96C;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    min-height: 100%;
  }


  .burger-logo-mtliani{
    width: 320px;
    height: 100px;
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
  }

  .logo-patara{
    width: 50px;
    height: 100px;
  }

  .burger-sazgvari{
    z-index: 1;
    position: unset;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 30px;
    height: 100px;
    /* left: 50%;
    transform: translateX(-50%); */
  }

  .nav-logo1{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 320px;
    height: 100px;
    position: relative;

  }

  .nav-logo1 img{
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 50px;
    height: 50px;
    top: 25px;
    object-fit: cover;
  }
  
  
  .toggle-button{
    display: flex;
  }

  .nav-logo{
    display: none;
  }

  .top-menu{
    overflow-x: hidden;
    position: absolute;
    z-index: 1;
    top:100px;
    left: 50%;
    transform: translateX(-50%);
    display: none;
    flex-direction: column;
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
    /* background-color: aqua; */
    align-items: center;
    font-size: 14px;
    justify-content: space-between;
    color: white;
    background-color: hsla(251, 24%, 18%, 0.95);
  }

  .top-menu.active{
    display: flex;
  }

  .saxli{
    overflow-y: hidden;
    margin-top: 10px;
    font-size: 18px;
    height: 30px;
  }

  .product{
    overflow-y: hidden;
    font-size: 18px;
    height: 30px;
    margin-top: 10px;
  }

  .gallery{
    overflow-y: hidden;
    font-size: 18px;
    height: 30px;
    margin-top: 10px;
  }

  .nav-about-us{
    overflow-y: hidden;
    font-size: 18px;
    height: 30px;
    margin-top: 10px;
  }

  .contact{
    overflow-y: hidden;
    font-size: 18px;
    height: 30px;
    margin-top: 10px;
  }

  .enebinav{
    display: none;
  }

  .droshebi{
    margin-top: 10px;
    width: 80px;
    height: 50px;
    display: flex;
    justify-content: space-between;
  }

  .droshebi a img{
    width: 30px;
    height: 30px;
  }



  img.saxlis-mtavari-surati{
    height: 300px;
    width: 100%;
    object-fit: cover;
}

section{
    width: 320px;
    min-height: 100px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 30px;
    /* background-color: aqua; */
}

.post-pirveli-seqcia{
  display: grid;
  grid-template-columns: repeat(1, 320px);
  grid-template-rows: repeat(4, 350px);

  justify-content: space-between;
  overflow-y: hidden;
}

.post1{
    overflow-y: hidden;
    width: 320px;
    max-height: 320px;
    border-radius: 15px;
    background-color: #DFDFDF;
    margin-bottom: 30px;
    filter: drop-shadow(5px 5px 8px hsla(0, 0%, 0%, 0));
}

img.post1-surati{
    width: 320px;
    height: 220px;
    object-fit: cover;
    border-radius: 15px;
}

.post-ganmarteba-gilaki{
    width: 300px;
    height: 100px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
    /* background-color: blue; */
}

h2.post1-ganmarteba{
    width: 150px;
    height: 40px;
    font-size: 16px;
    margin-left: 0px;
}

.post1 a{
  max-width: 150px;
  max-height: 100px;
}

.post-button{
    width: 150px;
    height: 40px;
    background-color: hsla(251, 24%, 18%, 0.88);
    border-radius: 10px;
    outline-style: solid;
    outline-width: 1.5px;
    outline-color: black;
    font-size: 16px;
    color: white;
    text-align: center;
    line-height: 35px;
    margin-right: 30px;
    cursor: pointer;
}

.post2{
  width: 320px;
  height: 320px;
  overflow-y: hidden;
  border-radius: 15px;
  background-color: #DFDFDF;
  margin-bottom: 30px;
  filter: drop-shadow(5px 5px 8px hsla(0, 0%, 0%, 0));
}

img.post2-surati{
  width: 320px;
  height: 220px;
  object-fit: cover;
  border-radius: 15px;
}

h2.post2-ganmarteba{
  width: 150px;
  height: 40px;
  font-size: 16px;
  margin-left: 0px;
}

.post2 a{
  max-width: 150px;
  max-height: 100px;
}

.post3{
  width: 320px;
  height: 320px;
  overflow-y: hidden;
  border-radius: 15px;
  background-color: #DFDFDF;
  margin-bottom: 30px;
  filter: drop-shadow(5px 5px 8px hsla(0, 0%, 0%, 0));
}

img.post3-surati{
  width: 320px;
  height: 220px;
  object-fit: cover;
  border-radius: 15px;
}

h2.post3-ganmarteba{
  width: 150px;
  height: 40px;
  font-size: 16px;
  margin-left: 0px;
}

.post3 a{
  max-width: 150px;
  max-height: 100px;
}

.post4{
  width: 320px;
  height: 320px;
  overflow-y: hidden;
  border-radius: 15px;
  background-color: #DFDFDF;
  margin-bottom: 30px;
  filter: drop-shadow(5px 5px 8px hsla(0, 0%, 0%, 0));
}

img.post4-surati{
  width: 320px;
  height: 220px;
  object-fit: cover;
  border-radius: 15px;
}

h2.post4-ganmarteba{
  width: 150px;
  height: 40px;
  font-size: 16px;
  margin-left: 0px;
}

.post4 a{
  max-width: 150px;
  max-height: 100px;
}


footer{
  margin-top: auto;
  width: 100%;
  min-height: 160px;
  background-color: hsla(251, 24%, 18%, 0.88);
}

.footer-sections{
  width: 320px;
  min-height: 160px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* background-color: blue; */
}

.fot-linkebi1{

  text-align: center;
  color: white;
  text-decoration: none;
  font-size: 16px;
}

.fot-linkebi2{

  text-align: center;
  color: white;
  text-decoration: none;
  font-size: 16px;
}

.fot-linkebi3{

  text-align: center;
  color: white;
  text-decoration: none;
  font-size: 16px;
  
}

.fot-linkebi4{
  text-align: center;
  color: white;
  text-decoration: none;
  font-size: 16px;
}

.fot-linkebi5{

  text-align: center;
  color: white;
  text-decoration: none;
  font-size: 16px;
}

.fot-linkebi6{

text-align: center;
color: white;
text-decoration: none;
font-size: 16px;
}

.fot-linkebi7{

text-align: center;
color: white;
text-decoration: none;
font-size: 16px;
}

.fot-linkebi8{

text-align: center;
color: white;
text-decoration: none;
font-size: 16px;
}

.fot-linkebi9{

text-align: center;
color: white;
text-decoration: none;
font-size: 16px;
}

.fot-linkebi10{

text-align: center;
color: white;
text-decoration: none;
font-size: 16px;
}

.fot-linkebi11{

text-align: center;
color: white;
text-decoration: none;
font-size: 16px;
}

.footer-sections ul{
  justify-content: center;
  margin-left: 0px;
}

.footer-sections li{
  height: 30px;
  margin-top: 20px;
}

.fot-icons{
display: flex;
width: 162px;
height: 100px;
justify-content: space-between;
margin-left: auto;
margin-right: auto;
align-items: center;
}

img.fot-facebook{
width: 40px;
height: 40px;
}

img.fot-youtube{
/* width: 40px; */
height: 40px;
}

img.fot-instagram{
width: 40px;
height: 40px;
}

.saavtoro-ufleba{
  overflow-y: hidden;
  text-align: center;
font-size: 14px;
color: white;
margin-bottom: 10px;
}

/* აქედან იწყება პროდუქცია */

.product-menu{
  display: flex;
  width: auto;
  height: 430px;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 40px;
  
}

.product-menu2{
  display: flex;
  width: auto;
  height: 430px;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 40px;
}

.card:hover img {
  transform: none;
}
.card:hover .chabnelebistvis{
  transform: none;
  background-color: hsla(0, 0%, 0%, 0.6);
  opacity: unset;
}

.card:hover .card-satauri,
.card:hover .card-ganmarteba,
.card:hover .card-gilaki {
  opacity: none;
}


.card{
  position: relative;
  width: 320px;
  height: 200px;
  justify-content: flex-start;
  background-color: orangered;
  border-radius: 15px;
  filter: none;
}

.card img{
  position: absolute;
  width: 320px;
  height: 200px;
  border-radius: 15px;
  object-fit: cover;
  transition: none;
}


.chabnelebistvis{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  top: 0;
  border-radius: 15px;
  /* width: 300px; */
  width: 320px;
  height: 200px;
  background-color: hsla(0, 0%, 0%, 0.6);
  transition: none;
  opacity: 1;
}

.card .card-satauri{
  position: absolute;
  top: 30%;
  right: 50%;
  width: 320px;
  transform: translateX(50%);
  font-size: 18px;
  /* line-height: 22px; */
  text-align: center;
  /* min-width: 190px;
  max-width: 220px; */
  font-weight: 300;
  color: rgb(255, 255, 255);
  opacity: 1;
  transition: 0.3s all ease-in-out;
}

.card .card-gilaki{
  width: 130px;
  height: 40px;
  position: absolute;
  text-align: center;
  line-height: 33px;
  background-color: #2A263D;
  color: #ffffff;
  font-size: 16px;
  outline: none;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  bottom: 30%;
  right: 50%;
  opacity: 1;
  transition: 0.3s all ease-in-out;
}

/* აქედან იწყება გალერეა */

.satauri-gallery{
  text-align: center;
  margin-top: 60px;
  font-size: 30px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
}

.gallery-menu{
  width: 320px;
  height: 430px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 60px;
  margin-bottom: 40px;  
}

.card{
  position: relative;
  width: 320px;
  height: 200px;
  justify-content: flex-start;
  background-color: orangered;
  border-radius: 15px;
}

.card img{
  position: absolute;
  width: 320px;
  height: 200px;
  border-radius: 15px;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}

.card:hover img {
  transform: none;
}
.card:hover .chabnelebistvis{
  transform: none;
  background-color: hsla(0, 0%, 0%, 0.6);
  opacity: 1;
}

.card:hover .card-satauri,
.card:hover .card-ganmarteba,
.card:hover .card-gilaki {
  opacity: 1;
}

.chabnelebistvis{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  top: 0;
  border-radius: 15px;
  /* width: 300px; */
  width: 320px;
  height: 200px;
  opacity: 1;
  background-color: hsla(0, 0%, 0%, 0.6);
  transition: all 0.3s ease-in-out;
}

.card .card-satauri{
  overflow-y: hidden;
  position: absolute;
  top: 30%;
  right: 50%;
  width: 300px;
  height: 30px;
  transform: translateX(50%);
  font-size: 18px;
  /* line-height: 22px; */
  text-align: center;
  /* min-width: 190px;
  max-width: 220px; */
  font-weight: 700;
  color: rgb(255, 255, 255);
  opacity: 1;
  transition: 0.3s all ease-in-out;
}

.card .card-gilaki{
  width: 130px;
  height: 40px;
  position: absolute;
  text-align: center;
  line-height: 33px;
  background-color: #2A263D;
  color: #ffffff;
  font-size: 16px;
  outline: none;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  bottom: 30%;
  right: 50%;
  transform: translateX(50%);
  opacity: 1;
  transition: 0.3s all ease-in-out;
}

/* იწყება ჩვენს შესახებ */

.chvens-shesaxeb-satauri h1{
  font-size: 26px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  text-align: center;
}

.about-us-mtliani{
  width: 320px;
  min-height: 400px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

.about-us1{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 60px;
}

.about-us-text1{
  width: 320px;
  min-height: 300px;
}

.about-us-text1 h1{
  width: 320px;
  font-size: 30px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 20px;
}

.about-us-text1 p{
  font-size: 20px;
  font-weight: 300;
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
}

.about-us-text1 ul{
  margin-top: 30px;
  margin-left: 20px;
}

.about-us-text1 ul li{
  overflow-y: hidden;
  font-size: 20px;
  font-weight: 300;
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
}

.about-us-surati1{
  display: none;
  width: 320px;
  min-height: 58px;
  position: relative;
}

.about-us2{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 60px;
}

.about-us-text2{
  width: 320px;
  min-height: 100px;
}

.about-us-text2 h1{
  font-size: 30px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 20px;
}

.about-us-text2 p{
  font-size: 20px;
  font-weight: 300;
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
}

.about-us-surati2{
  display: none;
  width: 350px;
  height: 472px;
  position: relative;
}

.about-us-surati2 img{
  position: sticky;
  top: 0;
  width: 350px;
  height: 300px;
  object-fit: cover;
  border-radius: 15px;
  filter: drop-shadow(5px 5px 8px hsla(0, 0%, 0%, 0.6));
}

/* აქ იწყება კონტაქტი */

.contact-satauri h1{
  font-size: 26px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  text-align: center;
}

.shekvetis-satauri{
  overflow-y: hidden;
  height: 80px;
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  margin-top: 30px;
  color: #221C2D;
}

.shekvetis-paragrapi{
  width: 320px;
  min-height: 10px;
  font-size: 18px;
  font-weight: 300;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  color: #221C2D;
}

.contact-info{
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
  width: 320px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.marcxena-mxare{
  width: 320px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.tele-info{
  justify-content: flex-start;
  display: flex;
  width: 320px;
  /* height: 200px; */
}

.marcxena-icon{
  margin-right: 10px;
}

.marcxena-icon img{
  margin-top: 11px;
  width: 32px;
  height: 32px;
  justify-content: center;
}

.tele-text h4{
  width: 300px;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 300;
  font-family: Arial, Helvetica, sans-serif;
}

.tele-text h2{
  overflow-y: hidden;
  width: 250px;
  margin-bottom: 5px;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
}

.tele-text2 h2{
  overflow-y: hidden;
  width: 250px;
  height: 60px;
  overflow-y: hidden;
  font-size: 18px;
  color: #4339ca;
}

.tele-text2 h4{
  width: 250px;
  overflow-y: hidden;
  font-size: 16px;
  font-weight: 300;
}

.marjvena-mxare{
  overflow-y: hidden;
  width: 300px;
  height: 200px;
  display: none;
}

.marjvena-mxare img{
  width: 300px;
  height: 200px;
  object-fit: cover;
  border-radius: 15px;
  filter: drop-shadow(5px 5px 8px hsla(0, 0%, 0%, 0.6));
}

.contact-map4{
  width: 300px;
  display: flex;
  justify-content: center;
  margin-top: 40px;
  margin-bottom: 40px;
}

.contact-map4 iframe{
  border-radius: 15px;
  filter: none;
}

.contact-map{
  display: none;
}

.contact-map2{
  display: none;
}

.contact-map3{
  display: none;
}

/* აქ დაიწყება მზისგან დამცავი სისტემები */

.mzisgan-damcavi-satauri{
  font-size: 22px;
  height: 80px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

.mzisgan-damcavi-grid1{
  /* margin-left: auto;
  margin-right: auto; */
  align-items: center;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(1, 300px);
  grid-template-rows: repeat(8, 200px);
  grid-column-gap: 33px;
  grid-row-gap: 33px;
  margin-bottom: 40px;
}

.cardi{
  position: relative;
  width: 300px;
  height: 200px;
  /* justify-content: center; */
  background-color: orangered;
  border-radius: 15px;
  filter: none;
}

.cardi img{
  position: absolute;
  width: 300px;
  height: 200px;
  border-radius: 15px;
  object-fit: cover;
  transition: none;
}

.cardi:hover img {
  transform: none;
}
.cardi:hover .chabnelebistvis2{
  transform: none;
  background-color: hsla(0, 0%, 0%, 0.6);
  opacity: 1;
}

.cardi:hover .card-chamonatvali,
.cardi:hover .card-ganmarteba,
.cardi:hover .card-gilaki2 {
  opacity: 1;
}

.chabnelebistvis2{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  top: 0;
  border-radius: 15px;
  /* width: 300px; */
  width: 300px;
  height: 200px;
  opacity: 1;
  background-color: hsla(0, 0%, 0%, 0.6);
  transition: all 0.3s ease-in-out;
}

.cardi .card-chamonatvali{
  position: absolute;
  top: 30%;
  right: 50%;
  width: 190px;
  transform: translateX(50%);
  font-size: 16px;
  /* line-height: 22px; */
  text-align: center;
  /* min-width: 190px;
  max-width: 220px; */
  font-weight: 700;
  color: rgb(255, 255, 255);
  opacity: 1;
  transition: none;
}

.cardi .card-gilaki2{
  width: 140px;
  height: 30px;
  position: absolute;
  text-align: center;
  line-height: 25px;
  background-color: #2A263D;
  color: #ffffff;
  font-size: 14px;
  outline: none;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  bottom: 25%;
  right: 50%;
  transform: translateX(50%);
  opacity: 1;
  transition: none;
}

/* აქ იწყება ვერწიკალურები */

.vertikaluri-jaluzebi-paragrapi{
  width: 320px;
  min-height: 10px;
  font-size: 18px;
  font-weight: 500;
  margin-left: auto;
  margin-right: auto;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

img.vertical-mtavari-surati{
  width: 320px;
  height: 200px;
  object-fit: cover;
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  filter: none;
}

.vertical-jaluzi-satauri2{
  font-size: 28px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

.vertikaluri-jaluzebi-grid{
  min-height: 10px;
  margin-bottom: 40px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(1, 300px);
  grid-template-rows: repeat(6,300px);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  filter: none;
}



.vertical01{ 
  width: 300px;
  height: 300px;
  border-radius: 10px;
  background-color: #1F182B;
  border-color: #221C2D;
  transition: all 0.3 ease-in-out;
  filter: none;
}

.vertical01 img{
  width: 300px;
  height: 200px;
  object-fit: cover;
  border-radius: 10px;
}

.vertical01-ganmarteba{
  height: 70px;
  margin-top: 10px;
  display: flex;
  justify-content: space-evenly;
}

.vertical-fasi01{
  width: 87px;
  height: 70px;
}

.vertical-fasi01 h4{
  color: white;
  text-align: center;
}

.vertical-marjvena-mxare{
  width: 130px;
  height: 70px;
}

.vertical-wodeba{
  height: 30px;
  color: white;
  font-size: 22px;
  text-align: center;
}

.galereis-suratebis-gilaki{
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
  position: relative;
  margin-bottom: 30px;
  width: 320px;
  height: 60px;
}

.galereis-suratebis-gilaki a{
  position: unset;
  /* left: 50%;
  transform: translate(-50%); */
  width: 220px;
  height: 40px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 600;
  line-height: 35px;
  text-align: center;
  color: white;
  background-color: #1F182B;
  transition: none;
}

.galereis-suratebis-gilaki:hover a{
  transform: none;
  transition: none;
}

/* აქ იწყება ბერლინი */

.vertical-berlini-mtliani-satauri{
  width: 320px;
  min-height: 10px;
  /* background-color: #2FEC28; */
}

.vertical-berlini-satauri{
  color: #221C2D;
  height: 50px;
  font-size: 32px;
  text-align: center;
  font-weight: bold;
}

.vertical-berlini-qvesatauri{
  color: #221C2D;
  font-size: 26px;
  min-height: 40px;
  text-align: center;
  font-weight: 100;
  line-height: 35px;
}

.vertical-berlini-gilaki{
  width: 320px;
  height: 100px;
  position: relative;
  display: flex;
  justify-content: center;
}

.vertical-berlini-gilaki a{
  position: unset;
  /* left: 50%; */
  /* transform: translateX(-50%); */
  width: 120px;
  height: 40px;
  border-radius: 10px;
  font-size: 18px;
  font-weight: 600;
  /* line-height: 35px; */
  text-align: center;
  color: white;
  background-color: #1F182B;
  /* transition: none; */
}

/* .vertical-berlini-gilaki:hover a{
  transform: none;
  transition: none;
} */

.vertical-berlini-grid{
  width: 320px;
  /* height: 2800px; */
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(2, 150px);
  grid-template-rows: repeat(15,190px);
  grid-column-gap: 20px;
  grid-row-gap: 50px;
}

.berlin-grid-20{
  overflow-y: hidden;
  /* height: 200px; */
  border-radius: 10px;
}

.berlin-grid-20 img{
  width: 150px;
  height: 150px;
  object-fit: cover;
  border-radius: 10px;
  color: #1F182B;
}

.berlin-grid-20 h1{
  font-size: 22px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}

/* აქ იწყება შანწუნგი ფერები */

.vertical-shantungi-grid{
  width: 320px;
  /* height: 1200px; */
  overflow-y: hidden;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(2, 150px);
  grid-template-rows: repeat(6,180px);
  grid-column-gap: 20px;
  grid-row-gap: 50px;
}

.berlin-grid-1{
  width: 150px;
  /* height: 350px; */
  border-radius: 10px;
}

.berlin-grid-1 h4{
  /* height: 100px; */
  font-size: 16px;
  text-align: center;
  font-weight: 600;
}

.berlin-grid-1 img{
  width: 150px;
  height: 150px;
  object-fit: cover;
  border-radius: 10px;
  color: #1F182B;
}

.berlin-grid-1 h1{
  overflow-y: hidden;
  font-size: 22px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}

/* იწყება ხაზიანი ფერები */

.vertical-xaziani-grid{
  width: 320px;
  /* height: 1200px; */
  overflow-y: hidden;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(2, 150px);
  grid-template-rows: repeat(6,180px);
  grid-column-gap: 20px;
  grid-row-gap: 50px;
}

/* იწყება მაიამი ფერები */

.vertical-maiami-grid{
  width: 320px;
  /* height: 800px; */
  overflow-y: hidden;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(2, 150px);
  grid-template-rows: repeat(4,180px);
  grid-column-gap: 20px;
  grid-row-gap: 50px;
}

/* აქ იწყება პარიზი ფერები */

.vertical-parizi-grid{
  width: 320px;
  /* height: 1650px; */
  overflow-y: hidden;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(2, 150px);
  grid-template-rows: repeat(8,180px);
  grid-column-gap: 20px;
  grid-row-gap: 50px;
}

/* აქ იწყება სქრინი ფერები */

.vertical-sqrini-grid{
  width: 320px;
  /* height: 650px; */
  overflow-y: hidden;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(2, 150px);
  grid-template-rows: repeat(3,180px);
  grid-column-gap: 20px;
  grid-row-gap: 50px;
}

/* აქ იწყება ჰორიზონტალური ჟალუზი */

.horizontaluri-jaluzebi-paragrapi{
  width: 320px;
  min-height: 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  margin-left: auto;
  margin-right: auto;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

img.horizontaluri-mtavari-surati{
  width: 320px;
  height: 200px;
  object-fit: cover;
  object-position: top;
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  filter: none;
}

.horizontaluri-jaluzi-satauri2{
  font-size: 26px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

.horizontaluri-jaluzi-grid{
  width: 320px;
  /* height: 280px; */
  overflow-y: hidden;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(2, 150px);
  grid-template-rows: repeat(1,250px);
  grid-column-gap: 20px;
  grid-row-gap: 33px;
}

/* აქ იწყება რულონური ჟალუზი */

.vertical-wodeba2{
  font-size: 12px;
  margin-bottom: 0;
}

.vertical-fasi01 h4{
  height: 20px;
}
.vertical-marjvena-mxare2 a{
  overflow-y: hidden;
  padding-left: 2px;
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  border-radius: 5px;
  text-align: center;
  margin-left: 22px;
  font-size: 12px;
  line-height: 25px;
  color: #221C2D;
  background-color: white;
  
}

.rulonuri-mtavari-grid{
  width: 320px;
  height: 1400px;
  margin-bottom: 40px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(1, 300px);
  grid-template-rows: repeat(4,280px);
  grid-column-gap: 30px;
  grid-row-gap: 60px;
  filter: none;
}

.roleti-jaluzebi-paragrapi{
  overflow-y: hidden;
  width: 320px;
  min-height: 10px;
  font-size: 18px;
  font-weight: 700;
  margin-left: auto;
  margin-right: auto;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

img.roleti-mtavari-surati{
  width: 320px;
  height: 200px;
  object-fit: cover;
  object-position: top;
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  filter: none;
}

/* აქ იწყება თხელი, სქელი, საშუალო, ბლექაუთი როლეტის ფერი */

.rulonuri-txeli-grid{
  width: 320px;
  /* min-height: 650px; */
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  overflow-y: hidden;
  grid-template-columns: repeat(2, 150px);
  grid-template-rows: repeat(3,180px);
  grid-column-gap: 20px;
  grid-row-gap: 50px;
}

.rulonuri-sashualo-grid{
  width: 320px;
  /* height: 1800px; */
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  overflow-y: hidden;
  grid-template-columns: repeat(2, 150px);
  grid-template-rows: repeat(9,180px);
  grid-column-gap: 20px;
  grid-row-gap: 50px;
}

.rulonuri-sqeli-grid{
  width: 320px;
  /* min-height: 580px; */
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  overflow-y: hidden;
  grid-template-columns: repeat(2, 150px);
  grid-template-rows: repeat(3,180px);
  grid-column-gap: 20px;
  grid-row-gap: 50px;
}

.rulonuri-blackout-grid{
  width: 320px;
  /* height: 380px; */
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  overflow-y: hidden;
  grid-template-columns: repeat(2, 150px);
  grid-template-rows: repeat(2,180px);
  grid-column-gap: 20px;
  grid-row-gap: 50px;
}

/* აქ დაიწყება ზებრა ჟალუზი */

.zebra-jaluzi-grid{
  width: 320px;
  /* height: 280px; */
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  overflow-y: hidden;
  grid-template-columns: repeat(2, 150px);
  grid-template-rows: repeat(1,230px);
  grid-column-gap: 20px;
  grid-row-gap: 50px;
}

.zebra-jaluzebi-paragrapi{
  width: 320px;
  min-height: 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  margin-left: auto;
  margin-right: auto;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

img.zebra-mtavari-surati{
  width: 320px;
  height: 200px;
  object-fit: cover;
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  filter: none;
}

.zebra-jaluzi-satauri2{
  font-size: 24px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

/* აქედან იწყება როლეტი მაგნოლია */

.roleti-magnolia-grid{
  width: 320px;
  /* min-height: 240px; */
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  overflow-y: hidden;
  grid-template-columns: repeat(2, 150px);
  grid-template-rows: repeat(1,210px);
  grid-column-gap: 20px;
  grid-row-gap: 50px;
}

.roleti-magnolia-paragrapi{
  width: 320px;
  min-height: 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  margin-left: auto;
  margin-right: auto;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

img.roleti-magnolia-surati{
  width: 320px;
  height: 200px;
  object-fit: cover;
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  filter: none;
}

.roleti-magnolia-satauri2{
  font-size: 24px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

/* აქ მთავრდება როლეტი მაგნოლია */
/* იწყება ზებრა მაგნოლია */

.zebra-magnolia-grid{
  width: 320px;
  /* min-height: 240px; */
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  overflow-y: hidden;
  grid-template-columns: repeat(2, 150px);
  grid-template-rows: repeat(1,230px);
  grid-column-gap: 20px;
  grid-row-gap: 50px;
}

.zebra-magnolia-paragrapi{
  width: 320px;
  min-height: 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  margin-left: auto;
  margin-right: auto;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

img.zebra-magnolia-surati{
  width: 320px;
  height: 200px;
  object-fit: cover;
  object-position: top;
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  filter: none;
}

.zebra-magnolia-satauri2{
  font-size: 24px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

/* აქ მთავრდება ზებრა მაგნოლია */
/* იწყება რომაული ფარდა-ჟალუზი */

.romauli-jaluzi-grid{
  width: 320px;
  /* height: 1100px; */
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  overflow-y: hidden;
  grid-template-columns: repeat(2, 150px);
  grid-template-rows: repeat(5,200px);
  grid-column-gap: 20px;
  grid-row-gap: 40px;
}

.romauli-jaluzebi-paragrapi{
  width: 320px;
  min-height: 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  margin-left: auto;
  margin-right: auto;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

img.romauli-mtavari-surati{
  width: 320px;
  height: 200px;
  object-fit: cover;
  object-position: top;
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  filter: none;
}

.romauli-jaluzi-satauri2{
  font-size: 24px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

/* აქ მთავრდება რომაული ფარდა-ჟალუზი */
/* იწყება პლისე ჟალუზი */

.plise-jaluzi-grid{
  width: 320px;
  /* min-height: 240px; */
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: grid;
  overflow-y: hidden;
  grid-template-columns: repeat(2, 150px);
  grid-template-rows: repeat(1,230px);
  grid-column-gap: 20px;
  grid-row-gap: 40px;
}

/* აქედან იმენა ავეჯები და თემები */

.aveji-gallery-grid1{
  width: 320px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(1, 300px);
  grid-template-rows: repeat(4, 200px);
  grid-column-gap: 33px;
  grid-row-gap: 33px;
  margin-bottom: 40px;
}

/* იწყება სამზარეულო */

.aveji-gilaki{
  width: 320px;
  height: 100px;
  position: relative;
  display: flex;
  justify-content: center;
  margin-bottom: 0px;
}

.aveji-gilaki a{
  position: unset;
  /* left: 50%; */
  /* transform: translateX(-50%); */
  width: 120px;
  height: 40px;
  border-radius: 10px;
  font-size: 18px;
  font-weight: 600;
  /* line-height: 35px; */
  text-align: center;
  color: white;
  background-color: #1F182B;
  /* transition: none; */
}

.mzisgan-damcavi-satauri2{
  height: 40px;
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #221C2D;
}

h2.samzareulo-wodeba{
  height: 60px;
  margin-top: 6px;
  color: white;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}

.vertical-fasi03{
  width: 105px;
  height: 70px;
}

.imena-fasi5{
  display: flex;
  text-align: center;
  color: white;
  font-size: 18px;
}

.imena-fasi5 h2{

  color: #2FEC28;
}

.imena-fasi5 h3{
  line-height: 40px;
  color: #EBC715;
}

.vertical-fasi03 h4{
  height: 30px;
  color: white;
  text-align: center;
}

.samzareulo-grid{
  width: 320px;
  min-height: 10px;
  margin-bottom: 40px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(1, 300px);
  grid-template-rows: repeat(3,300px);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  filter: none;
}

/* აქედან იწყება კარადები და თემები */

img.karada-mtavari-surati{
  object-position: auto;
  width: 320px;
  height: 200px;
  /* object-fit: cover; */
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  filter: none;
}

.sawolebi-grid{
  width: 320px;
  min-height: 10px;
  margin-bottom: 40px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(1, 300px);
  grid-template-rows: repeat(1,300px);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  filter: none;
}

.sabavshvo-aveji-grid{
  width: 320px;
  min-height: 10px;
  margin-bottom: 40px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(1, 300px);
  grid-template-rows: repeat(3,300px);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  filter: none;
}

/* აქედან იწყება ბადეები პროდუქციის */

.badeebi-satauri{
  width: 320px;
  height: 60px;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  margin-top: 30px;
  color: #221C2D;
}

.mwerebis-badeebi-paragrapi{
  width: 320px;
  min-height: 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

.damcavi-badeebi-grid{
  width: 320px;
  min-height: 100px;
  margin-bottom: 120px;
  margin-top: 60px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(1, 300px);
  grid-template-rows: repeat(3,270px);
  grid-column-gap: 33px;
  grid-row-gap: 33px;
}

.cardi2{
  position: relative;
  width: 300px;
  height: 270px;
  justify-content: flex-start;
  background-color: none;
  border-radius: 15px;
  /* margin-right: 100px; */
}

.cardi2 img{
  position: absolute;
  width: 300px;
  height: 270px;
  border-radius: 15px;
  object-fit: cover;
  transition: none;
}

.cardi2:hover img {
  transform: none;
}
.cardi2:hover .chabnelebistvis3{
  transform: none;
  background-color: hsla(0, 0%, 0%, 0.6);
  opacity: 1;
}

.cardi2:hover .card-chamonatvali2,
.cardi2:hover .card-ganmarteba,
.cardi2:hover .card-gilaki3 {
  opacity: 1;
}

.chabnelebistvis3{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  top: 0;
  border-radius: 15px;
  /* width: 300px; */
  width: 300px;
  height: 270px;
  opacity: 1;
  background-color: hsla(0, 0%, 0%, 0.6);
  transition: none;
}

.cardi2 .card-chamonatvali2{
  position: absolute;
  overflow-y: hidden;
  top: 30%;
  right: 50%;
  width: 190px;
  height: 60px;
  transform: translateX(50%);
  font-size: 20px;
  text-align: center;
  font-weight: 700;
  color: rgb(255, 255, 255);
  opacity: 1;
  transition: none;
}

.cardi2 .card-gilaki3{
  width: 120px;
  height: 30px;
  position: absolute;
  text-align: center;
  line-height: 25px;
  background-color: #2A263D;
  color: #ffffff;
  font-size: 14px;
  outline: none;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  bottom: 35%;
  right: 50%;
  transform: translateX(50%);
  opacity: 1;
  transition: 0.3s all ease-in-out;
}

/* აქ დაიწყება ბადე ანჯამებზე */

.aveji-samzareulo-satauri{
  width: 320px;
  height: 60px;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  margin-top: 30px;
  color: #221C2D;
}

.bade-gilaki{
  width: 320px;
  height: 60px;
  position: unset;
  display: flex;
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

.bade-gilaki a{
  position: unset;
  width: 120px;
  height: 40px;
  border-radius: 10px;
  font-size: 18px;
  font-weight: 600;
  line-height: 35px;
  color: white;
  background-color: #0d0b0f;
  transition: none;
}

.bade-gilaki:hover a{
  transform: none;
  transition: none;
}

img.bade-anjamebze-surati{
  width: 320px;
  height: 200px;
  object-fit: cover;
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  filter: none;
}

.bade-anjamebze-satauri2{
  font-size: 24px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

.bade-grid{
  width: 320px;
  min-height: 10px;
  margin-top: 40px;
  margin-bottom: 60px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(1, 300px);
  grid-template-rows: repeat(3, 300px);
  grid-column-gap: 33px;
  grid-row-gap: 50px;
}

.bade-wodeba{
  height: 70px;
}

.bade-wodeba h2{
  height: 25px;
  margin-top: 0px;
  color: white;
  font-size: 20px;
  font-weight: 300;
  text-align: center;
}

.bade-wodeba h3{
  height: 40px;
  color: white;
  font-size: 20px;
  text-align: center;
}

.ofisi01{ 
  width: 300px;
  height: 300px;
  border-radius: 10px;
  background-color: #1F182B;
  border-color: #221C2D;
  transition: all 0.3 ease-in-out;
}

.ofisi01 img{
  width: 300px;
  height: 200px;
  object-fit: cover;
  border-radius: 10px;
}

.chasadgmeli-bade-grid{
  width: 320px;
  min-height: 10px;
  margin-top: 40px;
  margin-bottom: 60px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(1, 300px);
  grid-template-rows: repeat(3, 300px);
  grid-column-gap: 30px;
  grid-row-gap: 50px;
}

img.bade-chasadgmeli-surati{
  width: 320px;
  height: 200px;
  object-fit: cover;
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  filter: none;
}

.bade-chasadgmeli-satauri2{
  font-size: 24px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

.plise-bade-grid{
  width: 320px;
  min-height: 10px;
  margin-top: 40px;
  margin-bottom: 40px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(1, 300px);
  grid-template-rows: repeat(3, 300px);
  grid-column-gap: 30px;
  grid-row-gap: 50px;
}

img.bade-plise-surati{
  width: 320px;
  height: 200px;
  object-fit: cover;
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  filter: none;
}

.bade-plise-satauri2{
  font-size: 24px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 40px;
  color: #221C2D;
}

/* აქ მთავრდება პლისე და ზოგადად ბადე */
/* იწყება მეტალო პლასტმასები */

.kar-fanjara-section{
  width: 320px;
  height: 60px;
  overflow-y: hidden;
  margin-left: auto;
  margin-right: auto;
}

.kar-fanjara-section h3{
  text-align: center;
  padding-top: 180px;
}

/* დამატებითი სურათებისთვის */

.maiami-mtavari-img{
  margin-left: auto;
  margin-right: auto;
  width: 320px;
  height: 210px;
  overflow-y: hidden;
  display: flex;
  justify-content: center;
  /* background-color: #2FEC28; */
  border-radius: 15px;
  margin-bottom: 30px;
}

.maiami-mtavari-img img{
  width: 300px;
  height: 200px;
  object-fit: cover;
  border-radius: 15px;
  color: #1F182B;
  filter: none;
}


/* აქედან დაიწყება ვიდეო გალერეა */

.video-galerea{
  margin-left: auto;
  margin-right: auto;
  width: 320px;
  height: 40px;
  margin-top: 30px;
}

.video-galerea h1{
  height: 40px;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 0px;
}

.video-information{
  width: 320px;
  height: 100px;
  font-size: 24px;
  font-weight: 500;
  text-align: center;
  margin-top: 100px;
  margin-bottom: 100px;
}


/* აქ იწყება ფოტო გალერეაააააააააააააა */

.mzisgan-photo-galerea h1{
  font-size: 24px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  font-weight: 700;
  margin-top: 10px;
}

.satauri-photo-gallery{
  text-align: center;
  font-size: 24px;
  font-weight: 400;
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 40px;
}

.photo-grid1{
  display: grid;
  grid-template-columns: repeat(1, 200px 110px);
  grid-template-rows: repeat(2, 170px);
  grid-column-gap:10px;
  grid-row-gap:10px;
  margin-bottom: 10px;
}

.photo-grid2{
  display: grid;
  grid-template-columns: repeat(1, 155px 155px);
  grid-template-rows: repeat(2, 170px);
  grid-gap:10px 10px;
  margin-bottom: 10px;
}

.photo-grid3{
  display: grid;
  grid-template-columns: repeat(1, 130px 180px);
  grid-template-rows: repeat(2, 170px);
  grid-gap:10px 10px;
  margin-bottom: 10px;
}

.photo-grid4{
  display: grid;
  grid-template-columns: repeat(1, 180px 130px);
  grid-template-rows: repeat(2, 170px);
  grid-column-gap:10px;
  margin-bottom: 10px;
}

.photo-grid5{
  display: grid;
  grid-template-columns: repeat(1, 155px 155px);
  grid-template-rows: repeat(2, 170px);
  grid-gap:0 10px;
  margin-bottom: 10px;
}

.photo-grid6{
  display: grid;
  grid-template-columns: repeat(1, 110px 200px);
  grid-template-rows: repeat(2, 170px);
  grid-gap:0 10px;
  margin-bottom: 10px;
}

.photo-columns1 img{
  overflow-y: hidden;
  width: 200px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns2 img{
  overflow-y: hidden;
  width: 110px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns3 img{
  overflow-y: hidden;
  width: 200px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns4 img{
  overflow-y: hidden;
  width: 110px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns5 img{
  overflow-y: hidden;
  width: 155px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns6 img{
  overflow-y: hidden;
  width: 155px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns7 img{
  overflow-y: hidden;
  width: 155px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns8 img{
  overflow-y: hidden;
  width: 155px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns9 img{
  overflow-y: hidden;
  width: 130px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns10 img{
  overflow-y: hidden;
  width: 180px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns11 img{
  overflow-y: hidden;
  width: 130px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns12 img{
  overflow-y: hidden;
  width: 180px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns13 img{
  overflow-y: hidden;
  width: 180px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns14 img{
  overflow-y: hidden;
  width: 130px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns15 img{
  overflow-y: hidden;
  width: 180px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns16 img{
  overflow-y: hidden;
  width: 130px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns17 img{
  overflow-y: hidden;
  width: 155px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns18 img{
  overflow-y: hidden;
  width: 155px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns19 img{
  overflow-y: hidden;
  width: 155px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns20 img{
  overflow-y: hidden;
  width: 155px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns21 img{
  overflow-y: hidden;
  width: 110px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns22 img{
  overflow-y: hidden;
  width: 200px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns23 img{
  overflow-y: hidden;
  width: 110px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.photo-columns24 img{
  overflow-y: hidden;
  width: 200px; 
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
}

.vertical-marjvena-mxare a{
  padding-left: 4px;
  padding-top: 4px;
  padding-right: 4px;
  padding-bottom: 6px;
  border-radius: 5px;
  text-align: center;
  margin-left: 15px;
  font-size: 12px;
  line-height: 40px;
  color: #221C2D;
  background-color: white;
}

.bade-gallery-grid2{
  width: 320px;
  margin-bottom: 40px;
  margin-top: 60px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(1, 300px);
  grid-template-rows: repeat(3,200px);
  grid-column-gap: 33px;
  grid-row-gap: 33px;
}

.cardi3{
  position: relative;
  width: 300px;
  height: 200px;
  justify-content: flex-start;
  background-color: orangered;
  border-radius: 15px;
  filter: none;
}

.cardi3 img{
  position: absolute;
  width: 300px;
  height: 200px;
  border-radius: 15px;
  object-fit: cover;
  transition: none;
}

.cardi3:hover img {
  transform: none;
}
.cardi3:hover .chabnelebistvis4{
  transform: none;
  background-color: hsla(0, 0%, 0%, 0.6);
  opacity: unset;
}

.cardi3:hover .card-chamonatvali,
.cardi3:hover .card-ganmarteba,
.cardi3:hover .card-gilaki2 {
  opacity: unset;
}

.chabnelebistvis4{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  top: 0;
  border-radius: 15px;
  /* width: 300px; */
  width: 300px;
  height: 200px;
  opacity: 1;
  background-color: hsla(0, 0%, 0%, 0.6);
  transition: all 0.3s ease-in-out;
}

.cardi3 .card-chamonatvali{
  position: absolute;
  overflow-y: hidden;
  height: 60px;
  top: 30%;
  right: 50%;
  width: 190px;
  transform: translateX(50%);
  font-size: 16px;
  /* line-height: 22px; */
  text-align: center;
  /* min-width: 190px;
  max-width: 220px; */
  font-weight: 700;
  color: rgb(255, 255, 255);
  opacity: 1;
  transition: 0.3s all ease-in-out;
}

.cardi3 .card-gilaki2{
  width: 120px;
  height: 30px;
  position: absolute;
  text-align: center;
  line-height: 25px;
  background-color: #2A263D;
  color: #ffffff;
  font-size: 14px;
  outline: none;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  bottom: 25%;
  right: 50%;
  transform: translateX(50%);
  opacity: 1;
  transition: 0.3s all ease-in-out;
}

.bade-information{
  width: 320px;
  height: 80px;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  margin-top: 60px;
  margin-bottom: 60px;
}

}