/* blog */
.blog .img-wrapper{
  overflow: hidden;
  height: 63px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}
@media (min-width: 769px) {
  .blog .img-wrapper{
    height: 162px;
  }
}
.blog .img-wrapper img{
  width: 100%;
  object-fit: cover;
}
.blog .main-title.common{
  padding-bottom: 20px;
}
.blog h3{
  font-size: 12px;
  color: #1B8DB1;
  margin-bottom: 20px;
  line-height: 1.2;
  text-transform: uppercase;
}.blog.article h1{
  font-size: 12px;
  color: #1B8DB1;
  margin-bottom: 20px;
  line-height: 1.2;
  text-transform: uppercase;
}
.blog h3 a{
  text-decoration: none;
  color: #1B8DB1;
}
.blog h3 a:hover{
  opacity: 0.7;
}
@media (min-width: 769px) {
  .blog h3{
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 30px;
  }
  .blog.article h1{
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 30px;
  }
}
.blog p{
  font-size: 10px;
  color: #231E1E;
  line-height: 158%;
}
@media (min-width: 769px) {
  .blog p{
    font-size: 16px;
    line-height: 29px;
  }
}
.blog.article .paragraph p{
  margin-bottom: 16px;
}
@media (min-width: 769px) {
  .blog.article .paragraph p{
    margin-bottom: 30px;
  }
}
.blog.article .paragraph{
  margin-bottom: 0;
}

.blog .paragraph ul{
  list-style: none;
  padding: 0;
}
.blog .paragraph li{
  line-height: 16px;
  font-size: 10px;
}
@media (min-width: 769px) {
  .blog .paragraph li{
    line-height: 29px;
    font-size: 16px;
  }
}

.blog .article-footer{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}
@media (min-width: 769px) {
  .blog .article-footer{
    margin-top: 30px;
  }
}
.blog .more{
  color: #1B8DB1;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
}
@media (min-width: 769px) {
  .blog .more{
    font-size: 18px;
  }
}
.blog .right{
  display: flex;
  gap: 4px;
}
.blog .author{
  color: #1B8DB1;
  font-weight: bold;
}
.blog .paragraph{
  margin-bottom: 73px;
}
@media (min-width: 769px) {
  .blog .paragraph{
    margin-bottom: 85px;
  }
}

.blog iframe{
  width: 100%;
}
@media (min-width: 1000px) {
  .blog iframe{
    height: 500px;
  }
}
.blog p a img{
  width: 100%;
}