.sg-section_1482768610 {
  padding-top: 30px;
  padding-bottom: 30px;
}
 

.sg-section_811777275 {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: rgb(25, 25, 25);
}
 

.top1 {
  position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) rotateX(347deg); 
    width: 100%; 
    z-index: 9999; 
}

.footer {
    background: linear-gradient(0deg, #B90B01, #13c1ff);
}

.copyright-footer {
    color: #13c1ff;
}


.header-bottom {
    position: relative;
    overflow: hidden;
    background: linear-gradient(90deg, #fff, #13c1ff, #13c1ff, #13c1ff, #fff);
    background-size: 200% 100%;
    animation: gradientMove 5s linear infinite;
}

.header-bottom::before {
    content: "";
    position: absolute;
    top: 0;
    left: -50%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.3) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    transform: skewX(-20deg);
    animation: shine 3s ease-in-out infinite;
}

@keyframes gradientMove {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

@keyframes shine {
    0% {
        left: -50%;
    }
    100% {
        left: 150%;
    }
}
div#masthead {
    background: linear-gradient(#2962ff, #ffffff, #2271b1);
}
.header-button a {
    color: #ffffff;
    padding: 1px 20px;
    text-decoration: none;
    border-radius: 7px;
    position: relative;
    z-index: 1;
    background: linear-gradient(176deg, #eeee4c, #d63638);
    width: 100%;
}
.header-button::before,
.header-button::after {
  content: '';
  position: absolute;
  width: 50%;
  height: 50%;
  border-radius: 7px;
  z-index: -1;
}

.header-button::before {
  left: 0;
  top: 0;
  box-shadow: 0 0 17px 3px #16c60c, 0 0 4px 2px #16c60c;
  animation: yellow-shadow 2s ease infinite;
}

.header-button::after {
  right: 0;
  bottom: 0;
  box-shadow: 0 0 17px 3px #0ff, 0 0 4px 2px #0ff;
  animation: cyan-shadow 2s ease infinite;
}

@keyframes yellow-shadow {
  0% {
    top: 0;
    left: 0;
  }
  25% {
    top: 50%;
    left: 0;
  }
  50% {
    top: 50%;
    left: 50%;
  }
  75% {
    top: 0;
    left: 50%;
  }
  100% {
    top: 0;
    left: 0;
  }
}

@keyframes cyan-shadow {
  0% {
    right: 0;
    bottom: 0;
  }
  25% {
    right: 0;
    bottom: 50%;
  }
  50% {
    right: 50%;
    bottom: 50%;
  }
  75% {
    right: 50%;
    bottom: 0;
  }
  100% {
    right: 0;
    bottom: 0;
  }
}



/* Button CTA */
.header-button-1 a {
  background: #13c1ff !important;
  border: 2px solid #fff !important;
  color: #fff;
  border-radius: 5px;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  animation: tada 1.2s infinite, glowRed 1.5s infinite alternate;
  box-shadow: 0 0 10px rgba(255, 0, 0, 0.8),
              0 0 20px rgba(255, 0, 0, 0.6);
}
@keyframes tada {
  0% { transform: scale(1); }
  10%, 20% { transform: rotate(-3deg); }
  30%, 50%, 70%, 90% { transform: scale(1.2) rotate(1deg); }
  40%, 60%, 80% { transform: scale(1.2) rotate(-2deg); }
}
@keyframes glowRed {
  0% {
    box-shadow: 0 0 5px rgba(255,0,0,.4),
                0 0 10px rgba(255,0,0,.4);
  }
  50% {
    box-shadow: 0 0 20px rgba(255,0,0,.9),
                0 0 30px rgba(255,0,0,.9);
  }
  100% {
    box-shadow: 0 0 5px rgba(255,0,0,.4),
                0 0 10px rgba(255,0,0,.4);
  }
}


:root {
  --plane-width-desktop: 150px;   /* kích thước máy bay desktop */
  --plane-width-mobile: 200px;     /* kích thước máy bay mobile */
  --plane-vertical-position: 50%; /* vị trí theo chiều cao màn hình (50% = giữa) */
  --anim-duration: 12s;           /* tốc độ bay: nhỏ hơn = nhanh hơn */
}

/* Máy bay */
.plane {
  position: fixed; /* Cố định trên màn hình */
  top: var(--plane-vertical-position);
  left: -25%;
  width: var(--plane-width-desktop);
  transform: translateY(-50%) rotate(-6deg);
  pointer-events: none;
  z-index: 9999; /* đảm bảo nằm trên cùng */
  filter: drop-shadow(0 8px 12px rgba(0, 0, 0, 0.45));
  animation: flyAcrossScreen var(--anim-duration) linear infinite;
}

/* Animation bay ngang qua toàn màn hình */
@keyframes flyAcrossScreen {
  0% {
    left: -30%;
    transform: translateY(-50%) rotate(-12deg);
    opacity: 0;
  }
  6% {
    opacity: 1;
  }
  50% {
    left: 60%;
    transform: translateY(-50%) rotate(-2deg);
  }
  92% {
    opacity: 1;
  }
  100% {
    left: 120%;
    transform: translateY(-50%) rotate(8deg);
    opacity: 0;
  }
}

/* Responsive cho mobile */
@media (max-width: 700px) {
  .plane {
    width: var(--plane-width-mobile);
    animation-duration: calc(var(--anim-duration) * 0.8);
  }
}

/* Nếu người dùng tắt chuyển động */
@media (prefers-reduced-motion: reduce) {
  .plane {
    animation: none;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
  }
}


.giftcode-block3 {
text-align: center;
padding: 30px 50px;
width: inherit;
background-color: #ffffff;
}
#getcode_section>.giftcode-block2-des {
color: red;
font-weight: bold;
text-align: center;
}
.giftcode-block2-des {
font-weight: 500;
font-size: 22px;
line-height: 28px;
color: #ffffff;
text-transform: uppercase;
}
.giftcode-block2-btn {
height: 50px;
padding: 17px;
width: 309.7px;
background: #0ebeff;
border-radius: 30px;
font-weight: bold;
font-size: 16px;
line-height: 10px;
color: #ffffff;
margin: 10px auto 0;
transition: 0.2s all;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
#text-notice {
padding: 10px 5px;
font-size: 16px;
line-height: 25px;
color: #0ebeff;
text-align: center;
font-style: italic;
}
#btnGetCode:not(.active) {
-webkit-animation: blink 500ms infinite;
-moz-animation: blink 500ms infinite;
animation: blink 500ms infinite;
}
.giftcode-block2-btn.active {
display: flex;
align-items: center;
flex-wrap: wrap;
flex-direction: column;
height: 110px;
}
#words {
display: none;
overflow: hidden;
}
#words span {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
animation: spin_words 6s infinite;
}
@keyframes blink {
0% {
color: red;
}
50% {
color: black;
}
100% {
color: red;
}
}
@keyframes spin_words{
10% {
transform: translateY(-112%);
}
25% {
transform: translateY(-100%);
}
35% {
transform: translateY(-212%);
}
50% {
transform: translateY(-200%);
}
60% {
transform: translateY(-312%);
}
75% {
transform: translateY(-300%);
}
85% {
transform: translateY(-412%);
}
100% {
transform: translateY(-400%);
}
}
@keyframes buttonPulse {
  100% {
    box-shadow: 0 0 0 45px rgba(33, 150, 243, 0);
  }
}
.custom-latest-posts h2 {
  font-size: 0.8rem;
  font-weight: bold;
  margin-bottom: 10px;
  color: #1377d8; /* xanh đậm nếu muốn */
  letter-spacing: 1px;
}
/* Hàng tiêu đề (dòng đầu tiên của bảng) */
table tr:first-child th,
table tr:first-child td {
  font-weight: bold;           /* chữ đậm */
  background-color: #0051de;   /* xanh da trời */
  color: #ffffff;              /* chữ trắng */
  text-align: center;          /* căn giữa */
}

.wp-caption.aligncenter img {
    border: 2px solid #0051de;
    border-radius: 10px;
    box-shadow: 0 0 19px 0px #0051de;
}
.wp-block-image figcaption, figcaption, figure>figcaption {
  line-height: 1.2em;
    border-left: 10px solid #0051de;
    border-bottom: 2px solid #0051de;
    margin-top: 15px;
    margin-bottom: 25px;
    border-radius: 50px 00px;
    box-shadow: 0 0 19px 0px #0051de;
}

@media (min-width: 768px) {
    main h2 {
        width: 100%;
        border-radius: 5px;
        color: #ffffff;
        font-size: 23px;
        padding: 9px !important;
        background-color: #0051de;
        margin-top: 10px;
        margin-bottom: 10px;
    }
}
  @media (max-width: 768px) {
    .header-button{
      width: 120px;
      font-size: 12px;
    }
  }
.content-box {
  width: 100%; 
  height: 1000px; 
  overflow-y: auto;
  border: 2px solid #ffffff;
  border-radius: 10px; 
  box-shadow: 0 0 5px 0px #0051de;
  padding: 20px; 
  margin-bottom:30px;
  box-sizing: border-box; 
}

.content-box::-webkit-scrollbar {
  width: 1px; 
  border-radius: 8px !important; 
}
.header-button-1 a,
.header-button-2 a {
    color: #fff !important;
    font-size: 14px;
    border: 2px solid #fce20b !important;
    position: relative;
    overflow: visible;
}
/* Hiệu ứng cầu vồng cho H1 và H2 */
.home h1 {
    font-weight: bold;
    font-size: 36px;          /* H2 có thể chỉnh nhỏ hơn nếu muốn */
    text-align: center;
    background: linear-gradient(
        90deg,
        #ff0000,   /* đỏ */
        #ff7f00,   /* cam */
        #ffff00,   /* vàng */
        #00ff00,   /* lục */
        #0000ff,   /* xanh dương */
        #4b0082,   /* chàm */
        #9400d3,   /* tím */
        #ff0000    /* lặp lại đỏ để chuyển mượt */
    );
    background-size: 400% 100%;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    animation: rainbow-text 6s linear infinite;
    display: inline-block;
}

/* Keyframes chạy mượt */
@keyframes rainbow-text {
    0% {
        background-position: 0% 50%;
    }
    100% {
        background-position: 100% 50%;
    }
}



:root {--primary-color: #446084;}html{background-color:#13c1ff!important;}.has-transparent + .page-title:first-of-type,.has-transparent + #main > .page-title,.has-transparent + #main > div > .page-title,.has-transparent + #main .page-header-wrapper:first-of-type .page-title{padding-top: 140px;}body{color: #000000}h1,h2,h3,h4,h5,h6,.heading-font{color: #00aae7;}body{font-size: 100%;}@media screen and (max-width: 549px){body{font-size: 100%;}}body{font-family: "Roboto Serif", sans-serif;}body {font-weight: 400;font-style: normal;}.nav > li > a {font-family: "Roboto Serif", sans-serif;}.mobile-sidebar-levels-2 .nav > li > ul > li > a {font-family: "Roboto Serif", sans-serif;}.nav > li > a,.mobile-sidebar-levels-2 .nav > li > ul > li > a {font-weight: 900;font-style: normal;}h1,h2,h3,h4,h5,h6,.heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a{font-family: "Roboto Serif", sans-serif;}h1,h2,h3,h4,h5,h6,.heading-font,.banner h1,.banner h2 {font-weight: 700;font-style: normal;}.alt-font{font-family: "Dancing Script", sans-serif;}.alt-font {font-weight: 400!important;font-style: normal!important;}a{color: #00aae7;}.nav-vertical-fly-out > li + li {border-top-width: 1px; border-top-style: solid;}.label-new.menu-item > a:after{content:"New";}.label-hot.menu-item > a:after{content:"Hot";}.label-sale.menu-item > a:after{content:"Sale";}.label-popular.menu-item > a:after{content:"Popular";}