/*background color*/
.bs5-scope .bg_orange { background: #0E382C; }
.bs5-scope .bg_ftx { background: #00A8B5; }
.bs5-scope .bg_blue { background: #FFD741; }
.bs5-scope .bg_light_blue { background-color: #f7f8fc; }
.bs5-scope .bg_light_blue_border { background: #e3e6ee; }
.bs5-scope .bg_white { background: #ffffff; }

/*color*/
.bs5-scope .txt_orange { color: #fe7b00; }
.bs5-scope .txt_blue { color: #000 !important; }
.bs5-scope .txt_white { color: #fff; }
.bs5-scope .txt_black { color: #151515; }
.bs5-scope .txt_hover:hover { color: #016D37 !important; }

/*font weight*/
.bs5-scope .fw_700 { font-weight: 700; }
.bs5-scope .fw_600 { font-weight: 600; }
.bs5-scope .fw_500 { font-weight: 500; }
.bs5-scope .fw_400 { font-weight: 400; }

/*font size*/
.bs5-scope h1 { font-size: 38px; }
.bs5-scope h2 { font-size: 28px; }
.bs5-scope h3 { font-size: 22px; }
.bs5-scope h4 { font-size: 20px; }
.bs5-scope h5 { font-size: 18px; }
.bs5-scope h6,
.bs5-scope .h6 { font-size: 11px; }
.bs5-scope .h7 { font-size: 12px; }
.bs5-scope p { font-size: 16px; }
.bs5-scope .font-size-26 { font-size: 26px; }
.bs5-scope .padd-15 { padding: 0 15px; }
.bs5-scope .box-shadow { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.28); }
.bs5-scope .box-light-shadow { box-shadow: 0 0 5px rgba(0, 0, 0, 0.10); }

/* slick css */
.bs5-scope .slick-prev,
.bs5-scope .slick-next { position: relative; padding: 0; margin: 0; left: 0; transform: none; }
.bs5-scope .slick-prev:before,
.bs5-scope .slick-next:before { display: none; }
.bs5-scope .slick-nav > button:first-child { padding-right: 26px; margin-right: 10px; border-right: 1px solid #e3e6ee; }
.bs5-scope .slick-arrow:hover svg,
.bs5-scope .slick-arrow:active svg,
.bs5-scope .slick-arrow:focus svg { color: #fe7b00 !important; }
.bs5-scope .deal_section .slick-prev,
.bs5-scope .deal_section .slick-next { transform: none; }

.bs5-scope body { /*font-family: 'Inter', sans-serif;*/ color: #425a8b; }
.bs5-scope ul { list-style-type: none; margin: 0; padding: 0; }
.bs5-scope li { display: inline-block; }
.bs5-scope a { text-decoration: none; display: inline-block; transition: all 0.5s; }

@media only screen and (min-width:992px) {
  .bs5-scope .container { max-width: 960px; }
}
@media only screen and (min-width:1200px) {
  .bs5-scope .container { max-width: 1170px; }
}
@media only screen and (min-width:1400px) {
  .bs5-scope .container { max-width: 1430px; }
}
/*@media only screen and (min-width:1550px) {
  .bs5-scope .container { max-width: 1580px; }
}
@media only screen and (min-width:1710px) {
  .bs5-scope .container { max-width: 1680px; }
}*/

.bs5-scope .container,
.bs5-scope .row > *,
.bs5-scope .container_padding { padding: 0 15px; }
.bs5-scope .row { margin: 0 -15px; }

/* loader css */
.bs5-scope .alloader { height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 999999; background-color: #ffffff; }
.bs5-scope .rotating {
  background-image: url("../Images/theme-loader.gif");
  background-position: center center; background-repeat: no-repeat;
  bottom: 0; height: auto; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 100%;
}
.bs5-scope .alloader span.loader { display: flex; align-items: center; justify-content: center }

/* Comman css */
.bs5-scope .border_solid { border: 1px solid #e3e6ee; }
.bs5-scope .bottom_border { border-bottom: 1px solid #e3e6ee; }
.bs5-scope .top_border { border-top: 1px solid #e3e6ee; }
.bs5-scope .border_right { border-right: 1px solid #e3e6ee; }
.bs5-scope .border_left { border-left: 1px solid #e3e6ee; }
.bs5-scope .border_radius { border-radius: 5px; }
.bs5-scope .border_bottom_radius { border-radius: 0 1px 0px 1px; }
.bs5-scope .border_color { border-color: #425a8b; }
.bs5-scope .padd-t-60 { padding-top: 60px; }
.bs5-scope .padd-b-60 { padding-bottom: 60px; }
.bs5-scope .top_padding { padding-top: 30px; }
.bs5-scope .padd-50 { padding: 50px 0; }
.bs5-scope .bottom_padding { padding-bottom: 30px; }
.bs5-scope .margin_top { margin-top: 30px; }
.bs5-scope .padd-30 { padding: 30px; }
.bs5-scope .max-width-100 { max-width: 100px; }
.bs5-scope .ctm-width { width: 38rem; }
.bs5-scope .ctm-btn:hover,
.bs5-scope .ctm-btn:focus,
.bs5-scope .ctm-btn:active { background: #fe7b00; color: #ffffff; border-color: #fe7b00; }

.bs5-scope .middel_header_inner-1 .middel_header_btn,
.bs5-scope .middel_header_inner-3 .middel_header_btn,
.bs5-scope .third_header_outer .border_right { padding-right: 15px !important; margin-right: 15px; }
.bs5-scope .middel_header_inner-3 .btn { padding: 0; }
.bs5-scope .middel_header_inner-3 > .dropdown { line-height: 1; }
.bs5-scope .middel_header_inner-1 .middel_header_btn:nth-child(3),
.bs5-scope .middel_header_inner-3 .middel_header_btn:nth-child(2) { border: none; }
.bs5-scope .middel_header_inner-3 ul li a { padding: 8px 20px; }
.bs5-scope .feather-chevrons-down { top: 15px; right: 12px; }
.bs5-scope .dropdown-toggle::after { display: none; }

.bs5-scope .shop_cat_btn.dropdown a { width: 170px; padding: 10px 14px; font-size: 11px;}
.bs5-scope .shop_cat_btn.dropdown .navbar__menu > li > a:hover,
.bs5-scope .shop_cat_btn.dropdown .navbar__menu > li > a:focus,
.bs5-scope .shop_cat_btn.dropdown .navbar__menu > li > a:active { background-color: #0E382C; color: #ffffff !important; }
.bs5-scope .shop_cat_btn.dropdown .navbar__menu > li > a:hover i,
.bs5-scope .shop_cat_btn.dropdown .navbar__menu > li > a:focus i,
.bs5-scope .shop_cat_btn.dropdown .navbar__menu > li > a:active i { color: #ffffff !important; }
.bs5-scope .shop_cat_btn a.shop_cat_toggle { height: 50px; }

.bs5-scope .cart_count {
  content: ""; height: 15px; width: 15px; border-radius: 3px; font-size: 12px; top: 0px; left: 25px; z-index: 1;
  line-height: 1.2; text-align: center; vertical-align: middle;
}

.bs5-scope .search_for_item_outer { width: 570px; height: 50px; }
.bs5-scope .search_for_item_btn { top: 11px; right: 15px; border: 0; padding: 0; }
.bs5-scope .search_for_item_btn:focus { outline: 0; box-shadow: unset; }
.bs5-scope .shop_btn { padding: 12px 33px; margin-top: 44px; }

.bs5-scope .navbar__menu .mega-menu-inner {
  display: none; top: 100%; z-index: 2; margin-top: -0.002rem; background-color: #fff;
  left: 0; right: auto; opacity: 0; visibility: hidden; transition: all .5s ease-in-out;
}
.bs5-scope .navbar__menu .menu-menu-bgimage { right: 0; position: absolute; bottom: 0; z-index: -1; }
.bs5-scope .navbar__menu .has-mega-menu ul li a:hover { text-decoration: underline; }

.bs5-scope .visor_virtual_text_inner { top: 160px; left: 58px; }
.bs5-scope .discount_on_text_inner { top: 40px; right: 30px; }
.bs5-scope .hot_deal_text_inner { top: 40px; left: 35px; }

.bs5-scope .product_catagery { padding: 30px 15px; }
.bs5-scope .services { padding: 0 80px; }
.bs5-scope .new_product_price { padding: 20px 0; }
.bs5-scope .banner_detail .hot_deal_text_inner { top: 54px; }

/* product hover button */
.bs5-scope .btn-check:focus + .btn,
.bs5-scope .btn:focus { box-shadow: none; }
.bs5-scope :focus-visible { outline: none; }

.bs5-scope .product_container { overflow: hidden; }
.bs5-scope .product_container .product-image .btn_wrapper .pro_btn a {
  width: 45px; height: 45px; display: flex; align-items: center; justify-content: center;
}
.bs5-scope .product_container .product-image .btn_wrapper .pro_btn a svg {
  width: 17px; height: 45px; fill: #425a8b; transition: all 0.5s;
}
.bs5-scope .product_container .product-image .btn_wrapper .pro_btn {
  background: #f7f8fc; border-radius: 5px; margin-bottom: 10px; transition: all 0.5s;
}
.bs5-scope .product_container .product-image .btn_wrapper .pro_btn:hover { background-color: #425a8b; }
.bs5-scope .product_container .product-image .btn_wrapper .pro_btn:hover a svg { fill: #ffffff; }
.bs5-scope .product_container .product-image .btn_wrapper .pro_btn:last-child { margin-bottom: 0; }

.bs5-scope .product_container .product-image .btn_wrapper {
  bottom: 0; margin: auto; position: absolute; text-align: center; opacity: 0; visibility: hidden;
  transition: all 500ms ease-in-out 0s; transform: translateX(100%);
  width: 45px; height: auto; left: auto; right: 0; top: 0;
}
.bs5-scope .product_container .product-image:hover .btn_wrapper {
  opacity: 1; visibility: visible; transform: translateX(0);
}

.bs5-scope .product-countdown svg { width: 40px; height: 40px; }
.bs5-scope .product-countdown-text { padding: 0 10px; }

.bs5-scope #countdown ul li {
  background: #fe7b00; width: 40px; height: 40px; border-radius: 5px;
  display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 600; color: #fff; position: relative;
}
.bs5-scope #countdown ul li:not(:last-child) { margin-right: 15px; }
.bs5-scope #countdown ul li:not(:last-child):before {
  position: absolute; content: ":"; right: -10px; color: #151515; top: 0; bottom: 0; margin: auto; display: flex; align-items: center; justify-content: center;
}
.bs5-scope #countdown ul { display: flex; }
.bs5-scope .product-count-hide { display: none !important; }

.bs5-scope .blog_btn,
.bs5-scope .bottom-footer ul li a,
.bs5-scope .categories-list ul li a:hover {
  text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px;
}

/* footer css */
.bs5-scope .newsletter-form input {
  width: 100%; height: 50px; background: #fff; border: none; padding: 0 15px; border-radius: 5px;
}
.bs5-scope .newsletter-form button {
  font-size: 14px; height: 100%; color: #fff; border: none; background: #fe7b00;
  padding: 18px 28px; line-height: 1; border-radius: 5px; margin-left: 10px; text-transform: uppercase;
}
.bs5-scope .newsletter-form input::placeholder { color: #8c9ec5; }
.bs5-scope .footer_section { padding: 100px 0; }
.bs5-scope .footer_social li a svg { width: 20px; height: 20px; }
.bs5-scope .footer_social li a svg path,
.bs5-scope .footer_social li a svg circle { fill: #425a8b; }
.bs5-scope .footer_social {
  width: 75%; padding-top: 20px; margin-top: 30px; border-top: 1px solid #e3e6ee;
}
.bs5-scope .footer_social li:not(:last-child) { margin-right: 16px; }
.bs5-scope .address_footer_text svg { width: 36px; height: 36px; margin-right: 10px; }
.bs5-scope .bottom-footer ul li:not(:last-child) { margin-right: 45px; }

/* cart drawer css */
.bs5-scope .js-menu__context {
  background: rgba(0, 0, 0, 0.5); left: 0; opacity: 0; position: fixed; top: 0;
  transition: opacity 0.5s, visibility 0.5s; visibility: hidden; width: 100%; height: 100%; z-index: 40000;
}
.bs5-scope .js-menu__context .js-menu-cart {
  color: #000; position: absolute; height: 100%; width: 400px; max-width: 85vw; padding: 0; margin: 0; background: #fff; z-index: 99;
  overflow-y: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; transition: background 0.5s, transform 0.5s;
}
.bs5-scope .js-menu--right { -webkit-transform: translateX(100%); transform: translateX(100%); position: absolute; right: 0; }
.bs5-scope .js-menu__context .js-menu__open { cursor: pointer; }
.bs5-scope .js-menu__context .js-menu__close { cursor: pointer; }
.bs5-scope .js-menu__expanded { -webkit-transform: translateX(0); transform: translateX(0); visibility: visible; opacity: 1; }
.bs5-scope .js-menu__context .cart-dropdown { height: auto; overflow-x: hidden; }
.bs5-scope .js-menu__context .cart-inner-form {
  height: calc(100% - 83px); overflow: hidden; position: relative; display: flex; flex-direction: column; justify-content: space-between;
}
.bs5-scope .js-menu__context .cart__inner-foot { padding: 23px 24px 16px; min-height: 136px; }

/* go to top css */
.bs5-scope .back-to-top {
  background: #425a8b; border-radius: 50%; bottom: 30px; color: #fff; cursor: pointer; width: 50px; height: 50px;
  position: fixed; right: 30px; text-decoration: none; transition: 0.3s; z-index: 337; display: flex; justify-content: center; align-items: center; border: 1px solid #ffffff;
}
.bs5-scope .back-to-top svg { width: 30px; height: 30px; fill: #ffff; }

/* login/register css */
.bs5-scope .login-register .container {
  position: relative; width: 100%; background-color: #fff; min-height: 96vh; overflow: hidden; max-width: 100%;
}
.bs5-scope .login-register .forms-container { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.bs5-scope .login-register .signin-signup {
  position: absolute; top: 50%; transform: translate(-50%, -50%); left: 75%; width: 50%;
  transition: 1s 0.7s ease-in-out; display: grid; grid-template-columns: 1fr; z-index: 5;
}
.bs5-scope .login-register form {
  display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 0rem 5rem;
  transition: all 0.2s 0.7s; overflow: hidden; grid-column: 1 / 2; grid-row: 1 / 2;
}
.bs5-scope .login-register form.sign-up-form { opacity: 0; z-index: 1; }
.bs5-scope .login-register form.sign-in-form { z-index: 2; }
.bs5-scope .login-register .input-field {
  max-width: 380px; width: 100%; margin: 10px 0; height: 55px; display: grid; grid-template-columns: 15% 85%;
  padding: 0 0.4rem; position: relative;
}
.bs5-scope .login-register .input-field i { text-align: center; line-height: 55px; color: #acacac; transition: 0.5s; font-size: 1.1rem; }
.bs5-scope .login-register .input-field input {
  background: none; outline: none; border: none; line-height: 1; font-weight: 400; font-size: 16px; color: #333;
}
.bs5-scope .login-register .input-field input::placeholder { color: #425a8b; font-weight: 400; }
.bs5-scope .login-register .social-media { display: flex; justify-content: center; }
.bs5-scope .login-register .social-icon {
  height: 46px; width: 46px; display: flex; justify-content: center; align-items: center; margin: 0 0.45rem;
  text-decoration: none; font-size: 1.1rem; transition: 0.3s;
}
.bs5-scope .login-register .social-icon:hover { border-color: #425a8b; }
.bs5-scope .login-register .btn { width: 150px; outline: none; height: 49px; color: #fff; cursor: pointer; transition: 0.5s; }
.bs5-scope .login-register .panels-container {
  position: absolute; height: 100%; width: 100%; top: 0; left: 0; display: grid; grid-template-columns: repeat(2, 1fr);
}
.bs5-scope .login-register .container:before {
  content: ""; position: absolute; height: 2000px; width: 2000px; top: -10%; right: 48%; transform: translateY(-50%);
  background: #425a8b; transition: 1.8s ease-in-out; border-radius: 50%; z-index: 6;
}
.bs5-scope .login-register .image { width: 100%; transition: transform 1.1s ease-in-out; transition-delay: 0.4s; }
.bs5-scope .login-register .panel {
  display: flex; flex-direction: column; align-items: center; justify-content: space-around; text-align: center; z-index: 6;
}
.bs5-scope .login-register .left-panel { pointer-events: all; padding: 3rem 17% 2rem 12%; }
.bs5-scope .login-register .right-panel { pointer-events: none; padding: 3rem 12% 2rem 17%; }
.bs5-scope .login-register .panel .content { color: #fff; transition: transform 0.9s ease-in-out; transition-delay: 0.6s; }
.bs5-scope .login-register .panel h3 { font-weight: 600; line-height: 1; font-size: 1.5rem; }
.bs5-scope .panel p { font-size: 0.95rem; padding: 0.7rem 0; }
.bs5-scope .login-register .btn.transparent {
  margin: 0; background: none; border: 2px solid #fff; width: 130px; height: 41px; font-weight: 600; font-size: 0.8rem;
}
.bs5-scope .login-register .right-panel .image,
.bs5-scope .login-register .right-panel .content { transform: translateX(800px); }

/* ANIMATION */
.bs5-scope .login-register .container.sign-up-mode:before { transform: translate(100%, -50%); right: 52%; }
.bs5-scope .login-register .container.sign-up-mode .left-panel .image,
.bs5-scope .login-register .container.sign-up-mode .left-panel .content { transform: translateX(-800px); }
.bs5-scope .login-register .container.sign-up-mode .signin-signup { left: 25%; }
.bs5-scope .login-register .container.sign-up-mode form.sign-up-form { opacity: 1; z-index: 2; }
.bs5-scope .login-register .container.sign-up-mode form.sign-in-form { opacity: 0; z-index: 1; }
.bs5-scope .login-register .container.sign-up-mode .right-panel .image,
.bs5-scope .login-register .container.sign-up-mode .right-panel .content { transform: translateX(0%); }
.bs5-scope .login-register .container.sign-up-mode .left-panel { pointer-events: none; }
.bs5-scope .login-register .container.sign-up-mode .right-panel { pointer-events: all; }

.bs5-scope input:-internal-autofill-selected {
  appearance: menulist-button; background-image: none !important; background-color: transparent !important; color: fieldtext !important;
}

/* contact us css */
.bs5-scope .grid-70-30 { display: grid; grid-template-columns: 70% 30%; }
.bs5-scope .get_form_inner {
  display: block; padding: 50px 40px; background: #fff; box-shadow: -4px -2px 20px -7px #cfd5df; border-radius: 5px;
}
.bs5-scope .get_form_inner input[type="text"],
.bs5-scope .get_form_inner input[type="email"],
.bs5-scope .get_form_inner input[type="tel"] {
  color: #333; height: 50px; padding: 0 15px; width: 100%; outline: 0;
}
.bs5-scope .grid-50-50 { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px; }
.bs5-scope textarea {
  border-radius: 2px; color: #333; padding: 12px 0 0 20px; width: 100%; outline: 0; margin-bottom: 20px;
}
.bs5-scope .get_say_form { display: inline-block; padding: 45px 0 25px 30px; position: relative; border-radius: 0 5px 5px 0; }
.bs5-scope ul { list-style: none; padding: 0; margin: 0; }
.bs5-scope .get_say_social-icn { display: flex; position: absolute; bottom: 40px; }
.bs5-scope .get_say_social-icn a { font-size: 22px; color: #fff; padding: 0 20px 0 0; }
.bs5-scope .get_say_info_sec i { color: #fff; font-size: 28px; }
.bs5-scope .get_say_info_sec > li {
  display: grid; grid-template-columns: 40px auto; align-items: center; margin-bottom: 40px;
}
.bs5-scope .get_say_info_sec > li a {
  width: 100%; display: block; padding: 15px 18px; color: #fff; font-size: 16px; text-decoration: unset; font-weight: 500;
  background: #6379a7; border-radius: 5px 0 0 5px; transition: background 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

/* faq css */
.bs5-scope .accordion-button:not(.collapsed) { background: #f7f8fc; color: #425a8b; }

/* facts section */
.bs5-scope .counter-stats {
  margin: -100px auto 60px; box-shadow: 0 10px 20px -5px rgb(0 0 0/10%); width: 92%;
}
.bs5-scope .counter-stats h3 { font-size: 40px; }
.bs5-scope .counter-stats h3::after { content: " +"; display: inline-block; }

/* checkout page css */
.bs5-scope .search-button input,
.bs5-scope .checkout-billing input,
.bs5-scope .checkout-billing select,
.bs5-scope .checkout-section input,
.bs5-scope .blog-post-contact input,
.bs5-scope .write-review input { height: 50px; }

.bs5-scope .order-cart-form { text-align: center; }
.bs5-scope .order-cart-form tr { vertical-align: middle; color: #425a8b; }
.bs5-scope .order-cart-form thead th { padding: 20px 10px; }
.bs5-scope .checkout-section .accordion-button::after,
.bs5-scope .order-summery .accordion-button::after { display: none; }
.bs5-scope .order-summery .accordion-button { width: auto; }

/* blog listing page */
.bs5-scope .blog-left-side > div {
  background-color: #fff; margin-bottom: 30px; padding: 30px; box-shadow: 0 0 5px rgba(0,0,0,0.10);
}
.bs5-scope .search-button { position: relative; }
.bs5-scope .search-button button {
  position: absolute; right: 0; top: 0; bottom: 0; padding: 20px; display: flex; align-items: center; justify-content: center;
}
.bs5-scope .search-button input { padding: 0 60px 0 15px; }

/* blog details page */
.bs5-scope .comment-author { flex: 0 0 60px; width: 60px; }
.bs5-scope .blog-postinfos a i { font-size: 20px; }

/* wishlist page */
.bs5-scope .wishlist-table td { vertical-align: middle; }
.bs5-scope .wishlist-table tr { color: #425a8b; }
.bs5-scope .wishlist-table .table tbody tr td { padding: 35px 20px; }
.bs5-scope .wishlist-table thead th { padding: 20px 10px; }

/* collection listing page */
.bs5-scope .category-listing-section .collection_template_item { margin-bottom: 40px; }

.bs5-scope .price-filter .price-input { width: 100%; display: flex; margin: 30px 0 35px; }
.bs5-scope .price-filter .price-input .field {
  display: flex; width: 100%; align-items: self-start; flex-direction: column;
}
.bs5-scope .price-filter .field input {
  width: 100%; height: 40px; outline: none; font-size: 16px; margin-left: 0; border-radius: 5px; text-align: center; -moz-appearance: textfield;
}
.bs5-scope .price-filter input[type="number"]::-webkit-outer-spin-button,
.bs5-scope .price-filter input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; }

.bs5-scope .price-filter .price-slider { height: 5px; position: relative; background: #ddd; border-radius: 5px; }
.bs5-scope .price-filter .price-slider .progress {
  height: 100%; left: 25%; right: 25%; position: absolute; border-radius: 5px; background: #425a8b;
}
.bs5-scope .price-filter .range-input { position: relative; }
.bs5-scope .price-filter .range-input input {
  position: absolute; width: 100%; height: 5px; top: -5px; background: none; pointer-events: none; -webkit-appearance: none; -moz-appearance: none;
}
.bs5-scope .price-filter input[type="range"]::-webkit-slider-thumb {
  height: 17px; width: 17px; border-radius: 50%; background: #425a8b; pointer-events: auto; -webkit-appearance: none; box-shadow: 0 0 6px rgba(0,0,0,0.05);
}
.bs5-scope .price-filter input[type="range"]::-moz-range-thumb {
  height: 17px; width: 17px; border: none; border-radius: 50%; background: #425a8b; pointer-events: auto; -moz-appearance: none; box-shadow: 0 0 6px rgba(0,0,0,0.05);
}

.bs5-scope .filter-wrapper ul li button.active,
.bs5-scope .filter-wrapper ul li button:hover,
.bs5-scope .filter-wrapper ul li button:active { color: #fe7b00 !important; }

.bs5-scope .collection-product-listing .product_container { margin-bottom: 30px; }

.bs5-scope .pagination-wrap .page-item .page-link {
  border-radius: 50%; color: #425a8b; height: 40px; width: 40px; display: flex; align-items: center; justify-content: center; box-shadow: none;
}
.bs5-scope .pagination-wrap .page-item:not(:last-child) { margin-right: 5px; }
.bs5-scope .pagination-wrap .page-item.active .page-link,
.bs5-scope .pagination-wrap .page-item:focus .page-link,
.bs5-scope .pagination-wrap .page-item:hover .page-link {
  background-color: #425a8b; color: #fff; border-color: #425a8b;
}

.bs5-scope .product-list .btn_wrapper .pro_btn,
.bs5-scope .product-short-list .btn_wrapper .pro_btn {
  background: #f7f8fc; border-radius: 5px; margin-bottom: 0; transition: all 0.5s;
}
.bs5-scope .product-list .btn_wrapper .pro_btn a,
.bs5-scope .product-short-list .btn_wrapper .pro_btn a {
  width: 45px; height: 45px; display: flex; align-items: center; justify-content: center;
}
.bs5-scope .product-list .btn_wrapper .shop_btn,
.bs5-scope .product-short-list .btn_wrapper .shop_btn { height: 45px; }
.bs5-scope .product-list .btn_wrapper .pro_btn a svg,
.bs5-scope .product-short-list .btn_wrapper .pro_btn a svg {
  fill: #425a8b; transition: all 0.5s; width: 17px; height: 45px;
}
.bs5-scope .product-list .btn_wrapper .pro_btn:hover,
.bs5-scope .product-short-list .btn_wrapper .pro_btn:hover { background-color: #425a8b; }
.bs5-scope .product-list .btn_wrapper .pro_btn:hover a svg,
.bs5-scope .product-short-list .btn_wrapper .pro_btn:hover a svg { fill: #ffffff; }

.bs5-scope .product-list .shop_btn:hover,
.bs5-scope .product-short-list .shop_btn:hover,
.bs5-scope .product-info .shop_btn:hover { background: #425a8b; color: #fff !important; }
.bs5-scope .product-info a { display: block; }

/* product page css */
.bs5-scope .product-wrapper-slider .product-image img { opacity: 0.5; }
.bs5-scope .product-wrapper-slider .product-image.slick-center img { opacity: 1; }

.bs5-scope ul.slick-dots {
  position: unset; display: flex; align-items: center; justify-content: center; margin-top: 25px;
}
.bs5-scope .slick-dots li { width: auto; height: auto; padding: 0 4px; margin: 0; }
.bs5-scope .slick-dots li button {
  font-size: 0; background: #d6d6d6; width: 10px; height: 6px; border-radius: 5px; padding: 0; transition: all 400ms ease-in-out 0s;
}
.bs5-scope .slick-dots li.slick-active button { background: #425a8b; width: 20px; }
.bs5-scope .slick-dots li:hover button,
.bs5-scope .slick-dots li:focus button { background: #425a8b; }
.bs5-scope .slick-dots li button:before { display: none; }

.bs5-scope .product-form__input--dropdown .form-select { font-size: 14px; height: 50px; }

.bs5-scope .quantity-box .qty { display: flex; flex-wrap: wrap; }
.bs5-scope .quantity-box .qty label { flex: 1 0 100%; }
.bs5-scope .quantity-box .qty input {
  width: 7rem; height: 48px; font-size: 16px; text-align: center; border: 1px solid #f7f8fc; background: #f7f8fc;
}
.bs5-scope .quantity-box .qty button {
  width: 48px; height: 48px; color: #425a8b; font-size: 26px; background: #f7f8fc; display: flex; align-items: center; justify-content: center;
  border: none; line-height: 48px; border-radius: 5px;
}
.bs5-scope .quantity-box .qty button.qtyminus { margin-right: 0.3rem; }
.bs5-scope .quantity-box .qty button.qtyplus { margin-left: 0.3rem; }
.bs5-scope .quantity-box .qty .quantity1::-webkit-inner-spin-button,
.bs5-scope .quantity-box .qty .quantity1::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.bs5-scope .quantity-box .qty { width: 30%; }
.bs5-scope .quantity-box .product-cart-btn .shop_btn {
  height: 48px; display: flex; align-items: center; justify-content: center;
}

.bs5-scope .product-information-btn svg {
  width: 20px; height: 20px; fill: #425a8b;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.bs5-scope .product-information-btn .pro_btn .btn { display: flex; align-items: center; padding: 0; }
.bs5-scope .product-information-btn .pro_btn:hover svg { fill: #fe7b00; }
.bs5-scope .product-information-btn .pro_btn:hover span { color: #fe7b00 !important; }

.bs5-scope #sizepopup .modal-dialog { max-width: fit-content; }

.bs5-scope .product-single__description ul#myTab { margin: 0 0 20px; }
.bs5-scope .product-single__description ul#myTab li .nav-link {
  font-weight: 500; font-size: 16px; color: #555; border: none; padding: 0 0 14px;
}
.bs5-scope .product-single__description ul#myTab li .nav-link.active {
  color: #425a8b; font-weight: 600; border-bottom: 1px solid #425a8b;
}
.bs5-scope .product-single__description ul#myTab li { list-style: none; margin: 0 45px 0 0; }
.bs5-scope .product-single__description ul#myTab li .nav-link:hover { color: #425a8b; border-bottom: 1px solid #425a8b; }

.bs5-scope .write-review span svg path { fill: #5c5c5c; }
.bs5-scope .review-widget svg:hover path { fill: #fe7b00; }

/* --- responsive already handled in responsive-header.scoped.css --- */
/* Nota: este archivo contiene solo reglas base scopeadas. Las media queries ya las scopeamos en responsive-header.scoped.css. */

/* === Evitar que los textos largos de los <li> se salgan del contenedor === */
.bs5-scope .navbar__menu .mega-menu-inner .u-header__sub-menu-nav-group li a {
  white-space: normal !important; /* permite salto de línea */
  word-break: break-word !important; /* corta si hay palabras largas */
  overflow-wrap: break-word !important; /* soporte adicional */
  display: block; /* asegura que cada ítem ocupe toda la línea */
  line-height: 1.3;
}