/* homepage banners */ 
/* Base animation for sliding in */
@keyframes slideInLeft {
  0% {
    opacity: 0;
    transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

/* Apply animation to each column */
.banner-box {
  opacity: 0; /* Start hidden */
  animation: slideInLeft 0.8s ease-out forwards;
}

/* Stagger the animation for each column */
.banner-box:nth-child(1) {
  animation-delay: 0.2s;
}

.banner-box:nth-child(2) {
  animation-delay: 0.4s;
}

.banner-box:nth-child(3) {
  animation-delay: 0.6s;
}


/* used ribs slider */ 
.slick-product-top .product-box .product-image{
    height: unset;
}

.n-box1 .title {
  font-size: 23px;
}

.n-box1 .dsc {
    font-size: 19px;
}

.header .dropdown-menu li a {
   text-shadow: 2px 2px 4px rgb(14 16 23);
}

.top-section h1 {
    text-shadow: 3px 3px 9px rgb(14 16 23 / 61%)!important;
}
.top-section .text-bigger p{
text-shadow: 0px 0px 10px #333, 0 0 4px #000!important;
}

section.top-section a{
  text-shadow: 0px 1px 5px rgb(14 16 23 / 79%)!important;
}

@media (min-width: 1200px) {
.header .header-buttons-column {
display: none!important;
}
}

.header .dropdown-menu {
  min-width: 13rem!important;
}

@media (min-width: 426px) {
.top-section .h1, .top-section h1 {
    font-size: 50px!important;
  }}

.top-section .text-section-content-container strong {
  font-size: 1.125rem!important;
}

.menu-footer-menu-container .footer-menu.footer-menu-main li {
    margin-bottom: 3px;
}

@media (min-width:769px){
  .footer-contact-column p:first-of-type{
    display:none;
  }
}

@media (max-width:767px){
  #footer > div:nth-child(2) > div.row > div.col-md-6.col-lg-6.col-xl-2.footer-contact-column > h5{
    display:none;
  }
}

.footer .row{
  display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.footer .footer-copyright-row .footer-menu-main li a {
font-weight: 500;
font-size: 16px;
line-height: 0px;
}

.slider-section-top-text{
 background-color: rgb(117 159 169 / 90%)!important;
  color: blue;
}

.slider-section .slider-small-title {
  display: none;
}
#footer-box-4 a:hover {
  color: #d2b369;
}
#footer-box-5 a:hover {
  color: #d2b369;
}
.small-product .btn-link{
  white-space: nowrap;
}

/* logo animation */
.logo svg > g > path:nth-child(1){
  opacity:0;
}
.logo svg > g > path:nth-child(2){
     animation-name: fadeIn;
    animation-duration: 1s;
  animation-delay:.3s;
    z-index: 1;
      animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    transform: translate(-35px, 0px);
  opacity:0;
}
.logo svg > g > path:nth-child(3){
     animation-name: fadeIn;
    animation-duration: 1s;
  animation-delay:.4s;
    z-index: 1;
      animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    transform: translate(-35px, 0px);
    opacity:0;
}
.logo svg > g > path:nth-child(4){
     animation-name: fadeIn;
    animation-duration: 1s;
  animation-delay:.5s;
    z-index: 1;
      animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    transform: translate(-35px, 0px);
    opacity:0;
}
@keyframes fadeIn {
    0%{
      opacity:0;
    }
    100%{
       opacity:1;
  transform: translate(0, 0px);
    }
}

/* Cookie Policy */  
#cookiecontrol {
background: rgb(21 41 72) none repeat scroll 0 0!important;
    bottom: 0!important;
    color: #ffffff!important;
    left: 0!important;
    position: fixed;
    z-index: 99999;
    width: 100%;
}
#cookiecontrol #cookiewrapper {
    margin: 0 auto;
    max-width: 900px!important;
    min-height: 30px;
    padding: 20px!important;
    position: relative!important;
    text-align: left;
    line-height: 1.4;
      display: flex!important;
    justify-content: center!important;
    align-items: center!important;
}
#cookiecontrol #cookiewrapper #cookieclose {
    display: block;
    font-size: 25px;
    position: initial!important;
    right: 10px;
    top: 0;
    left: 20px!important;
        margin-left: 20px;
}
#cookiecontrol p{
  font-size: 12px;
}

/* footer */
@media (max-width:575px){
  .footer .footer-title {
    padding: .5rem 1rem;
    margin: 0;
  }
  .btn-collapse-footer .footer-title{
    padding:0px;
  }
  .btn-collapse-footer{
        margin: 2rem 0 0; 
  }
}


/* dot shadow */
.slick-slider .slick-dots li {
    box-shadow: none;
}

/* nav fix */
.header .header-menu li a {
    color: #fff!important;
}

.header .header-menu .dropdown-menu {
    background-color: transparent!important;
    border: none!important;
   	font-size: 18px!important;
}


.header:before{
content: '';
    width: 100%;
    height: 102%;
    position: absolute;
    left: 0;
    top: 0;
    background-image: linear-gradient(to top,rgba(255,255,255,0) 0,rgb(20 42 72) 100%);
    filter: blur(12px);
    transform: scale(1.5);
}

.card {
  min-height: 380px;
}
.card-image-box {
  height: 220px;
}

.btn-toggle span {
  background: white;
}

.custom-logo {
  fill: white !important;
}

.top-bar .header-menu>li>a {
  color: white;
}
.top-bar .header-menu>li>a:hover {
  color: white;
}
.top-bar .header-menu>li>a:before {
 background: white;
}

.dropdown-icon {
 fill: white !important;
}

@media screen and (min-width: 1200px) and (max-width: 1599px) {
  .top-bar .header-menu>li>a {
    font-size: 14px;
  }
}

.header .header-menu li a {
  text-transform: uppercase;
}
.header .dropdown-menu {
    top: 7px !important;
    left: -15px !important;
    padding: 5px 15px;
    min-width: 12rem;
}
.header.active .dropdown-menu {
    background: #142b49 !important;
}
@media (max-width: 1199px) {
  .nav-megamenu .dropdown-menu {
    position: static !important;
    border: 0;
    padding-left: 15px;
    width: 100%;
    background: transparent;
    transform: none !important;
  }
  .nav-megamenu .dropdown-menu .nav-item {
    padding: 5px 0;
  }
}

.n-banner a {color:#fff!important;}
.n-banner .content p {line-height:1.6; text-shadow: 0 0 10px #333, 0 0 4px #000;}
.n-banner .content h1 {line-height:1.6; text-shadow: 3px 3px 9px rgb(14 16 23 / 61%)!important;}

.dark-background {color:#fff!important; text-decoration:underline;}

.n-banner .background.dark::after {
  background: linear-gradient(90deg,rgba(36,59,88,.9) 25%,rgba(36,59,88,0.7) 100%);
}

/* Hide Pop up */
#special-offer {
    display:none;
}