.blog-list-component .loader[data-v-092df609] {
  padding: 80px 0;
  text-align: center;
}
.blog-list-component .blogs[data-v-092df609] {
  width: 100%;
  padding: 20px 110px 60px;
  display: grid;
  gap: 20px;
  grid-template-areas: "item-0 item-0 item-1" "item-2 item-3 item-4" "item-5 item-6 item-6" "item-7 item-8 item-9";
}
@media only screen and (max-width: 1365px) {
.blog-list-component .blogs[data-v-092df609] {
    padding: 30px 0;
    gap: 15px;
    grid-template-areas: "item-0 item-0" "item-1 item-2" "item-3 item-4" "item-5 item-5" "item-6 item-7" "item-8 item-9";
}
}
@media only screen and (max-width: 959px) {
.blog-list-component .blogs[data-v-092df609] {
    padding-top: 15px;
}
}
.blog-list-component .blogs .blog-item[data-v-092df609] {
  cursor: pointer;
  position: relative;
  height: 350px;
}
@media only screen and (max-width: 959px) {
.blog-list-component .blogs .blog-item[data-v-092df609] {
    height: 260px;
}
}
@media only screen and (max-width: 767px) {
.blog-list-component .blogs .blog-item[data-v-092df609] {
    height: 150px;
}
}
.blog-list-component .blogs .blog-item.blog-0[data-v-092df609] {
  grid-area: item-0;
}
.blog-list-component .blogs .blog-item.blog-1[data-v-092df609] {
  grid-area: item-1;
}
.blog-list-component .blogs .blog-item.blog-2[data-v-092df609] {
  grid-area: item-2;
}
.blog-list-component .blogs .blog-item.blog-3[data-v-092df609] {
  grid-area: item-3;
}
.blog-list-component .blogs .blog-item.blog-4[data-v-092df609] {
  grid-area: item-4;
}
.blog-list-component .blogs .blog-item.blog-5[data-v-092df609] {
  grid-area: item-5;
}
.blog-list-component .blogs .blog-item.blog-6[data-v-092df609] {
  grid-area: item-6;
}
.blog-list-component .blogs .blog-item.blog-7[data-v-092df609] {
  grid-area: item-7;
}
.blog-list-component .blogs .blog-item.blog-8[data-v-092df609] {
  grid-area: item-8;
}
.blog-list-component .blogs .blog-item.blog-9[data-v-092df609] {
  grid-area: item-9;
}
.blog-list-component .blogs .blog-item.blog-10[data-v-092df609] {
  grid-area: item-10;
}
.blog-list-component .blogs .blog-item img[data-v-092df609] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-list-component .blogs .blog-item .blog-text[data-v-092df609] {
  width: 100%;
  position: absolute;
  overflow: hidden;
  bottom: 0;
  height: 65px;
  transition: 150ms;
  background-color: rgba(var(--v-theme-secondary), 0.6);
}
.blog-list-component .blogs .blog-item .blog-text .blog-title[data-v-092df609] {
  padding: 20px 40px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
.blog-list-component .blogs .blog-item .blog-text .blog-title[data-v-092df609] {
    height: 100%;
    padding: 20px 20px;
}
}
.blog-list-component .blogs .blog-item .blog-text .blog-title h2[data-v-092df609] {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 5;
}
@media only screen and (max-width: 767px) {
.blog-list-component .blogs .blog-item .blog-text .blog-title h2[data-v-092df609] {
    font-size: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    text-align: left;
}
}
.blog-list-component .blogs .blog-item .blog-text .blog-time[data-v-092df609] {
  padding: 0 40px;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  padding-bottom: 10px;
}
@media only screen and (max-width: 767px) {
.blog-list-component .blogs .blog-item .blog-text .blog-time[data-v-092df609] {
    display: none;
}
}
.blog-list-component .blogs .blog-item .blog-text .blog-outline[data-v-092df609] {
  padding: 0 40px;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  line-clamp: 6;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
.blog-list-component .blogs .blog-item .blog-text .blog-outline[data-v-092df609] {
    display: none;
}
}
.blog-list-component .blogs .blog-item:hover .blog-text[data-v-092df609] {
  height: 100%;
}
.blog-list-component .blogs .blog-item:hover .blog-text .blog-title[data-v-092df609] {
  padding: 40px 40px 10px;
}
@media only screen and (max-width: 767px) {
.blog-list-component .blogs .blog-item:hover .blog-text .blog-title[data-v-092df609] {
    padding: 20px 20px;
}
}
.blog-list-component .blogs .blog-item:hover .blog-text .blog-title h2[data-v-092df609] {
  white-space: normal;
}
.blog-list-component .pagination-panel[data-v-092df609] {
  padding: 40px 30px 80px 30px;
}.page-blog .pagination-panel[data-v-9afd75c1] {
  padding: 40px 30px 80px 30px;
}
.immigration-blog h1[data-v-9afd75c1] {
  font-size: 36px;
  font-weight: bold;
  color: rgb(var(--v-theme-primary));
  text-align: center;
  padding-top: 100px;
}
@media only screen and (max-width: 767px) {
.immigration-blog h1[data-v-9afd75c1] {
    padding-top: 40px;
    font-size: 18px;
}
}
.immigration-blog .blog-description[data-v-9afd75c1] {
  font-size: 18px;
  font-weight: 500;
  color: #333;
  padding: 30px 130px;
}
@media only screen and (max-width: 1365px) {
.immigration-blog .blog-description[data-v-9afd75c1] {
    text-align: center;
    padding: 20px 0;
}
}
@media only screen and (max-width: 767px) {
.immigration-blog .blog-description[data-v-9afd75c1] {
    font-size: 12px;
    text-align: left;
}
}
.immigration-blog .input-panel[data-v-9afd75c1] {
  display: flex;
  margin: 0 110px;
  height: 50px;
  border-radius: 25px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 1365px) {
.immigration-blog .input-panel[data-v-9afd75c1] {
    margin: 0;
    height: 37px;
}
}
.immigration-blog .input-panel[data-v-9afd75c1] .v-field__input {
  padding: 0;
}
@media only screen and (max-width: 959px) {
.immigration-blog .input-panel[data-v-9afd75c1] .v-field__input::placeholder {
    font-size: 12px;
}
}
.immigration-blog .input-panel img[data-v-9afd75c1] {
  width: 15px;
  height: 15px;
  margin: 20px 20px;
}
.immigration-blog .package-banners[data-v-9afd75c1] {
  position: relative;
  padding: 40px 0;
  display: flex;
  justify-content: center;
  gap: 20px;
}
@media only screen and (max-width: 959px) {
.immigration-blog .package-banners[data-v-9afd75c1] {
    padding: 20px 0;
    gap: 10px;
}
}
.immigration-blog .package-banners .package-option-item[data-v-9afd75c1] {
  position: relative;
  padding: 0 10px;
  font-size: 18px;
  color: rgb(var(--v-theme-secondary));
  font-weight: 500;
}
@media only screen and (max-width: 959px) {
.immigration-blog .package-banners .package-option-item[data-v-9afd75c1] {
    font-size: 12px;
}
}
.immigration-blog .package-banners .package-option-item.selected[data-v-9afd75c1] {
  color: rgb(var(--v-theme-primary));
}
.immigration-blog .package-banners .bottom-bar[data-v-9afd75c1] {
  position: absolute;
  border-bottom: 3px solid rgb(var(--v-theme-primary));
  content: " s";
  transition: all 300ms;
  left: 0;
  bottom: 30px;
}
@media only screen and (max-width: 959px) {
.immigration-blog .package-banners .bottom-bar[data-v-9afd75c1] {
    bottom: 15px;
}
}