body {font-family:"Poppins", Arial, Helvetica, sans-serif;counter-reset: my-sec-counter;}
img{max-width:100%;}
a{color:#1d1d1d;-webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;-o-transition:all 200ms linear;transition:all 200ms linear;cursor:pointer;text-decoration:none}
a:hover,a:active,a h3:hover, .gtc-list li a:hover{text-decoration:none;color:#2b6ea8}
/* Desktop header */
.top-bar{height: 95px;background: #2a3f69;position: sticky;top: 0;z-index: 1050}
.header-inner{display: flex;align-items: center;justify-content: space-between;height: 100%}
.logo img{height: 75px;width: auto;display: block}
.header-right{display: flex;align-items: center;gap: 15px}
.subscribe-btn{padding: 8px 18px;font-weight: 600}
.social a{width: 36px;height: 36px;display: inline-flex;align-items: center;justify-content: center;border: 1px solid #ddd;border-radius: 50%;color: #fff;text-decoration: none;font-size: 25px;font-weight: bold}
.mobile-header{height: 64px;background: #f5f5f5;border-bottom: 1px solid #ddd;display: flex;align-items: center;justify-content: space-between;padding: 0 14px;position: sticky;top: 0;z-index: 1050}
.mobile-logo img{height: 55px}
.main-nav{background: #fff;border-bottom: 1px solid #ddd;position: sticky;top: 95px;z-index: 1040}
.main-nav .nav-link{color: #111;font-weight: 600;padding: 12px 16px;font-size: 16px}
.main-nav .nav-link.active{color: #0d6efd}
.hamburger{width: 28px;height: 20px;border: none;background: transparent;display: flex;flex-direction: column;justify-content: space-between;padding: 0}.hamburger span{display: block;height: 3px;width: 100%;background: #333;border-radius: 3px;transition: all 0.3s ease}
.hamburger.active span:nth-child(1){transform: rotate(45deg) translate(5px, 5px)}
.hamburger.active span:nth-child(2){opacity: 0}.hamburger.active span:nth-child(3){transform: rotate(-45deg) translate(6px, -6px)}
.search-btn{border: none;background: transparent;font-size: 20px}.search-overlay{background: rgba(0,0,0,0.95);border: none}.search-input{background: transparent;border: none;border-bottom: 2px solid #fff;color: #fff;font-size: 28px;text-align: center}.search-input::placeholder{color: rgba(255,255,255,0.7)}
.custom-offcanvas{background: #f3f3f3;width: 320px;z-index: 2000}
.offcanvas-backdrop{z-index: 1990}
.offcanvas-close{position: absolute;top: 0;right: 0;width: 42px;height: 42px;background: #111;color: #fff;border: none;font-size: 24px;z-index: 2100}
.menu-list .nav-link{font-size:16px;font-weight: 600;color: #111;padding: 12px 0;border-bottom: 1px solid #ddd}.submenu{padding-left: 15px;background: #ececec}.submenu-item{display: block;padding: 12px 0;font-size: 16px;color: #333;border-bottom: 1px solid #ddd;text-decoration: none}
.nav-wrapper{display: flex;align-items: center;gap: 12px}
.nav-scroll{overflow-x: auto;flex: 1}
.nav-scroll::-webkit-scrollbar{display: none}
.nav-nowrap{flex-wrap: nowrap;white-space: nowrap}
@media (min-width: 768px) and (max-width: 991px){
    .main-nav{top: 75px}
    .main-nav .nav-link{padding: 14px 12px;font-size: 15px}
    
}
/* ================= HEADER ================= */

.trending-bar{background: #f8f7f7;padding: 8px 0;font-size: 13px}
.trending-wrap{display: flex;align-items: center;gap: 15px}
.trending-label{font-weight: 700;white-space: nowrap;color:#d40000}
.trending-links{display: flex;gap: 12px;overflow-x: auto;white-space: nowrap;flex-grow: 1;scroll-behavior: smooth}.trending-links::-webkit-scrollbar{height: 4px}
.trending-links::-webkit-scrollbar-track{background: #ddd}.trending-links::-webkit-scrollbar-thumb{background: #888;border-radius: 10px}
.trending-links::-webkit-scrollbar-thumb:hover{background: #555}
.social-icons1{flex: 0 0 230px;justify-content: flex-end}
.social-icons1 a{margin-left: 20px;font-size: 18px;text-decoration: none;transition: transform 0.2s ease}
.social-icons1 a:hover{transform: scale(1.15)}
.social-icons1 .fa-whatsapp{color: #25D366}
.social-icons1 .fa-facebook-f{color: #1877F2}
.social-icons1 .fa-x-twitter{color: #000000}
.social-icons1 .fa-youtube{color: #FF0000}
.social-icons1 .fa-google{color: #DB4437}
.social-icons1 .fa-instagram{color: #E4405F}
@media (max-width: 767px)
{.social-icons1{display: none}
.trending-wrap{gap: 33px}
    
}
.w-100 {width: 100%!important;}


.footer{background: #2a3f69;color: #fff;padding: 20px 0 20px}
.footer h4{font-weight: 700;margin-bottom: 20px}
.footer p{color: #cfd6e1;font-size: 14px}
.footer a{color: #cfd6e1;text-decoration: none;display: block;margin-bottom: 10px;font-size: 15px}
.footer a:hover{color: #fff}
.logo-box img{max-width: 120px}

.social-icons a{display: inline-block; width: 42px;height: 42px;line-height: 42px;text-align: center;border-radius: 6px;margin-right: 8px;font-size: 18px;color: #fff;transition: all 0.3s ease;}
/* Brand colors */
.fb{background: #1877f2;}
.yt{background: #ff0000;}
.tw{background: #111;}
.ig{background: #e1306c;}

/* Hover effects */
.social-icons a:hover{
  transform: translateY(-4px) scale(1.08);
  box-shadow: 0 6px 14px rgba(0,0,0,0.25);
  filter: brightness(1.1);
}
.social-icons a:hover i{color: #fff;}
.collection-item{display: flex;gap: 10px;margin-bottom: 15px;font-size: 13px}
.collection-item a{color:#cfd6e1;font-size: 13px}
.collection-item a:hover{color:#fff}
.collection-item img{width: 70px;height: 50px;border-radius: 4px}
.footer-bottom{border-top: 1px solid rgba(255,255,255,0.15);margin-top: 30px;padding-top: 15px;font-size: 14px}
.footer-bottom a{display: inline-block;margin-left: 20px}