html, body {
    height: 100%;
    max-width: 100%;
}

html, body { font-family: "Poppins", sans-serif; color: #223b55; font-size: 14px; line-height: 1.86; font-weight: 300; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; }

@media (min-width: 576px) { html, body { font-size: 16px; line-height: 1.86; font-weight: 300; } }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display: block; }

*[hidden] { display: none; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote::after, blockquote::before, q::after, q::before { content: none; }

table { border-collapse: collapse; border-spacing: 0; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #223b55; font-weight: 500; font-family: "Poppins", sans-serif; line-height: 1.45; margin-bottom: 0.5rem; }

h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, .h1:last-child, .h2:last-child, .h3:last-child, .h4:last-child, .h5:last-child, .h6:last-child { margin-bottom: 0; }

.tc-light h1, .tc-light h2, .tc-light h3, .tc-light h4, .tc-light h5, .tc-light h6, .tc-light .h1, .tc-light .h2, .tc-light .h3, .tc-light .h4, .tc-light .h5, .tc-light .h6 { color: #fff; }

p { font-size: 14px; margin-bottom: 1rem; color: #6a7894; }

p:last-child { margin-bottom: 0; }

p + [class*=btn] { margin-top: 15px; }

@media (min-width: 576px) { p { font-size: 15px; } }

ul, ol, table { margin: 0; padding: 0; }

strong, b { font-weight: 500; }

a { outline: 0 none; transition: all 0.5s; color: #16a1ff; }

a:link, a:visited { text-decoration: none; }

a:hover, a:focus, a:active { outline: 0; color: #2b56f5; }

img { max-width: 100%; height: auto; }

h1, .h1, .fz-1 { font-size: 1.75rem; }

h2, .h2, .fz-2 { font-size: 1.35rem; }

h3, .h3, .fz-3 { font-size: 1.25rem; }

h4, .h4, .fz-4 { font-size: 1.2rem; }

h5, .h5, .fz-5 { font-size: 1.2rem; }

h6, .h6, .fz-6 { font-size: 0.94rem; }

.login-container {
    max-width: 600px; /* Adjust form width as needed */
    min-width: 400px;
}

/* Remove blue outline on focus */
.form-control:focus {
    border-color: #ced4da; /* Default border color */
    box-shadow: none; /* Remove the glow */
}

ul {
    padding: 0; /* Remove padding from ul */
    list-style: none; /* Remove bullets */
    margin: 0; /* Remove default margin */
}
ul li {
    padding: 0; /* Remove padding from li */
}
a {
    text-decoration: none; /* Remove underline from links */
    color: #111; /* Match 'Forgot password?' color */
}
a > b{
    font-weight: 500;
}
a:hover {
    text-decoration: none; /* Ensure no underline on hover */
    color: #007bff; /* Bootstrap primary color on hover */
}
.no-broder{
    border:0px !important;
}
.text-title{
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.text-title small{
    color: #999;
    font-size: 10px;
}
.text-title h5{
    font-size: 1.7rem;
    padding-top: 0px;
    margin: 0px;
}
@media (max-width: 600px) {
    .hidden-sm{
        display: none !important;
    }
}
.full-background {
   
    background-size: cover; /* Scales image to cover the element, may crop */
    background-position: center; /* Centers the image */
    background-repeat: no-repeat; /* Prevents tiling */
    width: 100%; /* Full width of the container */
    height: 100%; /* Full height of the container */
}
header{
    padding-top:5px;
    padding-bottom:5px;
    

}
header .nav-item{
    font-weight: 500;
    font-size: 17px;
}
header .logo{
    font-weight: bold;
    font-size: 32px;
    text-transform: uppercase;
    transition: all 0.3s ease; /* Smooth transition for header shrink */
}
header.has-fixed{
    position: fixed;
    width: 100%;
    top: 0px;
    z-index: 1000;
    background-color: #FFF;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease; /* Smooth transition for header shrink */
}
header .navbar li a, header .navbar li .btn{
    font-weight: 500 !important;
    font-size: 1.1rem;
}
.btn-round{
    border-radius: 100px;
    padding-left: 15px;
    padding-right: 15px;
}
.bi-zalo::before{
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2050%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M22.782%200.166016H27.199C33.2653%200.166016%2036.8103%201.05701%2039.9572%202.74421C43.1041%204.4314%2045.5875%206.89585%2047.2557%2010.0428C48.9429%2013.1897%2049.8339%2016.7347%2049.8339%2022.801V27.1991C49.8339%2033.2654%2048.9429%2036.8104%2047.2557%2039.9573C45.5685%2043.1042%2043.1041%2045.5877%2039.9572%2047.2559C36.8103%2048.9431%2033.2653%2049.8341%2027.199%2049.8341H22.8009C16.7346%2049.8341%2013.1896%2048.9431%2010.0427%2047.2559C6.89583%2045.5687%204.41243%2043.1042%202.7442%2039.9573C1.057%2036.8104%200.166016%2033.2654%200.166016%2027.1991V22.801C0.166016%2016.7347%201.057%2013.1897%202.7442%2010.0428C4.43139%206.89585%206.89583%204.41245%2010.0427%202.74421C13.1707%201.05701%2016.7346%200.166016%2022.782%200.166016Z%22%20fill%3D%22%230068FF%22%2F%3E%3Cpath%20opacity%3D%220.12%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M49.8336%2026.4736V27.1994C49.8336%2033.2657%2048.9427%2036.8107%2047.2555%2039.9576C45.5683%2043.1045%2043.1038%2045.5879%2039.9569%2047.2562C36.81%2048.9434%2033.265%2049.8344%2027.1987%2049.8344H22.8007C17.8369%2049.8344%2014.5612%2049.2378%2011.8104%2048.0966L7.27539%2043.4267L49.8336%2026.4736Z%22%20fill%3D%22%23001A33%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.779%2043.5892C10.1019%2043.846%2013.0061%2043.1836%2015.0682%2042.1825C24.0225%2047.1318%2038.0197%2046.8954%2046.4923%2041.4732C46.8209%2040.9803%2047.1279%2040.4677%2047.4128%2039.9363C49.1062%2036.7779%2050.0004%2033.22%2050.0004%2027.1316V22.7175C50.0004%2016.629%2049.1062%2013.0711%2047.4128%209.91273C45.7385%206.75436%2043.2461%204.28093%2040.0877%202.58758C36.9293%200.894239%2033.3714%200%2027.283%200H22.8499C17.6644%200%2014.2982%200.652754%2011.4699%201.89893C11.3153%202.03737%2011.1636%202.17818%2011.0151%202.32135C2.71734%2010.3203%202.08658%2027.6593%209.12279%2037.0782C9.13064%2037.0921%209.13933%2037.1061%209.14889%2037.1203C10.2334%2038.7185%209.18694%2041.5154%207.55068%2043.1516C7.28431%2043.399%207.37944%2043.5512%207.779%2043.5892Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M20.5632%2017H10.8382V19.0853H17.5869L10.9329%2027.3317C10.7244%2027.635%2010.5728%2027.9194%2010.5728%2028.5639V29.0947H19.748C20.203%2029.0947%2020.5822%2028.7156%2020.5822%2028.2606V27.1421H13.4922L19.748%2019.2938C19.8428%2019.1801%2020.0134%2018.9716%2020.0893%2018.8768L20.1272%2018.8199C20.4874%2018.2891%2020.5632%2017.8341%2020.5632%2017.2844V17Z%22%20fill%3D%22%230068FF%22%2F%3E%3Cpath%20d%3D%22M32.9416%2029.0947H34.3255V17H32.2402V28.3933C32.2402%2028.7725%2032.5435%2029.0947%2032.9416%2029.0947Z%22%20fill%3D%22%230068FF%22%2F%3E%3Cpath%20d%3D%22M25.814%2019.6924C23.1979%2019.6924%2021.0747%2021.8156%2021.0747%2024.4317C21.0747%2027.0478%2023.1979%2029.171%2025.814%2029.171C28.4301%2029.171%2030.5533%2027.0478%2030.5533%2024.4317C30.5723%2021.8156%2028.4491%2019.6924%2025.814%2019.6924ZM25.814%2027.2184C24.2785%2027.2184%2023.0273%2025.9672%2023.0273%2024.4317C23.0273%2022.8962%2024.2785%2021.645%2025.814%2021.645C27.3495%2021.645%2028.6007%2022.8962%2028.6007%2024.4317C28.6007%2025.9672%2027.3685%2027.2184%2025.814%2027.2184Z%22%20fill%3D%22%230068FF%22%2F%3E%3Cpath%20d%3D%22M40.4867%2019.6162C37.8516%2019.6162%2035.7095%2021.7584%2035.7095%2024.3934C35.7095%2027.0285%2037.8516%2029.1707%2040.4867%2029.1707C43.1217%2029.1707%2045.2639%2027.0285%2045.2639%2024.3934C45.2639%2021.7584%2043.1217%2019.6162%2040.4867%2019.6162ZM40.4867%2027.2181C38.9322%2027.2181%2037.681%2025.9669%2037.681%2024.4124C37.681%2022.8579%2038.9322%2021.6067%2040.4867%2021.6067C42.0412%2021.6067%2043.2924%2022.8579%2043.2924%2024.4124C43.2924%2025.9669%2042.0412%2027.2181%2040.4867%2027.2181Z%22%20fill%3D%22%230068FF%22%2F%3E%3Cpath%20d%3D%22M29.4562%2029.0944H30.5747V19.957H28.6221V28.2793C28.6221%2028.7153%2029.0012%2029.0944%2029.4562%2029.0944Z%22%20fill%3D%22%230068FF%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-size: contain;
    
}
.breadcrumb-bg{
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px;
    margin-bottom: 15px;
}
.breadcrumb-bg .breadcrumb{
    margin-bottom: 0px;
}
.slider{
    height: 420px;
    .btn{
        padding: 15px;
    }
    .justify-content-between{
        display: flex !important;
    }
}
.text-slider {
    padding-top: 40px;
}
section{
    padding-top: 30px;
    padding-bottom: 30px;
}
.home{
    background-color: #F2F2F2;
    
}
.signals{
    .card{
        position: relative;
    }
    .signals-item{
        width: 60px;
        height: 60px;
        border-radius: 100%;
        
       
        margin-top: -30px;
        
        margin-left: 15px;
    }
}
.contents{
    .img-fluid{
        width: 100%;
        min-width: 100%;
    }
}
.leftmenu{
    margin-top: 5px;
    min-height: 450px;
    position: sticky;
}
.rightmenu{
    margin-top: 30px;
    border-left:1px solid #ddd;
    min-height: 450px;
}
.btn-info{
    background-color: #7a9ff8;
    border-color: #7a9ff8;
}
.title-info{
    color: #7a9ff8;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 2.25rem;
}
.title-info span{
    color: var(--bs-dark);
    font-weight: bold;
}
.nobroder{
    border-width: 0px !important;
}
footer{
    background-color: #000;
    min-height: 320px;
    padding-top: 30px;
    padding-bottom: 30px;
    color: #FFF;
}
footer a{
    color: #FFF;
}



.animated, .animate.key { animation-duration: 0.6s; z-index: 9; visibility: hidden; animation-fill-mode: both; }

@-webkit-keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }

.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

@-webkit-keyframes fadeInUp { from { opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInUp { from { opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes fadeInDown { from { opacity: 0;
    -webkit-transform: translate3d(0, -40px, 0);
    transform: translate3d(0, -40px, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInDown { from { opacity: 0;
    -webkit-transform: translate3d(0, -40px, 0);
    transform: translate3d(0, -40px, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes fadeInRight { from { opacity: 0;
    -webkit-transform: translate3d(40px, 0, 0);
    transform: translate3d(40px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInRight { from { opacity: 0;
    -webkit-transform: translate3d(40px, 0, 0);
    transform: translate3d(40px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }

@-webkit-keyframes fadeInLeft { from { opacity: 0;
    -webkit-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInLeft { from { opacity: 0;
    -webkit-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

.animate-down, .animate-up, .animate-left, .animate-right, .animate-fade { position: relative; opacity: 0; transition: all .4s; }

.animate-mid { transition: all .8s; }

.animate-long { transition: all 1.2s; }

.animate-down { top: -30px; }

.animate-down-mid { top: -60px; }

.animate-down-long { top: -120px; }

.animate-up { bottom: -30px; }

.animate-up-mid { bottom: -60px; }

.animate-up-long { bottom: -120px; }

.animate-left { right: -30px; }

.animate-left-mid { right: -60px; }

.animate-left-long { right: -120px; }

.animate-right { left: -30px; }

.animate-right-mid { left: -60px; }

.animate-right-long { left: -120px; }

.delay-1ms { transition-delay: 0.1s; }

.delay-2ms { transition-delay: 0.2s; }

.delay-3ms { transition-delay: 0.3s; }

.delay-4ms { transition-delay: 0.4s; }

.delay-5ms { transition-delay: 0.5s; }

.delay-6ms { transition-delay: 0.6s; }

.delay-7ms { transition-delay: 0.7s; }

.delay-8ms { transition-delay: 0.8s; }

.delay-9ms { transition-delay: 0.9s; }

.delay-10ms { transition-delay: 1s; }

.delay-11ms { transition-delay: 1.1s; }

.delay-12ms { transition-delay: 1.2s; }

.delay-13ms { transition-delay: 1.3s; }

.delay-14ms { transition-delay: 1.4s; }

.delay-15ms { transition-delay: 1.5s; }

.delay-16ms { transition-delay: 1.6s; }

.delay-17ms { transition-delay: 1.7s; }

.delay-18ms { transition-delay: 1.8s; }

.delay-19ms { transition-delay: 1.9s; }

.delay-20ms { transition-delay: 2s; }