.hero-banner{border-bottom:solid #e32127 0px;background: #e3010f;}
.footer-bottom{padding:15px; background: #f7f7f7;} .footer-bottom p{margin:0;color: #202020 !important;}
.ftrLogo h3 a{font-size:18px;color: #202020;} 
.ftrLogo h3 a:hover{color:#e0222d;}
.ftrLogo h3{margin-bottom:0;}
.btn-secondary { background-color: #ffa700  !important; color: #FFF;  border-color:#ffa700 !important ;}
/* .features-grid.active, .features-grid:hover{background-color: #e0222d !important;} */
.features-grid.active, .features-grid:hover{
    background:linear-gradient(-40deg, #f2293c,#f9c705) !important;
}
.pt-caption p a{color:#FFF}.pt-caption p .current-page{color:#FFF}
.pt-caption{margin-top:8rem !important;} .brochureTb h5{font-weight:500;} 
.flyOffer .counter-box{padding:0;} .brochureTb{padding:30px 12px;} .brochureTb tr th{text-align:left;padding:8px 15px;font-size:14px;background:#e32127;color:#fff;} .brochureTb tr td{text-align:left;padding:8px 15px;font-size:14px;}
.flyOffer img{border-radius:10px 10px 0 0;}
.flyOffer .counter-box p{padding:12px 0;font-weight:bold;font-size:18px;}
.contactForm{padding:0 10px;} .woocommerce-message span{font-size:20px;}
.contactForm .image-bg {border-radius:10px;} .prodShortInfo{font-size:13px;} 
.contactForm .contact-form{padding-left:20px;} .contactForm .contact-form label{font-weight:bold;}
.categoryList ul li{padding:8px 0 8px 0;border-bottom:solid #eaeff5 1px;font-size:14px;}
.product-detail .short-desc p{font-size:14px;line-height:22px;}
.prodShortInfo tr td b{font-weight:500;} .prodShortInfo{margin-bottom:10px;}
.slider-inner .btn-join{background:#e32127 !important}
.vr-single-product-title{text-transform:uppercase;} .page-title h1{text-transform:uppercase;}
.topbar{z-index:999;}
.login{padding:0;} .login label{text-align:left;width:100%;font-weight:500;}
.loginForm .cptchCode img{border-radius:0;border:none;float:left;background:#1556a5;padding:8px 6px 8px 11px;}
.loginForm .cptchCode #captcha{width:83%;}
.cptchCode2 img{border-radius:0;border:none;float:left;background:#1556a5;padding:14px 6px 14px 11px;}
.cptchCode2 #captcha{width:65%;}
.login .btn{width:100%;}
.loginForm{padding:32px 40px 32px 30px;} .loginForm .form-control{height:40px;}
.loginImg{background:#f6faff;margin:0;padding-top:40px;}
.loginImg p{margin:0;} .successMsg{padding:60px 0;}.successMsg h2{line-height:45px;} .successMsg .btn-danger{width:auto;}
.successMsg .fa-check{font-size:50px;font-weight:normal;}
.loginImg h1{color:#08a795;margin-top:6px;}
.loginImg img{max-width:420px;border-radius:0;border:none;margin-top:10px;}
.loginInfo{padding-left:20px;margin-top:0 !important;text-align:left;font-size:14px; text-align:center;} .loginForm label span{color:#F60;}
.warranytInfo ul li{text-align:left;} .warranytInfo .redTxt{color:#F00;margin-top:0;font-weight:bold;}
.mv{display:none;} .dv{display:block;} .blog-list-info h5{font-size:16px;}
ul.setPaginate li.setPage{padding:15px 10px;font-size:14px}
ul.setPaginate{margin:0;padding:0;overflow:hidden;font:12px Tahoma;list-style-type:none}
ul.setPaginate li.dot{padding:3px 0}
ul.setPaginate li{float:left;margin:0;padding:0;margin-left:5px}
ul.setPaginate li a{background:none repeat scroll 0 0 #fff;border:1px solid #364677;color:#999;display:inline-block;font:15px/25px Arial,Helvetica,sans-serif;margin:5px 3px 0 0;padding:0 5px;text-align:center;text-decoration:none}
ul.setPaginate li a:hover,ul.setPaginate li a.current_page{background:none repeat scroll 0 0 #364677;border:1px solid #000;color:#fff;text-decoration:none}
ul.setPaginate li a{color:#000;display:block;text-decoration:none;padding:5px 8px;text-decoration:none}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
      max-width: 1320px;
    }
  }
@media only screen and (max-width: 5000px){}
/* Large Layout: 1200px. */
@media only screen and (min-width: 1200px){}
/* Medium screen  */ 
@media only screen and (min-width: 992px) and (max-width: 1199px) {}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {}
@media only screen and (min-width: 768px){}
@media only screen and (max-width: 1199px) {}
@media only screen and (min-width: 1200px) and (max-width: 1390px) {}
@media only screen and (min-width: 992px) and (max-width: 1199px) {}
@media only screen and (min-width: 768px) and (max-width: 991px) {}
@media only screen and (min-width: 500px) and (max-width: 767px) {}
@media only screen and (max-width: 499px) {}
@media only screen and (min-width: 1200px) and (max-width: 1800px) {}
@media only screen and (min-width: 1600px) and (max-width: 1920px) {}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {}
@media only screen and (min-width: 1200px) and (max-width: 1300px) {.d-fl{height: 90vh !important;}}
@media only screen and (min-width: 768px) and (max-width: 991px) { }
@media only screen and (min-width: 300px) and (max-width: 767px) { 
  section{padding:30px 0 35px;} .main-slider{padding:10px 0 0px !important;} .main-slider .forcefullwidth_wrapper_tp_banner{margin-top:0 !important;} .main-slider .tp-banner-container{margin-top:0 !important;}
  .main-slider .lifeTime .logo-image{display:block; visibility:inherit !important;opacity:inherit !important;margin-top:30px !important;} 
  .main-slider .feelWording img{margin-left:60% !important;margin-top:30px !important;}  .main-slider .sliderSignature img{margin-left:60% !important;margin-top:60px !important;}
  .hmPrd .col-lg-3{width:50%;} .lifeTimeInfo{padding:60px 0 15px;} .eWarrantySuccess .successMsg{padding:60px 20px;} .eWarrantySuccess .successMsg h2{font-size:24px;}
  .page-title{height:120px;} .mvBtn .btn{padding:12px 22px;} .mvBtn .howToRegisterBtn{margin:10px 0 0 0 !important;}
  .page-title h1{color:#fff;line-height:30px;font-size:24px;margin-bottom:2px;} .pt-caption{margin-top:26px !important;}
  .mv{display:block;} .dv{display:none;} .footer-widget{padding:20px 0;} h4.widget-title{margin-bottom:0;}
  .hero-banner{padding-bottom: 20px;}
  .d-fl{height: 160px !important;}
}
.content h1, .hero-content h1 {color: #ffef00;}
.d-fl{display: flex;height: 84vh;align-items: end;justify-content: center;}
.footer-widget ul.nF li {list-style: none;margin-top: 15px;display: block;position: relative;padding-left: 24px;}
.footer-widget ul.nF li::before {position: absolute;content: '';color: red;width: 16px;height: 3px;top: 9px;left: 0px;display: block;z-index: 1;background: #e91c26;border-right: 0px #fff double;border-left: 8px #fff double;}
.gb-info-box a {color: #202020;margin-right: 5px;}
.gb-info-box a:hover {color: #e0222d;}
.event-detail h5 {margin: 0 !important;}
.event-detail a {color: white !important;font-weight: 500;line-height: normal;}
.image-bg.lifeTimeInfo {background: linear-gradient(-90deg, #26134f,#ff313d) !important;}
.terms-content{width: 100%;padding: 3rem;background-color: #fff;border-radius: 6px;box-shadow: 0 0 20px 0 rgba(62,28,131,.1);-webkit-box-shadow: 0 0 20px 0 rgba(62,28,131,.1);-webkit-transition: .25s ease-in-out;transition: .25s ease-in-out;line-height: 1.8;}
.terms-content h5 {font-weight: 500;margin-bottom: 20px;}
.terms-content h2 {color: #e0222d;font-weight: 500;font-size: 24px;text-decoration: underline;margin-bottom: 30px;}




.mySlides {display: block; cursor: pointer;}
img {vertical-align: middle;}
/* Slideshow container */
.slideshow-container {max-width: 100%;position: relative;margin: auto;}
/* Next & previous buttons */
.prev-vp, .next-vp {cursor: pointer;position: absolute;top: 50%;width: auto;padding: 16px;margin-top: -22px;color: white;font-weight: bold;font-size: 18px;transition: 0.6s ease;border-radius: 0 3px 3px 0;user-select: none;background: #e31e24;color: white !important;}
.next-vp {right: 0;border-radius: 3px 0 0 3px;}
/* On hover, add a black background color with a little bit see-through */
.prev-vp:hover, .next-vp:hover {background-color:rgb(9, 76, 153)}
/* Caption text */
.text-vp {color: #f2f2f2;font-size: 15px;padding: 8px 12px;position: absolute;bottom: 8px;width: 100%;text-align: center;}
/* Number text (1/3 etc) */
.numbertext {color: #f2f2f2;font-size: 12px;padding: 8px 12px;position: absolute;top: 0;}
/* The dots/bullets/indicators */
.dot-vp {cursor: pointer;height: 15px;width: 15px;margin: 0 2px;background-color: #bbb;border-radius: 50%;display: inline-block;transition: background-color 0.6s ease;}
.active-vp, .dot-vp:hover {background-color: #717171;}
/* Fading animation */
.fade-vp {animation-name: fade;animation-duration: 1.5s;}
@keyframes fade {from {opacity: .4} to {opacity: 1}}
/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {.prev-vp, .next-vp,.text-vp {font-size: 11px}}
@media all and (max-width: 767px) {
	.slide-1{background-image: url(../images/banner/ld-slide-mob1.jpg); background-size: cover; background-position: top center; height: 500px; width: 100%;}
	.slide-2{background-image: url(../images/banner/ld-slide-mob2.jpg); background-size: cover; background-position: top center; height: 500px; width: 100%;}
  .hero-banner .hero-img{left: auto !important; width: 160% !important;}
  .hero-banner{justify-content: center; display: flex;}
  .contact-form{padding: 0 !important; margin-top: 30px;}
  .mb-p0{padding: 0 !important;}
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
	.slide-1{background-image: url(../images/banner/ld-slide1.jpg); background-size: cover; background-position: top center; height: 400px; width: 100%;}
	.slide-2{background-image: url(../images/banner/ld-slide2.jpg); background-size: cover; background-position: top center; height: 400px; width: 100%;}
}
@media (min-width: 1400px) {
  .slide-1{background-image: url(../images/banner/ld-slide1.jpg); background-size: cover; background-position: top center; height: 500px; width: 100%;}
  .slide-2{background-image: url(../images/banner/ld-slide2.jpg); background-size: cover; background-position: top center; height: 500px; width: 100%;}
}
.h200{height: 200px;} .myDashboard { padding: 0; margin: 0; box-sizing: border-box; background: #f5f7fc; font-family: 'Inter', sans-serif; color: #1a2c3e; }  /* Dashboard Grid */ .myDashboard .dashboard-container { max-width: 1500px; margin: 0 auto; display: grid; grid-template-columns: 280px 1fr; gap: 28px; align-items: start; padding: 24px 5px; }  /* SIDEBAR */ .myDashboard .sidebar { background: #ffffff; border-radius: 32px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.02), 0 1px 2px rgba(0, 0, 0, 0.03); padding: 28px 20px; transition: all 0.2s ease; border: 1px solid #eef2f8; animation: fadeSlide 0.4s ease-out forwards; }  /* Brand Area */ .myDashboard .brand-area { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; padding-bottom: 6px; border-bottom: 1px solid #eef2f8; }  .myDashboard .brand-icon { background: linear-gradient(145deg, #eef2ff, #e0e7ff); width: 46px; height: 46px; border-radius: 28px; display: flex; align-items: center; justify-content: center; }  .myDashboard .brand-icon i { font-size: 24px; color: #3b82f6;padding: 5px; }  .myDashboard .brand-text h3 { font-size: 1.25rem; font-weight: 700; color: #0f2b3d; letter-spacing: -0.2px; margin: 0; }  .myDashboard .brand-text p { font-size: 0.65rem; color: #6c86a3; font-weight: 500; }  /* Greeting */ .myDashboard .greeting-left { display: flex; align-items: center; gap: 10px; background: #f8fafd; padding: 12px 18px; border-radius: 60px; margin-bottom: 18px; width: fit-content; }  .myDashboard .greeting-left i { font-size: 20px; color: #f59e0b; background: white; padding: 6px; border-radius: 50%; }  .myDashboard .greeting-left span { font-weight: 600; color: #1e2f3e; font-size: 0.9rem; }  /* Nav Menu */ .myDashboard .nav-menu { display: flex; flex-direction: column; gap: 8px; }  .myDashboard .nav-item { display: flex; align-items: center; gap: 14px; padding: 10px 16px; border-radius: 24px; font-weight: 500; color: #2c3f55; transition: all 0.2s; cursor: default; background: transparent; }  .myDashboard .nav-item i { width: 24px; font-size: 1.1rem; color: #7c8ea0; }  .myDashboard .nav-item.active { background: #eef2ff; color: #2563eb; }  .myDashboard .nav-item.active i { color: #2563eb; }  .myDashboard .nav-item:not(.active):hover { background: #f1f5f9; transform: translateX(4px); }  .myDashboard .logout-section { margin-top: 10px; border-top: 1px solid #eef2f8; padding-top: 10px; }  /* MAIN PANEL */ .myDashboard .main-panel { display: flex; flex-direction: column; gap: 28px; }  /* Top Client Bar */ .myDashboard .top-client-bar { display: flex; justify-content: flex-end; align-items: center; margin-bottom: 8px; }  .myDashboard .client-badge { background: #ffffff; padding: 10px 24px; border-radius: 100px; display: inline-flex; align-items: center; gap: 12px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02); border: 1px solid #eef2f8; }  .myDashboard .client-badge i { font-size: 20px; color: #3b82f6; }  .myDashboard .client-badge .client-name { font-weight: 700; font-size: 1rem; color: #0f2b3d; letter-spacing: -0.2px; }  .myDashboard .client-badge .tag { font-size: 0.7rem; background: #eef2ff; padding: 4px 12px; border-radius: 40px; color: #2563eb; }  /* Stats Row */ .myDashboard .stats-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 22px; }  .myDashboard .stat-card { background: #ffffff; border-radius: 28px; padding: 20px 22px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02), 0 1px 1px rgba(0, 0, 0, 0.02); transition: all 0.2s ease; border: 1px solid #edf2f7; animation: fadeSlide 0.4s ease-out forwards; }  .myDashboard .stat-card:hover { transform: translateY(-3px); box-shadow: 0 12px 24px -12px rgba(0, 0, 0, 0.08); border-color: #e0e7ff; }  .myDashboard .stat-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 4px; }  .myDashboard .stat-title { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.04em; font-weight: 700; color: #5b6e8c; background: #f8fafc; padding: 4px 12px; border-radius: 40px; }  .myDashboard .stat-icon { font-size: 28px; color: #92a5c2; }  .myDashboard .stat-amount { font-size: 2rem; font-weight: 800; color: #1e2f3e; margin-bottom: 0px; letter-spacing: -0.02em; }  .myDashboard .stat-sub { font-size: 0.7rem; color: #6c86a3; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }  .myDashboard .trend-up { color: #10b981; background: #e9f9f0; padding: 2px 8px; border-radius: 30px; font-weight: 600; }  /* Chart Card */ .myDashboard .chart-card { background: #ffffff; border-radius: 32px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.02); padding: 24px 24px 20px 24px; border: 1px solid #edf2f7; animation: fadeSlide 0.4s ease-out forwards; }  .myDashboard .chart-header { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; margin-bottom: 20px; padding: 0 6px; }  .myDashboard .chart-header h2 { font-size: 1.3rem; font-weight: 600; color: #1e2f3e; display: flex; align-items: center; gap: 8px; }  .myDashboard .chart-badge { background: #f1f5f9; border-radius: 40px; padding: 5px 16px; font-size: 0.7rem; font-weight: 500; color: #3b82f6; }  .myDashboard canvas { max-height: 360px; width: 100%; }  .myDashboard .insight-footer { display: flex; justify-content: space-between; margin-top: 24px; padding-top: 16px; border-top: 1px solid #edf2f7; font-size: 0.75rem; color: #5b6e8c; }    /* Responsive */ @media (max-width: 880px) { .myDashboard { padding: 16px; } .myDashboard .dashboard-container { grid-template-columns: 1fr; gap: 20px; padding: 0; } .myDashboard .sidebar { display: flex; flex-wrap: wrap; padding: 20px; } .myDashboard .nav-menu { flex-direction: row; flex-wrap: wrap; } .myDashboard .logout-section { margin-top: 0; border-top: none; } .myDashboard .top-client-bar { justify-content: flex-start; margin-top: 8px; } }