@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

body { position: relative; padding: 0; margin: 0;  font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 400; line-height: 1.5; color: #000;   }
img{ max-width: 100%; }

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {  font-weight: 600; }

a{ color: inherit; }
/* a:hover{ color: #F73312; text-decoration: none;} */
a:hover,
a:focus{ text-decoration: none; color: inherit; }

a, .btn { text-decoration: none; -webkit-transition: all 0.2s linear;  -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear;  -o-transition: all 0.2s linear;  transition: all 0.2s linear; }
.btn:focus { box-shadow: 0 0 0 0.2rem rgb(0 128 128 / 11%); /* box-shadow: 0 0 0 0.2rem rgb(55 52 53 / 24%); */ }

.required-star { color: red; }

.iti { width: 100%; }
.form-group { position: relative; }
.form-group label{ font-weight: 600; color: #021933; font-size: 14px; margin: 0 0 5px; }
.form-group .view-icon { color: #F73312; position: absolute; top: 34px; right: 10px; cursor: pointer; }
.form-control:focus, .form-select:focus{ box-shadow: none; outline: none;  border-color: #F73312; }
.form-control{ border-color: #D6D6D6; }


/* Common button  */

.red-btn { font-size: 14px;box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.23); border-radius: 4px; display: inline-block; background: #F73312; color: #fff; padding: 8px 20px; border: 1px solid #F73312; outline: none; font-weight: 500;  }
.red-btn:hover, .red-btn:focus{ color: #fff; }

.light-blue-btn { font-size: 14px;box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.23); border-radius: 4px; display: inline-block; background: #6F91B7; color: #fff; padding: 8px 20px; border: 1px solid #6F91B7; outline: none; font-weight: 500;  }
.light-blue-btn:hover, .light-blue-btn:focus{ color: #fff; }

.green-btn { font-size: 14px;box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.23); border-radius: 4px; display: inline-block; background: #2BAE4A; color: #fff; padding: 8px 20px; border: 1px solid #2BAE4A; outline: none; font-weight: 500;  }
.green-btn:hover, .green-btn:focus{ color: #fff; }

.gray-btn { font-size: 14px;box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.23); border-radius: 4px; display: inline-block; background: #999999; color: #fff; padding: 8px 20px; border: 1px solid #999999; outline: none; font-weight: 500;  }
.gray-btn:hover, .gray-btn:focus{ color: #fff; }

.line-btn { font-size: 14px;  border-radius: 4px; display: inline-block;  color: #021933; padding: 8px 20px; border: 1px solid #021933; outline: none; font-weight: 500;  }
.line-btn:hover, .line-btn:focus{ color: #021933; }

.blue-btn { font-size: 14px;box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.23); border-radius: 4px; display: inline-block; background: #08284B; color: #fff; padding: 8px 20px; border: 1px solid #08284B; outline: none; font-weight: 500;  }
.blue-btn:hover, .blue-btn:focus{ color: #fff; }

.red-outline-btn { font-size: 14px; border-radius: 4px; display: inline-block; background: #fff; color: #F73312; padding: 8px 20px; border: 1px solid #F73312; outline: none; font-weight: 500; }
.red-outline-btn:hover, .red-outline-btn:focus{ color: #F73312; }

.red-color, .red-color:focus, .red-color:active, .red-color:hover { color: #F73312; }
.blue-text, .blue-text:focus, .blue-text:active, .blue-text:hover {color: #08284B;}


/* .theme-color { color: #F73312; }
.secondary-color { color: #DAA16A; }
.text-white { color: #fff; } */

/* ----------------------------------
 Bootstrap Fix: IE10
 in Windows 8 & Windows Phone 8
 ---------------------------------- */
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }


/* ----------------------------------
 Input Light
 ---------------------------------- */
.form-control.form-control-light { color: #B8B8B8;  }
.form-control.form-control-light:-moz-placeholder { color: #B8B8B8; }
.form-control.form-control-light::-moz-placeholder { color: #B8B8B8; }
.form-control.form-control-light:-ms-input-placeholder { color: #B8B8B8; }
.form-control.form-control-light::-webkit-input-placeholder { color: #B8B8B8; }


/*==============Section title==========*/
.section-title { color: #08284B; margin: 0 0 30px; }
.section-title h2{ font-size: 40px; font-weight: 800; }
.section-title p{ font-size: 21px; font-weight: 700; }

/*==============Page Title==========*/
.page-title { margin: 0 0 30px; }
.page-title h1{ color: #08284B; font-size: 40px; font-weight: 800; }
.page-title p{ color: #08284B; font-size: 18px; font-weight: 700; }
.page-title .filter{ margin-left: auto; }

/* ====== Page Loader Animation ====== */
.loader { background: rgba(0,0,0,0.7); position: fixed; z-index: 1200; box-sizing: border-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; transition: opacity 1s linear; }
.fade-out.loader { opacity: 0; }
.loader .loader-inner { display: block; width: 100px; }
.loader .loader-inner lottie-player{width: 100px; }


/*=== Slick Slider Common Css ===*/
.slide-arrow { font-size: 23px; background: none; border: 0; padding: 0; color: #357DED;  }
.slick-dots { padding: 4px; border-radius: 4px;  margin: 0;  list-style: none; text-align: center; line-height: 0px; background: rgba(135, 114, 114, 0.50); display: inline-block !important; }
.slick-dots li { display: inline-block; padding: 0 3px; line-height: 0px; }
.slick-dots li button{ padding: 0; margin: 0; border: 0; line-height: normal; font-size: 0; background: #e2e2e2; height: 8px; width: 8px; border-radius: 8px; outline: none; cursor: pointer; -webkit-transition: all 0.2s linear;  -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear;  -o-transition: all 0.2s linear;  transition: all 0.2s linear; }
.slick-dots li.slick-active button{ background: #F73312; }

/*======== Slick Custom Arrow - Dots ================*/
.saller-arrow {  display: flex; align-items: center; }
.saller-arrow .arrow{ width: 15px; background: none; border: 0; padding: 0; color: #000; display: flex; align-items: center; line-height: normal; }
.saller-arrow .arrow span{ font-size: 17px; text-align: center;}
.saller-arrow .cust_dots{ display: flex; align-items: center; margin: 0 0 3px 0;}
.saller-arrow .cust_dots ul{ padding: 4px; border-radius: 4px;  margin: 0;  list-style: none; text-align: center; line-height: 0px; display: inline-block !important; }
.saller-arrow .cust_dots ul li { display: inline-block; padding: 0 3px; line-height: 0px; }
.saller-arrow .cust_dots ul li button{ padding: 0; margin: 0; border: 0; line-height: normal; font-size: 0; background: #000; height: 5px; width: 6px; border-radius: 8px; outline: none; cursor: pointer; -webkit-transition: all 0.2s linear;  -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear;  -o-transition: all 0.2s linear;  transition: all 0.2s linear; }
.saller-arrow .cust_dots ul li.slick-active button{ width: 18px; }

/* Comman Check box */
.common-check .checkbox { display: block;position: relative;padding-left: 35px; cursor: pointer; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; line-height: 1.4; }
.common-check .checkbox input { position: absolute; cursor: pointer; opacity: 0; height: 20px; width: 20px; top: 0px; left: 0; }
.common-check .checkmark { border-radius: 4px; position: absolute;top: 0px;left: 0;height: 20px;width: 20px;background-color: transparent;border: 1px solid #F73312; }
.common-check .checkbox input:checked ~ .checkmark {  border: solid 1px #F73312;background: #F73312;  }
.common-check .checkmark::after {content: ""; position: absolute;display: none; }
.common-check .checkbox input:checked ~ .checkmark::after {display: block; }
.common-check .checkbox .checkmark::after {left: 7px; top: 2px; width: 5px; height: 11px; border: solid #fff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

/* Comman Radio Button */
.radio-box { display: inline-block; position: relative; padding-left: 28px; margin-bottom: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; line-height: 20px; }
.radio-box .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: transparent; border: 2px solid #DCDCDC; border-radius: 50%; }
.radio-box input:checked~.checkmark { background-color: transparent; border-color: #F73312;  }
.radio-box input:checked~.checkmark::after { display: block; }
.radio-box .checkmark::after { content: ""; position: absolute; display: none; }
.radio-box .checkmark::after { top: 3px; left: 3px; width: 10px; height: 10px; border-radius: 50%; background: #F73312; }
.radio-box input { position: absolute; opacity: 0; cursor: pointer; }


/* Custom Tab  */
.custom-tab-main .tab-content{ padding: 20px 0 0; }
.custom-tab-main ul.custom-nav-tabs {  border: none;  text-transform: uppercase;  display: flex; align-items: center; justify-content: center; }
.custom-tab-main ul.custom-nav-tabs li  { margin: 0 10px; }
.custom-tab-main ul.custom-nav-tabs li .nav-link{ padding: 0px 5px; position: relative; border: none;  border-radius: 0; transition: color .2s ease-out; color: #7A8CA0; font-weight: 600; }
.custom-tab-main ul.custom-nav-tabs li .nav-link.active { color: #08284B; position: relative; }
.custom-tab-main ul.custom-nav-tabs li .nav-link.active::after { content: ""; position: absolute; left: 0; right: 0; background: #F73312; height: 5px; border-radius: 0 0 5px 5px; bottom: -9px;  }


/* ====== Favourite Icon Checkbox Css ====== */
.favourite-mark label{position: relative; width: 18px; height: 18px; display: block; margin: 0; cursor: pointer;}
.favourite-mark input{position: absolute; opacity: 0; }
.favourite-mark span::before{background: url('../images/fav-unfill.svg') no-repeat; background-size: 100%; position: absolute; left: 0; top: 0; content: ""; width: 18px; height: 18px;  }
.favourite-mark input:checked ~ span::before{background: url('../images/fav-fill.svg') no-repeat; background-size: 100%; }

/* Custom Scrolling Css */
.custom-scroll-div {scrollbar-width: thin; scrollbar-color: #c3c3c3 #fff; }
.custom-scroll-div::-webkit-scrollbar { width: 8px; }
.custom-scroll-div::-webkit-scrollbar-track { background-color: #c9d5d6; /* -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); */ }
.custom-scroll-div::-webkit-scrollbar-thumb { background-color: #F73312; }

/* Data Not Found */
.no-data-found { height: calc(100vh - 100px); display: flex; align-items: center; justify-content: center; }
.no-data-found .box{ max-width: 360px; margin: 0 auto; text-align: center;  }
.no-data-found .box lottie-player{ max-width: 200px; margin: 0 auto 30px; }
.no-data-found .box img{ margin: 0 0 10px; }
.no-data-found .box p{ color: #001321; }
.no-data-found .box h5{ color: #00234A; margin: 0 0 10px; }

/* Product Box */
.product-box { margin: 12px 0; overflow: hidden; border: 1px solid #7171714D; border-radius: 8px; box-shadow: 2px 2px 2px 0px #00000040; }
.product-box .top-part.yellow{ background: #FBAB00; }
.product-box .top-part.lightblue{ background: #8AA4C1; }
.product-box .top-part{ padding: 8px 10px; color: #fff; display: flex; align-items: center; justify-content: space-between; }
.product-box .top-part h4{ font-size: 16px; font-weight: 700; margin: 0; }
.product-box .top-part h4 span{ display: block; font-size: 12px; font-weight: 400; }
.product-box .top-part .right{ text-align: right; }
.product-box .img-part .head{ padding: 8px 10px; display: flex; align-items: center; justify-content: space-between; }
.product-box .img-part .head .img img{ height: 50px; }
.product-box .img-part .head .fav{ display: flex; gap: 13px; align-items: center; }
.product-box .img-part .pro-img { position: relative; }
.product-box .img-part .pro-img .img{ padding: 15px 15px 0 15px; }
.product-box .img-part .pro-img .stock{ position: relative; border-bottom: 8px solid transparent; }
.product-box .img-part .pro-img .stock span{ display: inline-block; color: #fff; font-size: 12px; text-align: center; display: inline-block; padding: 2px 7px; position: absolute; top: -20px; right: 15px; text-transform: uppercase;}
.product-box .img-part .pro-img .stock.in{ border-color: #2BAE4A; }
.product-box .img-part .pro-img .stock.in span{ background: #2BAE4A; }
.product-box .img-part .pro-img .stock.gone{ border-color: #FF9900; }
.product-box .img-part .pro-img .stock.gone span{ background: #FF9900; }
.product-box .img-part .pro-img .stock.out{ border-color: #F73312; }
.product-box .img-part .pro-img .stock.out span{ background: #F73312; }
.product-box .img-part .pro-img .off { text-align: center; position: absolute; top: 10px; right: 10px; background: #F73312; border-radius: 50%; color: #fff; font-weight: 700; font-size: 12px; display: flex; padding: 5px 5px; line-height: 13px; height: 60px; width: 60px; flex-direction: column; justify-content: center; }
.product-box .img-part .pro-img .off span{ display: block; }
.product-box .content { padding: 15px; position: relative; }
.product-box .content .real{ color: #B9C8DA; position: absolute; right: 10px; top: 13px; }
.product-box .content p, .product-box .content .cname{ font-weight: 700; margin: 0; }
.product-box .content .description{overflow: hidden;   text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2;   -webkit-box-orient: vertical; height: 40px;}
.product-box .content .price h4 { margin: 10px 0; font-size: 21px; font-weight: 700;height: 45px; }
.product-box .content .set{ margin: 10px 0; font-size: 18px; color: #6F91B7; }
.product-box .content .price h4 span{display: block; color: #9B9B9B; font-size: 16px; font-weight: 700; text-decoration-line: line-through;  }
.product-box .content .bottom-part { display: flex; gap: 10px; margin-top: 15px }
.product-box .content .bottom-part .qty{ max-width: 80px; }
.product-box .content .bottom-part .btn{ box-shadow: none; font-size: 13px; padding: 6px 8px; width: 100%; white-space: nowrap; }
.product-box .content .start-rate{ display: flex; align-items: center;  gap: 10px; margin: 5px 0; }
.product-box .content .start-rate a{ text-decoration: underline; color: #8C8C8C; }

/* QTY Common */
.qty.form-control { border-radius: 5px; text-align: center; font-weight: 700; background-color: #E7E5E5; padding: 0px; height: 40px; border: none; }
.qty.form-control[type="number"]::-webkit-inner-spin-button,
.qty.form-control[type="number"]::-webkit-outer-spin-button { background: #D9D9D9; opacity: 1; width: 20px; height: 40px; margin: 0; padding: 3px 5px;}


/* Call To Action */
.call-to-action { background: #fff;  }
.call-to-action .inner-main { display: flex; align-items: center; justify-content: space-between;  }
.call-to-action .inner-main .img img{ margin-top: -15px;}
.call-to-action .inner-main .text {  flex: 0 0 auto; padding: 0 15px; }
.call-to-action .inner-main .text h4{ color: #08284B; font-size: 20px; margin: 0; font-weight: 800; }
.call-to-action .inner-main .text h4 span{ display: block; font-size: 18px; font-weight: 700; }
.call-to-action .inner-main .btn-list{ flex: 0 0 auto; display: flex; gap: 10px; }


/* breadcrumb */
.breadcrumb { margin: 20px 0; }
.breadcrumb li { color: #08284B; font-weight: 500; }
.breadcrumb li a span{ color: #F73312; line-height: 0; font-size: 17px; vertical-align: middle; }

/* Pagination */
.cust-page { margin: 10px 0; background: #F1F4F8; padding: 10px; border-radius: 8px; display: flex; justify-content: space-between; }
.cust-page .show{ display: flex; align-items: center; gap: 10px; color: #08284B; font-weight: 600; }
.cust-page .show select{ color: #08284B; font-weight: 600; background-color: transparent; border-radius: 10px; border: 1px solid #6F91B7; }
.cust-page .pagination{ margin: 0; }
.cust-page .pagination .page-link i{ line-height: normal; font-size: 25px; }
.cust-page .pagination .page-item:first-child .page-link,
.cust-page .pagination .page-item:last-child .page-link { padding: 0; width: 35px; height: 35px;  display: flex; align-items: center; justify-content: center; }
.cust-page .pagination .page-item .page-link { color: #08284B; font-weight: 600;  background: transparent;  border-radius: 10px; margin: 0 3px; border-color: #6F91B7; }
.cust-page .pagination .page-item.active .page-link { background: #F73312; border-color: #F73312;  color: #fff; }


/* Star rating  */
:root {
  --star-color: #e2e2e2;
  --star-background: #F73312;
}
.stars-custom {--percent: calc(var(--rating) / 5 * 100%); display: inline-block; font-size: 20px; line-height: 1; }
.stars-custom::before {content: "★★★★★"; letter-spacing: 0px; background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

/* Authentication */
.select2-container--bootstrap-5.select2-container--focus .select2-selection, .select2-container--bootstrap-5.select2-container--open .select2-selection,
.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus{ box-shadow: none; border-color: #F73312; }
.select2-container--bootstrap-5 .select2-dropdown { border-color: #F73312;  }


section.autho-page {  }
section.autho-page .autho-img { margin: 10px 0; }
section.autho-page .autho-img img{ width: 100%; }
section.autho-page .content .login-logo{ position: relative; margin: 0 0 50px; color: #021933; text-align: center;  }
section.autho-page .content .login-logo .skip{ position: absolute; top: 5px; right: 0; font-weight: 600; }
section.autho-page .content .login-logo p{ color: rgba(2, 25, 51, 0.5);  }
section.autho-page .content .login-logo img{ margin: 0 0 30px; }
section.autho-page .content .signup-detail { text-align: center; }
section.autho-page .content .signup-detail { }
section.autho-page .content .forgot { text-decoration: underline; color: rgba(2, 25, 51, 0.5); }
section.autho-page .inner-autho {  }

/* ====== Header ====== */
header {  }
header .top-bar { text-align: center; background: #001321; padding: 10px 0; color: #fff; font-size: 15px; }

header .top-bar a{ color: #145DAF; text-decoration: underline; margin-left: 50px; }
header .middel-part { padding: 24px 0; background: #021933; }
header .middel-part .box{ display: flex; gap: 10px; width: 100%; align-items: center;  justify-content: space-between; }

header .middel-part .box .logo-part{ display: flex; align-items: center; }
header .middel-part .box .logo-part .toggle-btn{ display: none; }

header .middel-part .search-view { position: relative;  }
header .middel-part .search-view .btn{ width: 18px; position: absolute; right: 15px; top: 3px; background: none;  outline: none; padding: 0; color: #357DED; box-shadow: none; }
header .middel-part .search-view .form-control{ border: 1px solid #B1C2D4; border-radius: 2px; background: #B1C2D4;  height: 37px;  padding-right: 50px; }
header .middel-part .whatsapp { color: #fff; display: flex; align-items: center; justify-content: center; }
header .middel-part .whatsapp .icon{ margin: 0 10px 0 0; flex: 0 0 auto;}
header .middel-part .whatsapp .text a{ display: block; font-size: 20px; font-weight: 700; line-height: normal;}
header .middel-part .whatsapp .text span{ display: block; font-size: 10px; color: #D3CED2; line-height: normal;}



header .middel-part .user-info { font-size: 14px; color: #fff; display: flex; align-items: center; justify-content: end; list-style: none; padding: 0; margin: 0;  }
header .middel-part .user-info li:not(:first-child){ padding: 0 0 0 20px; }
header .middel-part .user-info li a{ position: relative; }
header .middel-part .user-info li .count{ background:#F73312; width: 18px; height: 18px; border-radius: 50%; position: absolute; top: -7px; left: -7px; font-size: 10px; display: flex; align-items: center; justify-content: center; }
header .middel-part .user-info li .text { margin-left: 10px; }
header .middel-part .user-info .cart-list .dropdown-menu{ padding: 20px 20px; }
header .middel-part .user-info .cart-list .added-cart{ margin: 0px 0 15px; font-weight: 500; display: flex; align-items: center; color: #2BAE4A; font-size: 14px; justify-content: center; }
header .middel-part .user-info .cart-list .added-cart i{ font-size: 18px; margin: 0 5px 0 0; }
header .middel-part .user-info .dropdown-toggle::after { display: none; }
header .middel-part .user-info .cart-list .pro-list .box{ border-radius: 8px; min-width: 350px; padding: 10px; margin: 10px 0; border: 1px solid rgba(113, 113, 113, 0.30); box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.25); display: flex; align-items: center;  }
header .middel-part .user-info .cart-list .pro-list .box .img{ flex: 0 0 auto; margin: 0 10px -10px 0; }
header .middel-part .user-info .cart-list .pro-list .box .content{ flex: 1 1 auto; font-size: 10px; font-weight: 600; }
header .middel-part .user-info .cart-list .pro-list .box .content h5 {margin: 0; font-size: 14px; font-weight: 700;}
header .middel-part .user-info .cart-list .pro-list .box .content h5 span{ display: block; color: #6D6D6D; }
header .middel-part .user-info .cart-list .button-list { display: flex; margin: 20px 0 0 ; }
header .middel-part .user-info .cart-list .button-list .btn{ margin: 0 10px; }

header .middel-part .user-info .dropdown-menu .login { text-align: center; padding: 5px 0; }
header .middel-part .user-info .dropdown-menu .menu{ list-style-type: none; padding: 0; margin: 0; display: block; }
header .middel-part .user-info .dropdown-menu .menu li { padding: 0; }
header .middel-part .user-info .dropdown-menu .menu li a{ text-align: left; transition: none; font-size: 14px; padding: 8px 15px;  display: inline-block; width: 100%;}
header .middel-part .user-info .dropdown-menu .menu li a img{ text-align: center; margin-right: 10px; max-width: 18px;display: inline-block; vertical-align: middle; }
header .middel-part .user-info .dropdown-menu li a:hover{ background: rgba(111, 145, 183, 0.19); }


header .navbar-light .navbar-toggler { border: none; outline: none; box-shadow: none; }
header .navbar { padding: 0; background: #00234A; color: #fff; box-shadow: 0px 4.01389px 4.01389px 0px rgba(0, 0, 0, 0.25); }
header .navbar .menu-part{ position: relative; width: 100%; }
header .navbar .menu-part .mobile-menu { display: none; }

header .navbar .shop-tyer { margin: 0 80px 0 0;  }
header .navbar .shop-tyer .dropdown-toggle{ margin-top: 10px; display: inline-block; background: #F73312; border-radius: 10px 10px 0 0; padding: 10px 20px; }
header .navbar .megamenu .dropdown-menu{ background: #F1F4F8; font-weight: 500; border: 0; padding: 25px; position: absolute; left: 0; right: 0; width: 100%; border-radius: 0 0 10px 10px; box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.25);}
header .navbar .megamenu .inner-menu .list{ height: 100%; border-right: 1px solid #CFCFCF;}
header .navbar .megamenu .inner-menu .list h5{ display: inline-block; margin: 0 0 20px; position: relative; font-size: 16px; font-weight: 600; color: #08284B; }
header .navbar .megamenu .inner-menu .list h5::after { content: ""; position: absolute; left: 0; right: 0; background: #F73312; height: 5px; border-radius: 0 0 5px 5px; bottom: -9px;  }

header .navbar .megamenu .inner-menu .list ul{ list-style: none; margin: 0; padding: 0; }
header .navbar .megamenu .inner-menu .list ul li{ padding: 5px 0; font-size: 14px; }
header .navbar .megamenu .inner-menu .by-size .img img{ border-bottom: 2px solid #08284B; }
header .navbar .megamenu .inner-menu .add-rear { margin: 20px 0 0; display: flex; align-items: center; justify-content: space-between; color: #7A8CA0; }
header .navbar .megamenu .inner-menu .add-rear img{ }

header .navbar .megamenu .inner-menu select{ font-weight: 600; height: 39px; background-color: #B9C8DA; border: none; font-size: 14px; }
header .navbar .megamenu .custom-tab-main { padding: 0 50px; }


header .navbar-nav li { padding: 0px 15px; }
header .navbar-nav li a{ padding: 0; color: #fff; position: relative; }
header .navbar-nav li a.active { border-bottom: 1px solid #8AA4C1; }
header .navbar-nav li a .hot{ color: #fff; background: #F73312; padding: 1px 5px; border-radius: 2px; position: absolute; top: -16px; right: -10px; font-size: 10px;}
header .navbar-nav li a .icon{  text-align: center; margin-right: 10px; min-width: 22px; display: inline-block; vertical-align: middle; }
header .navbar-nav { display: flex; align-items: center;  }
header .navbar-nav ul{ padding: 0; margin: 0;  list-style: none; align-items: center;}
header .navbar-collapse { display: flex; align-items: center; font-size: 14px; }
header .navbar .right-menu {  margin-left: auto; }
header .navbar .right-menu ul { list-style-type: none; padding: 0; margin: 0;}
header .navbar .right-menu ul li{ display: inline-block; }
header .navbar .right-menu ul li a svg{ stroke: #fff;  margin: 0 10px 0 0;}
header .navbar .right-menu ul li:not(:first-child){padding: 0 0 0 20px; }
header .navbar .right-menu ul li img{ }
header .navbar-nav .dropdown .dropdown-menu { margin: 0;  padding: 10px 0; width: 200px; right: 0; left: initial; border: 0; border-radius: 0; box-shadow: 0px 0px 4px 0px #adadad; background-clip: unset; transform: translateY(9px); /* opacity: 0; display: unset; */ /* visibility: hidden; */}


.main-wapper { padding: 0px 0 0; }
/* .home-bg{ background: url('../images/home-bg.png') no-repeat center center; background-size: cover; background-attachment: fixed; } */
section { padding: 50px 0; }


/*==================
    Home Page
====================*/
section.home-banner{padding-bottom: 170px; color: #fff; background: url('../images/banner-bg.jpg') no-repeat; background-size: cover;  }
section.home-banner .content p{ color: #B9C8DA; font-size: 18px; }
section.home-banner .content h1{ font-size: 52px; font-weight: 800;}
section.home-banner .content h1 .get-the{ display: block; font-size:16px;}
section.home-banner .btn-list { margin: 50px 0 0; }
section.home-banner .btn-list .red-btn{ margin: 0px 10px 0 0; }

section.home-banner .search-tyer { display: flex;  }
section.home-banner .custom-tab-main .form-select{ background-color: #D1D8DF; font-size: 14px; font-weight: 600;   }
section.home-banner .search-tyer .form-select{margin: 0 5px; }
section.home-banner .search-tyer .red-btn{ margin: 0 0px 0 5px; }
section.home-banner .add-rear { margin: 10px 0; color: rgba(111, 145, 183, 0.58); font-weight: 600;  }
section.home-banner .add-rear .red-btn{  vertical-align: top;  }

section.home-banner .tyer-size { margin: 30px 0 0; display: flex; flex-wrap: wrap; }
section.home-banner .tyer-size .box { text-align: center; position: relative; }
section.home-banner .tyer-size .box .data{ position: absolute; top: 39px; right: 0; left: 0; display: flex; align-items: center; justify-content: center; gap: 2rem; transform-origin: bottom center; }
section.home-banner .tyer-size .box .data span{ font-size: 40px; font-weight: 900; line-height: 2.5; color: #FF5900; width: 90px; }
section.home-banner .tyer-size .box .data span:nth-child(1){ transform: translate(0px,-2px) rotate(-30deg); }
section.home-banner .tyer-size .box .data span:nth-child(2){transform: translate(0px,-31px) rotate(0deg); }
section.home-banner .tyer-size .box .data span:nth-child(3){ transform: translate(7px,2px) rotate(30deg);  }
section.home-banner .tyer-size .box img{ width: 100%; margin: 0 auto; filter: drop-shadow(12px 6px 0px rgba(0, 0, 0, 0.25)); }


section.home-banner .custom-tab-main ul.custom-nav-tabs { border-bottom: 3px solid  #F73312; }
section.home-banner .custom-tab-main ul.custom-nav-tabs li .nav-link { padding: 5px 5px;}
section.home-banner .custom-tab-main ul.custom-nav-tabs li .nav-link.active::after { display: none; }
section.home-banner .custom-tab-main ul.custom-nav-tabs li .nav-link.active { color: #F73312; }
section.home-banner .custom-tab-main ul.custom-nav-tabs li .nav-link.active i{ transform: rotate(90deg); }
section.home-banner .custom-tab-main ul.custom-nav-tabs li .nav-link i{ line-height: 15px; vertical-align: middle;  }
section.home-banner .slick-dots { position: absolute; bottom: -25px; left: 50%; transform: translateX(-50%); }

section.home-banner .red-border { border-bottom: 8px solid #F73312; border-radius: 0px 0px 10px 10px;}
section.home-banner .service-list {  margin: 40px 0;  }
section.home-banner .service-list .box{ height: 100%; display: flex; align-items: center; padding: 10px 25px; border-right: 1px solid #fff;  }
section.home-banner .service-list .box .img{ flex: 0 0 auto;  }
section.home-banner .service-list .box .text{ padding: 0 0 0 15px; }
section.home-banner .service-list .box .text h6{font-size: 15px; font-weight: 700; margin: 0;  }
section.home-banner .service-list .box .text p{ color: #999999; margin: 0; font-size: 12px; }
section.home-banner .service-list .row .col-6:last-child .box{ border-right: none; }

section.banner-tyre { padding: 0;  }
section.banner-tyre .banner-slider .item img{ width: 100%;}
section.banner-tyre .banner-slider {margin-top: -161px; border: 1px solid #FFBA00; border-radius: 10px; overflow: hidden; display: flex; flex-wrap: wrap; }
section.banner-tyre .slick-dots{ position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); }
section.banner-tyre .slide-arrow { position: absolute; top: 50%; left: -1px; transform: translateY(-50%); z-index: 10; }
section.banner-tyre .slide-arrow.next-arrow{ left: unset; right: -1px; }

/*======== Best Saller =======*/
section.best-saller .slick-slide img{ display: inline-block; }
section.best-saller .slick-track { display: flex; align-items: end; }
section.best-saller .best-saller-slider { margin: 0 -10px; }
section.best-saller .best-saller-slider .item{ padding: 10px 10px; }
section.best-saller .shop-best { display: flex; justify-content: space-between; margin: 15px 0 0; }

/*========= Best Tyre Prices =========*/
section.best-tyre-prices .brand-slider { margin: 0 -10px; }
section.best-tyre-prices .brand-slider .item{ padding: 10px 10px; }
section.best-tyre-prices .brand-slider .item img{ border-radius: 8px; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); }

section.stock-sizes .stock-sizes-slider { margin: 0 -10px; }
section.stock-sizes .stock-sizes-slider .item{ padding: 10px 10px; }
section.stock-sizes .stock-sizes-slider .item img{ border-radius: 8px; }

/*=========== Customer Review ========= */
section.customers-say { background: #DCE3EC; }
section.customers-say .customer-review{ margin: 0 -10px; }
section.customers-say .customer-review .item{ padding: 10px 10px; }
section.customers-say .slick-slide img{ display: inline-block; }
section.customers-say .review-box .img img{ width: 100%; }
section.customers-say .review-box .content{ background: #fff; padding: 15px; }
section.customers-say .review-box .content p{ -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; }

section.customers-say .review-box .content .date{ color: #767676; }
section.customers-say .review-box .content h6{ font-size: 13px; font-weight: 800; }
section.customers-say .review-box .content .star{ margin: 5px 0; }
section.customers-say .review-box .bottom-part { font-size: 12px; background: #fff; padding: 10px; border-top: 1px solid #e2e2e2; display: flex; align-items: center; }
section.customers-say .review-box .bottom-part .img{ }
section.customers-say .review-box .bottom-part .text{ padding: 0 0 0 10px; }

/* about page */
section.service-box { background: rgba(111, 145, 183, 0.13); }
section.service-box .detail-box{ padding: 15px 40px 15px 0; font-size: 16px; }
section.service-box .detail-box .img{ margin: 0 0 15px; max-height: 100px; }
section.service-box .detail-box h4 {font-size: 23px; font-weight: 800; margin: 0 0 15px; }

section.about-text ul { padding: 0 0 0 20px; }
section.about-text ul li { font-weight: 500; padding: 12px 0px; }

/* CMS Page  */
section.cms-page h2{ font-weight: 700; font-size: 24px; }
section.shop-brand .shopbrand-img {padding: 12px 0;}
section.shop-brand .shopbrand-img img {box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25);border-radius: 8px;}


section.cms-page .error-page { height: calc(100vh - 200px); display: flex; align-items: center; flex-direction: column; justify-content: center; text-align: center; max-width: 600px; margin: 0 auto; }
section.cms-page .error-page h4{ margin: 30px 0 0; }

/* Product Detail */
section.product-detail {  }
section.product-detail .detail-box {margin: 15px 0; display: inline-block; width: 100%; padding: 15px; border-radius: 8px; border: 1px solid rgba(113, 113, 113, 0.30); box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.25); }
section.product-detail .detail-box .head { margin: 0 0 20px; display: flex; justify-content: space-between; }
section.product-detail .detail-box .offer {  }
section.product-detail .detail-box .offer .top-part{ border-radius: 0 7.771px 0 7.771px; margin: -15px -15px 0 0; min-width: 250px; padding: 8px 10px; color: #fff; display: flex; align-items: center; justify-content: space-between; }
section.product-detail .detail-box .offer .top-part.lightblue{ background: #8AA4C1; }
section.product-detail .detail-box .offer .top-part h4{ font-size: 16px; font-weight: 700; margin: 0; }
section.product-detail .detail-box .offer .top-part h4 span{ display: block; font-size: 12px; font-weight: 400; }
section.product-detail .detail-box .offer .top-part .right{ text-align: right; padding: 0 0 0 20px; }

section.product-detail .detail-box .pro-img { margin: 0 0 20px; }
section.product-detail .detail-box .pro-img img{ width: 100%; }
section.product-detail .detail-box .pro-img .stock{ position: relative; border-bottom: 8px solid transparent; }
section.product-detail .detail-box .pro-img .stock span{ display: inline-block; color: #fff; font-size: 12px; text-align: center; display: inline-block; padding: 2px 7px; position: absolute; top: -20px; right: 15px; text-transform: uppercase;}
section.product-detail .detail-box .pro-img .stock.in{ border-color: #2BAE4A; }
section.product-detail .detail-box .pro-img .stock.in span{ background: #2BAE4A; }
section.product-detail .detail-box .pro-img .stock.gone{ border-color: #FF9900; }
section.product-detail .detail-box .pro-img .stock.gone span{ background: #FF9900; }
section.product-detail .detail-box .pro-img .stock.out{ border-color: #F73312; }
section.product-detail .detail-box .pro-img .stock.out span{ background: #F73312; }

section.product-detail .detail-box .content .cname{ font-weight: 700; margin: 0; }
section.product-detail .detail-box .content h3 {  font-weight: 700; margin: 0; font-size: 23px; }
section.product-detail .detail-box .content h3 span{ color: #6D6D6D; display: block; }

section.product-detail .detail-box .price { border-bottom: 1px solid #e2e2e2; padding: 0 0 10px; margin: 10px 0 0; display: flex; align-items: center; justify-content: space-between; }
section.product-detail .detail-box .price p{ font-size: 12px; }
section.product-detail .detail-box .price .box h4 span{ display: block; color: #9B9B9B; font-size: 16px; text-decoration-line: line-through; }
section.product-detail .detail-box .price .box h4{ margin: 0; font-size: 24px; color: #F73312; font-weight: 700;  }
section.product-detail .detail-box .price .box { border-right: 1px solid #e2e2e2; flex: 0 0 170px;}
section.product-detail .detail-box .price h3{ margin: 0; font-size: 34px; font-weight: 700; }
section.product-detail .detail-box .price .get{ padding: 0 0 0 15px; }
section.product-detail .detail-box .add-cart { display: flex; margin: 10px 0 0; gap: 10px; }
section.product-detail .detail-box .add-cart .qty.form-control{ flex: 0 0 100px; }
section.product-detail .detail-box .how-soon{ font-weight: 600; font-size: 15px;  text-align: right; color: #08284B; margin: 10px 0; }

section.product-detail .detail-box .pay-split { display: flex; align-items: center; padding: 10px 0; }
section.product-detail .detail-box .pay-split .img{ flex: 0 0 auto; }
section.product-detail .detail-box .pay-split .text{ padding: 0 0 0 20px; color: #08284B; }
section.product-detail .detail-box .deline { font-size: 12px; font-weight: 600; }

section.product-detail .why-choose { margin: 15px 0; border-radius: 8px; border: 1px solid rgba(113, 113, 113, 0.30); background: #FFF; box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.25); }
section.product-detail .why-choose .box{ display: flex; align-items: center; padding: 15px; border-bottom: 1px solid rgba(113, 113, 113, 0.30); }
section.product-detail .why-choose .box:last-child { border-bottom: 0; }
section.product-detail .why-choose .box .img{ flex: 0 0 50px; }
section.product-detail .why-choose .box .text{ flex: 1 1 auto; padding: 0 0 0 20px; }
section.product-detail .why-choose .box .text h4{ font-size: 18px; font-weight: 700; margin: 0; }
section.product-detail .why-choose .box .text p{ margin: 0; }

section.product-detail .content-box { color: #6F91B7; margin: 15px 0; padding: 20px; background: #F1F4F8; }
section.product-detail .content-box h5, section.product-detail .content-box h6{ color: #08284B; font-weight: 700; }

section.product-detail .review { border-radius: 8px; border: 1px solid rgba(113, 113, 113, 0.30); background: #FFF; box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.25); padding: 15px; margin: 15px 0 0; display: inline-block; width: 100%; }
section.product-detail .custom-rating .box{ display: flex; }
section.product-detail .custom-rating .box .total-counter{ text-align: center; padding: 0 20px 0 0; border-right: 1px solid #e2e2e2; }
section.product-detail .custom-rating .box .total-counter a{ display: block; font-size: 12px; padding: 5px 10px; margin: 10px 0 0; }
section.product-detail .custom-rating .box .starwise { flex: 1 1 auto; }
section.product-detail .custom-rating .box .starwise ul { padding: 0 0 0 20px; }
section.product-detail .custom-rating .box .starwise ul li { display: flex; width: 100%; align-items: center; padding: 0; border: 0;}
section.product-detail .custom-rating .box .starwise ul li .prograss { background: #D9D9D9; width: 100%; height: 9px; margin: 0 0px 0 10px; position: relative;  }
section.product-detail .custom-rating .box .starwise ul li .prograss span {  display: inline-block; background: #6F91B7; height: 9px; position: absolute; left: 0; top: 0;  }
section.product-detail .custom-rating .box .starwise ul li .no { width: 15px; text-align: center; }



section.product-detail .client-say { border: 1px solid rgba(113, 113, 113, 0.30); background: #FFF; box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.25); border-radius: 8px; overflow: hidden; }
section.product-detail .client-say .red-btn{ width: 100%; }
section.product-detail .client-say-slider img{ display: inline-block; }
section.product-detail .review-box { display: flex; }
section.product-detail .review-box .img { width: 40%; flex: 0 0 auto;}
section.product-detail .review-box .img img{ width: 100%; height: 220px; object-fit: cover; }
section.product-detail .review-box .content{ font-size: 12px; background: #fff; padding: 10px 15px; }
section.product-detail .review-box .content .date{ color: #767676; }
section.product-detail .review-box .content h6{ font-size: 13px; font-weight: 800; }
section.product-detail .review-box .content .star{ margin: 5px 0; }
section.product-detail .review-box .bottom-part { font-size: 12px; background: #fff; padding: 10px 0; border-top: 1px solid #e2e2e2; display: flex; align-items: center; }
section.product-detail .review-box .bottom-part .img{ }
section.product-detail .review-box .bottom-part .text{ padding: 0 0 0 10px; }

section.product-detail .client-say-slider .slide-arrow span { font-size: 15px; width: 9px; color: #000; }
section.product-detail .client-say-slider .slide-arrow { background: rgba(255, 255, 255, 0.5); position: absolute; bottom: 20px; line-height: 10px; left: 0px; z-index: 10; height: 25px; width: 25px; border-radius: 50%; text-align: center; font-size: 15px; }
section.product-detail .client-say-slider .slide-arrow.next-arrow{ left: unset; right: -1px; }


/*====================
     Shop Page
======================*/
section.shop-page .sidebar {  }
section.shop-page .sidebar .custom-tab-main ul.custom-nav-tabs { justify-content: start; gap: 10px; }
section.shop-page .sidebar .custom-tab-main ul.custom-nav-tabs li{ margin: 0; }
section.shop-page .sidebar .now-shop{ padding: 0; margin: 0; list-style: none; }
section.shop-page .sidebar .now-shop li{ padding: 10px 15px; border-radius: 8px; background: #08284B; color: #B9C8DA; margin: 10px 0; display: flex; align-items: center; justify-content: space-between; }
section.shop-page .sidebar .now-shop li a{ line-height: 10px; }
section.shop-page .sidebar .now-shop li a span{ font-size: 18px; }
section.shop-page .top-bar { display: flex; align-items: center; border-radius: 14px; padding: 10px 15px; background: rgba(111, 145, 183, 0.19); }
section.shop-page .top-bar .show-result{ font-weight: 600;  }
section.shop-page .top-bar .sort-by{ max-width: 250px; margin-left: auto; }
section.shop-page .top-bar .sort-by select{ background-color: #e1ebf2; border-color: #6F91B7; border-radius: 12px; color: #08284B; font-weight: 700; }
section.shop-page .best-saller-banner { margin: 0 0 20px; }


.shop-search-modal .renew-search{ color: #08284B; background: rgba(111, 145, 183, 0.19); padding: 15px 20px; border-radius: 0 0 20px 20px; display: flex; align-items: center; justify-content: space-between; }
.shop-search-modal .renew-search .btn-list{ margin: 0 0 0 10px; gap: 10px; display: flex; }

/* Sidebar Navigation */
.sidebar-navigation { margin: 15px 0; overflow: hidden; border-radius: 8px; border: 1px solid rgba(113, 113, 113, 0.30); background: rgba(111, 145, 183, 0.13); box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.25); }
.sidebar-navigation .title { display: flex; align-items: center; justify-content: space-between; background: #CBD5E4; padding: 10px 15px; }
.sidebar-navigation .title .btn{ background: #8AA4C1; box-shadow: none; border-color: #8AA4C1; border-radius: 9px; padding: 5px 15px; font-size: 12px; }
.sidebar-navigation .title h5{ margin: 0; font-size: 18px; }

.sidebar-navigation ul.inner-data { padding: 10px; border-bottom: 1px solid #6F91B7; }
.sidebar-navigation ul.tyre-width li{ padding: 3px 2px; display: inline-block; }
.sidebar-navigation ul.brand li{ padding: 4px 0; }

.sidebar-navigation ul { padding: 0; margin: 0; }
.sidebar-navigation ul li { display: block; }
.sidebar-navigation ul li a {  position: relative; display: flex; font-size: 14px; font-weight: 600;  padding: 10px 15px;  text-decoration: none;  color: #08284B; align-items: center; border-bottom: 1px solid #6F91B7;  -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;  transition: all 0.3s linear;}
.sidebar-navigation ul li a i { color: #F73312; font-size: 24px; position: absolute; right: 0px; top: 50%; transform: translateY(-50%) rotate(180deg); padding: 5px; border-radius: 50%; }
.sidebar-navigation ul li.selected a i { transform: rotate(0deg); top: 3px; }

.sidebar-navigation ul li ul { display: none; padding: 15px; }
.sidebar-navigation ul li ul.open { display: block; }
.sidebar-navigation ul li ul li a { color: #737878; font-size: 12px; border-color: rgba(255, 255, 255, 0.1); }
.sidebar-navigation ul li ul li a:before { content: ""; width: 10px; height: 1px;  margin-right: 5px; display: inline-block; vertical-align: middle; background-color: #495d62; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }

.sidebar-navigation .subMenuColor1 { background-color: #fff; }
.sidebar-navigation .common-check .checkbox{ color: #08284B; font-weight: 500; }

.sidebar-navigation .slider-box label { margin: 0; }
.sidebar-navigation .slider-box input { width: 100%; border: 0; outline: none; font-size: 16px; font-weight: 600; }
.sidebar-navigation .slider-box .slider { margin: 20px 10px; }
.sidebar-navigation .slider-box .ui-state-default,
.sidebar-navigation .slider-box .ui-widget-content .ui-state-default,
.sidebar-navigation .slider-box .ui-widget-header .ui-state-default { background: #fff; border-radius: 50%; border: 1px solid #08284B; width: 15px; height: 15px; outline: none; top: -6px; }
.sidebar-navigation .slider-box .ui-slider { background: #e6e6e6; border: none; height: 3px; }
.sidebar-navigation .slider-box .ui-slider-range { background: #08284B; }

/* .side-category .sidenav { position: relative; }
.side-category .sidenav .closebtn { display: none; font-size: 38px; text-align: right; } */

/* Slot Radio */
.slot-radio { display: inline-block; position: relative; margin-bottom: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.slot-radio .checkmark {color: #08284B; border: 1px solid #6F91B7; font-weight: 700;  display: inline-block; font-size: 11px; padding: 4px 9px; border-radius: 4px;  text-align: center;}
.slot-radio input:checked~.checkmark {color: #000; border-color: #F73312; }
.slot-radio input { position: absolute; opacity: 0; cursor: pointer; left: 0; }


/* My Orders  */
section.my-orders {  }
section.my-orders .page-title{ display: flex; align-items: center;  }
section.my-orders .badge{ padding: 10px 15px; border-radius: 6px; min-width: 120px; }
section.my-orders .badge.accepted{ color: #2BAE4A; background: rgba(43, 174, 74, 0.1); }
section.my-orders .badge.pending{ color: #F49025; background: rgba(244, 144, 37, 0.1); }
section.my-orders .badge.in-packing{ color: #F8C22D; background: rgba(248, 194, 45, 0.1); }
section.my-orders .badge.out-delivery{ color: #6991A7; background: rgba(105, 145, 167, 0.1); }

/* section.my-orders .panel-box{ border: 1px solid #C5CCC4; border-radius: 10px; }
section.my-orders .panel-box label{ color: rgba(2, 25, 51, 0.5); margin: 0 0 10px; }
section.my-orders .panel-box .head{ text-align: center; display: flex; align-items: center; justify-content: space-between;  padding: 10px 15px; border-bottom: 1px solid #C5CCC4; }
section.my-orders .panel-box .head p{ margin: 0; }
section.my-orders .panel-box .box-body{  }
section.my-orders .panel-box .pro-det { display: flex; }
section.my-orders .panel-box .pro-det .content{ width: 50%; padding: 15px; border-right: 1px solid #C5CCC4; }
section.my-orders .panel-box .pro-det .content .pro-info{ display: flex; gap: 15px; }
section.my-orders .panel-box .pro-det .content .pro-info .img{ flex: 0 0 auto; }
section.my-orders .panel-box .pro-det .content .pro-info .img img{ max-width: 120px; border: 1px solid #e3e3e3; border-radius: 8px; }
section.my-orders .panel-box .pro-det .content .pro-info .info{ flex: 1 1 auto; }

section.my-orders .panel-box .pro-det .summary{ flex: 1 1 auto; padding: 15px; }
section.my-orders .panel-box .pro-det .summary ul.list { list-style: none; padding: 0; }
section.my-orders .panel-box .pro-det .summary ul.list li { padding: 5px 0; display: flex; align-items: center; justify-content: space-between; }
section.my-orders .panel-box .pro-det .summary ul.list li .left{color: rgba(2, 25, 51, 0.5); } */

section.my-orders .orders-details .head-order {  padding: 0 0 15px; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; color: #999; border-bottom: 1px solid #e2e2e2;}
section.my-orders .orders-details .head-order p { margin: 0; }
section.my-orders .orders-details .head-order p span { color: #000; padding-left: 10px; }
section.my-orders .orders-details .order-body p { margin: 0; }
section.my-orders .orders-details .order-body .table {margin: 0;}
section.my-orders .orders-details .order-body .table .box { display: flex; flex-wrap: wrap; }
section.my-orders .orders-details .order-body .table .box img { max-width: 80px;}
section.my-orders .orders-details .order-body .table .box .content {padding-left: 10px;}
section.my-orders .orders-details .order-body .table .box .content p { font-weight: 400; line-height: 1.4; }



/* Add Rating  */
.add-review {  }
.add-review .rating-now input[type=radio]{ -webkit-appearance: none; margin: 0; box-shadow: none;  }
.add-review .rating-now input[type=radio]::after { content: '\2605'; font-size: 32px; }
.add-review .rating-now input[type=radio]:invalid::after { color: #ddd; }
.add-review .rating-now rating:hover input[type=radio]:invalid::after,
.add-review .rating-now rating:focus-within input[type=radio]:invalid::after {color: #888;}
.add-review .rating-now rating:hover input[type=radio]:hover ~ input[type=radio]:invalid::after,
.add-review .rating-now rating input[type=radio]:focus ~ input[type=radio]:invalid::after  {color: #ddd;}
.add-review .rating-now rating input[type=radio]:valid { color: #FBAB00; }
.add-review .rating-now rating input[type=radio]:checked ~ input[type=radio]:not(:checked)::after{ color: #ccc; content: '\2605'; }


/* Review List Page */
section.review-list {  }
section.review-list .review-box { margin: 15px 0; display: flex; gap: 20px; background: #FBFBFB; border: 1px solid #E7E7E7; padding: 20px; border-radius: 10px; }
section.review-list .review-box .img { flex: 0 0 200px; }
section.review-list .review-box .img img{ border-radius: 8px;  }
section.review-list .review-box .content { color: rgba(2, 25, 51, 0.5); flex: 1 1 auto;  }
section.review-list .review-box .content h6{ color: #021933; margin: 0 0 3px; }
section.review-list .review-box .content .head { display: flex; gap: 10px; justify-content: space-between; }
section.review-list .review-box .content .userinfo { display: flex; gap: 10px; }
section.review-list .review-box .content .userinfo .pro{ flex: 0 0 70px; }
section.review-list .review-box .content .userinfo .text h6{ font-weight: 400; }


/* File Upload */
.common-upload { }
.common-upload .upload-img { border: 2px dashed #D6D6D6; border-radius: 6px; padding: 10px; text-align: center; height: 100px; display: flex; align-items: center; }
.common-upload .upload-img .file-input-input { width: 0.1px; height: 0.1px;  opacity: 0; overflow: hidden; position: absolute; z-index: -1; }
.common-upload .upload-img .file-input-label { margin: 0; cursor: pointer; width: 100%; display: flex; align-items: center; padding: 0px 5px; flex-direction: column; text-align: center; font-size: 12px;    color: #9f9f9f; }
.common-upload .upload-img .file-input-label img{ width: 30px; margin: 0 0 5px; }



/* Blog Listing */
.blog-box { padding: 20px 0; border-bottom: 1px solid #E5E5E5; }
.blog-box .img img{ height: 180px; border-radius: 10px; width: 100%;}
.blog-box .content .top span{ color: #666666; padding: 0 0px 0 15px; margin-left: 15px; border-left: 1px solid #e2e2e2;}
.blog-box .content h2{ font-size: 22px; margin: 15px 0;  }
.blog-box .content p{ color: #666666; }

section.blog-list {  }
section.blog-list .blog-banner-slider { margin: 0 0 50px; }
section.blog-list .blog-banner-slider .box { position: relative; }
section.blog-list .blog-banner-slider .box img{ width: 100%; border-radius: 15px; }
section.blog-list .blog-banner-slider .box .text{ position: absolute; left: 100px; bottom: 20px; max-width: 600px; width: 100%; color: #fff; }
section.blog-list .blog-banner-slider .box .text h4{ font-size: 19px; }
section.blog-list .blog-banner-slider .slick-dots{ position: absolute; bottom: 30px; right: 40px; }
section.blog-list .blog-banner-slider .slide-arrow { position: absolute; top: 50%; left: -1px; transform: translateY(-50%); z-index: 10; }
section.blog-list .blog-banner-slider .slide-arrow.next-arrow{ left: unset; right: -1px; }

section.blog-list .search-bar .form-control{ padding-right: 35px;  }

/*  Blog Details  */
section.blog-details .blog-content .blog-date{border-left:2px solid #E5E5E5; padding-left: 10px;}
section.blog-details .blog-content .blog-date p{font-size: 13px; color:#666666; margin-bottom:20px;}
section.blog-details .blog-content .img{margin-bottom:30px;}
section.blog-details .blog-content p{ color:#666; margin-bottom: 20px;}
section.blog-details .blog-content h4{font-weight: 500; margin-bottom:25px;}
section.blog-details .blog-content h4 span{color: #F30;}
section.blog-details .blog-content h3{margin-bottom: 25px;}


/* Profile Page */
section.profile-page .profile-details { margin: 15px 0; padding: 15px;  border-radius: 10px; border: 1px solid #D6D6D6; }
section.profile-page .profile-details .title { margin: 0 0 15px; display: flex; align-items: center; justify-content: space-between; }
section.profile-page .profile-details .title h5{ margin: 0; color: #737E8B; font-size: 20px; }
section.profile-page .profile-details .title a { color: #F73312; }
section.profile-page .profile-details .title a i{ vertical-align: middle; }
section.profile-page .profile-details .contact-info { margin: 0 0 20px; }
section.profile-page .profile-details .contact-info .lable{ color: #959595; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e2e2e2; margin: 0 0 10px; }
section.profile-page .profile-details .contact-info .lable a{ color: #008080; }

section.profile-page .profile-img{  text-align: center;}
section.profile-page .profile-img img.big{ width: 150px; height: 150px; object-fit: cover; margin: 0px auto 20px; border: 1px solid #e2e2e2; border-radius: 50%; }
section.profile-page .profile-img .file-input { position: relative; }
section.profile-page .profile-img .file-input-input { width: 0.1px; height: 0.1px;  opacity: 0; overflow: hidden; position: absolute; z-index: -1; }
section.profile-page .profile-img .file-input-label { border: 1px solid #F73312;   position: absolute; bottom: 10px; right: 0; margin: 0 auto; left: 0; cursor: pointer;  border-radius: 50%;  padding: 0; background-color: #ffffff; width: 36px;height: 36px; display: flex; align-items: center; justify-content: center; }

section.profile-page input[type=number]::-webkit-inner-spin-button,
section.profile-page input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none;margin: 0; }


/* Default Addrss Css */
.default-address .radio-box .checkmark h5{ border-color: #666; }
.default-address .radio-box { line-height: 1.4; color: #000;  width: 100%; }
.default-address .radio-box .checkmark { top: 2px; }
.default-address .radio-box .head{ display: flex; align-items: center; justify-content: space-between; }
.default-address .radio-box h5{ color: #999999; font-weight: 300; margin: 0 10px 5px 0px; font-size: 14px;   display: inline-block; padding: 4px 10px; border-radius: 3px; background: #F9F9F9; }
.default-address .radio-box p{ margin: 0 0 5px; }
.default-address .form-group{ border: 1px solid #e2e2e2; position: relative; padding: 15px 10px; border-radius: 5px; }
.default-address .form-group .edit-delete{ display: flex; padding-left: 30px;}
.default-address .form-group .edit-delete a{ padding: 3px 10px; margin: 0 10px 0 0; }


/*====== Footer =======*/
footer { position: relative; background: #021933; padding: 50px 0 0; color: #fff; z-index: 99; }
footer::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; z-index: -1; width: calc(100% - 55%); background: #1A2F47; }

footer .subscribe .form-control{ background: #D9D9D9; border-radius: 0; height: 44px; margin:  0 0 10px; }
footer .title{ font-size: 18px; font-weight: 700; margin: 0 0 10px; }
footer .footer-logo{ margin: 0 0 30px; }
footer .footer-link ul{ list-style: none; padding: 0; margin: 0; }
footer .footer-link ul li{ padding: 5px 0; }
footer .contect-info{ margin: 20px 0 30px; display: flex; flex-direction: column; gap: 20px;  flex-wrap: wrap; }
footer .contect-info .box{ display: flex; align-items: center; }
footer .contect-info .box:not(:last-child){ padding: 0 20px 0 0; }
footer .contect-info .box .img{ margin: 0 10px 0 0; flex: 0 0 auto; }
footer .contect-info .box .text{ flex: 1 1 auto; }
footer .contect-info .box .text a{ color: #F73312;}
footer .contect-info .box .text h6{ font-size: 16px; margin: 0; font-weight: 500;}

footer .footer-bottom {background: #001321; padding: 15px 0; margin: 30px 0 0; color: #8AA4C1;}
footer .footer-bottom .socail { display: flex; list-style: none; padding: 0; margin: 0;  }
footer .footer-bottom .socail li{ display: inline-block; margin: 0 10px 0 0; }
footer .footer-bottom .socail li a{ width: 30px; height: 30px; background: #152939; display: flex; align-items: center; justify-content: center;  border-radius: 50%; }

footer .footer-bottom .innter-part { display: flex; align-items: center; }
footer .footer-bottom .innter-part .box{ display: flex; align-items: center; flex: 0 0 auto;width: 56%; }
footer .footer-bottom .innter-part .link { border-left: 1px solid #5A6C81; padding: 0 10px; }
footer .footer-bottom .innter-part .link h6{font-size: 16px; font-weight: 600; margin: 0; }
footer .footer-bottom .innter-part .link ul{ font-size: 12px; list-style: none; padding:0; margin: 0 -10px;  }
footer .footer-bottom .innter-part .link ul li{ display: inline-block; padding: 0 10px; border-right: 1px solid #5A6C81; }
footer .footer-bottom .innter-part .link ul li:last-child{ border-right: none; }

footer .footer-bottom .innter-part .pay-logo {  width: 44%;   flex: 1 1 auto; border-left: 1px solid #5A6C81;padding: 10px 0px 0 10px; }
footer .footer-bottom .innter-part .pay-logo ul{ width: 100%;  display: flex; align-items: center; justify-content: space-between; list-style: none; padding: 0; margin: 0; }
footer .footer-bottom .innter-part .pay-logo li{  }



/* Search Tyre Modal */
.modal-content { border-radius: 10px; border: 0; }
.modal .close {position: absolute; top: -25px; right: -35px; font-size: 27px; background: #08284B; border-radius: 50%; width: 35px; height: 35px; color: #fff; border: none; padding: 0; margin: 0; line-height: 0; display: flex; align-items: center; justify-content: center;}
.modal .close span{ top: -2px; position: relative; }
.modal-header { justify-content: center; border-bottom: 0; }

.search-tyre-modal .modal-content{ color: #fff; background: #08284B; border-radius: 13px;  }
.search-tyre-modal .custom-tab-main { max-width: 420px; margin: 30px auto; }
.search-tyre-modal .custom-tab-main .by-size .img img{ border-bottom: 2px solid #F73312; }
.search-tyre-modal .custom-tab-main .add-rear { margin: 20px 0 0; display: flex; align-items: center; justify-content: space-between; color: #7A8CA0; }
.search-tyre-modal .custom-tab-main select{ font-weight: 600; height: 39px; background-color: #B9C8DA; border: none; font-size: 14px; }
.search-tyre-modal .custom-tab-main ul.custom-nav-tabs li .nav-link.active { color: #6F91B7; }
.search-tyre-modal .custom-tab-main .tab-content { padding: 40px 0 0; }
.search-tyre-modal .modal-dialog { max-width: 570px; }


.search-tyre-modal .custom-tab-main .by-size .img { text-align: center; position: relative; }
.search-tyre-modal .custom-tab-main .by-size .data{ position: absolute; top: 39px; right: 0; left: 0; display: flex; align-items: center; justify-content: center; gap: 5px; transform-origin: bottom center; }
.search-tyre-modal .custom-tab-main .by-size .data span{ font-size: 20px; font-weight: 900;  color: #FF5900; width: 50px; }
.search-tyre-modal .custom-tab-main .by-size .data span:nth-child(1){ transform: translate(0px,-15px) rotate(-30deg); }
.search-tyre-modal .custom-tab-main .by-size .data span:nth-child(2){transform: translate(0px,-29px) rotate(0deg); }
.search-tyre-modal .custom-tab-main .by-size .data span:nth-child(3){ transform: translate(0px,-15px) rotate(30deg);  }


/* OTP Modal */
.otp-modal {  }
.otp-modal .otp-box{ text-align: center; padding: 20px 0; }
.otp-modal .otp-box h3{ color: #021933; }
.otp-modal .otp-box .otp-input { display: flex; align-items: center; justify-content: center; margin: 20px 0; }
.otp-modal .otp-box .otp-input .form-control{ padding: 7px; margin: 0 8px;  border: 1px solid #D6D6D6; border-radius: 6px; text-align: center;  font-weight: 600; font-size: 17px; }
.otp-modal .otp-box .resend { margin: 15px 0 30px; }
.otp-modal .otp-box .resend a{  }
.otp-modal .otp-box .countdown { color: #a5a5a5;  margin: 15px 0 0; display: inline-block; width: 100%; }
.otp-modal .otp-box .countdown .countdown__time { color: #021933; }


/* Delete Modal */
.delete-confirm .modal-dialog { color: #08284B; max-width: 400px; margin: 0 auto; padding: 0 15px; }
.delete-confirm .modal-content { border: none; text-align: center; }
.delete-confirm .modal-body h4{ margin: 15px 0;  }
.delete-confirm .modal-body .button-list { padding: 20px 0 10px; display: flex; gap: 10px; justify-content: center; align-items: center; }

/* Compare Alert */
.compare-alert { position: fixed; top: 20px; right: 0; z-index: 1000; }


/* Kishan  */
section.cart .table { min-width: 720px; border-collapse:separate; border-spacing:0 15px; }
section.cart .table p{ margin: 0; font-weight: 700; }
section.cart .table thead th{ padding: 10px 15px; vertical-align: middle; color: #8AA4C1; font-size: 12px; font-weight: 800;background-color:#E2E2E2;border: transparent;}
section.cart .table thead tr th:first-child{ border-top-left-radius: 8px; border-bottom-left-radius: 8px; border: 1px solid rgba(161, 159, 159, 0.30); border-right: 0px;}
section.cart .table thead tr th:nth-child(2){border: 1px solid rgba(161, 159, 159, 0.30); border-left: 0px; border-right: 0px;}
section.cart .table thead tr th:nth-child(3){border: 1px solid rgba(161, 159, 159, 0.30); border-left: 0px; border-right: 0px;}
section.cart .table thead tr th:last-child{border-top-right-radius: 8px; border-bottom-right-radius: 8px;border: 1px solid rgba(161, 159, 159, 0.30);border-left: 0px;}
section.cart .table tr h5{font-size: 18px;}
section.cart .table tr .stock{display: flex; align-items: center;}
section.cart .table tr .stock span{font-size: 14px; font-weight: 700; margin-right: 5px; color: #2BAE4A;}
section.cart .table tr .stock p{font-size: 12px; color: #2BAE4A;}
section.cart .table tr .subtotal-label .offer{ color:  #2BAE4A; }
section.cart .table tr td{vertical-align: middle;}
section.cart .table tr .subtotal-label p{color:#F73312; font-size: 12px;}
section.cart .table tr .total-price{margin-bottom: 0; font-size: 26px;}
section.cart .table tr td:last-child span{font-size: 35px; font-weight: 100;}
section.cart .table tbody tr{border: transparent; box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.25); border-radius: 8px;}
section.cart .table .item p span{color: #6D6D6D;}
section.cart .table .item p:first-child{font-size: 12px;}
section.cart .discount{background: rgba(185, 200, 218, 0.49);border-radius: 8px; padding: 14px; margin: 0 0 20px;}
section.cart .discount p{color: #6F91B7; font-size: 12px; font-weight: 700; margin: 0;}
section.cart .discount .light-blue-btn{font-size: 16px; border-radius: 16px;}
section.cart .discount .light-blue-btn span{vertical-align: middle;}
section.cart .discount .form-control{border-radius: 8px; border: 0; font-weight: 700; font-size: 13px; padding: 12px 12px;}
section.cart .product-info { display: flex; align-items: center; }
section.cart .product-info .img{ flex: 1 1 auto; width: 80px; }
section.cart .product-info .item{ flex: 1 1 auto; flex-wrap: wrap; display: flex; white-space: normal; flex-direction: column; }


section.cart .order-summary{border-radius: 8px;border: 2px solid rgba(53, 53, 53, 0.30);box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.25); position: relative; padding: 58px 20px 25px 20px;}
section.cart h5{margin-bottom: 0; font-weight: 700;}
section.cart .free-shipping{color:#F73312; font-weight: 800; font-size: 12px; background: #fff; box-shadow: 0px 5.73913px 5.73913px 0px rgba(0, 0, 0, 0.25); display: flex; align-items: center; max-width: 160px; padding: 10px 15px; position: absolute; right: -15px; top: 10px;}
section.cart .order-summary h5{font-size: 18px; font-weight: 700; margin-bottom: 20px;}
section.cart .order-summary h6{font-size: 12px; font-weight: 700;}
section.cart .order-summary .off{color:#6F91B7; text-align: end; font-size: 16px; font-weight: 600; margin-bottom: 0px;}
section.cart .order-summary del{font-weight:700; font-size: 16px;}
section.cart .order-summary .price{font-size: 26px;}
section.cart .order-summary .value-added-tax{text-align: end; font-weight: 500; color: #000; margin-bottom: 20px;}
section.cart .order-summary .checkout-btn .green-btn{  width: 100%; box-shadow: -5px 5px 0px 0px #07240E; margin: 10px 0; }


/* Checkout */
section.checkout .payment .pay-box { min-height: 90px; display: flex; align-items: center; padding: 20px 15px; margin: 10px 0; background: #F5F5F5; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25); border: 1px solid rgba(113, 113, 113, 0.3); border-radius: 8px; }
section.checkout .payment .pay-box h6{ margin: 0; }
section.checkout .payment .pay-box .text img{ mix-blend-mode: multiply }




/* Contact Us Page */
section.contact .form-group .form-control, 
section.contact .form-group .form-select { font-size: 14px; border: 0; border-bottom: 2.5px solid rgba(34, 49, 63, 0.22); border-radius: 0; margin-bottom: 15px; resize: none;font-style: italic;}
section.contact .form-group .form-control::placeholder{color:rgba(121, 122, 125, 0.71);font-weight: 400;}
section.contact .form-group .form-check-input{box-shadow: none; cursor: pointer;font-size:17px; border-color:#F73312;vertical-align: middle;}
section.contact .form-group label{cursor: pointer; font-size:15px; color: #797A7D; font-weight: 700;vertical-align: middle;}
section.contact .form-group .form-check-input:checked{background-color:#F73312; border-color:#F73312;}
section.contact .chat-box{  height: calc(100% - 30px); display: flex; align-items: center; margin: 15px 0; background: #08284B; border-radius: 8px; text-align: center; padding:25px 18px;box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.25);}
section.contact .chat-box img{margin-bottom: 10px;}
section.contact .chat-box .whatsapp{color:#D9D9D9;font-weight: 500;font-size: 13px; margin-bottom:8px;}
section.contact .customer-support-box{ height: calc(100% - 30px); margin: 15px 0; box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.25);border: 1px solid rgba(113, 113, 113, 0.30); border-radius: 8px; text-align: center; padding:45px 18px;}
section.contact .customer-support-box .img{margin-bottom: 10px;}
section.contact .customer-support-box h4{color:#F73312; font-size: 29px; font-weight: 800;margin-bottom:10px}
section.contact .customer-support-box h5{font-size: 20px; font-weight: 800; color:#86919C;margin-bottom:15px}
section.contact .customer-support-box h6{font-size: 15px; font-weight: 700; color:#86919C; margin-bottom:0;}
section.contact .customer-support-box p{color: #86919C; font-size: 15px; font-weight: 300;}

/* CMS Pages  */
section.privacy-policies h4{font-size: 30px; font-weight: 800; color:#08284B; margin-bottom:30px;}
section.privacy-policies p{font-size:16px; font-weight: 500; color:#252525;}
section.privacy-policies ol{padding-left:20px;}
section.privacy-policies ol li{font-size:16px; font-weight: 500; color:#252525;}
section.privacy-policies ul{padding-left:20px;}
section.privacy-policies ul li{font-size:16px; font-weight: 500; color:#252525;}


/* Search by Size */
section.tyre-search { background: #F1F4F8; }
section.tyre-search .page-title h1{font-weight:700; margin-bottom:25px; color:#08284B;}
section.tyre-search .car-model h5{font-weight:700; color:#08284B; margin-top: 20px;}
section.tyre-search .car-model p{color:#86919C; font-size: 16px; margin-bottom:40px;}
section.tyre-search .page-title span{font-weight:400;}
section.tyre-search .info{display: flex;  }
section.tyre-search .info p{  font-weight:500; color:#86919C;}
section.tyre-search .info span{color:#6F91B7; margin-right:10px; cursor: pointer;}
section.tyre-search .table{margin-bottom:25px;}
section.tyre-search .table thead tr{color:#08284B; border-top:1px solid #CFCFCF;}
section.tyre-search .table tbody tr{vertical-align: middle; color:#08284B;}
section.tyre-search .table tbody tr td{padding: 15px;}
section.tyre-search .table tbody tr td .red-btn{width: 100%; border-radius:0; box-shadow: none;}
section.tyre-search .table > :not(:last-child) > :last-child > *{border-bottom-color:#CFCFCF;}
section.tyre-search .table tbody tr td .form-check-input:checked{background-color:#F73312; border-color:#F73312; box-shadow: none;}
section.tyre-search .table tbody tr td .form-check-input{box-shadow: none; cursor: pointer;}
section.tyre-search .shop-now-btn .red-btn{border-radius: 0; box-shadow: none;}
section.tyre-search .note{background-color:rgba(111, 145, 183, 0.13); padding:25px;}
section.tyre-search .note p{font-weight: 500; color: #86919C;}
section.tyre-search .size-btn button{border-radius: 0; box-shadow: none;}

/* Search by Tyre */
section.tyre-search .table .border-right{border-right: 1px solid #cfcfcf;}

/* faq */
section.faq .faq-title h4{font-size: 30px; font-weight: 700;margin-bottom:25px;}
section.faq .accordion{margin-bottom: 24px;}
section.faq .accordion .accordion-item {background: none; border: 1px solid #E8E8E8;padding:5px 15px; margin-bottom:10px;}
section.faq .accordion .accordion-item p{  color:#595959; font-weight: 500;}
section.faq .accordion .accordion-item .accordion-header .accordion-button{ box-shadow: none;background:none; padding-left: 0px;position: relative; display: inline-block; width: 100%;  font-weight:600;font-size: 18px;color: #1E1E1E;}
section.faq .accordion .accordion-item .accordion-header .accordion-button i {position: absolute; top: 16px; right: 0px; font-style: normal;  width: 20px; height: 20px;}
section.faq .accordion .accordion-item .accordion-header .accordion-button i::before {content: "\002D"; position: absolute; }
section.faq .accordion .accordion-item .accordion-header .accordion-button.collapsed i::before { content: "\002B";}
section.faq .accordion .accordion-item .accordion-body {padding: 0px;}



/*  compare-product  */
section.compare-product .page-title { display: flex; justify-content: space-between; align-items: flex-start; }
section.compare-product .product-content p{color: #08284B; font-weight: 500; margin-bottom: 30px;}
section.compare-product .product-content .table .img img{height: 150px;}
section.compare-product .product-content .table{box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.25);}
section.compare-product .product-content .table thead tr th{border: 1px solid rgba(0, 0, 0, 0.10); padding: 15px 30px;}
section.compare-product .product-content .table thead tr td{border: 1px solid rgba(0, 0, 0, 0.10); padding: 20px 0px;position: relative;}
section.compare-product .product-content .table thead tr td .img{text-align: center;}
section.compare-product .product-content .table thead tr td .close-btn{position:absolute;right:15px; top:15px;}
section.compare-product .product-content .table tbody{border: 1px solid rgba(0, 0, 0, 0.10);}
section.compare-product .product-content .table tbody tr th{ vertical-align: middle; white-space: nowrap; border-bottom: none; border: 1px solid rgba(0, 0, 0, 0.10); font-weight: 500; padding: 10px 15px;}
section.compare-product .product-content .table tbody tr td{padding:10px 15px; border:1px solid rgba(0, 0, 0, 0.10); color: #818181; font-weight: 500; vertical-align: middle;}
section.compare-product .product-content .table tbody tr .text-green{color:#2BAE4A; font-weight: 700;}


/**/
section.inner-banner-img {  }
section.inner-banner-img .brand-img img{ width: 100%; }

/* Promotion Page */
section.promotion .box{ margin: 15px 0;  }
section.promotion .box .img{  margin: 0 0 10px; }

/* Notification */
section.notification-page { padding: 50px 0; }
section.notification-page ul.notification-list { list-style-type: none; padding: 0; margin: 0 0 20px; }
section.notification-page ul.notification-list li { margin: 10px 0; display: inline-block; width: 100%; }
section.notification-page ul.notification-list li .box{ box-shadow: 0px 0px 20px 0px #e2e2e2; padding: 15px 60px 15px 15px; border-radius: 12px; position: relative; }
section.notification-page ul.notification-list li .box p{ margin: 0;  }
section.notification-page ul.notification-list li .box .date{ font-size: 14px; margin: 5px 0 0; display: flex; align-items: center; }
section.notification-page ul.notification-list li .box .date i{ color: #00244a; font-size: 19px;}
section.notification-page ul.notification-list li .box .delete{ display: flex; align-items: center; justify-content: center; color: #00244a; width: 55px; height: 100%; position: absolute; right: 0px; background: #b1d2f5; top: 0; border-radius: 0 12px 12px 0; }


section.by-application {  }
section.by-application .app-img { margin: 12px 0; }
section.by-application .app-img div{ background: #EDECEC; padding: 8px 10px; text-align: center; font-weight: 600; }


section.error-page {display: flex;justify-content: center;align-items: center;height: 100vh;}
section.error-page .img img {height: 350px;margin-bottom: 10px;}
section.error-page .red-btn {font-size: 0.9rem;display: inline-block;margin-top: 10px;padding: 11px 34px;}