/* CSS Document */

.section-bitesizebkk{ background-color: #3F53AE; padding-top: 30px; padding-bottom: 30px; }


.bitesizebkk{ display: flex; align-items: center; height: 100%; position: relative; margin-left: -120px; }
.bz--content{ display: flex; }

.bz-logo{ width: 180px; height: 180px; border-radius: 50%; background-color: #FFD36D; display: flex; align-items: center; justify-content: center; }
.bz-logo img{ width: 120px; }

.bz--detail{ width: calc(100% - 180px); padding-left: 30px; color: #fff; }
.bz--detail .bztitle{ font-family: var(--font-Arial); font-size: 26px; line-height: 1.3; font-weight: bold; margin-bottom: 5px; }
.bz--detail .bztext{ font-family: var(--font-Arial); font-size: 14px; line-height: 1.5; }
.bz--detail .bzbtn{ margin-top: 40px; }

.bz--viewmore{ display: inline-block; background-color: #BFD5F5; font-size: 20px; line-height: 1.5; font-weight: bold; color: #FF5624; padding: 6px 28px; border-radius: 30px; }
.bz--viewmore:hover{ background-color: #FF5624; color: #fff; }



@media (max-width: 1500px) {

  .bitesizebkk{ margin-left: -60px; }

}
@media (max-width: 1360px) {

  .bitesizebkk{ margin-left: -40px; }
  .bz-logo{ width: 140px; height: 140px; }
  .bz-logo img{ width: 90px; }
  .bz--detail{ width: calc(100% - 140px); }

}
@media (max-width: 1300px) {

  .bitesizebkk{ margin-left: 0px; }
  .bz-logo{ width: 100px; height: 100px; }
  .bz-logo img{ width: 60px; }
  .bz--detail{ width: calc(100% - 100px); padding-left: 20px; }

}
@media (max-width: 1199px) {

  .bz--content{ flex-direction: column; }
  .bz-logo{ margin: 0 auto 20px; }
  .bz--detail{ width: 100%; padding-left: 0; }
  .bz--detail .bzbtn{ margin-top: 20px; }

}
@media (max-width: 991px) {

  .bitesizebkk{ justify-content: center; text-align: center; margin-bottom: 30px; height: auto; }

}
@media (max-width: 767px) {

  .bz--detail .bztitle{ font-size: 22px; }

}

.boxlife-bz.boxlife-news figure { display: block; aspect-ratio: 1/1; overflow: hidden; }
.boxlife-bz.boxlife-news figure img{ object-fit: cover; object-position: center; height: 100%; width: 100%; }