/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 6 May, 2025, 7:01:33 AM
    Author     : Lenovo
*/
/* HTML: <div class="loader"></div> */
.loader-product {
    width: 40px;
    aspect-ratio: 1;
    border-radius: 50%;
    margin-top: -30px;
    display: flex;
    justify-content: center;
    overflow: hidden;
    transform-origin: 50% 116.5%;
    animation: l17 2s infinite linear; 
}
.center-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20vh; /* Full viewport height, adjust as needed */
}
.loader-product:before {
    content:"";
    min-width: 233%;
    height: 233%;
    background: 
        radial-gradient(farthest-side,#00DA3C 90%,#0000) top,
        radial-gradient(farthest-side,#00CBE7 90%,#0000) left,
        radial-gradient(farthest-side,#FD8603 90%,#0000) bottom,
        radial-gradient(farthest-side,#F4F328 90%,#0000) right;
    background-size: 43% 43%;
    background-repeat: no-repeat;
    animation: inherit;
    animation-direction: reverse;
}
@keyframes l17 {
    100% {transform: rotate(360deg)}
}
.halo-block-header .title:before{
    content: none;
    background-color: #fff;

}
.footer{
    background-color: #0E2258 !important; 
}
.newsletter-form .newsletter-form__field-wrapper .field__input{
    background: #fff !important;
}
.footer-bottom{
    border-top:1px solid #E5E5E5 !important;
}

.button.button-1 {
    background-color: #F5C400;
    border-color: #F5C400;
}
.newsletter-form .newsletter-form__field-wrapper .newsletter-form__button{
    background-color: #F5C400;
    border-color: #F5C400;
}
.has-stickyHeader [data-header-sticky].sticky-up{
    transform: none;
    -webkit-transform:none;
}
.announcement-bar{
    background-color: #0054A3 !important;
    color: #fff !important;
}
.announcement-bar .message{
    color: #fff !important;
}
.announcement-bar a {
    color: #f5c400 !important;
}
.header-6 .header-center .menu-lv-item:hover .menu-lv-1__action{
    color:#f5c400 !important;
}
.footer .footer-link, .footer .desc{
    font-size: 14px;
}
.page-about-us-2 .about-us-header{
    background-image: url(/front/assets/images/collection/banner-header.jpg) !important;
}