@font-face{font-family:"bootstrap-icons";src:url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/fonts/bootstrap-icons.woff2?24e3eb88d5") format("woff2"),url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/fonts/bootstrap-icons.woff?24e3eb88d5") format("woff");font-style:normal;font-weight:400;font-display:swap;}@font-face{font-family:"Font Awesome 5 Free";src:url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/webfonts/fa-solid-900.woff2") format("woff2"),url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/webfonts/fa-solid-900.woff") format("woff");font-style:normal;font-weight:900;font-display:swap;}@font-face{font-family:"Font Awesome 5 Free";src:url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/webfonts/fa-regular-400.woff2") format("woff2"),url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/webfonts/fa-regular-400.woff") format("woff");font-style:normal;font-weight:400;font-display:swap;}@font-face{font-family:"Font Awesome 5 Brands";src:url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/webfonts/fa-brands-400.woff2") format("woff2"),url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/webfonts/fa-brands-400.woff") format("woff");font-style:normal;font-weight:400;font-display:swap;}.customNav .nav-link{ color:#f8f9fa; font-weight:600; padding:0.07rem 0.12rem; display:inline-flex; align-items:center; line-height:1.25; white-space:nowrap; } .navbar-nav{ gap:0.08rem; } .navbar-brand{ width:40px; min-width:40px; height:40px; padding:0; display:flex; align-items:center; }.navbar-brand img{ width:100%; height:100%; object-fit:contain; display:block; } .navbar{ padding: 0.45rem 0.7rem; background: transparent; } .customNav{ font-family: 'Helvetica Neue', Arial, sans-serif; background-color: transparent; } .border-custom{ border: 1px solid #FAE391; } .light-color{ color: #FAE391 !important; } .text-info{ color: #0b5ed7 !important; } .text-success{ color: #0b5e2b !important; } .dark-color{ color: #102141 !important; } .text-blue{ color: #5780CE; } .header-div h2{ text-align: center; color: white; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25); } .header-div{ background: linear-gradient(135deg,#0b3d91,#102542); color: #f8f9fa; padding-top: 8px; padding-bottom: 12px; } .product-detail-title{font-size: 1.75rem; line-height: 1.2;} .product-name-title{font-size: 1.45rem; line-height: 1.3;} .header-inner{ max-width: 1100px; margin: 0 auto; } .hero-layout{ max-width: 1040px; width: 100%; min-height: 380px; display: flex; align-items: flex-start; justify-content: center; margin-left: auto; margin-right: auto; padding-top: 0.35rem; } @media (max-width: 767.98px){ .hero-layout{ min-height: 320px; padding-top: 0.65rem; padding-bottom: 1.25rem; } } .btn-custom { background-color: #102141; border-color: #102141; color: white; } .btn-custom:hover { ; background-color: #FAE391; border-color: #FAE391; } .btn-custom:focus, .btn-custom.focus { background-color: #FAE391; border-color: #FAE391; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } .col { margin: 0 1%; } .section-categories{ } .dropdown-toggle::after { display: none; } .section-categories .dropdown{ float: right; } .section-categories .d-flex span{ background-color: #f0f0f0; display: inline-block; } .section-categories d-flex{ } .list-cat p{ font-size: 0.75rem; line-height: 1.3; font-size: 0.75rem; line-height: 1.3; max-height: 3.4vw; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .list-cat h6{ height: 6vh; overflow: hidden; } .list-cat h5{ color: #0b2f5b; } .list-cat .product-price{ color: #0b2f5b; font-weight: 700; font-size: 0.875rem; } .list-cat .product-title-link{ color: #0b2f5b; font-weight: 600; } .list-cat .product-title-link:hover,.list-cat .product-title-link:focus{ color: #082244; } .badge-primary{ background-color: #0b3d91; } .badge-success{ background-color: #1b6e2b; } .list-cat .badge{ position: absolute; left: 67%; top: 4%; color: white; border: 2px solid white; } .footer-divider{ width: 100%; height: 3px; background-color: #0b3d91; } footer .footer-body{ margin-bottom: 0 !important; border-radius: 0 !important; background-color: #f7f7f9 !important; } .light-color-bg{ background-color: #f9fafb !important; } .lightgrey-color-bg{ background-color: #f7f7f9 !important; } .white-bg{ background-color: #ffffff !important; } .grey-color-text{ color: #4b5563; } .active{ color: #102141; } footer ul li{ list-style: none; padding: 10px; display: inline-block; } footer ul li a{ color: #0a1224;  font-weight:600;} .grey-color-dark{ color: #0a1224; } .border-bottom-dark { border-bottom: 1px solid #B5B5B5 !important; } .login{ background-color: #FFFFFF; border-radius: 2vw; } .text-login-grey{ color: #6A6A6A; } .pt-12 { padding-top: 12% !important; } .login img{ display: block; margin: auto; height:auto; max-width:100%; max-height:360px; width:auto; } .login-carousel-img{width:360px;height:360px;max-width:100%;object-fit:contain;} .login-bg{ background-color: #EEEEEE; border-radius: 0px 15px 15px 0px; } .login .carousel-indicators{ margin-top: 4%; position: relative; } .login .carousel-indicators li { opacity: 0.3; background-color: #102141; box-sizing: content-box; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 32px; border-radius: 1vw; height: 5px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-clip: padding-box; border-top: 0px solid transparent; border-bottom: 0px solid transparent; transition: opacity 0.6s ease; } .login .carousel-indicators .active { opacity: 1 !important; } .bg-xlight{ background-color: #EEEEEE; } .text-white{ color: white; } .section-categories .pagination { margin: auto; width: fit-content; } .pagination .page-item.active .page-link { z-index: 3; color: #102141; background-color: #f1f1f1; border-color: #f1f1f1; } .pagination .page-link{ border: none; font-size: 0.8rem; } .subtrending{ } .price-alert{ background-image: linear-gradient(to right, #102141 , #04389b); width: 100%; } .price-alert p{ width: 70%; } .price-alert .btn-custom{ margin-top: 2rem; } .light-blue-bg{ background: #ECF3FF; } .box{ box-sizing: border-box; border: 1vw solid transparent; background-clip: padding-box; } .drop-shadow{ filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); } .input-error { padding: 2px 5px; background: rgb(232,0,0); font-size: 11px; color: #fff; font-weight: 500; bottom: 100; right: 6px; display: none; z-index: 10; } .mainSrchCon{ position: absolute; z-index: 1; top: 110%; width: min(100vw, 900px); margin: auto; left: 50%; transform: translateX(-50%); max-height: 40vh; overflow: auto; padding: 0; } .mainConSrch{ position:relative; } .products-search-bar{display:flex;align-items:center;justify-content:center;gap:.55rem;width:100%;max-width:820px;margin:0 auto;padding:.5rem .75rem;flex-wrap:nowrap;background:linear-gradient(135deg,#0b3d91,#102542);border-radius:999px;border:1px solid rgba(16,37,66,.08);box-shadow:0 16px 36px rgba(0,0,0,.18);} .products-search-input{flex:1 1 auto;min-width:0;width:min(480px,100%);height:46px;padding:12px 16px;font-size:16px;border-radius:999px;border:1px solid #d7dfec;line-height:1.4;box-shadow:inset 0 1px 2px rgba(0,0,0,.04);background:linear-gradient(180deg,#f9fbff 0%,#f1f4f9 100%);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;} .products-search-input:focus{outline:none;border-color:#9fb5ec;background:#fff;box-shadow:0 0 0 3px rgba(68,127,255,.18);} @media (max-width: 991.98px) { .mainSrchCon { width: calc(100vw - 30px); } } #messageBox{align-items:center;}#messageBox .col{display:flex;align-items:center;justify-content:center;min-height:52px;padding:.75rem 0;}#messageTxt{margin:0;line-height:1.4;max-width:100%;word-break:break-word;overflow-wrap:anywhere;} .mainSrchBtn{height:46px;width:75px;border:1px solid #d6ac32;background:linear-gradient(135deg,#ffe89a,#f4c542);color:#0b3d91;font-weight:700;font-size:16px;padding:0 18px;border-radius:999px;line-height:1.2;display:inline-flex;align-items:center;justify-content:center;box-shadow:none;transition:transform .12s ease,box-shadow .12s ease,background .12s ease,color .12s ease} .mainSrchBtn:hover,.mainSrchBtn:focus{background:linear-gradient(135deg,#fff2c7,#f7d56d);color:#0a2f6b;transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,0,0,.18)} .pRelative{ position: relative; } .priceSugesCon{ position: absolute; width: 85%; z-index: 1; background: whitesmoke; padding: 1vw; border-radius: 0.3vw; display: block; } .sugesP{ color: blue; cursor: pointer; text-decoration: none; display: block; } .sugesP:hover{ text-decoration: none; } .btnWatch{ margin-top: 1.5rem !important; } .priceDol{ margin: 0; padding: 0; background: white; border-radius: 0.3vw; text-align: center; } .priceDol:focus-within{ box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%); border-color: #80bdff; } .customFormCon{ width: 90% !important; display: inline !important; border: none !important; padding: 0 !important; } .customFormCon:focus{ box-shadow: none !important; } .colorblue{ color: #5780CE;; } .dateRangRow{ width: 100%; margin: auto; } .dateRangeLinksCon{ display: inline; margin-right: 2vw; } .molinks{ background: none; border: none; padding: 0; color: inherit; font: inherit; cursor: pointer; } .molinks.active{ text-decoration: underline; } .smallcus{ font-size: 0.775em; } .f0-9{ font-size: 0.9rem; } .f1-8{ font-size: 1.8rem; } .f0-7{ font-size: 0.7rem; } .w-40px{ width: 40px !important; }.brand-logo{ width:40px; height:40px; max-width:100%; object-fit:contain; display:block; } .footerLogoTxt{ color: #0d2145; margin-left: -2%; font-size: 1.3rem; vertical-align: middle; }.feature-icon-container{ width:70px; height:70px; display:flex; align-items:center; justify-content:center; background:#fbe195; border-radius:.25rem; margin:auto; } .feature-icon{ width:70px; height:70px; max-width:100%; object-fit:contain; display:block; margin:auto; } .mainBoxesNew{ min-height: 20vh; } .btrans{ border: transparent; } .trendingSubBtn{ left:0; right:0; bottom:0; } .carousel-control-next, .carousel-control-prev { filter: invert(100%); } .modal-confirm { color: #636363; width: 325px; font-size: 14px; } .modal-confirm .modal-content { padding: 20px; border-radius: 5px; border: none; } .modal-confirm .modal-header { border-bottom: none; position: relative; } .modal-confirm h4 { text-align: center; font-size: 26px; margin: 30px 0 -15px; } .modal-confirm .form-control, .modal-confirm .btn { min-height: 40px; border-radius: 3px; } .modal-confirm .modal-footer { border: none; text-align: center; border-radius: 5px; font-size: 13px; } .modal-confirm .icon-box { color: #fff; position: absolute; margin: 0 auto; left: 0; right: 0; top: -70px; width: 95px; height: 95px; border-radius: 50%; z-index: 9; background: #82ce34; padding: 15px; text-align: center; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); } .modal-confirm .icon-box i { font-size: 58px; position: relative; top: -14px; } .modal-confirm.modal-dialog { margin-top: 80px; } .modal-confirm .btn { color: #fff; border-radius: 4px; background: #82ce34; text-decoration: none; transition: all 0.4s; line-height: normal; border: none; } .modal-confirm .btn:hover, .modal-confirm .btn:focus { background: #6fb32b; outline: none; } .box-image,.box-image2 { display: block; margin: 0 auto; width: 100%; height: auto; max-width: 250px; max-height: 250px; object-fit: contain; } @media only screen and (min-width: 960px) { .box-image { max-height: 200px; max-width: 200px; } .box-image2 { height: 250px; max-height: 250px; max-width: 250px; } } @media only screen and (min-width: 1440px) { .box-image { max-height: 200px; max-width: 200px; } .box-image2 { height: 250px; max-height: 250px; max-width: 250px; } } @media only screen and (min-width: 2000px) { .box-image { max-height: 200px; max-width: 200px; } .box-image2 { height: 250px; max-height: 250px; max-width: 250px; } } @media only screen and (max-device-width: 480px) { .box-image { max-height: 144px; max-width: 144px; } .box-image2 { max-height: 250px; max-width: 250px; } } @media only screen and (device-width: 768px) { .box-image { max-height: 144px; max-width: 144px; } .box-image2 { max-height: 250px; max-width: 250px; } } @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) { .box-image { max-height: 200px; max-width: 200px; } .box-image2 { max-height: 250px; max-width: 250px; } } @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) { .box-image { max-height: 144px; max-width: 144px; } .box-image2 { max-height: 250px; max-width: 250px; } }.faq-section { background: linear-gradient(180deg, #f9fbff 0%, #f3f6fb 100%); border-radius: 20px; padding: 48px; box-shadow: 0 18px 54px rgba(15, 43, 70, 0.10); border: 1px solid #e3e9f4; } .faq-eyebrow { letter-spacing: 0.12rem; font-weight: 700; color: #1d7cd2; } .faq-subtitle { color: #4b5b6b; font-size: 0.95rem; } .faq-card { background: #ffffff; border: 1px solid #e2e7f0; border-radius: 18px; padding: 20px 22px; box-shadow: 0 14px 36px rgba(15, 43, 70, 0.08); transition: transform 0.2s ease; will-change: transform; display: flex; flex-direction: column; gap: 14px; } .faq-card:hover { transform: translateY(-4px); } .faq-card::before { content: ""; display: block; height: 4px; width: 52px; border-radius: 12px; background: linear-gradient(90deg, #0a83e6 0%, #53b5ff 100%); } #dropdownSeller { transition: transform 0.15s ease; will-change: transform; } #dropdownSeller:active { transform: translateY(1px); } .faq-icon { width: 50px; height: 50px; display: inline-flex; align-items: center; justify-content: center; border-radius: 14px; color: #0f2b46; font-size: 20px; background: #eef5ff; box-shadow: 0 10px 26px rgba(15, 43, 70, 0.12); } .faq-question { font-weight: 700; color: #0f2b46; margin-bottom: 4px; text-align: left; } .faq-answer { color: #3f4b59; margin-bottom: 0; line-height: 1.6; text-align: left; } @media (max-width: 767.98px) { .faq-section { padding: 32px 18px; } .faq-card { padding: 18px 16px; } .features-section{padding:28px 18px 36px} }
.features-section{background:linear-gradient(180deg,#f9fbff 0%,#f3f6fb 100%);border-radius:20px;padding:40px 28px 48px;box-shadow:0 18px 54px rgba(15,43,70,.08);border:1px solid #e3e9f4}.feature-eyebrow{letter-spacing:.12rem;font-weight:700;color:#1d7cd2}.feature-subtitle{color:#4b5b6b;font-size:.95rem}.feature-card{background:#fff;border:1px solid #e2e7f0;border-radius:18px;padding:24px 22px;box-shadow:0 14px 36px rgba(15,43,70,.08);display:flex;flex-direction:column;gap:14px;height:100%;text-align:center}.feature-card-body{display:flex;gap:14px;align-items:center;flex-direction:column;text-align:center}.feature-icon-wrapper{width:56px;height:56px;display:inline-flex;align-items:center;justify-content:center;background:#eef5ff;border-radius:14px;box-shadow:0 10px 26px rgba(15,43,70,.12);flex-shrink:0;margin:0 auto 6px}.feature-icon{width:32px;height:32px;object-fit:contain}.feature-title{color:#0f2b46;font-weight:700}.feature-text{color:#3f4b59;line-height:1.6}.list-cat .product-title-text{font-size:1rem;line-height:1.3;margin-bottom:.35rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:2.6em;}.list-cat .product-image-frame{position:relative;aspect-ratio:1/1;width:100%;max-width:228px;margin-left:auto;margin-right:auto;display:flex;align-items:center;justify-content:center;}.list-cat .product-image-link{display:flex;align-items:center;justify-content:center;width:100%;height:100%;}.list-cat .product-image{max-width:100%;max-height:100%;object-fit:contain;border:0 solid #dee2e6;}
.customNav{font-family:'Helvetica Neue',Arial,sans-serif;background:linear-gradient(135deg,#0b3d91,#102542);min-height:64px}.header-div{background:linear-gradient(135deg,#0b3d91,#102542);color:#f8f9fa;padding-top:8px;padding-bottom:12px;min-height:76px}.header-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;flex-wrap:nowrap;min-height:64px}.navbar-collapse{width:100%}.navbar-nav.navBtn{margin-left:auto}@media (max-width:767.98px){.navbar-collapse{display:none;width:100%;padding-top:.35rem}.navbar-collapse.show{display:block}.navbar-nav{width:100%;flex-direction:column;align-items:flex-start;gap:0}.navbar-nav .nav-link{width:100%;padding:.35rem 0}.header-div{min-height:64px;padding-top:10px;padding-bottom:10px}.navbar{padding:0.35rem 0.75rem}.navbar-toggler{width:44px;height:44px;padding:.5rem;display:inline-flex;align-items:center;justify-content:center;font-size:0;background:transparent;border:1px solid rgba(248,249,250,.5);box-shadow:none}.navbar-toggler-icon{width:1.5rem;height:1.5rem;background-size:1.5rem 1.5rem}}@media (min-width:768px){.navbar-collapse{display:flex!important;flex-basis:auto;align-items:center;justify-content:space-between}.header-div{min-height:88px}}.navbar-toggler:focus{outline:none;box-shadow:0 0 0 .1rem rgba(248,249,250,.45)}.products-tabs-shell .btn{background:#f8f9fa;border:1px solid #d7dfec;color:#102542;font-weight:600;box-shadow:none;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.products-tabs-shell .btn:hover,.products-tabs-shell .btn:focus,.products-tabs-shell .btn:focus-visible{background:#f8f9fa;color:#0b3d91;border-color:#0b3d91;box-shadow:0 0 0 .1rem rgba(11,61,145,.25)}.products-tabs-shell .btn:active,.products-tabs-shell .btn.active,.products-tabs-shell .btn.active:focus,.products-tabs-shell .btn.active:hover{background:linear-gradient(135deg,#ffe89a,#f4c542);color:#0b3d91;border-color:#d6ac32;box-shadow:0 0 0 .1rem rgba(214,172,50,.35)}.products-tabs-shell .btn:focus{outline:none}