
*{margin:0; padding:0; box-sizing:border-box; text-decoration:none; outline:none; border:none;}
body {font-family:'Poppins', sans-serif; font-size:14px; color:#333; line-height:1.5; background:#f8f9fa;}




.topbar {background:#0D4C8C; padding:8px 0; border-bottom:1px solid #e3e6ea;}
.top-left li {list-style:none; font-size:14px; color:#fff; font-weight:600; margin:0;}
.right-content {display:flex; justify-content:flex-end; align-items:center; gap:10px; text-align:right;}
.right-content p {margin:0; font-size:13px; font-weight:500; color:#fff;}
.right-content p:hover {font-size:13px; font-weight:600; color:#F29F05;}
.right-content .btn-primary {background:#F29F05; border:none; font-size:13px; padding:4px 12px; font-weight:600; transition:all .25s ease-in-out;}
.right-content .btn-primary:hover {background:#0D4C8C; transform:translateY(-1px);}
.sticky { position: fixed; top: 0; width: 100%; }

.sticky + .header {padding-top: 102px;}

.middle-inner {background:#fff; border-bottom:1px solid #e6e6e6; padding:15px 0; top:0; z-index:1000; box-shadow:0 2px 5px rgba(0,0,0,0.1);}
.search-bar-top input {border:1px solid #d4d8dd; padding:8px 14px; transition:border-color 0.25s, box-shadow 0.25s; border-radius:4px;}
.search-bar-top input:focus {border-color:#F29F05; box-shadow:0 0 5px rgba(242,159,5,0.5); outline:none;}
.btn-primary {background:#F29F05; border:none; padding:7px 15px; transition:background 0.25s, transform 0.25s; border-radius:4px;}
.btn-primary:hover {background:#0D4C8C; transform:translateY(-2px);}
.right-bars a {font-size:14px; font-weight:500; transition:color 0.25s, transform 0.25s; text-decoration:none; display:flex; align-items:center; color:#333;}
.right-bars a:hover {color:#F29F05; transform:translateY(-2px);}
.right-bars i {font-size:18px; transition:color 0.25s, transform 0.25s; margin-right:4px;}
.right-bars a:hover i {color:#F29F05;}
.badge {font-size:11px; padding:3px 6px; border-radius:50%; vertical-align:top;}
@media (max-width:767px) {.search-bar-top input {padding:6px 10px;} .right-bars a {font-size:13px;} .badge {font-size:10px; padding:2px 5px;}}

i.fab {font-size: 14px; text-decoration: none;}
i.fas {font-size: 14px;text-decoration: none;}

h2 {font-size: 18px; font-weight: 600; margin-bottom: 15px; color: #0D4C8C;}

.brands-slider {position: relative; overflow: hidden;}
.brands-container {display: flex; overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none; -ms-overflow-style: none; gap: 30px; padding: 20px 0;}
.brands-container::-webkit-scrollbar {display: none;}
.brand-item {flex: 0 0 auto; width: 180px; height: 120px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #e6e6e6; border-radius: 8px; padding: 20px; transition: all 0.3s ease;}
.brand-item:hover {box-shadow: 0 4px 12px rgba(0,0,0,0.1); transform: translateY(-5px); border-color: #F29F05;}
.brand-item img {max-width: 100%; max-height: 100%; object-fit: contain; transition: filter 0.3s ease;}
.brand-item:hover img {filter: grayscale(0%);}
.brands-nav-btn {position: absolute; top: 50%; transform: translateY(-50%); background: #fff; border: 1px solid #e6e6e6; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 10; transition: all 0.3s ease; box-shadow: 0 2px 8px rgba(0,0,0,0.1);}
.brands-nav-btn:hover {background: #F29F05; color: #fff; border-color: #F29F05;}
.brands-nav-btn.prev {left: 0;}
.brands-nav-btn.next {right: 0;}
.brands-nav-btn:disabled {opacity: 0.3; cursor: not-allowed;}
@media (max-width: 768px) {.brand-item {width: 140px; height: 100px;} .brands-nav-btn {width: 35px; height: 35px;}}

.about-intro {padding:30px 0; background:#fff;}
.about-intro h2 {font-size:20px; margin-bottom:20px; color:#0D4C8C;}
.about-intro h6 {font-size:14px; color:#F29F05; margin-bottom:10px; text-transform:capitalize; letter-spacing:1px;}
.about-intro p {font-size:13px; line-height:1.6; color:#555;}

/* .flash-sales {padding:30px 0; background:#f8f9fa;}
.flash-sales h6 {font-size:15px; margin-bottom:20px; color:#0D4C8C;}
.flash-sales p {font-size:12px; line-height:1.6; color:#555;} */


.flash-sales { padding: 2rem 0; margin: 2rem 0;background-color: #fff; }
.flash-sales .today-label { font-size: 0.9rem; color: #F29F05; font-weight: 500; margin-bottom: 0.5rem; display: inline-block; position: relative; padding-bottom: 5px; }
.flash-sales .today-label::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: linear-gradient(90deg, #ff6b6b 0%, #ffd89b 100%); border-radius: 2px; }
.flash-sales .header-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; flex-wrap: wrap; }
.flash-sales h2 { color: #0D4C8C; font-weight: 600; font-size: 1.2rem; margin: 0; }
.flash-sales a{color: #0D4C8C; text-decoration: none;}
.flash-sale-timer { background: #f8f9fa; border: 2px solid #e9ecef; color: #0D4C8C; padding: 0.5rem 1rem; border-radius: 8px; font-weight: 600; font-size: 0.95rem; display: inline-block; }
.flash-sale-timer #global-timer { font-size: 1.1rem; display: inline-block; margin-left: 10px; font-family: 'Courier New', monospace; color: #F29F05; }
.flash-sales .card { border: 1px solid #e9ecef; border-radius: 10px; overflow: hidden; transition: all 0.3s ease; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); background: #fff; }
.flash-sales .card:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12); }
.flash-sales .card-img-top { width: 100%; height: 200px; object-fit: cover; object-position: center; }
.flash-sales .card-body { padding: 1.5rem; display: flex; flex-direction: column; }
.flash-sales .card-title { font-size: .8rem; font-weight: 500; color: #333; margin-bottom: 1rem; min-height: 40px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.flash-sales .card-text { font-size: 1rem; display: flex; align-items: center; gap: 0.5rem; }
.flash-sales .text-danger { font-size: .9rem; font-weight: 600; color: #0D4C8C !important; }
.flash-sales .btn-add-cart { background: #F29F05; color: #fff; border: none; padding: 0.5rem 1rem; border-radius: 5px; font-size: 0.9rem; font-weight: 600; cursor: pointer; transition: all 0.3s ease; margin-top: auto; }
.flash-sales .btn-add-cart:hover { background: #0D4C8C; transform: scale(1.05); }
.flash-sales .text-muted s { font-size: 0.9rem; color: #999 !important; text-decoration: line-through; }
@media (max-width: 768px) { .flash-sales .header-row { flex-direction: column; align-items: flex-start; gap: 1rem; } .flash-sales h2 { font-size: 1.3rem; } .flash-sale-timer { font-size: 0.85rem; } .flash-sale-timer #global-timer { font-size: 1rem; } }


.toast-container { position: fixed; top: 20px; right: 20px; z-index: 9999; }
.toast { background: #fff; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); padding: 16px 20px; margin-bottom: 10px; min-width: 300px; display: flex; align-items: center; gap: 12px; transform: translateX(400px); opacity: 0; transition: all 0.3s ease; }
.toast.show { transform: translateX(0); opacity: 1; }
.toast.success { border-left: 4px solid #10b981; }
.toast.error { border-left: 4px solid #ef4444; }
.toast-icon { font-size: 24px; }
.toast-icon.success { color: #10b981; }
.toast-icon.error { color: #ef4444; }
.toast-content { flex: 1; }
.toast-title { font-weight: 600; font-size: 14px; margin-bottom: 4px; color: #1f2937; }
.toast-message { font-size: 13px; color: #6b7280; }
.toast-close { cursor: pointer; color: #9ca3af; font-size: 20px; line-height: 1; padding: 0 4px; transition: color 0.2s; }
.toast-close:hover { color: #4b5563; }


.btn-add-cart { background: #dc3545; color: white; border: none; padding: 8px 16px; border-radius: 4px; cursor: pointer; font-size: 14px; transition: all 0.3s; width: 100%; }
.btn-add-cart:hover { background: #c82333; transform: scale(1.05); }

.quantity-controls { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; }
.qty-btn { background: #6c757d; color: white; border: none; width: 30px; height: 30px; border-radius: 4px; cursor: pointer; font-size: 16px; display: flex; align-items: center; justify-content: center; transition: background 0.2s; }
.qty-btn:hover { background: #5a6268; }
.qty-btn:disabled { background: #e9ecef; color: #adb5bd; cursor: not-allowed; }
.qty-display { font-weight: 600; font-size: 14px; min-width: 30px; text-align: center; }



/* CART PAGE STYLES */

/* Cart Table */
.cart-table { font-size: 14px; }
.cart-table thead { background-color: #f8f9fa; border-bottom: 2px solid #dee2e6; }
.cart-table thead th { padding: 15px; font-weight: 600; text-transform: uppercase; font-size: 12px; letter-spacing: 0.5px; color: #495057; }
.cart-table tbody td { padding: 20px 15px; vertical-align: middle; border-bottom: 1px solid #dee2e6; }
.cart-table tbody tr:last-child td { border-bottom: none; }
.cart-table tbody tr:hover { background-color: #f8f9fa; transition: background-color 0.2s; }

/* Cart Item Image */
.cart-item-image { width: 80px; height: 80px; object-fit: cover; border-radius: 8px; border: 1px solid #dee2e6; }

/* Quantity Controls for Cart Page */
.quantity-controls-cart { display: inline-flex; align-items: center; gap: 10px; background: #f8f9fa; padding: 5px 10px; border-radius: 8px; }
.qty-btn-cart { background: #6c757d; color: white; border: none; width: 32px; height: 32px; border-radius: 6px; cursor: pointer; font-size: 18px; font-weight: bold; display: flex; align-items: center; justify-content: center; transition: all 0.2s; }
.qty-btn-cart:hover:not(:disabled) { background: #5a6268; transform: scale(1.1); }
.qty-btn-cart:disabled { background: #e9ecef; color: #adb5bd; cursor: not-allowed; }
.qty-display-cart { font-weight: 600; font-size: 15px; min-width: 30px; text-align: center; color: #212529; }

/* Remove Button */
.remove-item { transition: all 0.2s; }
.remove-item:hover { transform: scale(1.1); box-shadow: 0 2px 8px rgba(220, 53, 69, 0.3); }

/* Order Summary Card */
.card.sticky-top { border: none; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1); z-index: 10;}

/* Coupon Section */
.coupon-section { margin: 15px 0; }
.applied-coupon-display { background: #d1f0d1; padding: 15px; border-radius: 8px; border: 2px dashed #28a745; }
.coupon-details { background: white !important; border: 1px solid #28a745; }
#couponMessage { min-height: 20px; font-size: 13px; margin-top: 8px; }
#couponCode { border: 2px solid #dee2e6; transition: border-color 0.2s; }
#couponCode:focus { border-color: #0D4C8C; box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25); }

/* Empty Cart */
.card .fa-shopping-cart { color: #dee2e6; }

/* Responsive Styles */
@media (max-width: 991px) {
    .cart-item-image { width: 60px; height: 60px; }
    .cart-table { font-size: 13px; }
    .cart-table thead th { padding: 10px 8px; font-size: 11px; }
    .cart-table tbody td { padding: 15px 8px; }
}

@media (max-width: 767px) {
    .cart-table thead { display: none; }
    .cart-table tbody tr { display: block; margin-bottom: 20px; border: 1px solid #dee2e6; border-radius: 8px; padding: 15px; background: white; }
    .cart-table tbody td { display: block; text-align: left; padding: 8px 0; border: none; }
    .cart-table tbody td:before { content: attr(data-label); font-weight: 600; display: inline-block; width: 100px; color: #6c757d; }
    .cart-item-image { width: 100%; height: auto; max-width: 200px; margin-bottom: 10px; }
    .quantity-controls-cart { justify-content: flex-start; }
}

/* Animations */
@keyframes slideIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }
.card { animation: slideIn 0.3s ease; }

/* Button Hover Effects */
.btn { transition: all 0.3s ease; }
.btn:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); }
.btn:active { transform: translateY(0); }

/* Price Highlighting */
.text-primary { color: #0D4C8C !important; font-weight: 700; }
.fw-bold { font-weight: 600 !important; }

/* Loading State */
.btn.loading { position: relative; color: transparent; }
.btn.loading:after { content: ""; position: absolute; width: 16px; height: 16px; top: 50%; left: 50%; margin-left: -8px; margin-top: -8px; border: 2px solid #fff; border-radius: 50%; border-top-color: transparent; animation: spinner 0.6s linear infinite; }

@keyframes spinner { to { transform: rotate(360deg); } }


.my-account .card { border-radius: 16px; padding: 30px; }
.my-account h3 { font-size: 1.6rem; }
.my-account .profile-avatar img { border: 3px solid #dee2e6; }
.my-account .list-group-item { padding: 14px 10px; font-size: 15px; }
.my-account .btn { padding: 12px; border-radius: 10px; font-weight: 600; }


.featured-products {padding:10px 0;background:#eee;}
.featured-products h2 {font-size:20px;margin-bottom:20px;color:#0D4C8C;}

.section-label {color:#f5a000;font-weight:600;font-size:14px;margin-bottom:5px;}
.section-title {font-weight:700;color:#0b3c78;}

.featured-card {background:#ffffff;border-radius:8px;overflow:hidden;height:100%;transition:transform 0.2s ease,box-shadow 0.2s ease;}
.featured-card:hover {transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,0.1);}

.featured-card.big img {width:100%;height:300px;object-fit:cover;}
.featured-card.big .featured-content {padding:15px;}
.featured-card.big .subtitle {font-size:13px;font-weight:600;color:#0b3c78;}

.featured-card.horizontal {display:flex;align-items:center;padding:15px;height:180px;}
.featured-card.horizontal.dark {background:#000000;color:#ffffff;}
.featured-card.horizontal img {width:120px;margin-left:auto;}
.featured-card.horizontal .text p {font-size:14px;opacity:0.85;}

.featured-card.small {padding:10px;text-align:center;}
.featured-card.small img {width:100%;height:120px;object-fit:contain;margin-bottom:10px;}

.featured-card h5 {font-weight:600;}
.featured-card h6 {font-weight:600;}
.featured-card p {font-size:14px;color:inherit;}

.featured-card .btn-warning {background-color:#f5a000;border:none;color:#ffffff;}
.featured-card .btn-warning:hover {background-color:#d98d00;}


.explore-product-card img {width: 100%;height: 150px; object-fit: contain;}
.explore-product-card .card-body {display: flex;flex-direction: column;justify-content: space-between; height: 100%;}
.explore-product-card h6 {font-size: 0.9rem;margin-bottom: 0.25rem;white-space: normal; overflow: visible;}
.explore-product-card .price-row {font-size: 0.85rem;display: flex;justify-content: center;gap: 0.3rem;align-items: baseline;}
.explore-product-card a{color: #0D4C8C; text-decoration: none;}
.explore-product-card hr {margin: 0.5rem 0;}
.view-all .btn-info{background-color: #0D4C8C !important;color: #fff;padding: 5px 15px;}
.view-all .btn-info:hover{background-color: #F29F05;color:#fff}
.view-all{border-top: 1px solid #0D4C8C;}

.projects{border: 1px solid #0D4C8C;}
.projects h2{font-size: 1.4;}
.projects-section .project-title {font-size: 1rem;font-weight: 700; color: #F29F05;}
.projects-section .project-desc {font-size: 13px; line-height: 1.6;}
.projects-section .project-features li {margin-bottom: 4px;font-size: 13px;line-height: 1.6;}
.projects-section .project-image {width: 100%;height: 350px;object-fit: cover;margin:0 0 15px 0}
.project-nav{ justify-content: flex-end; }
#prevProject,#nextProject {background-color: #e7e3e3;color: #fff;}
#prevProject:hover{background-color: #F29F05;}
#nextProject:hover{background-color: #F29F05;}


.latest-insights{background-color: #fff;}
.latest-insights .card-img-top {height: 160px;object-fit: cover;}
.latest-insights h6 {font-size: 0.75rem;font-weight: 600;color: #0D4C8C;}
.latest-insights .card-text {min-height: 48px;}
.latest-insights .btn-info{background-color: #0D4C8C !important;color:#fff;padding:5px 15px}
.insights{border-top: 1px solid #0D4C8C;}
.insight-detail a{color: #0D4C8C !important; text-decoration: none;}
.latest-insights .btn-info:hover{background-color: #F29F05 !important; color: #fff;}
.insight-detail h1{font-size: 1.4rem !important; font-weight: 700; margin-bottom: 15px; color: #0D4C8C !important;}
.why-choose-us i {font-size: 2rem;color: #ffffff !important; padding: 22px; border-radius: 50%;background: #0D4C8C; display: inline-flex;justify-content: center;align-items: center;width: 80px;height: 80px;transition: transform 0.3s ease, box-shadow 0.3s ease;}
.why-choose-us i:hover {transform: scale(1.08);box-shadow: 0 6px 16px rgba(13, 110, 253, 0.35);}
.why-choose-us h5 {font-weight: 700;margin-top: 15px;margin-bottom: 8px;color: #F29F05;}
.why-choose-us p {max-width: 300px;margin: 0 auto;font-size: 13px;line-height: 1.4;}

.about-us h1, .about-us h2, .about-us h5 { font-weight: 700; margin-bottom: 15px; color: #0D4C8C !important; }
.about-us p.lead { font-size: 1.2rem; color: #495057 !important; line-height: 1.6; }
.about-us p { color: #555555 !important; line-height: 1.7; margin-bottom: 15px; }
.about-us img.img-fluid.rounded.shadow-sm { border-radius: 12px !important; box-shadow: 0 4px 18px rgba(0,0,0,0.1); transition: transform 0.3s ease; }
.about-us img.img-fluid.rounded.shadow-sm:hover { transform: translateY(-5px); }
.about-us .row.text-center i.fas.fa-4x { color: #0D4C8C; transition: transform 0.3s ease;text-decoration: none; }
.about-us .row.text-center i.fas.fa-4x:hover { transform: scale(1.2); text-decoration: none;}
.about-us .text-muted { color: #6c757d !important; }
.about-us .row.text-center h5 { margin-bottom: 8px; }
.about-us .row.text-center p { font-size: 0.9rem; }
.icon-double { width: 60px; height: 60px; background: #dee2e6; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto; position: relative; }
.icon-double i { width: 40px; height: 40px; background: #000000; color: #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 28px; transition: transform 0.3s ease; }
.icon-double i:hover { transform: scale(1.2); }

@media (max-width: 767px) { .about-us .row.align-items-center { flex-direction: column-reverse !important; } .about-us .row.align-items-center img { margin-bottom: 20px !important; } }

.signup-page { background: #f8f9fa; min-height: 100vh; display: flex; align-items: center; justify-content: center; }
.signup-page .row.min-vh-100 { min-height: 100vh; }
.signup-page img.img-fluid.rounded.shadow-sm { border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.12); object-fit: cover; height: 100%; width: 100%; transition: transform 0.4s ease, box-shadow 0.4s ease; }
.signup-page img.img-fluid.rounded.shadow-sm:hover { transform: scale(1.05); box-shadow: 0 14px 40px rgba(0,0,0,0.2); }
.signup-page .card.shadow-sm { border-radius: 16px; box-shadow: 0 10px 30px rgba(0,0,0,0.12); transition: transform 0.3s ease; display: flex; flex-direction: column; justify-content: center; height: 100%; padding: 40px; }
.signup-page .card.shadow-sm:hover { transform: translateY(-4px); }
.signup-page h2 { font-size: 1.3rem; color: #212529; letter-spacing: 0.5px; margin-bottom: 1rem; }
.signup-page .text-center { color: #495057; }
.signup-page .btn-outline-primary { border-radius: 8px; font-weight: 600; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; padding: 10px 0; }
.signup-page .btn-outline-primary i { font-size: 20px; }
.signup-page .btn-outline-primary:hover { background: #0D4C8C; color: #fff; border-color: #0D4C8C; transform: translateY(-2px); box-shadow: 0 6px 18px rgba(0,0,0,0.15); }
.signup-page form input.form-control { border-radius: 8px; padding: 12px 15px; font-size: 0.95rem; transition: border-color 0.3s ease, box-shadow 0.3s ease; }
.signup-page form input.form-control:focus { border-color: #0D4C8C; box-shadow: 0 0 0 0.2rem rgba(13,110,253,0.25); }
.signup-page .btn-primary { border-radius: 8px; font-weight: 600; padding: 12px 0; transition: all 0.3s ease; background-color:#dc3545 !important; }
.signup-page .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 6px 18px rgba(0,0,0,0.15); }
.signup-page .text-center a { text-decoration: none; color: #0D4C8C; transition: color 0.3s ease; }
.signup-page .text-center a:hover { color: #0a58ca; text-decoration: underline; }
.signup-page .equal-height { height: 100%; display: flex; }
.signup-page .card { height: 100%; display: flex; flex-direction: column; justify-content: center; }
.signup-page .image-wrapper { height: 100%; display: flex; }
.signup-page .image-wrapper img { width: 100%; height: 100%; object-fit: cover; border-radius: 12px; }
@media (max-width: 991px) { .signup-page .equal-height { height: auto; } .signup-page .card { height: auto; } .signup-page .image-wrapper { height: auto; margin-bottom: 25px; } .signup-page .image-wrapper img { height: auto; } }
@media (max-width: 991px) { .signup-page .row { flex-direction: column; align-items: center; } .signup-page img.img-fluid { margin-bottom: 25px; max-width: 90%; height: auto; } .signup-page .card.shadow-sm { height: auto; margin-bottom: 25px; padding: 30px; } }

.signup-page .row { height: 100vh; }
.signup-page .equal-height { display: flex; flex-direction: column; }
.signup-page .image-wrapper { flex: 1; }
.signup-page .card { flex: 1; }


.login-page { min-height: 100vh; padding: 20px 0; }
.equal-height { display: flex; height: 100%; }
.image-wrapper { width: 100%; height: 100%; }
.image-wrapper img { width: 100%; height: 100%; object-fit: cover; border-radius: 12px; }

.login-card { width: 100%; border-radius: 12px; padding: 25px; }

.login-page input.form-control { height: 48px; font-size: 15px; border-radius: 8px; }
.login-page button { height: 48px; font-size: 16px; border-radius: 8px; }
.login-page a { text-decoration: none; }


.contact-box { background: #ffffff; border-radius: 12px; transition: 0.3s ease; }
.contact-box h3{font-size: 1rem;}
.contact-box:hover { transform: translateY(-4px); box-shadow: 0 6px 18px rgba(0,0,0,0.1); }
.icon-circle { width: 30px; height: 30px; background: #DB4444; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 22px; }
form label { font-weight: 600; }
form input, form textarea { border-radius: 8px !important; }
.text-end .btn{background-color: #DB4444;}
.text-end .btn:hover{background-color:#F29F05 ;}



.footer {background:#0D4C8C; color:#fff;}
.footer a {color:#fff; text-decoration:none; transition:color 0.25s;}
.footer a:hover {color:#F29F05;}
.footer .footer-top {padding:15px;}
.footer h5 {font-weight:600; margin-bottom:20px; font-size:16px;}
.footer p {font-size:13px; line-height:1.6;}
.footer ul {padding:0; margin:0; list-style:none;}
.footer ul li {margin-bottom:10px;}
.footer .socials li {list-style:none;}
.footer .socials a {display:inline-block; font-size:18px; transition:color 0.25s;}
.footer .socials a:hover {color:#F29F05;}
.footer hr {border-top:1px solid #e6e6e6; margin:20px 0;}
.footer .copyright {padding:15px 0; font-size:13px; color:#fff; background: #0D4C8C;}
.footer .copyright a {color:#fff; text-decoration:none; transition:color 0.25s;}
.footer .copyright a:hover {color:#F29F05;}
@media(max-width:767px) {.footer p {font-size:13px;} .footer h5 {font-size:15px;} .footer ul li {margin-bottom:8px;} .footer .socials a {font-size:16px;}}
