/* ============================================================
   SITE HEADER - Bootstrap 5 redesign
   ============================================================ */
.site-header { z-index: 1030; box-shadow: 0 2px 8px rgba(0,0,0,.08); }
/* Top bar */
.header-topbar {
    background-color: var(--color-primary);
    color: #fff;
    font-size: 12px;
    padding: 6px 0;
}
.header-topbar small { color: rgba(255,255,255,.88); }

/* Main header band */
.header-main { border-bottom: 1px solid #eee; }

/* Logo */
.header-logo { max-height: 58px; width: auto; }

/* Nav links */
.headerLayout-1 .navbar-nav .nav-link {
    color: #333 !important;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 14px !important;
    position: relative;
    transition: color .2s;
    letter-spacing: .3px;
}
.headerLayout-1 .navbar-nav .nav-link::after {
    content: '';
    position: absolute;
    bottom: 4px;
    left: 14px;
    right: 14px;
    height: 2px;
    background: var(--color-primary);
    transform: scaleX(0);
    transition: transform .25s ease;
    border-radius: 2px;
}
.headerLayout-1 .navbar-nav .nav-link:hover,
.headerLayout-1 .navbar-nav .nav-item.active > .nav-link { color: var(--color-primary) !important; }
.headerLayout-1 .navbar-nav .nav-link:hover::after,
.headerLayout-1 .navbar-nav .nav-item.active > .nav-link::after { transform: scaleX(1); }

/* Dropdown */
.headerLayout-1 .dropdown-menu {
    min-width: 180px;
    border-radius: 8px;
    padding: 6px 0;
    border: none;
    box-shadow: 0 8px 24px rgba(0,0,0,.12);
    animation: hdrFade .15s ease;
}
@keyframes hdrFade {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
}
.headerLayout-1 .dropdown-item {
    font-size: 14px;
    padding: 9px 18px;
    color: #444;
    transition: background .15s, color .15s;
}
.headerLayout-1 .dropdown-item:hover {
    background: #f0f5ff;
    color: var(--color-primary);
}

/* Cart icon */
.cart-header-icon { font-size: 20px; line-height: 1; }
.cart-badge {
    position: absolute;
    top: -7px; right: -9px;
    background: var(--color-primary);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    min-width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 3px;
    line-height: 1;
}

/* Account dropdown */
.account-dropdown > a { font-size: 14px; font-weight: 500; }
.account-label { font-size: 13px; }

/* Responsive */
@media (max-width: 991px) {
    .header-logo { max-height: 44px; }
    .headerLayout-1 .navbar-nav .nav-link { padding: 10px 8px !important; }
    .headerLayout-1 .navbar-nav .nav-link::after { display: none; }
    .headerLayout-1 .navbar-collapse { border-top: 1px solid #eee; padding-top: 8px; margin-top: 8px; }
    .headerLayout-1 .navbar-nav .dropdown-menu { box-shadow: none; border: 1px solid #eee; }
}

.home-slider-1 .home img {
    width: 100% !important;
    display: block !important;

}
.breadcrumb-section {padding: 25px 0;}
.products-category .category-boxes {text-align: center;margin: 0 auto;background-color: #f8f8f8;padding: 18px;border-radius: 12px;box-shadow: -6px -6px 8px rgba(255, 255, 255, 0.8), -2px -1px 8px #FFFFFF, 2px 2px 10px rgba(255, 255, 255, 0.25), -4px -4px 20px rgba(255, 255, 255, 0.8), 1px 1px 5px rgba(185, 185, 185, 0.6), 4px 4px 15px rgba(0, 0, 0, 0.1);}
.products-category .category-boxes h4 a{margin-bottom: 0;color: #222;}
.products-category .category-boxes .img-sec {width: 52%;margin: 0 auto 12px;}
.mordern-box-margin {margin-bottom: 0;}
.mordern-box-margin .mordern-box{ margin-top: 0;margin-bottom: 0; height: 100%;}
.mordern-box-margin .rightBtnSec{ position: absolute;right: 3px;padding: 8px 7px 7px 10px;background: #fff;bottom: 0px;border-radius: 16px 0px 0px 0px; }
.mordern-box-margin .addtoCatBtn{ border-radius: 10px;padding: 12px; }
.mordern-box-margin .addtoCatBtn i{ font-size: 20px; }
.variationsList li input[type="radio"]{ display: none;}
.variationsList li{box-shadow: 0 0 10px 0px #dfdfdf;margin-right: 5px;margin-bottom: 5px;}
.variationsList li a{ color: var(--theme-color); }
.variationsList { margin-bottom: 15px; }
.variationsList label{
    font-family: sans-serif;
    padding: 10px 16px;
    cursor: pointer;
    background: linear-gradient(#FFFFFF, #FFFFFF 50%, var(--theme-color) 50%, var(--theme-color));
    background-size: 100% 200%;
    margin-bottom: 0;
    border-radius: 4px;
    transition: background 0.5s;
}
.variationsList input:checked + label{
    background-position: 100% 100%;
    color: var(--text-color-with-background);
}
.product-detail .cartForm {  padding-top: 10px; }
.bt-1-dashed { border-top: 1px dashed #ddd; }
.mp_number_2 .mp_numberbox_main_sec {width: auto;display: inline-block;box-shadow: 0 0 10px 0px #dfdfdf;border-radius: 20px;}
.mp_number_2 .mp_searchtoggle_buttons {background-color: #fff !important;border: none !important;min-height: 45px !important;min-width: 30px !important;width: 30px !important;}
.mp_number_2 .mp_numberbox_main_sec .mp_numberholder {background-color: #fff !important;border: none !important;}
.mp_number_2 .product-buttons {display: inline-block;width: auto;  margin-bottom: 0;}
.product-right .product-buttons .btn-solid { padding: 10px 25px;border-radius: 8px; }
.tab-product .theme-form input { padding: 9px 17px; }
.product-list-img { text-align: center; }
.cart-section tbody tr td a, .cart-section tbody tr td p, .wishlist-section tbody tr td a, .wishlist-section tbody tr td p { color: #333; }
.cart-section strong a{ font-weight: bold !important; }
.cart-section thead th{ padding: 0.75rem 0.75rem 0.75rem 0.75rem !important;border-top: 1px solid #eee !important;}
.cart-section .mp_number_2 .mp_numberbox_main_sec{ padding-left: 10px;margin: 0 auto;padding-right: 10px;}
.cart-section .subTotal{ font-size: 18px;font-weight: 400;}
.cart-section tbody tr td h2 {font-size: 18px;}
.select2-container li { display: block; }
.select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: #eee;}
.cart-section tbody tr td, .wishlist-section tbody tr td { min-width: initial; color: #333;}
.cart_total_main,.cart_shipping_main {padding: 25px;background: #f9f9f9;border-radius: 10px;}
.cart_total_main table th{padding: 12px 8px;}
.login-page .theme-card .theme-form .form-check-input[type="checkbox"] {padding: 10px; margin-bottom: 0;vertical-align: middle;}
.login-page .theme-card .theme-form .form-check-label {vertical-align: sub;padding-left: 5px;}
.login-page .theme-card .theme-form input {padding: 12px 25px;margin-bottom: 5px;}
.login-form .forgorPass  {color: #000;}
.login-page .btn-google, .login-page .btn-facebook  {padding: 13px 29px; color: #fff;}
.login-page .btn-google:hover, .login-page .btn-facebook:hover {color: #fff;}
.theme-card {box-shadow: none !important;}
.cart-section h3{color: #333;}
.theme-card {padding: 30px;border: none;background-color: #f8f8f8;}
.login-page .btn.btn-facebook{
  background: #3b5998;
  border-color: #3b5998;
}
.divider-text-center {
  text-align: center;
  position: relative;
}
.divider-text-center::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  border-top: 1px solid #ddd;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.divider-text-center span {
  background-color: #f8f8f8;
  padding: 0 15px;
  position: relative;
  text-transform: uppercase;
}
.select2-container--default .select2-selection--single {
    border: 1px solid #e2e9e1;
    border-radius: 4px;
    height: 45px;
    line-height: 45px;
    padding-left: 20px;
    font-size: 13px;
    color: #1a1a1a;
  }
  .select2-container--default .select2-selection--single {
    background-color: #fff;
    border-bottom: 0px solid #414648;
    border-radius: 0;
    border-right: 0;
    height: 45px;
    padding-left: 15px;
    border-top: 0;
    border-left: 0;
    font-weight: bold;
  }
 .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 45px;
    font-size: 13px;
    color: #1a1a1a;
    padding-left: 0;
  }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 9px;
    right: 14px;
  }
  .select2wBorder .select2-selection--single{border: 1px solid #ddd;}
  .cartCoupon .form-control {
    padding: 10px 12px;
    border-radius: 0;
    border: 1px solid #eee;
  }
  .cartCoupon .applyCouponcode {padding: 10px 29px;}
  .checkout-page .product-thumbnail img { max-width: 40px;}
  .checkout-page .table th,.checkout-page .table td { border: 1px solid #dee2e6 !important;padding: 10px 10px;}
  .checkout-page .table td a{ color: #333;}
  .checkout-page .checkout-form textarea { padding: 10px 22px; }
  .checkout-page .checkout-form .form-group .field-label { margin-bottom: 0; }
  .checkout-page .checkout-form .form-group{margin-bottom: 15px;}
  .checkout-details p {margin-bottom: 0px; color: #555454;}
  .checkout-details p {margin-bottom: 0px; color: #555454;}
  .checkout-page .toggle_info {
    padding: 20px;
    background-color: #f7f8f9;
    border-radius: 10px;
    border: 1px solid #e2e9e1;
  }
  .checkout-page .login_form .panel-body,  .checkout-page .coupon_form .panel-body {
    border: 1px solid #e2e9e1;
    padding: 30px;
    margin-top: 30px;
    border-radius: 10px;
  }
  .checkout-page .login_form .panel-body h3{color: #333;}
  .checkout-page .toggle_info a{color: #333; font-weight: bold; text-decoration: underline; }
  .categoryList .list_prd {box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2), 0 0px 3px 0 rgba(0, 0, 0, 0.19);}
  .border-radius-25{border-radius: 15px;}
  .list_prd_img{box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
  .list_prd_text{box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
  .w-14{width: 14% !important;}
  .contact-right ul li {
    width: 100%;
    padding: 15px;
    background-color: #f8f8f8;
    border: 1px solid #eee;
    border-radius: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 11px;
  }
  .footer-contant p, .footer-contant a, .footer-contant li{color: #000 !important;}
  .footer_text_home{background-color: rgb(34, 98, 71);
    height: 50px;
    font-size: 25px;
    color: #fff;
    text-transform: uppercase;}

/* ============================================================
   SITE FOOTER - Premium Blue-Navy Redesign
   Palette: Deep navy bg ¡¤ bright white headings ¡¤ blue-tinted body text
   ============================================================ */

/* Base */
.site-footer {
    background-color: #f5f5f5;
    color: #333;
    font-size: 14px;
    line-height: 1.7;
}

/* ---- Newsletter bar ---- */
.footer-newsletter {
    /*background: linear-gradient(135deg, #0a4d9c 0%, #1570d4 55%, #1e8ef7 100%);*/
    /*background: linear-gradient(160deg, #eef5ff, #f4f8ff 40%, #e8f2ff 70%, #f0f7ff);*/
    background-color: white;
    padding: 30px 0;
    position: relative;
    overflow: hidden;
    margin-top: 25px;
}
.footer-newsletter::before {
    content: '';
    position: absolute;
    top: -70px; right: -50px;
    width: 220px; height: 220px;
    background: rgba(255,255,255,.07);
    border-radius: 50%;
}
.footer-newsletter::after {
    content: '';
    position: absolute;
    bottom: -90px; left: -50px;
    width: 260px; height: 260px;
    background: rgba(255,255,255,.05);
    border-radius: 50%;
}
.footer-nl-icon {
    width: 54px; height: 54px;
    background: rgba(255,255,255,.18);
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 22px;
    color: #fff;
    flex-shrink: 0;
    border: 2px solid rgba(255,255,255,.3);
    box-shadow: 0 0 0 6px rgba(255,255,255,.06);
}
.footer-nl-title { color: #fff; font-size: 18px; font-weight: 700; text-shadow: 0 1px 4px rgba(0,0,0,.2); }
.footer-nl-sub   { color: rgba(255,255,255,.85); font-size: 13.5px; }
.footer-nl-form  {
    display: flex;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 6px 28px rgba(0,0,0,.28);
}
.footer-newsletter-input {
    flex: 1;
    border: none;
    padding: 14px 20px;
    font-size: 14px;
    outline: none;
    color: #1a2a40;
    background: transparent;
}
.footer-newsletter-input::placeholder { color: #9ab0c8; }
.footer-subscribe-btn {
    background: linear-gradient(135deg, #064f8f, #1570d4);
    color: #fff;
    border: none;
    padding: 14px 26px;
    font-size: 13.5px;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    letter-spacing: .5px;
    transition: opacity .2s;
}
.footer-subscribe-btn:hover { opacity: .88; }

/* ---- Main footer ---- */
.footer-main { padding: 56px 0 40px; }

/* Logo */
.footer-logo { max-height: 54px; width: auto; opacity: 1; background-color: transparent; }

/* Description */
.footer-desc {
    color: #000;
    font-size: 13.5px;
    line-height: 1.9;
    margin-bottom: 0;
}

/* Section headings */
.footer-heading { margin-bottom: 22px; }
.footer-heading span {
    color: #333;
    font-size: 12.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding-bottom: 10px;
    border-bottom: 2px solid #1570d4;
    display: inline-block;
}

/* Social icons */
.footer-social-icons { display: flex; gap: 8px; flex-wrap: wrap; }
.footer-social-icons a {
    width: 40px; height: 40px;
    border-radius: 8px;
    background: #e8e8e8;
    color: #333;
    display: flex; align-items: center; justify-content: center;
    font-size: 15px;
    text-decoration: none;
    transition: all .25s;
    border: 1px solid #ddd;
}
.footer-social-icons a:hover {
    background: #1570d4;
    color: #fff;
    border-color: #1570d4;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(21,112,212,.45);
}

/* Footer links */
.footer-links { list-style: none; padding: 0; margin: 0; }
.footer-links li { margin-bottom: 10px; }
.footer-links li a {
    color: #000 !important;
    text-decoration: none;
    font-size: 13.5px;
    transition: color .2s, padding-left .2s;
    display: flex;
    align-items: center;
    gap: 9px;
}
.footer-links li a::before {
    content: '';
    width: 6px; height: 6px;
    border-radius: 50%;
    background: #1570d4;
    flex-shrink: 0;
    opacity: .7;
    transition: opacity .2s, transform .2s;
}
.footer-links li a:hover { color: #1570d4 !important; padding-left: 5px; }
.footer-links li a:hover::before { opacity: 1; transform: scale(1.3); }

/* Contact list */
.footer-contact-list { list-style: none; padding: 0; margin: 0; }
.footer-contact-list li {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    margin-bottom: 16px;
}
.fci-icon {
    width: 36px; height: 36px;
    background: #e8e8e8;
    border: 1px solid #ddd;
    border-radius: 8px;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
    color: #1570d4;
    font-size: 14px;
    margin-top: 1px;
    box-shadow: none;
}
.footer-contact-list li span {
    color: #000;
    font-size: 13.5px;
    line-height: 1.65;
}
.footer-contact-list li a { color: #333 !important; text-decoration: none; transition: color .2s; }
.footer-contact-list li a:hover { color: #1570d4 !important; }

/* Divider */
.footer-divider {
    height: 1px;
    background: #ddd;
    margin: 0 0;
}

/* Bottom bar */
.footer-bottom {
    background-color: #f0f0f0;
    padding: 18px 0;
    font-size: 13px;
}
.footer-bottom p { color: #666; margin: 0; }
.footer-bottom strong { color: #333; }

/* Payment icons */
.footer-payment-icons {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}
.fp-label { color: #666; font-size: 13px; font-weight: 600; margin-right: 4px; letter-spacing: .3px; }
.footer-payment-icons span {
    font-size: 32px;
    color: #999;
    transition: color .2s, transform .2s;
    line-height: 1;
    cursor: default;
}
.footer-payment-icons span:hover { color: #1570d4; transform: scale(1.12); }

/* Responsive */
@media (max-width: 991px) {
    .footer-main { padding: 40px 0 28px; }
    .footer-brand { text-align: center; }
    .footer-social-icons { justify-content: center; }
    .footer-logo { margin: 0 auto 14px; display: block; }
}
@media (max-width: 767px) {
    .footer-nl-form { flex-direction: column; border-radius: 10px; }
    .footer-newsletter-input { border-radius: 10px 10px 0 0; border-bottom: 1px solid #e0eaf5; }
    .footer-subscribe-btn { border-radius: 0 0 10px 10px; text-align: center; padding: 14px; }
    .footer-payment-icons { justify-content: center; margin-top: 10px; }
    .footer-bottom .text-md-start,
    .footer-bottom .text-md-end { text-align: center !important; }
}

@media (max-width:1199px) { 
    .headerLayout-1 .menu-left .header-contact{ display: none; }
    .headerLayout-1 .menu-right{ margin-right: 0px; }
    .headerLayout-1 .main-nav-center .toggle-nav{ left: 0;top: -91px;width: 20px; }
    .headerLayout-1 .main-menu .brand-logo { margin-left: 20px; padding-right: 0px;}
    .headerLayout-1 .login-Menu span{ display: none; }
    .headerLayout-1 .login-Menu{ display: none; }
    .headerLayout-1 .login-Menu-mobile { display: inline-block; }
    .headerLayout-1 .login-Menu-mobile i{ font-size: 24px;color: #333; }
    .headerLayout-1 .only-mobile-cart{display: inline-block;position: absolute;top: 15px;left: 13px;}
    .headerLayout-1 .only-mobile-cart .cart_qty_cls{top: -12%;left: 46%;;}
    .headerLayout-1  .mobile-menu-login{display: inline-block;position: absolute;top: 10px;left: 55px;}
    .headerLayout-1  .mobile-menu-login i{font-size: 24px;}
}
@media (max-width:767px) { 
  .cart-section tbody tr td {display: block !important;}
  .cart-table thead { display: none; }
  .cart-table td::before {content: attr(data-title) " ";float: left;text-transform: capitalize;margin-right: 15px;font-weight: bold;}
  .cart-section .subTotal { font-size: 15px; }
} 
@media (max-width:577px) { 
    .headerLayout-1 .brand-logo{ position: initial; margin-right: 0;transform: translateX(0%);-webkit-transform:translateX(0%);padding-top: 0px !important;padding-bottom: 0px !important; }
    .headerLayout-1 .main-menu .menu-right .icon-nav .mobile-cart{ right: 0;position: relative;bottom: 7px; }
    .headerLayout-1 .cart_qty_cls{ top: -66% }
    .headerLayout-1 .main-nav-center .toggle-nav{ top: -77px; }
    .headerLayout-1 .main-menu .brand-logo { text-align: center;}
    .headerLayout-1 .main-menu .brand-logo img{ width: 90%; }
}
@media (max-width:575px) { 
    .headerLayout-1{ padding-right: 20px;padding-left: 20px; }
    .products-category .row > .col-sm-6 {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;width: 50%;}
}
@media (max-width:480px) { 
    .headerLayout-1 .brand-logo img {height: auto;}
    .headerLayout-1 .main-menu .brand-logo img {width: 80%;}
    .headerLayout-1 .main-nav-center .toggle-nav { top: -68px; }
    .headerLayout-1 .menu-right { padding-top: 10px; }
}
@media (max-width:480px) { 
    .headerLayout-1 .menu-left { display: none;}
    .headerLayout-1 .menu-right .mobile-cart{ display: none;}
    .headerLayout-1 { position: relative; }
}
@media (max-width:328px) { 
    .headerLayout-1 .main-nav-center .toggle-nav{top: -59px;}
    .products-category .row > .col-sm-6 {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;width: 100%;}
}

.about-page-section { padding: 60px 0; background: #f6f9fc; }

/* The card wrapper ¡ª add class="about-content-wrap" in CMS */
.about-content-wrap {
    background: #ffffff;
    border-radius: 18px;
    box-shadow: 0 6px 40px rgba(21,112,212,.10);
    padding: 20px 56px 44px;
    border: 1px solid #e2edf9;
    position: relative;
    overflow: hidden;
    margin: 32px auto 40px;
    max-width: 980px;
    color: #4a5a72;
    font-size: 16px;
    line-height: 1.9;
    text-align: left;
}
.about-content-wrap::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 5px;
    background: linear-gradient(90deg, #1570d4 0%, #5bc4f5 100%);
}

/* Heading: <div class="text-center"> from DB content */
.about-content-wrap .text-center {
    font-size: 28px !important;
    font-weight: 800 !important;
    color: #0a1628 !important;
    text-align: center !important;
    display: block !important;
    margin-bottom: 20px !important;
    line-height: 1.2 !important;
    letter-spacing: -.4px !important;
}
.about-content-wrap .text-center::after {
    content: '';
    display: block;
    width: 54px;
    height: 4px;
    background: linear-gradient(90deg, #1570d4, #5bc4f5);
    border-radius: 4px;
    margin: 12px auto 28px;
}

/* Body: <p> tag wrapping DB content */
.about-content-wrap p {
    color: #4a5a72;
    font-size: 16px;
    line-height: 1.9;
    text-align: left;
    white-space: pre-line;
    max-width: 900px;
    margin: 0 auto;
    letter-spacing: .02em;
}
.about-content-wrap p + p {
    margin-top: 22px;
}
.about-content-wrap p strong,
.about-content-wrap p b {
    color: #0f2147;
    font-weight: 700;
}
.about-content-wrap ul,
.about-content-wrap ol {
    margin: 18px 0 0 24px;
    padding-left: 1em;
    color: #4a5a72;
}
.about-content-wrap li {
    margin-bottom: 12px;
}
.about-content-wrap .section-heading {
    font-size: 20px;
    font-weight: 700;
    margin: 30px 0 14px;
    color: #0f2147;
}
.about-content-wrap .highlight {
    display: inline-block;
    padding: 0 8px;
    background: rgba(91,196,245,.15);
    color: #1570d4;
    border-radius: 6px;
    font-weight: 600;
}

/* Responsive */
@media (max-width: 991px) {
    .about-content-wrap { padding: 36px 24px 30px; }
}
@media (max-width: 767px) {
    .about-content-wrap { padding: 28px 18px 24px; }
    .about-content-wrap .text-center { font-size: 24px !important; }
    .about-content-wrap p { font-size: 15px; line-height: 1.85; }
}


.mordern-box {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid #eef1f6;
    box-shadow: 0 2px 12px rgba(0,0,0,.06);
    transition: transform .28s ease, box-shadow .28s ease;
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
}
.mordern-box:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 40px rgba(21,112,212,.14);
    border-color: #ccdff8;
}

/* Image area */
.mordern-box .list_prd {
    background: #f7f9fc;
    overflow: hidden;
    border-bottom: 1px solid #eef1f6;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
}
.mordern-box .list_prd img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform .35s ease;
}
.mordern-box:hover .list_prd img {
    transform: scale(1.07);
}

/* Content area */
.mordern-box .mordern-content {
    padding: 16px 16px 18px;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}
.mordern-box .mordern-content a {
    text-decoration: none;
}
.mordern-box .mordern-content h6 {
    font-size: 14.5px;
    font-weight: 600;
    color: #1a2a40;
    margin: 0;
    line-height: 1.45;
    transition: color .2s;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.mordern-box .mordern-content a:hover h6 {
    color: #1570d4;
}

/* Bottom action row */
.mordern-box .mordern-bottom {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: auto;
    padding-top: 6px;
}
.mordern-box .mordern-bottom .left h4 {
    font-size: 15px;
    font-weight: 700;
    color: #1570d4;
    margin: 0;
}
.mordern-box .mordern-bottom .left h4 del {
    color: #b0bac9;
    font-size: 12px;
    font-weight: 400;
    margin-right: 4px;
}

/* Add-to-cart / right btn */
.mordern-box .rightBtnSec {
    position: absolute;
    bottom: 0; right: 0;
    background: #fff;
    border-radius: 12px 0 0 0;
    padding: 8px 10px 7px 12px;
}
.mordern-box .addtoCatBtn {
    background: linear-gradient(135deg, #1570d4, #5bc4f5);
    border: none;
    border-radius: 10px;
    padding: 10px 12px;
    color: #fff;
    transition: opacity .2s, transform .2s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mordern-box .addtoCatBtn:hover { opacity: .88; transform: scale(1.08); }
.mordern-box .addtoCatBtn i { font-size: 18px; color: #fff; }

/* Section title */
.categoryList .title3 { text-align: center; margin-bottom: 36px; }
.categoryList .title3 .title-inner3 {
    font-size: 26px;
    font-weight: 800;
    color: #0a1628;
    margin-bottom: 10px;
}
.categoryList .title3 .line {
    width: 56px;
    height: 4px;
    background: linear-gradient(90deg, #1570d4, #5bc4f5);
    border-radius: 4px;
    margin: 0 auto;
}

/* Show More button */
.btn-brand {
    background: linear-gradient(135deg, #1570d4, #1e8ef7);
    border: none;
    border-radius: 10px;
    padding: 12px 36px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .4px;
    transition: opacity .2s, transform .2s;
}
.btn-brand:hover { opacity: .88; transform: translateY(-2px); }

/* Responsive */
@media (max-width: 575px) {
    .mordern-box .list_prd { padding: 12px; }
    .mordern-box .mordern-content { padding: 12px 12px 14px; }
    .mordern-box .mordern-content h6 { font-size: 13px; }
}

/* == WELCOME HOME == */
.welcome-home-section {
    padding: 30px 0; margin-bottom: 25px;
    background: linear-gradient(160deg,#eef5ff,#f4f8ff 40%,#e8f2ff 70%,#f0f7ff);
    background-size: 400% 400%;
    position: relative; overflow: hidden;
    animation: wh-bg-drift 12s ease infinite;
}
@keyframes wh-bg-drift { 0%,100%{background-position:0% 50%} 50%{background-position:100% 50%} }

.welcome-home-section .wh-dots {
    position: absolute; inset: -60px; pointer-events: none;
    background: radial-gradient(rgba(21,112,212,.13) 1.5px,transparent 1.5px) 0 0/28px 28px;
    animation: wh-dots-drift 20s linear infinite;
}
@keyframes wh-dots-drift { to{transform:translateY(28px)} }

.wh-orb {
    position: absolute; border-radius: 50%; pointer-events: none;
    filter: blur(60px); opacity: 0;
    animation: wh-orb-breathe 8s ease-in-out infinite;
}
.wh-orb-1 { width:440px;height:440px; top:-120px;right:-80px;  background:radial-gradient(circle,rgba(21,112,212,.18),transparent 70%); }
.wh-orb-2 { width:360px;height:360px; bottom:-100px;left:-60px; background:radial-gradient(circle,rgba(91,196,245,.20),transparent 70%); animation-delay:3s; }
.wh-orb-3 { width:280px;height:280px; top:40%;left:10%;         background:radial-gradient(circle,rgba(99,179,255,.14),transparent 70%); animation-delay:6s; }
@keyframes wh-orb-breathe { 0%,100%{opacity:0;transform:scale(.85)} 50%{opacity:1;transform:scale(1.05)} }


.welcome-home-card {
    background:#fff; border-radius:28px; padding:64px 72px 58px;
    text-align:center; position:relative; z-index:1; overflow:hidden;
    box-shadow:0 20px 70px rgba(21,112,212,.12),0 2px 8px rgba(21,112,212,.06);
    border:1px solid rgba(21,112,212,.10);
    transition:box-shadow .35s,transform .35s;
}

.welcome-home-card::before {
    content:''; position:absolute; top:0;left:0;right:0; height:5px;
    background:linear-gradient(90deg,#1570d4,#5bc4f5 35%,#63b3ff 55%,#1570d4);
    background-size:300% 100%; border-radius:28px 28px 0 0;
}
@keyframes wh-bar-slide { to{background-position:300% 0} }
.welcome-home-card::after {
    content:''; position:absolute; top:50%;left:50%; transform:translate(-50%,-50%);
    width:500px;height:500px; border-radius:50%; pointer-events:none;
    background:radial-gradient(circle,rgba(91,196,245,.05),transparent 65%);
}


@keyframes wh-pulse { 0%,100%{box-shadow:0 10px 36px rgba(21,112,212,.35),0 0 0 0 rgba(21,112,212,.30)} 55%{box-shadow:0 10px 36px rgba(21,112,212,.35),0 0 0 20px rgba(21,112,212,0)} }
@keyframes wh-ring  { 0%,100%{transform:scale(1);opacity:.9} 55%{transform:scale(1.55);opacity:0} }

.welcome-home-title { font-size:38px;font-weight:900;color:#0a1628;line-height:1.2;letter-spacing:-.5px;margin-bottom:0;}
.welcome-home-divider {
    width:76px;height:5px;border-radius:99px;margin:20px auto 28px; position:relative;
    background:linear-gradient(90deg,#1570d4,#5bc4f5,#63b3ff,#1570d4);
    background-size:300% 100%;
}
@keyframes wh-shimmer { 0%{background-position:300% 0} to{background-position:-300% 0} }
.welcome-home-divider::before {
    content:''; position:absolute; left:50%;top:50%; transform:translate(-50%,-50%);
    width:12px;height:12px; border-radius:50%; border:2.5px solid #fff;
    background:linear-gradient(135deg,#1570d4,#5bc4f5);
    box-shadow:0 0 12px rgba(21,112,212,.55);
}
.welcome-home-desc { color:#4a5a72;font-size:16px;line-height:1.9;margin:0 auto;max-width:700px;}
@keyframes wh-fade-up { from{opacity:0;transform:translateY(16px)} to{opacity:1;transform:translateY(0)} }

@media(max-width:991px) {
    .welcome-home-section{padding:64px 0}
    .welcome-home-card{padding:50px 40px 44px}
    .welcome-home-title{font-size:32px}
}
@media(max-width:767px) {
    .welcome-home-section{padding:48px 0}
    .welcome-home-card{padding:36px 22px 32px}
    .welcome-home-title{font-size:26px}
    .welcome-home-desc{font-size:14.5px}
}.about-content-wrap

/* == FEATURE STRIP == */
.feature-strip-section { padding: 36px 0; background: #f5f5f5; }

.feature-strip-card,
.feature-strip-card.media {
    display:flex; align-items:center; gap:18px; height:100%;
    background:#fff; border-radius:16px; padding:22px 24px;
    border:1px solid #ddeaf8; box-shadow:0 4px 18px rgba(21,112,212,.07);
}

.feature-strip-icon {
    width:64px; height:64px; min-width:64px; border-radius:50%; overflow:hidden;
    display:flex; align-items:center; justify-content:center;
    background:linear-gradient(135deg,#e8f1fd,#d4e8fb);
    border:2px solid #ccdff8; box-shadow:0 4px 14px rgba(21,112,212,.12);
}
.feature-strip-icon img { width:40px; height:40px; object-fit:contain; }
.feature-strip-icon i   { font-size:26px; color:#1570d4; }

.feature-strip-body h5,
.feature-strip-body h4  { font-size:16px; font-weight:700; color:#0a1628; margin:0 0 4px; line-height:1.3; text-transform:capitalize; }
.feature-strip-body p   { font-size:13.5px; color:#6b7e96; margin:0; line-height:1.55; }

@media(max-width:767px) {
    .feature-strip-card              { padding:16px 18px; gap:14px; }
    .feature-strip-icon              { width:52px; height:52px; min-width:52px; }
    .feature-strip-icon img          { width:32px; height:32px; }
    .feature-strip-body h5           { font-size:14.5px; }
}
.feature-strip-section.bg-premium {
    background: linear-gradient(160deg,#eef5ff,#f4f8ff 40%,#e8f2ff 70%,#f0f7ff);
    background-size: 400% 400%;
}

@keyframes wh-bg-drift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* ====== CATEGORY BOX  ====== */
.category-box {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid #eef1f6;
    box-shadow: 0 2px 12px rgba(0,0,0,.06);
    transition: transform .28s ease, box-shadow .28s ease;
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
}
.category-box:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 40px rgba(21,112,212,.14);
    border-color: #ccdff8;
}

.category-box .category-image {
    background: #f7f9fc;
    overflow: hidden;
    border-bottom: 1px solid #eef1f6;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
}
.category-box .category-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform .35s ease;
}
.category-box:hover .category-image img {
    transform: scale(1.07);
}

.category-box .category-content {
    padding: 16px 16px 18px;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}
.category-box .category-content a {
    text-decoration: none;
}
.category-box .category-content h6 {
    font-size: 14.5px;
    font-weight: 600;
    color: #1a2a40;
    margin: 0;
    line-height: 1.45;
    transition: color .2s;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.category-box .category-content a:hover h6 {
    color: #1570d4;
}

@media (max-width: 575px) {
    .category-box .category-image { padding: 12px; }
    .category-box .category-content { padding: 12px 12px 14px; }
    .category-box .category-content h6 { font-size: 13px; }
}