/**
 * bnix-common.css
 * Chứa các rule CSS dùng chung cho 8 template page-header:
 * home, service, onetime, hosting, vps, software, domain, ws
 * Tách ra từ các file riêng lẻ để tránh trùng lặp.
 */

/* === Page header (section_1) === */
.sec-l .col-inner {
 position: relative;
}
.section_1 .site-container {
 display: flex;
 align-items: center;
 justify-content: space-between;
}
.section_1 .sec-l,
.section_1 .sec-l h1 {
 color: #2e4394;
}
.home-entry-title {
 font-size: 54px;
 font-weight: 700;
 line-height: 1.1em;
 color: #2e4394;
}
.section_1 .sec-l {
 flex: 0 0 40%;
 width: 40%;
}
.section_1 .sec-r {
 flex: 0 0 60%;
}
.section_1 .sec-r .col-inner img {
 float: right;
}
.section_1 .buttons {
 display: flex;
 align-items: center;
}
.section_1 .right-image img,
img.sec4-left-image,
.sec6-right-image {
 animation-name: elementor-animation-bob-float, elementor-animation-bob;
 animation-duration: 0.3s, 1.5s;
 animation-delay: 0s, 0.3s;
 animation-timing-function: ease-out, ease-in-out;
 animation-iteration-count: 1, infinite;
 animation-fill-mode: forwards;
  animation-direction: normal, alternate;
}

/* === Responsive === */
@media screen and (max-width: 820px) {
 .section_1 .sec-r {
 flex: 0 0 40%;
 }
 .section_1 .sec-l {
 flex: 0 0 60%;
 width: 60%;
 }
  .home-entry-title {
 font-size: 48px;
 }
}