pre {
  direction: ltr;
  text-align: left;
}

.product,
.product-five .content,
.product-five .product-image,
.product-six,
.product-six .image,
.product-seven,
.product-eight .image,
.product-eight .content,
.product-thirteen-two .product-image,
.article figure,
.form-check,
.form-switch,
.product-two,
.article-three figure,
.options-box li i,
.nav-responsive-content ul li,
.table thead,
.table tbody tr,
.top-header,
.top-header-auth,
.top-header-auth-dropdown li a,
.top-header-four,
.top-header-seven,
.top-header-eleven-logo,
.top-header-sixteen .nav-header-cart>a span,
.nav-header-menu>li>a,
.nav-header-cart,
.nav-header-cart-dropdown ul li,
.nav-header-two .menu>li>a,
.nav-header-three .menu>li>a,
.amazing-offer .swiper-slide,
.top-products-tabs,
.detail-product .detail .full-info li,
.category-sidebar-box-items li,
.category-sort ul li label,
.amazing-offer-two-item .detail .info li,
.amazing-offer-three-item .detail,
.footer-four .footer-namad,
.footer-four-news-letter,
.new-articles-item,
.detail-blog-content blockquote,
.detail-product-three .detail-product-two-review .btn,
.detail-product-three .section-titr,
.amazing-offer-five-wrapper,
.category-products .top-category-item,
.category-products-two-item,
.category-products-two-item h2,
.amazing-offer-seven-item .progress-circle,
.slider-banners-ten .swiper-button-next,
.slider-banners-ten .swiper-button-prev,
.slider-banners-ten .swiper-pagination,
.amazing-offer-eight-item .detail .btns,
.top-products-six .nav-pills .nav-item,
.amazing-offer-nine .amazing-offer-seven-item .content,
.best-seller-products .section-heading-link,
.category-products-four .section-heading-link {
  position: relative;
}

.section-heading-two::after,
.product-image .discount,
.product-image .discount::after,
.product-image .date-discount,
.product .status,
.product-hover,
.product-six .image .offer,
.product-six .btn,
.product-seven .btn-danger-2,
.product-eight .image .offer,
.product-eight .btn-secondary,
.article figure .category-time,
.send-comment .form-group label,
.auth .form-group label,
.form-check-input,
.form-check-label::after,
.form-check-label::before,
.form-switch .form-check-label::before,
.product-two-detail .status,
.product-two-detail .offer,
.product-two-detail .btn,
.product-three .detail .offer,
.product-three .detail .btn,
.article-three figure .category,
#specifications ul li::after,
#comments::before,
.options-box li i::after,
.megamenu,
.megamenu::after,
.nav-responsive-content,
.article-four figure::after,
.article-five figure>a::after,
.article-six figure::after,
.table thead::after,
.table tbody tr td:first-child::before,
.table tbody tr td:first-child::after,
.article-seven figure a::before,
.article-seven .content .info::before,
.article-eight::before,
.article-eight .image::after,
.article-eight .content::before,
.article-sixteen figure::before,
.article-sixteen figure::after,
.top-header::after,
.top-header-search .btn,
.top-header-favorite span,
.top-header-auth-dropdown,
.top-header-auth-dropdown::after,
.top-header-auth-dropdown::before,
.top-header-two-search .btn,
.top-header-four .nav-header-cart>a span,
.top-header-four-logo,
.top-header-four-search form button,
.top-header-nine-logo,
.top-header-ten-logo::after,
.top-header-eleven-logo::before,
.top-header-eleven-logo::after,
.top-header-thirteen::after,
.top-header-fourteen::before,
.top-header-fiveteen .container::before,
.top-header-fiveteen .container::after,
.top-header-fiveteen .top-header-logo,
.top-header-sixteen .container::before,
.nav-header-cart>.btn span,
.nav-header-cart-dropdown,
.nav-header-cart-dropdown::after,
.nav-header-two .menu::before,
.nav-header-three .container::after,
.nav-header-five .menu::before,
.nav-header-five .menu>li>a::before,
.nav-header-eleven ul li a::before,
.nav-header-twelve::before,
.nav-header-twelve::after,
.nav-header-twelve .container::before,
.nav-header-fourteen .menu::before,
.amazing-offer::after,
.amazing-offer .section-heading .detail::before,
.amazing-offer-wrapper::after,
.amazing-offer-wrapper::before,
.amazing-offer .swiper-slide:not(:last-child)::after,
.top-products::before,
.top-products .container::before,
.top-products-tabs::after,
.top-seller-home .section-heading .detail::after,
.top-category-wrapper::before,
.top-category-wrapper::after,
.about-us-home-heading .title::after,
.new-article .heading .title::after,
.footer .container::after,
.footer-name-shop::after,
.detail-product-offer,
.detail-product-icons,
.detail-product .detail .full-info li:first-child::after,
.detail-product .detail .full-info li:not(:first-child)::after,
.detail-product .detail .full-info::after,
.detail-product .detail .full-info::before,
.detail-product .detail .count-price::after,
.detail-product .detail .count-price::before,
.detail-product .detail .options::before,
.detail-product-review-content::before,
.detail-product-review .btn,
.footer-two::before,
.footer-two-phone::after,
.category-sidebar-box-items li.has-child span,
.category-sidebar-box-items li.has-child span::after,
.category-sidebar-box-items li.has-child span::before,
.category-sort ul li label::after,
.category-sort ul li label::before,
.auth-wrapper::after,
.auth-wrapper::before,
.cart-wrapper::before,
.cart .time-send li input,
.cart .time-send li .content .send::after,
.cart .carrier-selection ul li label::after,
.blog .swiper::after,
.landing::after,
.amazing-offer-two .container::before,
.amazing-offer-two-item a,
.amazing-offer-two-item a:hover,
.amazing-offer-two-item a:focus,
.amazing-offer-two-item a:active,
.amazing-offer-two-item .detail .offer span,
.top-products-two-wrapper::after,
.top-sellers .section-heading .detail::after,
.top-sellers .swiper::after,
.about-us-home-two .container::after,
.news-letter .container::after,
.new-comments::after,
.new-comments-scroll,
.options-site ul li i::after,
.footer-three-namad::after,
.footer-three .footer-scroll-header,
.amazing-offer-three-wrapper::after,
.amazing-offer-three-wrapper::before,
.amazing-offer-three-timer,
.amazing-offer-three .swiper::after,
.amazing-offer-three-item .detail::before,
.top-products-three .container::after,
.top-sellers-two .swiper::before,
.footer-four .container::after,
.footer-four .footer-namad::after,
.footer-four-news-letter::after,
.amazing-offer-four::before,
.brands-two .brands-wrapper .title,
.new-articles .right::before,
.new-articles .right h3::after,
.new-articles-item::after,
.new-articles-item a,
.new-articles-item a:hover,
.new-articles-item a:focus,
.new-articles-item a:active,
.new-articles-item .detail,
.new-articles .swiper-button-next::before,
.detail-blog-content blockquote::before,
.detail-blog-related::after,
.detail-blog-related::before,
.detail-blog-related .heading h4::before,
.detail-blog-comments-wrapper::before,
.detail-blog .like-share,
.detail-product-two .gallery .icons,
.detail-product-two .gallery .rate,
.detail-product-two .gallery .offer,
.detail-product-two-review .container::after,
.detail-product-two-review .title::after,
.detail-product-three .count-comment-rate::after,
.detail-product-three .section-titr::after,
.landing-tow::after,
.amazing-offer-five .container::after,
.amazing-offer-five-wrapper .amazing-offer-two-item .detail::after,
.amazing-offer-five-slider::after,
.amazing-offer-five-slider::before,
.top-category-three-item::after,
.best-selling-products::after,
.best-selling-products::before,
.products-category-wrapper::after,
.products-category-title span::after,
.about-us-home-three::after,
.about-us-home-three-wrapper .content::after,
.about-us-home-three-wrapper .content img,
.top-category-four::after,
.new-products-category-title::after,
.new-products-category-title::before,
.top-seller-home-five.pattern::after,
.top-seller-home-five .container::before,
.footer-five-bottom::after,
.footer-six .footer-scroll-header,
.footer-six-bottom .container::before,
.buy-vip-right::after,
.buy-vip-left .timear::after,
.buy-vip-left .timear::before,
.category-products-title::after,
.category-products .top-category-item::after,
.about-us-home-six .content h3::after,
.amazing-offer-six .container::after,
.amazing-offer-six-wrapper::before,
.amazing-offer-six-wrapper::after,
.brands-four .brands-wrapper::after,
.brands-four .brands-wrapper::before,
.products-category-two .container::after,
.products-category-two .section-heading::after,
.products-category-two .section-heading::before,
.about-us-home-seven::before,
.about-us-home-seven .container::after,
.about-us-home-seven .content h2::after,
.category-products-two .container::after,
.category-products-two-title::after,
.category-products-two-item::after,
.landing-eight::before,
.landing-eight::after,
.amazing-offer-seven-wrapper::before,
.amazing-offer-seven-item::before,
.amazing-offer-seven-item .image,
.amazing-offer-seven-item .progress-circle::before,
.amazing-offer-seven-item .progress-circle::after,
.consol-game .section-heading .detail::before,
.ready-cases-item::before,
.ready-cases-item ul::before,
.ready-cases-item ul::after,
.category-products-three-item img,
.about-us-home-eight h2::after,
.new-articles-blog .right .title::before,
.new-articles-blog .right .title::after,
.footer-seven-top::before,
.footer-seven-address-namd-contact::before,
.footer-seven-address-namd-contact::after,
.footer-seven-contact::after,
.slider-banners-ten .swiper-bottom,
.price-day::after,
.price-day::before,
.price-day-item::before,
.price-day-item::after,
.top-products-five-tabs::before,
.price-day-girder .section-heading .detail::before,
.landing-eleven-item::before,
.best-sellers-eleven .section-heading .detail::before,
.banners-eleven::after,
.about-us-eleven .container::before,
.about-us-eleven .container::after,
.about-us-eleven .detail::before,
.banners-slider-home-twelve .carousel::before,
.amazing-offer-eight-wrapper::before,
.amazing-offer-eight-wrapper .right .timear,
.amazing-offer-eight-wrapper .left::before,
.amazing-offer-eight-wrapper .left::after,
.amazing-offer-eight-wrapper .left .swiper::before,
.amazing-offer-eight-wrapper .left .swiper::after,
.top-products-six .nav-pills .nav-item::before,
.top-products-six .nav-pills .nav-item::after,
.top-products-six-wrapper::before,
.top-products-six-wrapper::after,
.about-us-home-nine .container::after,
.about-us-home-nine h2::after,
.amazing-offer-nine .amazing-offer-seven-item::after,
.best-seller-products .section-heading .detail::before,
.category-products-four .section-heading .detail::before,
.best-seller-products .section-heading-link::after,
.category-products-four .section-heading-link::after,
.sale-ready-cases::before,
.sale-ready-cases-item::before,
.sale-ready-cases-item::after,
.sale-ready-cases-item ul::before,
.sale-ready-cases-item ul::after,
.about-us-home-ten::before,
.about-us-home-ten-box h2::after,
.category-products-four-item img,
.footer-thirteen .container::before,
.landing-thirteen::before,
.landing-thirteen::after,
.landing-thirteen-item .image img:last-child,
.amazing-offer-fourteen-wrapper::before,
.amazing-offer-fourteen .content::before,
.amazing-offer-fourteen .content::after,
.amazing-offer-fourteen-item .detail .images li::before,
.options-site-forteen-items li h2::before,
.new-products-fourteen .section-heading .detail::before,
.new-products-fourteen .section-heading .detail::after,
.about-us-fourteen .container::after,
.about-us-fourteen .content .title::after,
.landing-fiveteen::before,
.landing-fiveteen-wrapper::before,
.landing-fiveteen-wrapper::after,
.brands-fiveteen .brands-wrapper::before,
.amazing-offer-fiveteen-wrapper::before,
.amazing-offer-fiveteen-wrapper::after,
.best-selling-fiveteen .section-heading .detail::before,
.category-products-fiveteen .container::after,
.category-products-fiveteen .title::before,
.category-products-fiveteen-item::before,
.category-products-fiveteen-item::after,
.about-us-fiveteen-wrapper::after,
.landing-sixteen::before,
.landing-sixteen-item .image::before,
.landing-sixteen-item .image::after,
.amazing-offer-sixteen-wrapper .left::before,
.amazing-offer-sixteen-wrapper .left::after,
.amazing-offer-sixteen-wrapper .right::before,
.amazing-offer-sixteen-wrapper .right::after,
.amazing-offer-sixteen-item .image img:last-child,
.best-selling-sixteen::before,
.best-selling-sixteen .section-heading::after,
.best-selling-sixteen .section-heading .detail::before,
.categories-sixteen-title::before,
.about-us-sixteen::before,
.about-us-sixteen::after,
.about-us-sixteen-wrapper .content::before,
.about-us-sixteen-wrapper .title::after,
.new-article-sixteen-wrapper::before {
  position: absolute;
}

.product-hover,
.product-six .price,
.product-seven .price,
.product-eight .image:not(.full-width),
.product-ten .product-image,
.product-ten .add-to-cart,
.product-ten .add-to-cart span:first-child,
.product-thirteen-two .btns,
.product-thirteen-three .btns,
.article figure .category-time,
.product-three .detail .price-offer,
.colors-product ul li label,
.box-gallery-body ul li,
.top-header-four-search,
.top-header-sixteen .nav-header-cart>a,
.nav-header-cart-dropdown ul li,
.top-category-item i,
.amazing-offer-three-item,
.detail-blog-info ul li,
.detail-blog .like-share button,
.detail-product-two .gallery .icons,
.detail-product-two .gallery .rate,
.detail-product-three .gallery-images li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.product-image>a>img,
.product-six .image img,
.product-seven .image img,
.product-eight .image.full-width img,
.product-eight .price del,
.product-not .detail .icons-offer ul li a,
.pagination .page-item .page-next,
.pagination .page-item .page-prev,
.product-two-image img,
.product-three .image img,
.article-three figure img,
.article-three .date span,
.options-box li i,
.megamenu li a,
.nav-responsive-content-logo,
.nav-responsive-content ul li a,
.top-header-auth-dropdown li a,
.top-header-three-nav li a,
.top-header-nine-nav ul li a,
.top-header-twelve-nav li a,
.top-header-twelve .top-header-auth>a i,
.nav-header-menu>li>a,
.nav-header-cart>.btn,
.nav-header-two .menu>li>a,
.nav-header-three .menu>li>a,
.nav-header-four .menu>li>a,
.nav-header-five .menu>li>a,
.nav-header-six-wrapper .menu>li>a,
.nav-header-fourteen .menu li a,
.nav-header-fourteen .socials li a,
.amazing-offer-btn,
.top-category-item span,
.about-us-home-heading ul li a,
.footer-socials li a,
.detail-product .detail .full-info li:not(:first-child) span,
.detail-product .detail .full-info li:not(:first-child) a,
.footer-two-socials li a,
.landing-item .detail h5 span,
.landing-item .detail h2 span,
.amazing-offer-three-timer li span,
.footer-four .socials li a,
.footer-four-nav li a,
.detail-blog-info ul li span,
.detail-blog .like-share .socials li a,
.detail-product-two .gallery .origin-image img,
.detail-product-two .gallery .images li img,
.detail-product-two .info li span,
.detail-product-two .info li a,
.detail-product-two .timear li span,
.detail-product-three .gallery-origin img,
.detail-product-three .timear .title span,
.detail-product-three .timear ul li span,
.detail-product-three .info-product li span,
.buy-vip-left .timear li span,
.category-products .top-category-item,
.category-products-two-item img,
.amazing-offer-seven-item .price>span,
.footer-seven-socials li a,
.about-us-eleven .detail .socials li a,
.amazing-offer-eight-wrapper .right .timear li span,
.landing-thirteen-item .image img {
  display: block;
}

.product-hover,
.product-six .price,
.product-seven .price,
.product-eight .image:not(.full-width),
.product-ten .product-image,
.product-ten .add-to-cart,
.product-ten .add-to-cart span:first-child,
.product-thirteen-two .btns,
.product-thirteen-three .btns,
.article figure .category-time,
.product-three .detail .price-offer,
.colors-product ul li label,
.box-gallery-body ul li,
.top-header-four-search,
.top-header-sixteen .nav-header-cart>a,
.nav-header-cart-dropdown ul li,
.top-category-item i,
.amazing-offer-three-item,
.detail-blog-info ul li,
.detail-blog .like-share button,
.detail-product-two .gallery .icons,
.detail-product-two .gallery .rate,
.detail-product-three .gallery-images li {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-eight .image:not(.full-width),
.product-ten .product-image,
.product-ten .add-to-cart span:first-child,
.box-gallery-body ul li,
.top-header-four-search,
.top-category-item i,
.detail-product-three .gallery-images li {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.detail-product-two .gallery .icons,
.detail-product-two .gallery .rate {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.banner-box img,
.product,
.article figure,
.article figure img,
.product-three,
.article-three figure,
.article-four,
.article-four figure img,
.article-six figure::after,
.article-six figure img,
.article-seven figure img,
.article-seven .content,
.article-seven .content .info,
.article-eight::before,
.article-eight .image::after,
.article-eight .image img,
.article-eight .content,
.article-sixteen figure::before,
.article-sixteen figure img,
.article-sixteen .content,
.article-sixteen .content .info,
.top-header-auth-dropdown,
.top-header-auth-dropdown::after,
.slider-banner-home .carousel,
.slider-banner-home .carousel img,
.amazing-offer-wrapper,
.amazing-offer-wrapper::after,
.amazing-offer-wrapper::before,
.detail-product-review,
.cart-items>li,
.blog .swiper::after,
.blog .swiper img,
.news-letter .container::after,
.footer-three-description,
.amazing-offer-three-wrapper::after,
.detail-blog-info img,
.slider-home-two img,
.new-products-category-title,
.category-slider-banner .category,
.category-slider-banner .category ul,
.category-slider-banner .left .carousel-item img,
.amazing-offer-six .container::after,
.amazing-offer-six-item .image,
.category-products-two-item,
.amazing-offer-seven-item,
.amazing-offer-seven-item::before,
.slider-banners-ten-item img,
.banners-slider-home-twelve .carousel img,
.amazing-offer-eight-wrapper::before,
.about-us-home-ten-box,
.best-selling-sixteen .section-heading .detail::before,
.categories-sixteen-title::before,
.about-us-sixteen-wrapper .content::before {
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
}

.product-five,
.product-five .product-image,
.nav-header-cart-dropdown ul li,
.detail-product-info .gallery-image-item,
.cart .time-send li .content .send,
.cart .carrier-selection ul li label,
.slider-banner-home-two .banner-box img,
.brands-wrapper,
.banners-home-seven .row>div img,
.category-slider-banner .left .row>div img,
.ready-cases-item::before,
.price-day-item,
.amazing-offer-eight-wrapper .left .swiper::after,
.sale-ready-cases-item::before,
.sale-ready-cases-item::after {
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}


a,
a:hover,
a:focus,
a:active,
*::after,
button,
.btn,
input,
.form-control,
.product-image>a>img,
.product-hover,
.product-five,
.product-eight .price,
.product-ten .add-to-cart span,
.product-thirteen-three .detail .price,
.form-check-label::before,
.form-switch .form-check-label::after,
.product-two,
.product-two .btn,
.product-three,
.product-three .detail .btn,
.article-three .date span,
.colors-product ul li label .name,
.box-gallery,
.megamenu,
.nav-responsive-content ul li i,
.nav-responsive-content ul li ul,
.top-header-auth-dropdown,
.top-header-four-search,
.top-header-four-search form,
.nav-header-cart-dropdown,
.top-products-tabs .nav-item .nav-link,
.top-category-item i,
.about-us-home-heading ul li a i,
.footer-socials li a i,
.footer-nav li a::before,
.detail-product-review-content,
.footer-two-nav li a::before,
.footer-two-socials li a i,
.category-sidebar-box-items li ul,
.category-sidebar-box-items li.has-child span::before,
.category-sort ul li label,
.category-sort ul li label::before,
.cart .time-send li .content .date,
.cart .time-send li .content .send,
.cart .time-send li .content .send::after,
.cart .carrier-selection ul li label,
.cart .carrier-selection ul li label::after,
.blog .swiper-pagination-bullet,
.landing .swiper-pagination-bullet,
.landing .swiper-button-next,
.landing .swiper-button-next::after,
.landing .swiper-button-prev,
.landing .swiper-button-prev::after,
.amazing-offer-two-item,
.swiper-slide-active .amazing-offer-three-item,
.detail-blog-related .swiper-slide,
.detail-product-two-review .content {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.nav-header-eleven ul li a img,
.nav-header-twelve ul li a img,
.landing-tow .title h4,
.landing-seven .swiper-slide .container>img,
.landing-seven .swiper-slide .container .content .brand img,
.landing-seven .swiper-slide .container .content .title h2,
.landing-seven .swiper-slide .container .content .link a,
.landing-eight .swiper-pagination-bullet,
.amazing-offer-seven-item .image,
.amazing-offer-seven-item .title h2,
.amazing-offer-seven-item .price-options>*,
.amazing-offer-seven-item .btns>*,
.ready-cases-item,
.ready-cases-item .btn,
.category-products-three-item,
.slider-banners-ten .swiper-pagination-bullet,
.price-day-item,
.landing-eleven-item img,
.landing-eleven-item .sup-title .subsli5t,
.landing-eleven-item .title .tisli5t,
.landing-eleven-item .btn,
.banners-slider-home-twelve .carousel-indicators button,
.amazing-offer-eight-item .image img,
.amazing-offer-eight-item .detail h2 span,
.amazing-offer-eight-item .detail ul,
.amazing-offer-eight-item .detail .price,
.amazing-offer-eight-item .detail .btns,
.sale-ready-cases-item,
.sale-ready-cases-item .btn,
.category-products-four-item img,
.landing-thirteen-item .image img,
.landing-thirteen-item .detail .title .slidd6st,
.landing-thirteen-item .detail .btn,
.landing-thirteen .swiper-pagination-bullet,
.landing-fourteen .slidd6st a,
.landing-fourteen .image img,
.landing-fourteen .swiper-pagination-bullet,
.amazing-offer-fourteen-item>img,
.amazing-offer-fourteen-item .detail .title h2,
.amazing-offer-fourteen-item .detail .options ul,
.amazing-offer-fourteen-item .detail .price,
.amazing-offer-fourteen-item .detail .btn,
.amazing-offer-fourteen-item .detail .images,
.landing-fiveteen-wrapper .image img,
.landing-fiveteen-wrapper .detail .sup-title .subsli7t,
.landing-fiveteen-wrapper .detail .title .sli7t,
.landing-fiveteen-wrapper .detail .btn,
.landing-fiveteen .swiper-pagination-bullet,
.amazing-offer-fiveteen-item .image img,
.amazing-offer-fiveteen-item .detail .title h2,
.amazing-offer-fiveteen-item .detail .options ul,
.amazing-offer-fiveteen-item .detail .offer,
.amazing-offer-fiveteen-item .detail .price,
.amazing-offer-fiveteen-item .detail .btn,
.landing-sixteen-item .image img,
.landing-sixteen-item .sup-title .subsli8t,
.landing-sixteen-item .title .sli8t,
.landing-sixteen-item .btn,
.landing-sixteen .swiper-pagination-bullet,
.amazing-offer-sixteen-item .image,
.amazing-offer-sixteen-item .title h2,
.amazing-offer-sixteen-item ul,
.amazing-offer-sixteen-item .offer>div,
.amazing-offer-sixteen-item .price>div,
.amazing-offer-sixteen-item .btn {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.product-image .discount::after,
.box-gallery,
.nav-responsive,
.nav-responsive-backdrop,
.article-five figure>a::after,
.article-sixteen figure::before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  list-style: none;
}

ul,
ol {
  padding: 0;
  margin: 0;
}

img,
video,
svg,
i {
  vertical-align: middle;
  display: inline-block;
}

img {
  max-width: 100%;
  height: auto;
}

a,
a:hover,
a:focus,
a:active {
  text-decoration: none;
}

a:hover,
a:focus,
a:active {
  color: inherit;
}

button,
select {
  cursor: pointer;
}

i {
  color: inherit;
}

.app {
  overflow: hidden;
}

a,
a:hover,
a:focus,
a:active,
a:hover,
a:active,
a:focus {
  color: inherit;
}

html {
  overflow-x: hidden;
}

body {
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
  text-align: right;
  direction: rtl;
  background-color: #fff;
  color: #212341;
}

body.dark {
  background-color: #121320;
}


.radius-15 {
  -webkit-border-radius: 15px !important;
  -moz-border-radius: 15px !important;
  border-radius: 15px !important;
}

.text-warning {
  color: #ffb035 !important;
}

textarea {
  resize: none;
}

.form-control,
.form-control:focus {
  background-color: #f8f9fb;
  border-color: #f8f9fb;
}

.form-control,
.form-control:focus {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  outline: none !important;
  z-index: 1 !important;
}

select.form-control {
  background: #f8f9fb url("./../../images/arrow-select.svg") left 17px center no-repeat;
  -webkit-background-size: 11px 6px;
  -moz-background-size: 11px 6px;
  -o-background-size: 11px 6px;
  background-size: 11px 6px;
}

button {
  border: none;
  outline: none;
  background-color: transparent;
}

.input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin: 0 -1px 0 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-border-top-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  border-top-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-left-radius: 6px;
}

.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n + 3),
.input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-right-radius: 6px;
}

.btn {
  border: none;
  font-size: 14px;
}

.btn,
.btn:focus,
.btn:active,
.btn:hover,
.btn:active:focus,
.btn.show:focus {
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.btn-primary {
  background-color: #212341;
  color: #fff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #2f325c;
}

.btn-success {
  background-color: #49be78;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active {
  background-color: #3aa465;
}

.btn-success-2 {
  background-color: #67b930;
  -webkit-box-shadow: 0 10px 35px rgba(103, 185, 48, 0.25);
  -moz-box-shadow: 0 10px 35px rgba(103, 185, 48, 0.25);
  box-shadow: 0 10px 35px rgba(103, 185, 48, 0.25);
  color: #fff;
}

.btn-success-2:hover,
.btn-success-2:focus,
.btn-success-2:active {
  background-color: #559928;
  color: #fff;
}

.btn-success-3 {
  background-color: #00867d;
  color: #fff;
}

.btn-success-3:hover,
.btn-success-3:focus,
.btn-success-3:active {
  background-color: #005d57;
  color: #fff;
}

.btn-success-4 {
  background-color: #00ff93;
  color: #121320;
}

.btn-success-4:hover,
.btn-success-4:focus,
.btn-success-4:active {
  background-color: #00d67b;
  color: #121320;
}

.btn-secondary {
  background-color: #f8f9fb;
  color: #232323;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
  background-color: #dee3ec;
  color: #232323;
}

.btn-secondary-2 {
  background-color: #939aa4;
  color: #fff;
}

.btn-secondary-2:hover,
.btn-secondary-2:focus,
.btn-secondary-2:active {
  background-color: #7d8591;
  color: #fff;
}

.btn-dark {
  background-color: #232323;
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
  background-color: #373737;
}

.btn-danger {
  background-color: #ee273a;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active {
  background-color: #db1124;
}

.btn-danger-2 {
  background-color: #ee232b;
  color: #fff;
}

.btn-danger-2:hover,
.btn-danger-2:focus,
.btn-danger-2:active {
  background-color: #d81118;
  color: #fff;
}

.btn-danger-3 {
  background-color: #eb2856;
  color: #fff;
}

.btn-danger-3:hover,
.btn-danger-3:focus,
.btn-danger-3:active {
  background-color: #d61442;
  color: #fff;
}

.btn-warning {
  background-color: #ffb035;
  color: #fff;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active {
  background-color: #ffa00c;
  color: #fff;
}

.btn-warning-2 {
  background-color: #fed844;
  color: #212341;
}

.btn-warning-2:hover,
.btn-warning-2:focus,
.btn-warning-2:active {
  background-color: #fed01b;
  color: #212341;
}

.btn-light {
  background-color: #fff;
  color: #2d365d;
  -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.08);
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.08);
}

.btn-light:hover,
.btn-light:focus,
.btn-light:active {
  background-color: #ebebeb;
  color: #2d365d;
}

.btn-purple {
  background-color: #4324a6;
  color: #fff;
  -webkit-box-shadow: 0 10px 25px rgba(67, 36, 166, 0.25);
  -moz-box-shadow: 0 10px 25px rgba(67, 36, 166, 0.25);
  box-shadow: 0 10px 25px rgba(67, 36, 166, 0.25);
}

.btn-purple:hover,
.btn-purple:focus,
.btn-purple:active {
  background-color: #351d84;
  color: #fff;
}

.btn-gold {
  background-color: #c9a781;
  color: #fff;
}

.btn-gold:hover,
.btn-gold:focus,
.btn-gold:active {
  background-color: #bd9364;
  color: #fff;
}

.btn-outline-dark {
  background-color: transparent;
  border: 2px solid #212341;
  color: #2d365d;
  padding: 5px 24px;
}

.btn-outline-dark:hover,
.btn-outline-dark:focus,
.btn-outline-dark:active {
  background-color: #212341;
  color: #fff;
}

.btn-outline-light {
  border: 2px solid #fff;
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .banner-box img {
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
  }
}

.headkaveh {
  font-size: 24px;
  font-weight: 300;
  color: #212341;
  line-height: 25px;
}

.section-heading-title {
  font-size: 24px;
  font-weight: 300;
  color: #212341;
  line-height: 25px;
}

.section-heading-title b {
  font-weight: 900;
  color: #ee273a;
}

.section-heading-sub-title {
  font-size: 16px;
  font-weight: 300;
  line-height: 25px;
  color: #939aa4;
}

.section-heading-link {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 500;
  padding: 5.75px 25.43px;
  line-height: 20px;
}

@media only screen and (max-width: 575px) {
  .section-heading-link {
      margin-top: 20px;
  }
}

.section-heading-two {
  padding: 15px 40px 15px 0;
}

.section-heading-two::after {
  content: "";
  top: 0;
  right: 0;
  width: 75%;
  height: 100%;
  background-image: -webkit-gradient(linear, right top, left top, from(#fff9eb), to(#fff));
  background-image: -webkit-linear-gradient(right, #fff9eb, #fff);
  background-image: -moz-linear-gradient(right, #fff9eb, #fff);
  background-image: -o-linear-gradient(right, #fff9eb, #fff);
  background-image: linear-gradient(to left, #fff9eb, #fff);
  z-index: -1;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}

@media only screen and (max-width: 575px) {
  .section-heading-two {
      padding-right: 12px;
  }

  .section-heading-two::after {
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
  }
}

.section-heading-two .detail {
  padding-right: 53px;
}

.section-heading-two .detail i {
  font-size: 31px;
  color: #000;
}

.section-heading-two .detail .section-heading-sub-title {
  color: #212341;
}

.swiper {
  overflow: unset;
  position: unset;
}

.swiper-shadow .swiper-slide-active .product {
  -webkit-box-shadow: -25px 10px 50px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: -25px 10px 50px rgba(0, 0, 0, 0.1);
  box-shadow: -25px 10px 50px rgba(0, 0, 0, 0.1);
}

.swiper-shadow .swiper-slide-active .product-five {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.swiper-shadow .swiper-slide-active .product-five .product-image {
  -webkit-box-shadow: -30px 10px 50px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: -30px 10px 50px rgba(0, 0, 0, 0.1);
  box-shadow: -30px 10px 50px rgba(0, 0, 0, 0.1);
}

.swiper-shadow .swiper-slide-active .product-eight .image {
  -webkit-box-shadow: -28px 10px 50px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: -28px 10px 50px rgba(0, 0, 0, 0.08);
  box-shadow: -28px 10px 50px rgba(0, 0, 0, 0.08);
}

.swiper-shadow .swiper-slide-next+div+div .product {
  -webkit-box-shadow: 25px 10px 50px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 25px 10px 50px rgba(0, 0, 0, 0.1);
  box-shadow: 25px 10px 50px rgba(0, 0, 0, 0.1);
}

.swiper-shadow .swiper-slide-next+div+div .product-five {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.swiper-shadow .swiper-slide-next+div+div .product-five .product-image {
  -webkit-box-shadow: 30px 10px 50px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 30px 10px 50px rgba(0, 0, 0, 0.1);
  box-shadow: 30px 10px 50px rgba(0, 0, 0, 0.1);
}

.swiper-shadow .swiper-slide-next+div+div .product-eight .image {
  -webkit-box-shadow: 28px 10px 50px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 28px 10px 50px rgba(0, 0, 0, 0.08);
  box-shadow: 28px 10px 50px rgba(0, 0, 0, 0.08);
}

.swiper-shadow .swiper-slide-next+div+div+div .product {
  -webkit-box-shadow: -50px 10px 50px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: -50px 10px 50px rgba(0, 0, 0, 0.1);
  box-shadow: -50px 10px 50px rgba(0, 0, 0, 0.1);
}

.swiper-shadow .swiper-slide-next+div+div+div .product-five {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.swiper-shadow .swiper-slide-next+div+div+div .product-five .product-image {
  -webkit-box-shadow: -50px 10px 50px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: -50px 10px 50px rgba(0, 0, 0, 0.1);
  box-shadow: -50px 10px 50px rgba(0, 0, 0, 0.1);
}

.swiper-shadow .swiper-slide-next+div+div+div .product-eight .image {
  -webkit-box-shadow: -50px 10px 50px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: -50px 10px 50px rgba(0, 0, 0, 0.08);
  box-shadow: -50px 10px 50px rgba(0, 0, 0, 0.08);
}

.swiper-shadow .swiper-slide-prev .product {
  -webkit-box-shadow: 50px 10px 50px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 50px 10px 50px rgba(0, 0, 0, 0.1);
  box-shadow: 50px 10px 50px rgba(0, 0, 0, 0.1);
}

.swiper-shadow .swiper-slide-prev .product-five {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.swiper-shadow .swiper-slide-prev .product-five .product-image {
  -webkit-box-shadow: 50px 10px 50px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 50px 10px 50px rgba(0, 0, 0, 0.1);
  box-shadow: 50px 10px 50px rgba(0, 0, 0, 0.1);
}

.swiper-shadow .swiper-slide-prev .product-eight .image {
  -webkit-box-shadow: 50px 10px 50px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 50px 10px 50px rgba(0, 0, 0, 0.08);
  box-shadow: 50px 10px 50px rgba(0, 0, 0, 0.08);
}

@media only screen and (max-width: 991px) {
  .swiper-shadow .swiper-slide-next+div .product {
      -webkit-box-shadow: 25px 10px 50px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 25px 10px 50px rgba(0, 0, 0, 0.1);
      box-shadow: 25px 10px 50px rgba(0, 0, 0, 0.1);
  }

  .swiper-shadow .swiper-slide-next+div .product-five {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
  }

  .swiper-shadow .swiper-slide-next+div .product-five .product-image {
      -webkit-box-shadow: 30px 10px 50px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 30px 10px 50px rgba(0, 0, 0, 0.1);
      box-shadow: 30px 10px 50px rgba(0, 0, 0, 0.1);
  }

  .swiper-shadow .swiper-slide-next+div .product-eight .image {
      -webkit-box-shadow: 28px 10px 50px rgba(0, 0, 0, 0.08);
      -moz-box-shadow: 28px 10px 50px rgba(0, 0, 0, 0.08);
      box-shadow: 28px 10px 50px rgba(0, 0, 0, 0.08);
  }

  .swiper-shadow .swiper-slide-next+div+div .product {
      -webkit-box-shadow: -50px 10px 50px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: -50px 10px 50px rgba(0, 0, 0, 0.1);
      box-shadow: -50px 10px 50px rgba(0, 0, 0, 0.1);
  }

  .swiper-shadow .swiper-slide-next+div+div .product-five {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
  }

  .swiper-shadow .swiper-slide-next+div+div .product-five .product-image {
      -webkit-box-shadow: -50px 10px 50px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: -50px 10px 50px rgba(0, 0, 0, 0.1);
      box-shadow: -50px 10px 50px rgba(0, 0, 0, 0.1);
  }

  .swiper-shadow .swiper-slide-next+div+div .product-eight .image {
      -webkit-box-shadow: -50px 10px 50px rgba(0, 0, 0, 0.08);
      -moz-box-shadow: -50px 10px 50px rgba(0, 0, 0, 0.08);
      box-shadow: -50px 10px 50px rgba(0, 0, 0, 0.08);
  }
}

@media only screen and (max-width: 767px) {
  .swiper-shadow .swiper-slide-next .product {
      -webkit-box-shadow: 25px 10px 50px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 25px 10px 50px rgba(0, 0, 0, 0.1);
      box-shadow: 25px 10px 50px rgba(0, 0, 0, 0.1);
  }

  .swiper-shadow .swiper-slide-next .product-five {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
  }

  .swiper-shadow .swiper-slide-next .product-five .product-image {
      -webkit-box-shadow: 30px 10px 50px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 30px 10px 50px rgba(0, 0, 0, 0.1);
      box-shadow: 30px 10px 50px rgba(0, 0, 0, 0.1);
  }

  .swiper-shadow .swiper-slide-next .product-eight .image {
      -webkit-box-shadow: 28px 10px 50px rgba(0, 0, 0, 0.08);
      -moz-box-shadow: 28px 10px 50px rgba(0, 0, 0, 0.08);
      box-shadow: 28px 10px 50px rgba(0, 0, 0, 0.08);
  }

  .swiper-shadow .swiper-slide-next+div .product {
      -webkit-box-shadow: -50px 10px 50px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: -50px 10px 50px rgba(0, 0, 0, 0.1);
      box-shadow: -50px 10px 50px rgba(0, 0, 0, 0.1);
  }

  .swiper-shadow .swiper-slide-next+div .product-five {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
  }

  .swiper-shadow .swiper-slide-next+div .product-five .product-image {
      -webkit-box-shadow: -50px 10px 50px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: -50px 10px 50px rgba(0, 0, 0, 0.1);
      box-shadow: -50px 10px 50px rgba(0, 0, 0, 0.1);
  }

  .swiper-shadow .swiper-slide-next+div .product-eight .image {
      -webkit-box-shadow: -50px 10px 50px rgba(0, 0, 0, 0.08);
      -moz-box-shadow: -50px 10px 50px rgba(0, 0, 0, 0.08);
      box-shadow: -50px 10px 50px rgba(0, 0, 0, 0.08);
  }
}

@media only screen and (max-width: 499px) {
  .swiper-shadow .swiper-slide-active .product {
      -webkit-box-shadow: 0 10px 50px -20px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0 10px 50px -20px rgba(0, 0, 0, 0.1);
      box-shadow: 0 10px 50px -20px rgba(0, 0, 0, 0.1);
  }

  .swiper-shadow .swiper-slide-active .product-five {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
  }

  .swiper-shadow .swiper-slide-active .product-five .product-image {
      -webkit-box-shadow: 0 10px 50px -20px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0 10px 50px -20px rgba(0, 0, 0, 0.1);
      box-shadow: 0 10px 50px -20px rgba(0, 0, 0, 0.1);
  }

  .swiper-shadow .swiper-slide-active .product-eight .image {
      -webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.08);
      -moz-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.08);
      box-shadow: 0 10px 50px rgba(0, 0, 0, 0.08);
  }

  .swiper-shadow .swiper-slide-next .product {
      -webkit-box-shadow: -50px 10px 50px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: -50px 10px 50px rgba(0, 0, 0, 0.1);
      box-shadow: -50px 10px 50px rgba(0, 0, 0, 0.1);
  }

  .swiper-shadow .swiper-slide-next .product-five {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
  }

  .swiper-shadow .swiper-slide-next .product-five .product-image {
      -webkit-box-shadow: -50px 10px 50px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: -50px 10px 50px rgba(0, 0, 0, 0.1);
      box-shadow: -50px 10px 50px rgba(0, 0, 0, 0.1);
  }

  .swiper-shadow .swiper-slide-next .product-eight .image {
      -webkit-box-shadow: -50px 10px 50px rgba(0, 0, 0, 0.08);
      -moz-box-shadow: -50px 10px 50px rgba(0, 0, 0, 0.08);
      box-shadow: -50px 10px 50px rgba(0, 0, 0, 0.08);
  }
}

.product {
  background-color: #fff;
  -webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 50px rgba(0, 0, 0, 0.1);
}

.product-image {
  padding-top: 54px;
}

.product-image .discount {
  top: -10px;
  left: 0;
  z-index: 2;
  width: 55px;
  height: 35px;
  text-align: center;
  line-height: 28px;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}

.product-image .discount::after {
  content: "";
  -webkit-mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAAjCAMAAAAHQmL5AAAASFBMVEUAAADuJjnuJjnuJjntJjnuJjnvJTnvJjjwJDjzJTjuJjnuJjnuJjjuIjnuJjruJjnuJjnuJjjwJznxIzbtJDftJjruJjnuJzqLAPZEAAAAF3RSTlMA5t/M2Z1vS0EUvZJdHevTs1MxIw73h4zLlc8AAACbSURBVDjLndNJDoMwEETRas9gM5P0/W8axRKK2ER0/f1bflzl6EX/Jz5m3Guiz3Ibfg2jPm89L7aLWgoHetOsttzQXVBr/suS2tsACOEWICvTjki5NwLlRsyUc1CqF+mEdJ50lXSFcwGca5zzoFz/j2AHGLeeIJzLgNWJrwW4uzGVCZa6it2YXQIY10C5CsoFcK5wbgFXIt3AsQ+lsXOGCrtOogAAAABJRU5ErkJggg==) 0 0/100% 100%;
  mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAAjCAMAAAAHQmL5AAAASFBMVEUAAADuJjnuJjnuJjntJjnuJjnvJTnvJjjwJDjzJTjuJjnuJjnuJjjuIjnuJjruJjnuJjnuJjjwJznxIzbtJDftJjruJjnuJzqLAPZEAAAAF3RSTlMA5t/M2Z1vS0EUvZJdHevTs1MxIw73h4zLlc8AAACbSURBVDjLndNJDoMwEETRas9gM5P0/W8axRKK2ER0/f1bflzl6EX/Jz5m3Guiz3Ibfg2jPm89L7aLWgoHetOsttzQXVBr/suS2tsACOEWICvTjki5NwLlRsyUc1CqF+mEdJ50lXSFcwGca5zzoFz/j2AHGLeeIJzLgNWJrwW4uzGVCZa6it2YXQIY10C5CsoFcK5wbgFXIt3AsQ+lsXOGCrtOogAAAABJRU5ErkJggg==) 0 0/100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  z-index: -1;
  background-color: #ee273a;
}

.product-image>a>img {
  max-width: 200px;
  width: 100%;
  margin: 0 auto;
}

.product-image .date-discount {
  -webkit-border-radius: 0 50px 50px;
  -moz-border-radius: 0 50px 50px;
  border-radius: 0 50px 50px;
  background-color: #fff3f0;
  width: 85px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #ff8a66;
  top: 18px;
  left: 0;
}

.product-image .status {
  top: 16px;
  right: 15px;
}

.product .detail {
  padding: 0 28px 18px;
}

.product .detail h2 {
  margin: 42px 0 auto;
  line-height: 22px;
  height: 44px;
  overflow: hidden;
}

.product .detail h2 a {
  font-size: 14px;
  font-weight: 500;
  color: #2d365d;
  display: inline-block;
}

.product .detail h2 a:hover {
  color: #ee273a;
}

.product .detail .offer {
  color: #ee232b;
  font-size: 16px;
  font-weight: 300;
  line-height: 25px;
  -webkit-text-decoration: line-through #707070;
  -moz-text-decoration: line-through #707070;
  text-decoration: line-through #707070;
  margin-top: 22px;
}

.product .detail .price {
  font-size: 18px;
  font-weight: 900;
  line-height: 26px;
}


.product .detail .price span {
  font-size: 14px;
  line-height: 22px;
  margin-right: 6px;
  color: #232323;
}

.product .status {
  background-color: #fff3f0;
  color: #ff8a66;
  font-size: 14px;
  font-weight: 300;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  width: 66px;
  height: 25px;
  line-height: 25px;
  text-align: center;
}

.product .status.success {
  background-color: #edf5e6;
  color: #67b930;
}

.product-hover {
  background-color: #fff;
  right: 0;
  bottom: 0;
  padding: 20px 22px;
  opacity: 0;
  visibility: hidden;
  -webkit-border-radius: 0 0 35px;
  -moz-border-radius: 0 0 35px;
  border-radius: 0 0 35px;
  width: 100%;
  -webkit-border-radius: 0 0 35px 35px;
  -moz-border-radius: 0 0 35px 35px;
  border-radius: 0 0 35px 35px;
}

.product-hover .btn:first-child {
  font-size: 14px;
  font-weight: 300;
  padding: 7px 19px;
  margin-left: 8px;
}

.product-hover .btn:last-child {
  padding: 0;
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 15px;
  color: #2d365d;
}

.product:hover .product-image>a>img {
  -webkit-filter: unset;
  filter: unset;
}

.product:hover .product-hover {
  opacity: 1;
  visibility: visible;
}

.product-four {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.product-four .product-image .discount {
  background: #ee232b;
  width: 45px;
  top: -10px;
  left: 17px;
  line-height: 35px;
}

.product-five {
  background-color: #f8f9fb;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.product-five .content {
  padding: 30px 18px 12px;
}

.product-five .content .price {
  font-weight: 300;
  color: #232323;
  line-height: 22px;
}

.product-five .content .price del {
  font-weight: 300;
  color: #ee232b;
  font-size: 16px;
  -webkit-text-decoration-color: #707070;
  -moz-text-decoration-color: #707070;
  text-decoration-color: #707070;
  line-height: 25px;
}

.product-five .content .price span {
  font-size: 20px;
  font-weight: 900;
  line-height: 32px;
  color: #49be78;
  margin: 0 10px 0 6px;
}

.product-five .content .product-hover {
  padding: 4px 16px 14px;
  background-color: #f8f9fb;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.product-five .product-image {
  padding: 52px 33px 51px;
  background-color: #fff;
  -webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 50px rgba(0, 0, 0, 0.1);
  margin: 0 -1px -1px;
}

.product-five .product-image .discount {
  top: 0;
}

.product-five:hover,
.product-five:hover .content .product-hover {
  background-color: #212341;
}

.product-five:hover .content h2 a {
  color: #fff;
}

.product-five:hover .content h2 a:hover {
  color: #ee273a;
}

.product-five:hover .product-image a>img {
  -webkit-filter: unset;
  filter: unset;
}

.product-six {
  background-color: #fff;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: 1px solid #f5f3fc;
  padding: 39px 25px 29px;
}

.product-six .image {
  margin-bottom: 35px;
}

.product-six .image img {
  height: 213px;
  max-height: 213px;
  margin: 0 auto;
}

.product-six .image .offer {
  width: 40px;
  height: 38px;
  background: url("./../../images/polygon-4.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  line-height: 42px;
  text-align: center;
  top: -28px;
  right: -7px;
}

.product-six h2 {
  text-align: center;
  margin-bottom: 40px;
}

.product-six .price {
  background-color: #00867d;
  -webkit-border-radius: 0 15px;
  -moz-border-radius: 0 15px;
  border-radius: 0 15px;
  color: #fff;
  font-size: 13px;
  font-weight: 300;
  line-height: 30px;
  height: 30px;
  padding: 0 4px;
}

.product-six .price del {
  font-size: 16px;
  font-weight: 300;
  background-color: #212341;
  -webkit-border-radius: 0 15px 0 0;
  -moz-border-radius: 0 15px 0 0;
  border-radius: 0 15px 0 0;
  padding: 0 11px 0 13px;
  margin-right: -4px;
  height: 30px;
}

.product-six .price span {
  line-height: 24px;
  font-size: 16px;
  font-weight: 900;
}

.product-six .price ins {
  white-space: nowrap;
}

.product-six .btn {
  bottom: 0;
  font-size: 13px;
  font-weight: 300;
  -webkit-border-radius: 0 15px;
  -moz-border-radius: 0 15px;
  border-radius: 0 15px;
  bottom: 29px;
  left: 25px;
  max-width: -webkit-calc(100% - 50px);
  max-width: -moz-calc(100% - 50px);
  max-width: calc(100% - 50px);
  width: 100%;
  opacity: 0;
}

.product-six:hover .btn {
  opacity: 1;
}

.product-seven {
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  background-color: #fff;
  border: 1px solid #f5f3fc;
  padding: 30px 23px 18px;
}

.product-seven h2 {
  text-align: center;
  margin-bottom: 24px;
}

.product-seven .image {
  margin-bottom: 24px;
}

.product-seven .image img {
  height: 213px;
  margin: 0 auto;
}

.product-seven .price {
  border: 1px solid #ee232b;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  padding: 1px 17px 0;
  font-size: 13px;
  font-weight: 300;
  color: #ee232b;
  line-height: 21px;
  margin: auto 0 8px;
  position: relative;
  bottom: 28px;
}

.product-seven .price del {
  font-size: 16px;
  font-weight: 300;
  color: #212341;
  line-height: 25px;
  margin-left: 20px;
}

.product-seven .price span {
  font-size: 24px;
  font-weight: 900;
  line-height: 37px;
  margin: 0 auto 0 6px;
}

.product-seven .offer {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  width: 55px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  background-color: #212341;
  font-size: 16px;
  font-weight: bold;
}

.product-seven .btn-danger-2 {
  max-width: -webkit-calc(100% - 46px);
  max-width: -moz-calc(100% - 46px);
  max-width: calc(100% - 46px);
  width: 100%;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  bottom: 54px;
  padding: 10px 12px;
  font-size: 13px;
  font-weight: 300;
  line-height: 20px;
  opacity: 0;
}

.product-seven:hover .btn-danger-2 {
  opacity: 1;
}

.product-seven:hover .btn-success-2 {
  background-color: #fff;
  color: #67b930;
}

@media only screen and (max-width: 1399px) {
  .product-seven {
      padding: 30px 15px 18px;
  }

  .product-seven .btn-danger-2 {
      max-width: -webkit-calc(100% - 30px);
      max-width: -moz-calc(100% - 30px);
      max-width: calc(100% - 30px);
  }
}

@media only screen and (max-width: 1199px) {
  .product-seven .price {
      font-size: 12px;
      padding: 1px 8px 0;
  }

  .product-seven .price del {
      font-size: 14px;
      margin-left: 12px;
  }

  .product-seven .price span {
      font-size: 20px;
  }
}

.product-eight .image {
  margin-bottom: 23px;
  -webkit-border-radius: 35px 35px 35px 0;
  -moz-border-radius: 35px 35px 35px 0;
  border-radius: 35px 35px 35px 0;
  background-color: #fff;
  overflow: hidden;
  -webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.08);
  box-shadow: 0 10px 50px rgba(0, 0, 0, 0.08);
}

.product-eight .image:not(.full-width) {
  min-height: 268px;
}

.product-eight .image:not(.full-width) img {
  max-height: 204px;
}

.product-eight .image.full-width img {
  width: 100%;
}

.product-eight .image .offer {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  background-color: #ee232b;
  text-align: center;
  color: #fff;
  top: 15px;
  right: 15px;
  width: 55px;
  height: 30px;
  line-height: 30px;
}

.product-eight .image .offer.warning {
  background-color: #ffb035;
}

.product-eight h2 {
  margin-bottom: 21px;
}

.product-eight .price {
  font-size: 13px;
  font-weight: 300;
  color: #939aa4;
  line-height: 21px;
}

.product-eight .price del {
  font-size: 16px;
  font-weight: 300;
  color: #212341;
  line-height: 25px;
}

.product-eight .price span {
  font-size: 18px;
  font-weight: 900;
  color: #49be78;
  line-height: 26px;
  margin-left: 2px;
}

.product-eight .content {
  padding: 0 7px 12px;
}

.product-eight .btn-secondary {
  bottom: 16px;
  right: 0;
  font-size: 13px;
  font-weight: 300;
  max-width: -webkit-calc(100% - 113px);
  max-width: -moz-calc(100% - 113px);
  max-width: calc(100% - 113px);
  width: 100%;
  padding: 5px 12px;
  line-height: 20px;
  opacity: 0;
}

.product-eight:hover .price {
  opacity: 0;
}

.product-eight:hover .btn-secondary {
  opacity: 1;
}

.product-not .product-image,
.product-ten .product-image {
  margin-bottom: 39px;
}

.product-not .detail h2,
.product-ten .detail h2 {
  margin: 7px 0 15px;
}

.product-not:hover .product-image a>img,
.product-ten:hover .product-image a>img {
  -webkit-filter: unset;
  filter: unset;
}

.product-not .detail .icons-offer ul li:not(:last-child) {
  margin-left: 5px;
}

.product-not .detail .icons-offer ul li a {
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border: 1px solid #efefef;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  color: #2d365d;
}

.product-not .detail .icons-offer>span {
  width: 55px;
  height: 30px;
  line-height: 30px;
  background-color: #ee273a;
  text-align: center;
  font-weight: bold;
  color: #fff;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  margin-right: 10px;
}

.product-not:hover .detail .icons-offer ul li a {
  background-color: #67b930;
  border-color: #67b930;
  color: #fff;
}

.product-ten {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: solid #f5f3fc;
  border-width: 0 1px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.product-ten .product-image {
  margin-bottom: 0;
  padding-top: 42px;
  height: 285px;
}

.product-ten .product-image img {
  max-width: none;
}

.product-ten .detail {
  padding: 0 18px 70px;
  height: 100%;
}

.product-ten .add-to-cart {
  white-space: nowrap;
  position: absolute !important;
  bottom: 8px;
}

.product-ten .add-to-cart span:first-child {
  border: 5px solid #ffb035;
  width: 50px;
  height: 50px;
  font-size: 35px;
  font-weight: 300;
  color: #2d365d;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  padding-top: 3px;
}

.product-ten .add-to-cart span:last-child {
  font-size: 12px;
  line-height: 19px;
  color: #2d365d;
  opacity: 0;
  margin-right: 13px;
}

.product-ten:hover .add-to-cart span:first-child {
  background-color: #ffb035;
  color: #fff;
}

.product-ten:hover .add-to-cart span:last-child {
  opacity: 1;
}

.product-ten.gradient {
  border: none;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffebec), to(#ecfcfc));
  background-image: -webkit-linear-gradient(top, #ffebec, #ecfcfc);
  background-image: -moz-linear-gradient(top, #ffebec, #ecfcfc);
  background-image: -o-linear-gradient(top, #ffebec, #ecfcfc);
  background-image: linear-gradient(to bottom, #ffebec, #ecfcfc);
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}

.product-ten.gradient .add-to-cart span:first-child {
  border-color: #2d365d;
}

.product-ten.gradient:hover .add-to-cart span:first-child {
  background-color: #2d365d;
}

.product-eleven .product-image {
  margin-bottom: 12px;
}

.product-eleven .detail .offer {
  margin-top: 0;
}

.product-eleven .product-image .discount {
  height: 30px;
  line-height: 30px;
  background-color: #EE273A;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  top: 57px;
  right: 22px;
  left: auto;
}

.product-eleven .product-image .discount::after {
  content: none;
}

.product-eleven .product-image .bookmark {
  width: 55px;
  height: 35px;
  line-height: 35px;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  font-size: 20px;
  top: 21px;
  right: 22px;
  z-index: 4;
}

.product-eleven .product-image .colors {
  top: 35px;
  left: 23px;
}

.product-eleven .product-image .colors li:not(:last-child) {
  margin-bottom: 5px;
}

.product-eleven .product-image .colors li a {
  border: 1px solid #F8F9FB;
  width: 15px;
  height: 15px;
}

/* 
.product-eleven .detail .offer {
  margin-top: 37px;
} */

.product-eleven .detail h2 {
  margin: 7px 0 18px;
}

.product-eleven .btns {
  gap: 21px;
  padding: 13px 0 0;
  border-top: 1px solid #F5F3FC;
  margin-top: auto;
}

.product-eleven .btns button {
  font-size: 20px;
  color: #2D365D;
}

.product-eleven:hover .product-image>a>img {
  -webkit-filter: blur(0px);
  filter: blur(0px);
}

.product-twelve {
  padding: 28px 34px 28px 12px;
  -webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 50px rgba(0, 0, 0, 0.1);
}

.product-twelve img {
  max-width: 30%;
  margin-left: 29px;
}

.product-twelve .offer {
  right: 17px;
  -webkit-transform: translateY(-15px);
  -moz-transform: translateY(-15px);
  -ms-transform: translateY(-15px);
  -o-transform: translateY(-15px);
  transform: translateY(-15px);
  background-color: #FF2F60;
  width: 50px;
  height: 50px;
  line-height: 50px;
  z-index: 3;
}

.product-twelve .detail {
  max-width: 70%;
}

.product-twelve .detail h2 {
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 22px;
  color: #2D365D;
  height: 44px;
}

.product-twelve .detail h2 a:hover {
  color: #ee273a;
}

.product-twelve .detail .price {
  color: #232323;
  line-height: 22px;
  font-size: 14px;
}

.product-twelve .detail .price b {
  font-size: 18px;
  font-weight: 900;
  line-height: 26px;
  margin-left: 6px;
  color: #49BE78;
}

@media only screen and (max-width: 767px) {
  .product-twelve {
      padding: 16px 12px;
  }

  .product-twelve .detail h2 {
      font-size: 12px;
  }

  .product-twelve .detail .price {
      font-size: 12px;
      line-height: 18px;
  }

  .product-twelve .detail .price b {
      font-size: 18px;
      line-height: 30px;
  }
}

.product-thirteen {
  padding: 78px 37px 25px 38px;
}

.product-thirteen .discount {
  width: 50px;
  height: 50px;
  line-height: 50px;
  background-color: #003CFF;
  top: 20px;
  right: 26px;
}

.product-thirteen .btns {
  top: 26px;
  left: 24px;
  -webkit-transform: translateX(-100px);
  -moz-transform: translateX(-100px);
  -ms-transform: translateX(-100px);
  -o-transform: translateX(-100px);
  transform: translateX(-100px);
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  -moz-transition: all .3s linear;
  transition: all .3s linear;
  z-index: 5;
}

.product-thirteen .btns li:not(:last-child) {
  margin-bottom: 9px;
}

.product-thirteen .btns li a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  font-size: 17px;
  background-color: #121320;
}

.product-thirteen .btns li a:hover {
  background-color: #fff;
  color: #121320;
}

.product-thirteen .product-image {
  margin-bottom: 70px;
}

.product-thirteen .product-image img {
  max-width: 191px;
  height: 148px;
}

.product-thirteen:hover .btns {
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
}

.product-thirteen:hover .product-image>a>img {
  -webkit-filter: blur(0px);
  filter: blur(0px);
}

.product-thirteen-two .btns {
  -webkit-transform: translate(-50%, -50%) scale(0);
  -moz-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  -o-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  top: 50%;
  left: 50%;
}

.product-thirteen-two .btns li:not(:last-child) {
  margin: 0 0 0 10px;
}

.product-thirteen-two .btns li a {
  background-color: #fff;
  color: #121320;
  -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.16);
}

.product-thirteen-two .btns li a:hover {
  background-color: #121320;
  color: #fff;
}

.product-thirteen-two:hover .btns {
  -webkit-transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  -o-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}

.product-thirteen-two:hover .product-image>a>img {
  -webkit-filter: blur(7px);
  filter: blur(7px);
}

.product-thirteen-three .btns {
  top: auto;
  bottom: 23px;
  left: 50%;
  -webkit-transform: translate(-50%, 90px);
  -moz-transform: translate(-50%, 90px);
  -ms-transform: translate(-50%, 90px);
  -o-transform: translate(-50%, 90px);
  transform: translate(-50%, 90px);
}

.product-thirteen-three .btns li:not(:last-child) {
  margin: 0 0 0 10px;
}

.product-thirteen-three .btns li a {
  background-color: #2D365D;
  color: #fff;
}

.product-thirteen-three:hover .btns {
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.product-thirteen-three:hover .detail .price {
  opacity: 0;
}

.product-seven .btn-success-2,
.product-eight .btn-success-2 {
  padding: 0;
  width: 80px;
  height: 30px;
  line-height: 26px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  border: 2px solid #67b930;
}

.product h2,
.product-two h2,
.product-three h2,
.product-four h2,
.product-fiv h2,
.product-six h2,
.product-name {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  height: 44px;
  overflow: hidden;
}

.product h2 a,
.product-two h2 a,
.product-three h2 a,
.product-four h2 a,
.product-fiv h2 a,
.product-six h2 a,
.product-name a,
.product-name a:hover,
.product-name a:focus,
.product-name a:active {
  color: #2d365d;
}

.product h2 a:hover,
.product-two h2 a:hover,
.product-three h2 a:hover,
.product-four h2 a:hover,
.product-fiv h2 a:hover,
.product-six h2 a:hover,
.product-name a:hover {
  color: #ee273a;
}

.swiper-button-next::after,
.swiper-button-prev::after {
  font-size: 14px;
  color: #939aa4;
}

.article figure {
  background-color: #fff;
  -webkit-box-shadow: 0 5px 50px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0 5px 50px rgba(0, 0, 0, 0.07);
  box-shadow: 0 5px 50px rgba(0, 0, 0, 0.07);
  padding: 10px;
}

.article figure img {
  -o-object-fit: cover;
  object-fit: cover;
  height: 180px;
}

.article figure .category-time {
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -5px);
  -moz-transform: translate(-50%, -5px);
  -ms-transform: translate(-50%, -5px);
  -o-transform: translate(-50%, -5px);
  transform: translate(-50%, -5px);
  background-color: #ee273a;
  font-size: 14px;
  font-weight: 500;
  line-height: 30px;
}

.article figure .category-time,
.article figure .category-time a {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  color: #fff;
}


.article figure .category-time a {
  padding: 0 32px;
  background-color: #212341;
}

.article figure .category-time span {
  padding: 0 15px;
}

.article h2 {
  line-height: 30px;
  font-size: 20px;
  font-weight: 900;
  margin-bottom: 12px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.article h2 a {
  color: #ee273a;
}

.article h2 a:hover {
  color: #212341;
}

.article p {
  font-size: 13px;
  color: #939aa4;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
}

@media only screen and (max-width: 575px) {
  .article h2 {
      font-size: 16px;
  }
}

.breadcrumb {
  overflow: auto hidden;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-overflow-style: none;
  scrollbar-width: 0;
}

.breadcrumb::-webkit-scrollbar {
  display: none;
}

.breadcrumb::before {
  content: "\e91a";
  font-family: "icomoon";
  margin-left: 0;
  font-size: 18px;
  color: #b3bbc7;
  display: inline-block;
  vertical-align: middle;
}

.breadcrumb-item {
  font-size: 13px;
  font-weight: bold;
  color: #232323;
  padding: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.breadcrumb-item:not(:last-child) {
  margin-left: 24px;
}

.breadcrumb-item a,
.breadcrumb-item a:hover,
.breadcrumb-item a:focus,
.breadcrumb-item a:active {
  color: #b3bbc7;
}

.breadcrumb-item a:hover {
  color: #ee273a;
}

.breadcrumb-item+.breadcrumb-item {
  padding: 0;
}

.breadcrumb-item+.breadcrumb-item::before {
  content: none;
}

.nav-pills .nav-item:not(:last-child) {
  margin-left: 12px;
}

.nav-pills .nav-link {
  font-size: 16px;
  font-weight: 400;
  color: #212341;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  padding: 12px 22px;
  line-height: 21px;
}

.nav-pills .nav-link.active {
  background-color: #ee273a;
  -webkit-box-shadow: 0 10px 35px rgba(238, 39, 58, 0.25);
  -moz-box-shadow: 0 10px 35px rgba(238, 39, 58, 0.25);
  box-shadow: 0 10px 35px rgba(238, 39, 58, 0.25);
  font-weight: bold;
}

.comments li:not(:last-child) {
  margin-bottom: 48px;
}

.comments li .content .info>i {
  width: 65px;
  height: 65px;
  background-color: #f5f3fc;
  line-height: 65px;
  font-size: 24px;
  color: #9087ce;
  margin-left: 9px;
}

.comments li .content .info .detail {
  background-color: #f8f9fb;
  padding: 15px 33px 9px 36px;
  width: -webkit-calc(100% - 74px);
  width: -moz-calc(100% - 74px);
  width: calc(100% - 74px);
  margin: 0;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}

.comments li .content .info .detail .author {
  font-weight: 900;
}

.comments li .content .info .detail .date {
  font-weight: 300;
  text-align: right;
}

.comments li .content .info .detail .star {
  direction: ltr;
  margin-left: 19px;
}

.comments li .content .info .detail .star i {
  color: #212341;
}

.comments li .content .info .detail .star i.active {
  color: #ef9a3d;
}

.comments li .content .info .detail .star i:not(:last-child) {
  margin-right: 6px;
}

.comments li .content .info .detail .position {
  background-color: #2d365d;
  font-weight: 300;
  color: #fff;
  line-height: 21px;
  padding: 2px 18px;
}

.comments li .content .box {
  padding: 26px 103px 0 60px;
}

.comments li .content .box p {
  font-weight: 300;
  line-height: 26px;
  color: #2d365d;
  margin-bottom: 29px;
}

.comments li .content .box .strengths span,
.comments li .content .box .weak span {
  font-size: 14px;
  font-weight: 300;
  color: #2d365d;
  line-height: 26px;
}

.comments li .content .box .strengths span:first-child,
.comments li .content .box .weak span:first-child {
  font-weight: 900;
  color: #49be78;
}

.comments li .content .box .strengths span:not(:last-child),
.comments li .content .box .weak span:not(:last-child) {
  margin-left: 21px;
}

.comments li .content .box .strengths span:not(:first-child)::before,
.comments li .content .box .weak span:not(:first-child)::before {
  content: "";
  width: 6px;
  height: 6px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #49be78;
  margin-left: 8px;
  display: inline-block;
  vertical-align: middle;
}

.comments li .content .box .weak {
  margin-top: 12px;
}

.comments li .content .box .weak span:first-child {
  color: #ee273a;
}

.comments li .content .box .weak span:not(:first-child)::before {
  background-color: #ee273a;
}

@media only screen and (max-width: 767px) {
  .comments li .content .box {
      padding: 26px 0 0;
  }
}

@media only screen and (max-width: 575px) {
  .comments li .content .info .detail {
      padding: 15px 20px 9px;
      width: 100%;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
  }

  .comments li .content .info .detail .star {
      margin: 12px 0;
  }
}

.send-comment {
  margin: 161px auto 0;
  max-width: 764px;
  width: 100%;
}

.send-comment .btn {
  height: 55px;
  line-height: 55px;
  max-width: 414px;
}

@media only screen and (max-width: 767px) {
  .send-comment {
      margin-top: 60px;
  }

  .send-comment .form-group label {
      right: 20px;
  }

  .send-comment .btn {
      max-width: 100%;
  }
}

.send-comment .form-group,
.auth .form-group {
  margin-bottom: 29px;
}

.send-comment .form-group label,
.auth .form-group label {
  font-size: 12px;
  font-weight: 300;
  color: #2d365d;
  top: -10px;
  right: 52px;
  padding: 0 15px 0 21px;
  background-color: #fff;
}

.send-comment .form-group .form-control,
.auth .form-group .form-control {
  border-color: #efefef;
  background-color: #fff;
  padding: 0 16px;
  height: 45px;
}

.send-comment .form-group .form-control:focus,
.auth .form-group .form-control:focus {
  border-color: #ee273a;
}

.send-comment .form-group textarea.form-control,
.auth .form-group textarea.form-control {
  height: 235px;
  padding: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

@media only screen and (max-width: 767px) {

  .send-comment .form-group textarea.form-control,
  .auth .form-group textarea.form-control {
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
  }
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  right: 0;
  left: auto;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  top: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  left: -4px;
  width: 11px;
  height: 10px;
  cursor: pointer;
  border: none;
  background-color: transparent;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle::before {
  content: none;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle::after {
  border: 11px solid;
  border-color: transparent transparent #67b930;
  background-color: transparent;
  -webkit-transform: scale(0.6, 1.3);
  -moz-transform: scale(0.6, 1.3);
  -ms-transform: scale(0.6, 1.3);
  -o-transform: scale(0.6, 1.3);
  transform: scale(0.6, 1.3);
  top: 0;
  left: 0;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle-lower {
  top: -14px;
  right: auto;
  left: -16px;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle-lower:after {
  border-color: #67b930 transparent transparent;
}

.noUi-target {
  background-color: #e7ebee;
  height: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: none;
}

.noUi-connect {
  background-color: #67b930;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.form-check {
  padding-right: 32px;
}

.form-check-input {
  opacity: 0;
}

.form-check-label {
  cursor: pointer;
}

.form-check-label::after {
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  content: "";
  top: 0;
  right: 0;
  border: 1px solid #e7ebee;
}

.form-check-label::before {
  content: "";
  top: 4px;
  right: 4px;
  width: 12px;
  height: 12px;
  background-color: #ee273a;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  opacity: 0;
}

.form-check-input.activeFilter+.form-check-label::before {
  opacity: 1;
}

.form-switch {
  padding-right: 70px;
}

.form-switch .form-check-label::before {
  content: "";
  top: 0;
  right: 0;
  width: 54px;
  height: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background-color: #e7ebee;
  opacity: 1;
}

.form-switch .form-check-label::after {
  width: 25px;
  height: 25px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #2d365d;
  top: 0;
  right: 34px;
  -webkit-transform: translateY(-10%);
  -moz-transform: translateY(-10%);
  -ms-transform: translateY(-10%);
  -o-transform: translateY(-10%);
  transform: translateY(-10%);
}

.form-switch .form-check-input:checked+label::before {
  background-color: #e7f2dd;
}

.form-switch .form-check-input:checked+label::after {
  right: 0;
  background-color: #67b930;
}

.pagination {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.pagination .page-item {
  font-size: 14px;
  font-weight: 500;
  color: #232323;
}

.pagination .page-item:not(:last-child) {
  margin-left: 15px;
}

.pagination .page-item span {
  font-weight: 900;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
  display: inline-block;
}

.pagination .page-item span.now {
  background-color: #f8f9fb;
  margin-right: 12px;
}

.pagination .page-item .page-next,
.pagination .page-item .page-prev {
  background-color: #fff;
  border: 1px solid #d5dbe0;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
  color: #232323;
  padding: 8px 22px;
  line-height: 21px;
}

.pagination .page-item .page-next:hover,
.pagination .page-item .page-prev:hover {
  border-color: #ee273a;
  -webkit-box-shadow: 0 10px 20px rgba(238, 39, 58, 0.08);
  -moz-box-shadow: 0 10px 20px rgba(238, 39, 58, 0.08);
  box-shadow: 0 10px 20px rgba(238, 39, 58, 0.08);
}

@media only screen and (max-width: 575px) {

  .pagination .page-item .page-next,
  .pagination .page-item .page-prev {
      -webkit-border-radius: 12px;
      -moz-border-radius: 12px;
      border-radius: 12px;
  }
}

.product-two {
  border: 3px solid #f5f3fc;
  background-color: #fff;
  padding: 47px 25px 25px;
}

.product-two-image {
  padding-bottom: 35px;
  margin-bottom: 5px;
  border-bottom: 1px solid #f5f3fc;
}

.product-two-image img {
  margin: 0 auto;
  max-height: 207px;
}

.product-two-detail {
  border-top: 1px solid #f5f3fc;
  padding-top: 20px;
}

.product-two-detail h2 {
  font-size: 14px;
  line-height: 22px;
  overflow: hidden;
  height: 44px;
  margin-bottom: 18px;
}

.product-two-detail h2 a {
  color: #2d365d;
}

.product-two-detail h2 a:hover {
  color: #ee273a;
}

.product-two-detail .offer-price {
  background-color: #f8f9fb;
  height: 30px;
  padding: 0 5px;
}

.product-two-detail .offer-price del {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  color: #ee232b;
  -webkit-text-decoration-color: #707070;
  -moz-text-decoration-color: #707070;
  text-decoration-color: #707070;
  margin-left: 13px;
}

.product-two-detail .offer-price span {
  font-size: 16px;
  font-weight: 900;
  color: #49be78;
  line-height: 24px;
}

.product-two-detail .offer-price span i {
  font-style: normal;
  font-size: 14px;
  font-weight: 300;
  color: #232323;
  line-height: 21px;
  margin-right: 6px;
}

.product-two-detail .status {
  background-color: #fff3f0;
  width: 66px;
  line-height: 25px;
  line-height: 25px;
  color: #ff8a66;
  font-size: 14px;
  font-weight: 300;
  text-align: center;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  top: 16px;
  right: 16px;
}

.product-two-detail .offer {
  width: 55px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  top: 13px;
  left: 3px;
  background-color: #ee273a;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}

.product-two-detail .btn {
  bottom: 25px;
  left: 25px;
  max-width: -webkit-calc(100% - 50px);
  max-width: -moz-calc(100% - 50px);
  max-width: calc(100% - 50px);
  line-height: 20px;
  padding: 5px 12px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  opacity: 0;
}

.product-two:hover {
  border-color: #212341;
}

.product-two:hover .btn {
  opacity: 1;
}

@media only screen and (max-width: 1199px) {
  .product-two {
      padding: 47px 15px 25px;
  }

  .product-two-detail .offer-price span {
      font-size: 20px;
  }
}

.article-two img {
  height: 160px;
  -o-object-fit: cover;
  object-fit: cover;
}

.article-two .date-view {
  padding: 15px 24px 17px 37px;
  background-color: #ee273a;
}

.article-two .date-view span {
  color: #fff;
  font-weight: 500;
  line-height: 21px;
}

.article-two .date-view span i {
  color: #f8ba4b;
  margin-left: 5px;
}

.article-two h2 {
  font-size: 16px;
  font-weight: 900;
  line-height: 24px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  margin: 29px 0 13px;
}

.article-two h2::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 3px solid #f8ba4b;
  margin-left: 8px;
}

.article-two h2 a {
  color: #2d365d;
}

.article-two h2 a:hover {
  color: #ee273a;
}

.article-two p {
  font-size: 13px;
  line-height: 24px;
  color: #939aa4;
  height: 44px;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .article-two .date-view {
      padding: 12px;
  }

  .article-two .date-view span {
      font-size: 12px;
  }
}

.product-three {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #f5f3fc;
  padding: 65px 20px 25px;
}

.product-three .image img {
  height: 209px;
  margin: 0 auto;
}

.product-three .detail {
  padding: 0;
}

.product-three .detail h2 {
  margin: 40px 0 21px;
}

.product-three .detail .price-offer {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  background-color: #00867d;
  font-size: 13px;
  font-weight: 300;
  color: #fff;
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding: 5px 12px;
}

.product-three .detail .price-offer del {
  font-size: 16px;
  line-height: 25px;
  -webkit-text-decoration-color: #000;
  -moz-text-decoration-color: #000;
  text-decoration-color: #000;
  margin-left: 12px;
}

.product-three .detail .price-offer span {
  font-weight: 900;
  font-size: 24px;
  line-height: 37px;
}

.product-three .detail .offer {
  text-decoration: none;
  bottom: 49px;
  left: 29px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  background-color: #ee232b;
  width: 40px;
  height: 25px;
  line-height: 25px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  z-index: 4;
}

.product-three .detail .status {
  top: 16px;
  right: 16px;
}

.product-three .detail .btn {
  bottom: 25px;
  left: 20px;
  max-width: -webkit-calc(100% - 40px);
  max-width: -moz-calc(100% - 40px);
  max-width: calc(100% - 40px);
  z-index: 2;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  font-weight: 300;
  opacity: 0;
  visibility: hidden;
}

.product-three:hover {
  border-color: #212341;
}

.product-three:hover .detail .btn {
  opacity: 1;
  visibility: visible;
}

@media only screen and (max-width: 1199px) {
  .product-three {
      padding: 65px 12px 25px;
  }

  .product-three .detail .offer-price {
      font-size: 12px;
  }

  .product-three .detail .offer-price del {
      font-size: 14px;
  }

  .product-three .detail .offer-price span {
      font-size: 20px;
  }

  .product-three .detail .btn {
      left: 12px;
      max-width: -webkit-calc(100% - 24px);
      max-width: -moz-calc(100% - 24px);
      max-width: calc(100% - 24px);
  }
}

.article-three figure {
  margin-bottom: 30px;
  padding: 20px;
  background-color: #fff;
  -webkit-box-shadow: 0 5px 50px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0 5px 50px rgba(0, 0, 0, 0.07);
  box-shadow: 0 5px 50px rgba(0, 0, 0, 0.07);
}

.article-three figure img {
  width: 100%;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  height: 300px;
  -o-object-fit: cover;
  object-fit: cover;
}

.article-three figure .category {
  top: 35px;
  left: 35px;
  background-color: #eeddd3;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  line-height: 30px;
  padding: 0 16px;
  font-size: 13px;
  color: #212341;
}

.article-three h2 {
  font-size: 16px;
  font-weight: bold;
  line-height: 30px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  text-align: center;
  margin-bottom: 36px;
}

.article-three h2 a {
  color: #212341;
}

.article-three h2 a:hover {
  color: #ee273a;
}

.article-three .date {
  font-size: 11px;
  font-weight: 300;
  color: #2d365d;
  line-height: 39px;
  text-align: center;
  margin-left: 23px;
}

.article-three .date span {
  width: 60px;
  height: 60px;
  background-color: #f8f9fb;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  line-height: 60px;
  font-size: 20px;
  font-weight: 300;
  color: #2d365d;
  margin: 0 auto;
  -webkit-box-shadow: 0 0 0 12px rgba(248, 249, 251, 0.5);
  -moz-box-shadow: 0 0 0 12px rgba(248, 249, 251, 0.5);
  box-shadow: 0 0 0 12px rgba(248, 249, 251, 0.5);
}

.article-three p {
  font-size: 13px;
  font-weight: 300;
  color: #47494c;
  line-height: 22px;
  height: 66px;
  overflow: hidden;
  padding: 15px 0 14px;
  border: solid #f5f3fc;
  border-width: 1px 0;
  margin: 0;
}

.article-three:hover .date span {
  background-color: #ee273a;
  color: #fff;
}

.colors-product {
  max-width: 50%;
  width: 100%;
}

.colors-product ul li label {
  padding: 5px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  cursor: pointer;
}

.colors-product ul li label .color {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  border: 1px solid #b3bbc7;
}

.colors-product ul li label .name {
  font-size: 11px;
  font-weight: 300;
  color: #2d365d;
  width: 0;
  overflow: hidden;
}

.colors-product ul li input:checked+label {
  border: 1px solid #efefef;
}

.colors-product ul li input:checked+label .name {
  margin-right: 8px;
  padding-left: 10px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

#specifications ul li:not(:last-child) {
  margin-bottom: 8px;
}

#specifications ul li::after {
  content: "";
  top: 0;
  right: 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  width: 5px;
  height: 100%;
  background-color: #f8f9fb;
}

@media only screen and (max-width: 575px) {
  #specifications ul li::after {
      content: none;
  }
}

#specifications ul li span {
  padding: 18px 30px 16px;
  color: #232323;
  line-height: 22px;
}

#specifications ul li span:first-child {
  width: 20%;
}

#specifications ul li span:last-child {
  width: 80%;
  font-weight: 700;
  background-color: #f8f9fb;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

@media only screen and (max-width: 991px) {
  #specifications ul li span:first-child {
      width: 30%;
  }

  #specifications ul li span:last-child {
      width: 70%;
  }
}

@media only screen and (max-width: 767px) {
  #specifications ul li span:first-child {
      width: 35%;
  }

  #specifications ul li span:last-child {
      width: 65%;
  }
}

@media only screen and (max-width: 575px) {
  #specifications ul li span {
      padding: 15px 20px;
  }

  #specifications ul li span:first-child,
  #specifications ul li span:last-child {
      width: 100%;
  }
}

#comments {
  -webkit-box-shadow: 0 10px 75px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 10px 75px rgba(0, 0, 0, 0.08);
  box-shadow: 0 10px 75px rgba(0, 0, 0, 0.08);
  background-color: #fff;
  padding: 69px 60px 121px 65px;
}

@media only screen and (max-width: 767px) {
  #comments {
      padding: 40px 20px 60px;
  }
}

#comments::before {
  content: "";
  bottom: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #ee273a;
  width: 95%;
  height: 5px;
}

#comments .rate-comment {
  padding-bottom: 63px;
  margin-bottom: 59px;
  border-bottom: 1px solid #f5f3fc;
}

#comments .rate-comment .title,
#comments .rate-comment .sub-title {
  font-size: 13px;
  font-weight: 300;
  color: #2d365d;
  line-height: 26px;
}

#comments .rate-comment .title {
  margin-bottom: 26px;
}

#comments .rate-comment .text-login {
  color: #39d4df;
  font-size: 13px;
  font-weight: bold;
  line-height: 26px;
  margin-bottom: 37px;
}

#comments .rate-comment .text-login:hover {
  color: #ee273a;
}

#comments .rate-comment .btn {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #2d365d;
  padding: 17px 16px;
  line-height: 21px;
  font-size: 16px;
  font-weight: bold;
}

#comments .rate-comment .rate-box-title {
  font-size: 16px;
  color: #2d365d;
  line-height: 26px;
  margin-bottom: 4px;
}

#comments .rate-comment .rate-box-count {
  color: #2d365d;
  font-weight: 500;
  line-height: 22px;
  margin-bottom: 15px;
}

#comments .rate-comment .rate-box-count span {
  font-size: 50px;
  font-weight: 900;
  line-height: 75px;
  margin-left: 8px;
}

#comments .rate-comment .rate-box-count i {
  font-style: normal;
  color: #ee232b;
  font-weight: 900;
}

@media only screen and (max-width: 767px) {
  #comments .rate-comment .rate-box-count span {
      font-size: 40px;
      line-height: 65px;
  }
}

#comments .rate-comment .rate-box-progress li {
  max-width: 45%;
  width: 100%;
}

#comments .rate-comment .rate-box-progress li:not(:nth-child(n + 5)) {
  margin-bottom: 28px;
}

#comments .rate-comment .rate-box-progress li>span {
  font-size: 12px;
  font-weight: 300;
  color: #2d365d;
  line-height: 18px;
}

#comments .rate-comment .rate-box-progress li .progress {
  width: -webkit-calc(100% - 50px);
  width: -moz-calc(100% - 50px);
  width: calc(100% - 50px);
  height: 6px;
  background-color: #f5f3fc;
  direction: ltr;
}

#comments .rate-comment .rate-box-progress li .progress-bar {
  background-color: #49be78;
}

@media only screen and (max-width: 575px) {
  #comments .rate-comment .rate-box-progress li {
      max-width: 100%;
  }

  #comments .rate-comment .rate-box-progress li:not(:nth-child(n + 6)) {
      margin-bottom: 28px;
  }
}

.box-gallery {
  position: fixed;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
}

.box-gallery-dialog {
  height: 100vh;
  overflow: hidden auto;
  background-color: #fff;
}

.box-gallery-content {
  padding-bottom: 40px;
  padding: 16px;
  background-color: #fff;
  width: 100%;
  height: 100%;
}

.box-gallery-header {
  margin-bottom: 32px;
  padding-bottom: 16px;
  border-bottom: 1px solid #f5f3fc;
}

.box-gallery-header h4 {
  font-weight: 600;
  font-size: 20px;
  line-height: 32px;
  color: #232323;
  margin-bottom: 0;
}

.box-gallery-close {
  font-size: 20px;
  color: #000;
}

.box-gallery-body {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 12px;
}

.box-gallery-body ul {
  height: 100%;
  overflow: hidden auto;
  -ms-overflow-style: auto;
  scrollbar-width: 0;
}

.box-gallery-body ul li {
  width: 120px;
  height: 120px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  border: 1px solid #f5f3fc;
  cursor: pointer;
}

.box-gallery-body ul li:not(:last-child) {
  margin-bottom: 20px;
}

.box-gallery-body ul li img {
  height: 85px;
}

.box-gallery-body>img {
  max-width: -webkit-calc(100% - 130px);
  max-width: -moz-calc(100% - 130px);
  max-width: calc(100% - 130px);
  height: auto;
  max-height: 483px;
}

@media only screen and (max-width: 575px) {
  .box-gallery-body ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      height: 83px;
      overflow: auto hidden;
  }

  .box-gallery-body ul li {
      height: 83px;
      width: 83px;
  }

  .box-gallery-body ul li img {
      width: 80%;
      height: auto;
  }

  .box-gallery-body>img {
      max-width: 100%;
  }
}

.box-gallery.open {
  opacity: 1;
  visibility: visible;
}

.options-box {
  background-color: #fff9eb;
  padding: 22px 0 26px;
  margin: 35px 0;
}

.options-box li {
  text-align: center;
}

.options-box li i {
  color: #2d365d;
  margin-bottom: 20px;
  font-size: 48px;
}

.options-box li i::after {
  content: "";
  top: 12px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: rgba(45, 54, 93, 0.1);
  width: 30px;
  height: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.options-box li span {
  color: #212341;
  line-height: 19px;
}

@media only screen and (max-width: 575px) {
  .options-box li:nth-child(n + 4) {
      margin-top: 16px;
  }
}

@media only screen and (max-width: 419px) {


  .options-box li:nth-child(n + 3) {
      margin-top: 16px;
  }

  .options-box li:last-child {
      margin: 0 auto;
  }
}

.nav-responsive {
  z-index: 99999;
  -webkit-transition: all 0.3s ease-in-out 0.3s;
  -o-transition: all 0.3s ease-in-out 0.3s;
  -moz-transition: all 0.3s ease-in-out 0.3s;
  transition: all 0.3s ease-in-out 0.3s;
  opacity: 0;
  visibility: hidden;
}

.nav-responsive,
.nav-responsive-backdrop {
  position: fixed;
}

.nav-responsive-close {

  z-index: 3;
}

.nav-responsive-backdrop {
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}


.nav-responsive-content-logo {
  margin: 20px;
  text-align: center;
}



.nav-responsive-content ul li i {
  top: 14px;

}



.nav-responsive-content ul li ul li:first-child {
  padding-top: 16px;
}

.nav-responsive-content ul li ul li:last-child {
  padding-bottom: 16px;
}


.nav-responsive-content ul li.opened i {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.nav-responsive.opened {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.nav-responsive.opened .nav-responsive-content {
  right: 0;
  -webkit-transition: all 0.3s ease-in-out 0.3s;
  -o-transition: all 0.3s ease-in-out 0.3s;
  -moz-transition: all 0.3s ease-in-out 0.3s;
  transition: all 0.3s ease-in-out 0.3s;
}

.article-four {
  background-color: #fff9eb;
}

.article-four figure {
  z-index: 3;
}

.article-four figure::after {
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: -webkit-calc(100% - 22px);
  height: -moz-calc(100% - 22px);
  height: calc(100% - 22px);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000);
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), #000);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), #000);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000);
  -webkit-border-radius: 33px;
  -moz-border-radius: 33px;
  border-radius: 33px;
}

.article-four figure img {
  height: 256px;
  -o-object-fit: cover;
  object-fit: cover;
}

.article-four figure h2 {
  position: absolute !important;
  font-size: 16px;
  font-weight: 900;
  line-height: 30px;
  z-index: 4;
  right: 29px;
  bottom: 24px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  width: -webkit-calc(100% - 35px);
  width: -moz-calc(100% - 35px);
  width: calc(100% - 35px);
  color: #fff;
}

.article-four figure h2::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  border: 3px solid #f8ba4b;
  margin-left: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.article-four figure h2 a {
  color: #fff;
}

.article-four figure h2 a:hover {
  color: #ee273a;
}

.article-four .date-view {
  padding: 15px 24px 17px;
}

.article-four .date-view span {
  font-weight: 500;
}

.article-four .date-view span b {
  font-weight: 900;
}

@media only screen and (max-width: 767px) {
  .article-four figure h2 {
      font-size: 14px;
  }
}

.article-five figure {
  z-index: 3;
}

.article-five figure>a::after {
  content: "";
  background-image: -webkit-linear-gradient(225deg, rgba(0, 0, 0, 0), #000);
  background-image: -moz-linear-gradient(225deg, rgba(0, 0, 0, 0), #000);
  background-image: -o-linear-gradient(225deg, rgba(0, 0, 0, 0), #000);
  background-image: linear-gradient(225deg, rgba(0, 0, 0, 0), #000);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

.article-five figure img {
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
}

.article-five figure ul {
  left: 17px;
  z-index: 5;
}

.article-five figure ul li {
  background-color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 89px;
  line-height: 30px;
  height: 30px;
  font-weight: 500;
  font-size: 14px;
}

.article-five figure ul li,
.article-five figure ul li a {
  color: #2d365d;
}

.article-five figure ul li:last-child {
  background-color: #ee273a;
  color: #fff;
}

.article-five h2 {
  font-size: 18px;
  font-weight: 900;
  margin-bottom: 11px;
}

.article-five h2 a {
  color: #2d365d;
}

.article-five h2 a:hover {
  color: #ee273a;
}

.article-five p {
  color: #939aa4;
  font-size: 13px;
  line-height: 24px;
  height: 72px;
  overflow: hidden;
}

.article-six figure {
  z-index: 2;
}

.article-six figure::after {
  content: "";
  z-index: -1;
  max-width: -webkit-calc(100% - 26px);
  max-width: -moz-calc(100% - 26px);
  max-width: calc(100% - 26px);
  width: 100%;
  right: 0;
  bottom: 0;
  height: 154px;
  background: url("./../../images/bg-article-six.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}

.article-six figure img {
  height: 376px;
  -o-object-fit: cover;
  object-fit: cover;
}

.article-six figure .info {
  max-width: -webkit-calc(100% - 26px);
  max-width: -moz-calc(100% - 26px);
  max-width: calc(100% - 26px);
  width: 100%;
  padding: 15px 26px 17px;
}

.article-six figure .info li {
  font-size: 13px;
  font-weight: 500;
}

.article-six figure .info li b {
  font-weight: 900;
}

.article-six h2 {
  font-size: 16px;
  font-weight: 900;
  line-height: 30px;
  padding: 0 26px;
  margin-top: 20px;
}

.article-six h2 a {
  color: #fff;
}

.article-six h2 a:hover {
  color: #ee273a;
}

@media only screen and (max-width: 767px) {

  .article-six figure img,
  .article-six figure::after {
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
  }

  .article-six figure .info {
      padding: 15px 12px 17px;
  }

  .article-six figure .info li {
      font-size: 12px;
  }
}

.table thead::after {
  content: "";
  top: 0;
  left: 53px;
  width: -webkit-calc(100% - 106px);
  width: -moz-calc(100% - 106px);
  width: calc(100% - 106px);
  height: 100%;
  -webkit-border-radius: 25px 25px 0 0;
  -moz-border-radius: 25px 25px 0 0;
  border-radius: 25px 25px 0 0;
  background-color: #f8f9fb;
  z-index: -1;
}

.table thead tr th {
  font-size: 14px;
  font-weight: 300;
  color: #939aa4;
  padding: 10px 12px 15px;
  border: 0;
}

.table thead tr th:first-child {
  padding-right: 88px;
}

.table thead tr th:last-child {
  padding-left: 81px;
}

.table thead tr th,
.table tbody tr td {
  white-space: nowrap;
}

.table tbody tr td {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  border: none;
  padding: 31.5px 12px;
}

.table tbody tr td,
.table tbody tr td a {
  color: #2d365d;
}

.table tbody tr td:first-child {
  padding-right: 64px;
}

.table tbody tr td:first-child::before,
.table tbody tr td:first-child::after {
  content: "";
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.table tbody tr td:first-child::before {
  top: 0;
  left: 0;
  width: -webkit-calc(100% - 5px);
  width: -moz-calc(100% - 5px);
  width: calc(100% - 5px);
  height: 100%;
  background-color: #fff;
  border: 1px solid #f5f3fc;
  z-index: -1;
}

.table tbody tr td:first-child::after {
  top: 3px;
  width: 70%;
  height: -webkit-calc(100% - 6px);
  height: -moz-calc(100% - 6px);
  height: calc(100% - 6px);
  right: 0;
  background-color: #2b5d5e;
  z-index: -2;
}

.table tbody tr td:last-child {
  padding-left: 69px;
}

.badge {
  padding: 0 15px;
  line-height: 20px;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
}

.badge-danger {
  color: #ff8a66;
  background-color: #fff3f0;
}

.badge-secondary {
  color: #939aa4;
  background-color: #f8f9fb;
}

.article-seven figure a::before {
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: -webkit-calc(100% - 22px);
  height: -moz-calc(100% - 22px);
  height: calc(100% - 22px);
  -webkit-border-radius: 0 0 35px 35px;
  -moz-border-radius: 0 0 35px 35px;
  border-radius: 0 0 35px 35px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000);
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), #000);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), #000);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000);
}

.article-seven figure img {
  height: 256px;
  -o-object-fit: cover;
  object-fit: cover;
}

.article-seven .content {
  max-width: -webkit-calc(100% - 68px);
  max-width: -moz-calc(100% - 68px);
  max-width: calc(100% - 68px);
  width: 100%;
  background-color: #003cff;
  margin-right: 34px;
  margin-top: -101px;
}

.article-seven .content .info {
  padding: 25px 55px 30px 46px;
  background-color: #fff;
  margin: 0 -1px;
}

.article-seven .content .info::before {
  content: "";
  top: 35px;
  right: 35px;
  width: 12px;
  height: 12px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 3px solid #f8ba4b;
}

.article-seven .content .info h2 {
  font-size: 16px;
  font-weight: 900;
  line-height: 30px;
  margin-bottom: 15px;
}

.article-seven .content .info h2 a:hover {
  color: #003cff;
}

.article-seven .content .info p {
  font-size: 13px;
  line-height: 24px;
  height: 96px;
  overflow: hidden;
}

.article-seven .content ul {
  padding: 12px 55px 15px 63px;
}

.article-seven .content ul li {
  color: #fff;
  line-height: 24px;
}

.article-seven .content ul li b {
  font-weight: 900;
}

@media only screen and (max-width: 991px) {

  .article-seven figure a::before,
  .article-seven figure img,
  .article-seven .content,
  .article-seven .content .info {
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
  }

  .article-seven .content {
      margin-top: -70px;
      margin-right: 20px;
      max-width: -webkit-calc(100% - 40px);
      max-width: -moz-calc(100% - 40px);
      max-width: calc(100% - 40px);
  }

  .article-seven .content .info {
      padding: 20px 32px;
  }

  .article-seven .content .info::before {
      top: 29px;
      right: 12px;
  }

  .article-seven .content ul {
      padding: 12px 32px;
  }
}

@media only screen and (max-width: 575px) {
  .article-seven .content {
      margin-top: -40px;
  }

  .article-seven .content .info {
      padding: 20px;
  }

  .article-seven .content .info::before {
      width: 8px;
      height: 8px;
      top: 32px;
      right: 8px;
  }

  .article-seven .content ul {
      padding: 12px 20px;
  }
}

.article-seven-two .content {
  background-color: #f8f9fb;
}

.article-seven-two .content ul li {
  color: #939aa4;
}

.article-eight::before {
  content: "";
  top: 0;
  max-width: -webkit-calc(100% - 68px);
  max-width: -moz-calc(100% - 68px);
  max-width: calc(100% - 68px);
  width: 100%;
  left: 34px;
  height: 211px;
  background: url("./../../images/bg-article-eight.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  z-index: -1;
}

.article-eight ul,
.article-eight .content {
  max-width: -webkit-calc(100% - 68px);
  max-width: -moz-calc(100% - 68px);
  max-width: calc(100% - 68px);
  width: 100%;
  margin: 0 auto;
}

.article-eight ul {
  padding: 10px 59px 8px;
}

.article-eight ul li {
  font-weight: 500;
  color: #121320;
}

.article-eight ul li b {
  font-weight: bold;
}

.article-eight .image::after {
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: -webkit-calc(100% - 22px);
  height: -moz-calc(100% - 22px);
  height: calc(100% - 22px);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000);
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), #000);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), #000);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000);
}

.article-eight .image img {
  height: 256px;
  -o-object-fit: cover;
  object-fit: cover;
}

.article-eight .content {
  background-color: #fff;
  padding: 25px 55px 30px 45px;
  margin-top: -101px;
}

.article-eight .content::before {
  content: "";
  top: 35px;
  right: 35px;
  width: 12px;
  height: 12px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 3px solid #f8ba4b;
}

.article-eight .content h2 {
  font-size: 16px;
  font-weight: 900;
  line-height: 30px;
  margin-bottom: 15px;
}

.article-eight .content h2 a:hover {
  color: #00ff93;
}

.article-eight .content p {
  font-size: 13px;
  line-height: 20px;
}

@media only screen and (max-width: 991px) {

  .article-eight::before,
  .article-eight .image::after,
  .article-eight .image img,
  .article-eight .content {
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
  }

  .article-eight::before {
      left: 20px;
  }

  .article-eight::before,
  .article-eight ul,
  .article-eight .content {
      max-width: -webkit-calc(100% - 40px);
      max-width: -moz-calc(100% - 40px);
      max-width: calc(100% - 40px);
  }

  .article-eight ul {
      padding: 10px 16px 8px;
  }

  .article-eight .content {
      margin-top: -70px;
      padding: 16px;
  }

  .article-eight .content::before {
      content: none;
  }
}

@media only screen and (max-width: 575px) {
  .article-eight::before {
      left: 15px;
  }

  .article-eight::before,
  .article-eight ul,
  .article-eight .content {
      max-width: -webkit-calc(100% - 30px);
      max-width: -moz-calc(100% - 30px);
      max-width: calc(100% - 30px);
  }
}

.article-sixteen {
  margin-top: 6px;
}

.article-sixteen figure::before {
  content: "";
  -webkit-transform: translateY(-6px);
  -moz-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  -o-transform: translateY(-6px);
  transform: translateY(-6px);
  background-color: #7262d4;
  z-index: -1;
}

.article-sixteen figure::after {
  content: "";
  left: 0;
  bottom: 0;
  -webkit-border-radius: 33px;
  -moz-border-radius: 33px;
  border-radius: 33px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000);
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), #000);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), #000);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000);
  width: 100%;
  height: 234px;
}

.article-sixteen figure img {
  height: 412px;
  -o-object-fit: cover;
  object-fit: cover;
}

.article-sixteen .content {
  max-width: -webkit-calc(100% - 58px);
  max-width: -moz-calc(100% - 58px);
  max-width: calc(100% - 58px);
  width: 100%;
  background: url("./../../images/bg-article-16.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  margin: -142px auto 0;
  z-index: 2;
}

.article-sixteen .content .info {
  padding: 21px 32px 24px 23px;
}

.article-sixteen .content .info h2 {
  font-size: 16px;
  font-weight: 900;
  line-height: 35px;
  margin-bottom: 10px;
}

.article-sixteen .content .info h2 a:hover {
  color: #7262d4;
}

.article-sixteen .content .info p {
  font-size: 13px;
  line-height: 18px;
}

.article-sixteen .content ul {
  padding: 7px 34px 12px 23px;
}

.article-sixteen .content ul li {
  font-weight: 500;
  line-height: 22px;
}

@media only screen and (max-width: 1199px) {
  .article-sixteen .content {
      max-width: -webkit-calc(100% - 40px);
      max-width: -moz-calc(100% - 40px);
      max-width: calc(100% - 40px);
  }

  .article-sixteen .content .info {
      padding: 21px 18px 24px;
  }

  .article-sixteen .content ul {
      padding: 7px 18px 12px;
  }
}

@media only screen and (max-width: 767px) {
  .article-sixteen figure img {
      height: 300px;
  }

  .article-sixteen .content {
      max-width: -webkit-calc(100% - 20px);
      max-width: -moz-calc(100% - 20px);
      max-width: calc(100% - 20px);
  }

  .article-sixteen .content ul li {
      font-size: 12px;
  }
}

.top-header {
  padding: 24px 0 26px;
}

.top-header::after {
  content: "";
  z-index: -1;
  top: 0;
  left: 0;
  background: url("./../../images/top-header.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  width: 344px;
  height: 639px;
}

@media only screen and (max-width: 575px) {
  .top-header::after {
      content: none;
  }
}

.top-header-logo {
  height: 46px;
}

.top-header-search {
  margin: 0 auto 0 14px;
  max-width: 405px;
  width: 100%;
}

.top-header-search .form-control {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background-color: #f8f9fb;
  border: 1px solid #f8f9fb;
  padding: 16px 24px 14px;
  font-size: 12px;
  color: #2d365d;
}

.top-header-search .form-control:focus {
  border-color: #212341;
}

.top-header-search .btn {
  width: 64px;
  height: 50px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  top: 0;
  left: 0;
  font-size: 20px;
}

.top-header-favorite {
  width: 50px;
  height: 50px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background-color: #fff3f0;
  font-size: 23px;
  margin-left: 14px;
}

.top-header-favorite:hover {
  background-color: #ffe7e1;
}

.top-header-favorite,
.top-header-favorite i {
  color: #ff8a66;
}

.top-header-favorite span {
  width: 17px;
  height: 17px;
  background-color: #212341;
  text-align: center;
  line-height: 17px;
  font-size: 11px;
  top: -4px;
  right: -6px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
}

.top-header-auth>a,
.top-header-auth>a:hover,
.top-header-auth>a:focus,
.top-header-auth>a:active {
  width: 174px;
  height: 50px;
  line-height: 50px;
  background-color: #fff;
  -webkit-box-shadow: 0 5px 15px rgba(33, 35, 65, 0.07);
  -moz-box-shadow: 0 5px 15px rgba(33, 35, 65, 0.07);
  box-shadow: 0 5px 15px rgba(33, 35, 65, 0.07);
  border: 1px solid #efefef;
  color: #212341;
  text-align: center;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  font-weight: 500;
}

.top-header-auth>a:hover {
  background-color: #2d365d;
  color: #fff;
}

.top-header-auth>a i:first-child {
  font-size: 24px;
  margin-left: 14px;
}

.top-header-auth>a i:last-child {
  margin-right: 11px;
  font-size: 9px;
}

.top-header-auth-dropdown {
  top: -webkit-calc(100% + 20px);
  top: -moz-calc(100% + 20px);
  top: calc(100% + 20px);
  left: 0;
  background-color: #fff;
  -webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.07);
  box-shadow: 0 10px 50px rgba(0, 0, 0, 0.07);
  border: none;
  width: 266px;
  padding: 19px 20px 32px;
  z-index: 999;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
}

.top-header-auth-dropdown::after {
  content: "";
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-box-shadow: 0 4px 1px #212341;
  -moz-box-shadow: 0 4px 1px #212341;
  box-shadow: 0 4px 1px #212341;
}

.top-header-auth-dropdown::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 24px;
  margin-top: -20px;
  z-index: -1;
}

.top-header-auth-dropdown li {
  padding: 0;
}

.top-header-auth-dropdown li:not(:last-child) {
  margin-bottom: 10px;
}

.top-header-auth-dropdown li:first-child {
  font-size: 14px;
  font-weight: 900;
  color: #212341;
  padding-bottom: 19px;
  margin-bottom: 20px;
  border-bottom: 1px solid #f5f3fc;
}

.top-header-auth-dropdown li:first-child i {
  background-color: #ecfcfc;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-left: 15px;
  width: 38px;
  height: 39px;
  text-align: center;
  line-height: 39px;
  font-size: 19px;
  color: #39d4df;
}

.top-header-auth-dropdown li a {
  font-size: 14px;
  font-weight: 500;
  color: #212341;
  line-height: 40px;
}

.top-header-auth-dropdown li a::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 3px;
  background-color: #ffb035;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-left: 12px;
}

.top-header-auth-dropdown li a:hover {
  color: #ffb035;
}

.top-header-auth-dropdown li:hover {
  background-color: transparent;
}

.top-header-auth:hover .top-header-auth-dropdown {
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
}

@media only screen and (max-width: 991px) {
  .top-header-auth-dropdown {
      display: none;
  }
}

@media only screen and (max-width: 991px) {
  .top-header-logo {
      margin-left: auto;
  }
}

@media only screen and (max-width: 575px) {
  .top-header-logo img {
      height: 38px;
  }

  .top-header .dropdown-menu {
      top: 10px !important;
  }

  .top-header .dropdown-menu,
  .top-header .dropdown-menu::after {
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
  }

  .top-header-auth a,
  .top-header-auth a:hover,
  .top-header-auth a:focus,
  .top-header-auth a:active {
      padding: 0;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      border: none;
  }

  .top-header-auth a,
  .top-header-auth a:hover,
  .top-header-auth a:focus,
  .top-header-auth a:active,
  .top-header-auth a:hover {
      background-color: transparent;
      color: #212341;
  }

  .top-header-auth a span {
      display: none;
  }

  .top-header-auth a i:first-child {
      margin-left: 0;
  }

  .top-header-auth a i:last-child {
      display: none;
  }
}

.top-header-two-search {
  width: 455px;
  margin-left: 20px;
}

.top-header-two-search .form-control {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background-image: -webkit-gradient(linear, right top, left top, from(#fff), to(#fff3f0));
  background-image: -webkit-linear-gradient(right, #fff, #fff3f0);
  background-image: -moz-linear-gradient(right, #fff, #fff3f0);
  background-image: -o-linear-gradient(right, #fff, #fff3f0);
  background-image: linear-gradient(to left, #fff, #fff3f0);
  padding: 15px 21px;
  font-size: 12px;
  color: #2d365d;
  font-weight: 400;
  line-height: 18px;
  width: -webkit-calc(100% - 50px);
  width: -moz-calc(100% - 50px);
  width: calc(100% - 50px);
}

.top-header-two-search .btn {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  width: 95px;
  height: 50px;
  text-align: left;
  font-size: 16px;
  padding: 0 0 0 19px;
  top: 0;
  left: 0;
}

.top-header-two-auth {
  margin-left: 20px;
}

.top-header-two-auth>a,
.top-header-two-auth>a:hover,
.top-header-two-auth>a:focus,
.top-header-two-auth>a:active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #fff3f0;
  border: none;
}

.top-header-two-auth>a:hover {
  color: #212341;
}

.top-header-two-favorite {
  margin-left: 0;
}

.top-header-two-favorite span {
  background-color: #ff8a66;
  top: -1px;
  right: -7px;
}

@media only screen and (max-width: 575px) {

  .top-header-two-auth a,
  .top-header-two-auth a:hover,
  .top-header-two-auth a:focus,
  .top-header-two-auth a:active {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      background-color: transparent !important;
      color: #212341 !important;
  }

  .top-header-two-auth a i:first-child {
      margin-left: 0;
  }

  .top-header-two-auth a i:last-child {
      display: none;
  }

  .top-header-two-auth a span {
      display: none;
  }
}

.top-header-three {
  padding: 36px 0 37px;
}

.top-header-three-nav {
  margin-right: 24px;
}

.top-header-three-nav::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 26px;
  height: 7px;
  background-color: #e7ebee;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-left: 12px;
}

.top-header-three-nav li:not(:last-child) {
  margin-left: 20px;
}

.top-header-three-nav li a {
  color: #939aa4;
  font-size: 11px;
  font-weight: 500;
}

.top-header-three-nav li a:hover {
  color: #ee273a;
}

.top-header-three-auth {
  margin-left: 24px;
}

.top-header-three-auth>a,
.top-header-three-auth>a:hover,
.top-header-three-auth>a:focus,
.top-header-three-auth>a:active {
  color: #212341;
  font-weight: 500;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
}

.top-header-three-auth>a,
.top-header-three-auth>a:hover,
.top-header-three-auth>a:focus,
.top-header-three-auth>a:active,
.top-header-three-auth>a:hover,
.top-header-three-auth>a:focus,
.top-header-three-auth>a:active {
  background-color: transparent;
}

.top-header-three-auth>a i {
  margin-right: 12px;
  font-size: 10px;
  color: #000;
}

.top-header-three-auth>a:hover,
.top-header-three-auth>a:hover i {
  color: #ee273a;
}

.top-header-three-search {
  max-width: 350px;
  width: 100%;
  background-color: #212341;
  padding: 1px;
  border-radius: 25px;
}

.top-header-three-search .form-control {
  border: none;
  background-color: #fff;
  font-size: 12px;
  font-weight: 400;
  color: #2d365d;
  height: 48px;
  border-radius: 25px;
}

.top-header-three-search .btn {
  -webkit-border-radius: 50px 0 0 50px;
  -moz-border-radius: 50px 0 0 50px;
  border-radius: 50px 0 0 50px;
  width: 50px;
  height: 48px;
}

.top-header-three .top-header-favorite {
  width: 60px;
  margin: 0 18px 0 0;
}

.top-header-three .top-header-favorite span {
  width: 20px;
  height: 20px;
  background-color: #ff8a66;
  color: #fff;
  line-height: 20px;
  right: -5px;
}

@media only screen and (max-width: 1199px) {

  .top-header-three-nav,
  .top-header-three-auth {
      margin-left: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .top-header-three {
      padding: 20px 0;
  }

  .top-header-three .top-header-logo {
      margin: 0;
  }
}

@media only screen and (max-width: 575px) {
  .top-header-three-auth {
      margin-left: 8px;
  }

  .top-header-three .top-header-favorite {
      margin: 0;
  }
}

.top-header-four {
  padding: 24px 0 26px;
}

.top-header-four .nav-header-cart {
  margin-left: 20px;
}

.top-header-four .nav-header-cart>a {
  font-size: 23px;
  width: 50px;
  height: 50px;
}

.top-header-four .nav-header-cart>a span {
  top: -3px;
  right: -11px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-color: #212341;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-size: 12px;
}

.top-header-four .nav-header-cart .nav-header-cart-dropdown {
  left: auto;
  right: 0;
  -webkit-border-radius: 35px 0 35px 35px;
  -moz-border-radius: 35px 0 35px 35px;
  border-radius: 35px 0 35px 35px;
}

.top-header-four-logo {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 30px;
  font-weight: 300;
  color: #212341;
  line-height: 47px;
}

.top-header-four-btn-search,
.top-header-four-cart {
  width: 50px;
  height: 50px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-align: center;
  line-height: 50px;
}

.top-header-four-btn-search {
  margin-right: auto;
  background-color: #282828;
  color: #fff;
  font-size: 16px;
  padding: 0;
  margin-left: 14px;
}

.top-header-four-search {
  z-index: 999;
  opacity: 0;
  visibility: hidden;
}

.top-header-four-search,
.top-header-four-search .backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.top-header-four-search .backdrop {
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}

.top-header-four-search form {
  padding: 32px;
  background-color: #fff;
  max-width: 500px;
  width: 100%;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-transform: translateY(-100px);
  -moz-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  -o-transform: translateY(-100px);
  transform: translateY(-100px);
}

.top-header-four-search form .form-control {
  height: 45px;
  line-height: 45px;
  font-size: 14px;
  font-weight: 500;
  padding-left: 40px;
}

.top-header-four-search form button {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 40px;
  font-size: 17px;
  color: #7f7f84;
}

.top-header-four-search.opened {
  opacity: 1;
  visibility: visible;
}

.top-header-four-search.opened form {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}

.top-header-five {
  background-color: #2d365d;
}

.top-header-five-logo {
  font-size: 24px;
}

.top-header-five-search {
  max-width: 455px;
  z-index: 2;
  padding-left: 50px;
}

.top-header-five-search .form-control {
  font-size: 12px;
  color: #2d365d;
  padding: 0 21px;
  height: 50px;
  line-height: 50px;
}

.top-header-five-search .btn {
  height: 50px;
  line-height: 50px;
  padding-left: 19px;
  max-width: 90px;
  z-index: -1;
}

.top-header-five .top-header-auth>a i {
  -webkit-box-shadow: 0 0 0 5px #2d365d, 0 0 0 6.5px rgba(114, 98, 212, 0.55), 0 0 0 11.5px #2d365d, 0 0 0 12.5px rgba(114, 98, 212, 0.35), 0 0 0 17.5px #2d365d, 0 0 0 18.5px rgba(114, 98, 212, 0.1);
  -moz-box-shadow: 0 0 0 5px #2d365d, 0 0 0 6.5px rgba(114, 98, 212, 0.55), 0 0 0 11.5px #2d365d, 0 0 0 12.5px rgba(114, 98, 212, 0.35), 0 0 0 17.5px #2d365d, 0 0 0 18.5px rgba(114, 98, 212, 0.1);
  box-shadow: 0 0 0 5px #2d365d, 0 0 0 6.5px rgba(114, 98, 212, 0.55), 0 0 0 11.5px #2d365d, 0 0 0 12.5px rgba(114, 98, 212, 0.35), 0 0 0 17.5px #2d365d, 0 0 0 18.5px rgba(114, 98, 212, 0.1);
}

@media only screen and (max-width: 575px) {
  .top-header-five .top-header-auth>a i {
      display: block;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      text-align: center;
      line-height: 45px;
  }
}

@media only screen and (max-width: 991px) {
  .top-header-six {
      padding: 16px 0;
  }
}

.top-header-six::after {
  content: none;
}

.top-header-six-logo {
  font-size: 22px;
  font-weight: 900;
  color: #2d365d;
}

.top-header-six-logo span {
  font-weight: 400;
}

.top-header-seven {
  padding: 34px 0;
  z-index: 99;
}

.top-header-seven .nav-header-cart {
  margin-left: 34px;
}

.top-header-seven .nav-header-cart>a {
  background-color: transparent;
  width: auto;
  height: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin-left: 0;
  padding: 0;
}

.top-header-seven .nav-header-cart>a span {
  background-color: #fff;
  color: #212341;
  top: -17px;
  right: -16px;
}

.top-header-seven-favorite {
  font-size: 19px;
  color: #fff;
  margin-left: 29px;
}

.top-header-seven-favorite span {
  top: -17px;
  right: -16px;
  width: 20px;
  height: 20px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  line-height: 20px;
  color: #212341;
}

.top-header-seven .top-header-four-btn-search {
  width: auto;
  height: auto;
  background-color: transparent;
}

.top-header-seven .top-header-auth>a {
  background-color: transparent;
  border: none;
  color: #fff;
  width: auto;
}

.top-header-seven-menu {
  margin-left: 37px;
}

.top-header-seven-menu li:not(:last-child) {
  margin-left: 32px;
}

.top-header-seven-menu li a {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  color: #fff;
}

.top-header-seven-menu li a:hover {
  color: #ee273a;
}

.top-header-seven-logo {
  font-size: 30px;
  line-height: 40px;
}

@media only screen and (max-width: 575px) {
  .top-header-seven .nav-header-cart {
      margin-left: 20px;
  }

  .top-header-seven .top-header-auth {
      margin-right: 8px;
  }

  .top-header-seven-logo {
      font-size: 24px;
  }
}

.top-header-eight .top-header-logo {
  font-size: 24px;
  color: #39d4df;
  line-height: 45px;
}

.top-header-eight .top-header-auth {
  margin-left: 0;
}

.top-header-eight .top-header-auth>a {
  background-image: -webkit-gradient(linear, left top, right top, from(#fff), to(#fff3f0));
  background-image: -webkit-linear-gradient(left, #fff, #fff3f0);
  background-image: -moz-linear-gradient(left, #fff, #fff3f0);
  background-image: -o-linear-gradient(left, #fff, #fff3f0);
  background-image: linear-gradient(to right, #fff, #fff3f0);
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  padding: 15px 30px 14px 16px;
}

.top-header-eight .top-header-auth>a i {
  margin-left: 0;
}

.top-header-eight .top-header-favorite {
  margin: 0 44px 0 37px;
}

.top-header-eight .top-header-favorite,
.top-header-eight .top-header-favorite i {
  color: #212341;
}

.top-header-eight .top-header-favorite,
.top-header-eight .nav-header-cart>a {
  padding: 0;
  background: transparent;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  font-size: 19px;
}

.top-header-eight .top-header-favorite span,
.top-header-eight .nav-header-cart>a span {
  width: 20px;
  height: 20px;
  background-color: #212341;
  font-size: 13px;
  color: #fff;
  top: -14px;
  right: -19px;
}


.top-header-eight .nav-header-cart>a {
  color: #49be78;
}

@media only screen and (max-width: 1199px) {
  .top-header-eight .top-header-three-search {
      max-width: 320px;
  }
}

@media only screen and (max-width: 575px) {
  .top-header-eight .top-header-auth>a {
      padding: 0;
      background: transparent;
      margin-left: 32px;
  }
}

.top-header-nine {
  z-index: 999;
}

.top-header-nine .container {
  padding: 30px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

.top-header-nine-nav ul li:not(:last-child) {
  margin-left: 20px;
}

.top-header-nine-nav ul li a {
  font-weight: 500;
  color: #fff;
  line-height: 22px;
}

.top-header-nine-nav ul li a:hover {
  color: #eb2856;
}

.top-header-nine-logo {
  line-height: 40px;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 40px;
}

.top-header-nine .top-header-auth>a {
  background-color: #eb2856;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
  width: 126px;
  height: 40px;
  line-height: 40px;
  border-radius: 25px;
}

.top-header-nine .top-header-four-btn-search {
  margin: 0 13px 0 16px;
  font-size: 16px;
  color: #2d365d;
  line-height: 20px;
}

.top-header-nine .top-header-favorite,
.top-header-nine .nav-header-cart>a {
  font-size: 20px;
}

.top-header-nine .top-header-favorite span,
.top-header-nine .nav-header-cart>a span {
  width: 20px;
  height: 20px;
  background-color: #fff;
  line-height: 20px;
  color: #212341;
  top: auto;
  right: auto;
  bottom: 17px;
  left: 17px;
}

.top-header-nine .top-header-favorite {
  margin: 0 36px 0 38px;
}


.top-header-nine .nav-header-cart>a span {
  left: -webkit-calc(100% + 1px);
  left: -moz-calc(100% + 1px);
  left: calc(100% + 1px);
  bottom: -webkit-calc(100% - 18px);
  bottom: -moz-calc(100% - 18px);
  bottom: calc(100% - 18px);
}

.top-header-nine-auth-search {
  background-color: #fff;
  border-radius: 25px;
}

@media only screen and (max-width: 991px) {
  .top-header-nine-logo {
      position: relative;
      -webkit-transform: translateY(-10px);
      -moz-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
      -o-transform: translateY(-10px);
      transform: translateY(-10px);
      top: 0;
      left: 0;
      margin-right: 24px;
      height: 34px;
  }
}

@media only screen and (max-width: 575px) {
  .top-header-nine .container {
      padding: 16px 12px;
  }

  .top-header-nine-logo {
      height: 30px;
      margin-right: 12px;
  }

  .top-header-nine .top-header-four-btn-search {
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
  }
}

@media only screen and (max-width: 575px) {
  .top-header-nine-auth-search {
      background-color: transparent;
  }

  .top-header-nine .top-header-auth>a {
      width: 32px;
      height: 32px;
      background-color: transparent;
  }

  .top-header-nine .top-header-auth>a i {
      line-height: 32px;
      font-size: 20px;
  }

  .top-header-nine .top-header-four-btn-search {
      font-size: 20px;
      color: #fff;
      margin: 0 24px 0 8px;
  }

  .top-header-nine .top-header-favorite {
      margin: 0 24px;
  }
}

.top-header-ten .container {
  padding: 47px 12px 37px;
  border-bottom: 1px solid #f5f3fc;
}

.top-header-ten-nav ul li:not(:last-child) {
  margin-left: 61px;
}

.top-header-ten-nav ul li a img {
  width: 32px;
  height: 32px;
  margin-bottom: 13px;
}

.top-header-ten-nav ul li a span {
  font-weight: 500;
  color: #212341;
  line-height: 21px;
}

.top-header-ten .top-header-four-btn-search,
.top-header-ten .nav-header-cart>a {
  width: 60px;
  height: 60px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  line-height: 60px;
  text-align: center;
}

.top-header-ten .top-header-four-btn-search {
  margin-left: 15px;
}

.top-header-ten .nav-header-cart {
  margin-left: 15px;
}


.top-header-ten .nav-header-cart>a {
  background-color: #2b5d5e;
  -webkit-box-shadow: 0 10px 15px rgba(43, 93, 94, 0.25);
  -moz-box-shadow: 0 10px 15px rgba(43, 93, 94, 0.25);
  box-shadow: 0 10px 15px rgba(43, 93, 94, 0.25);
}

.top-header-ten .nav-header-cart>a span {
  top: 0;
  right: 0;
}

.top-header-ten .top-header-auth>a {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  height: 60px;
  line-height: 58px;
}

.top-header-ten-logo {
  margin-right: 48px;
}

.top-header-ten-logo img {
  height: 38px;
}

.top-header-ten-logo::after {
  content: "";
  top: -webkit-calc(100% + 48px);
  top: -moz-calc(100% + 48px);
  top: calc(100% + 48px);
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #2b5d5e;
}

@media only screen and (max-width: 1399px) {
  .top-header-ten-logo {
      margin-right: 32px;
  }

  .top-header-ten-nav ul li:not(:last-child) {
      margin-left: 50px;
  }
}

@media only screen and (max-width: 1199px) {
  .top-header-ten-logo {
      margin-right: 24px;
  }

  .top-header-ten-nav ul li:not(:last-child) {
      margin-left: 24px;
  }
}

@media only screen and (max-width: 991px) {
  .top-header-ten .container {
      padding: 24px 12px;
  }

  .top-header-ten-logo::after {
      top: -webkit-calc(100% + 33px);
      top: -moz-calc(100% + 33px);
      top: calc(100% + 33px);
  }
}

@media only screen and (max-width: 575px) {
  .top-header-ten .container {
      padding: 12px;
  }

  .top-header-ten .top-header-four-btn-search,
  .top-header-ten .nav-header-cart>a {
      width: auto;
      height: auto;
      line-height: 20px;
      color: #212341;
      background-color: transparent;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
  }

  .top-header-ten .top-header-four-btn-search {
      margin-left: 0;
  }

  .top-header-ten .nav-header-cart {
      margin: 0 20px;
  }

  .top-header-ten .nav-header-cart>a span {
      display: none;
  }

  .top-header-ten-logo::after {
      top: -webkit-calc(100% + 20px);
      top: -moz-calc(100% + 20px);
      top: calc(100% + 20px);
  }
}

.top-header-eleven {
  border-bottom: 1px solid #f5f3fc;
}

.top-header-eleven .container {
  padding: 25px 12px 27px;
}

.top-header-eleven-logo {
  margin-right: 13px;
}

.top-header-eleven-logo img {
  height: 38px;
}

.top-header-eleven-logo,
.top-header-eleven-logo:hover {
  color: #003cff;
}

.top-header-eleven-logo::before,
.top-header-eleven-logo::after {
  content: "";
  bottom: 0;
}

.top-header-eleven-logo::before {
  width: -webkit-calc(100% + 32px);
  width: -moz-calc(100% + 32px);
  width: calc(100% + 32px);
  left: 50%;
  -webkit-transform: translate(-50%, 32px);
  -moz-transform: translate(-50%, 32px);
  -ms-transform: translate(-50%, 32px);
  -o-transform: translate(-50%, 32px);
  transform: translate(-50%, 32px);
  height: 3px;
  background-color: #0055ff;
  z-index: 2;
}

.top-header-eleven-logo::after {
  width: 100vw;
  height: 1px;
  left: 0;
  -webkit-transform: translate(-32px, 32px);
  -moz-transform: translate(-32px, 32px);
  -ms-transform: translate(-32px, 32px);
  -o-transform: translate(-32px, 32px);
  transform: translate(-32px, 32px);
  background-color: #fff;
}

.top-header-eleven-search {
  padding: 4px;
  background-color: #f8f9fb;
  gap: 7px;
  max-width: 487px;
  border-radius: 25px;
}

.top-header-eleven-search .form-control {
  padding: 0 16px;
  height: 32px;
  font-size: 12px;
  color: #2d365d;
  border-radius: 25px;
  background-color: #fff;
}

.top-header-eleven-search select {
  max-width: 185px;
}

.top-header-eleven-search input.form-control {
  padding-left: 40px;
}

.top-header-eleven-search button {
  font-size: 16px;
  color: #939aa4;
  left: 18px;
  z-index: 2;
}

.top-header-eleven .nav-header-cart {
  margin: 0 22px 0 13px;
}

.top-header-eleven .nav-header-cart>a {
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #49be78;
  line-height: 40px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  font-size: 18px;
}

.top-header-eleven .nav-header-cart>a span {
  top: 0;
  right: 0;
  -webkit-transform: translateX(11px);
  -moz-transform: translateX(11px);
  -ms-transform: translateX(11px);
  -o-transform: translateX(11px);
  transform: translateX(11px);
}

.top-header-eleven .top-header-auth>a {
  background-color: #ecfcfc;
  color: #39d4df;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
  max-width: 157px;
  height: 40px;
  line-height: 40px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}

.top-header-eleven .top-header-auth>a:hover {
  background-color: #c9f6f6;
}

@media only screen and (max-width: 991px) {
  .top-header-eleven-logo {
      position: absolute;
      top: 26px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      margin: 0;
  }

  .top-header-eleven-logo img {
      height: 32px;
  }

  .top-header-eleven-logo::before,
  .top-header-eleven-logo::after {
      content: none;
  }

  .top-header-eleven-search {
      max-width: 100%;
      margin-top: 20px;
  }

  .top-header-eleven .nav-header-cart {
      margin-right: auto;
  }
}

@media only screen and (max-width: 767px) {
  .top-header-eleven .container {
      padding: 24px 12px;
  }
}

@media only screen and (max-width: 575px) {
  .top-header-eleven .top-header-auth>a {
      width: 40px;
      height: 40px;
      text-align: center;
      line-height: 40px;
  }
}

.top-header-twelve {
  padding: 28px 0;
}

.top-header-twelve-logo {
  padding-left: 27px;
  margin-left: 30px;
  border-left: 1.5px dashed #dde2e6;
}

.top-header-twelve-logo img {
  height: 38px;
}

.top-header-twelve-nav li:not(:last-child) {
  margin-left: 24px;
}

.top-header-twelve-nav li a {
  font-size: 12px;
  color: #939aa4;
  line-height: 18px;
}

.top-header-twelve-nav li a:hover {
  color: #fed844;
}

.top-header-twelve .nav-header-cart>a,
.top-header-twelve .top-header-auth>a {
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
  font-size: 28px;
  color: #212341;
  padding: 0;
  width: auto;
  height: auto;
}

.top-header-twelve .nav-header-cart>a {
  margin: 0 42px 0 30px;
}

.top-header-twelve .nav-header-cart>a span {
  background-color: #49be78;
  top: 0;
  right: 0;
  -webkit-transform: translate(16px, -7px);
  -moz-transform: translate(16px, -7px);
  -ms-transform: translate(16px, -7px);
  -o-transform: translate(16px, -7px);
  transform: translate(16px, -7px);
}

.top-header-twelve .top-header-auth>a i {
  margin: 0;
  font-size: 28px;
}

@media only screen and (max-width: 1199px) {
  .top-header-twelve-logo {
      margin-left: 18px;
      padding-left: 18px;
  }

  .top-header-twelve-nav li:not(:last-child) {
      margin-left: 18px;
  }
}

@media only screen and (max-width: 991px) {
  .top-header-twelve-logo {
      margin-right: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .top-header-twelve-logo img {
      height: 32px;
  }
}

@media only screen and (max-width: 575px) {
  .top-header-twelve-logo {
      margin-left: auto;
      padding-left: 0;
      border-left: 0;
  }
}

.top-header-thirteen {
  background-color: #121320;
}

.top-header-thirteen::after {
  content: "";
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 187px;
  height: 132px;
  -webkit-border-radius: 0 0 35px 35px;
  -moz-border-radius: 0 0 35px 35px;
  border-radius: 0 0 35px 35px;
  background: url("./../../images/bg-logo-shape.png") 0 0 no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  z-index: -1;
}

.top-header-thirteen .container {
  border-bottom: 0;
  padding: 25px 12px;
}

.top-header-thirteen .top-header-nine-logo {
  top: 47%;
}

.top-header-thirteen .top-header-nine-logo img {
  height: 38px;
}

@media only screen and (min-width: 576px) {
  .top-header-thirteen .top-header-auth>a {
      background-color: #00ff93;
      color: #121320;
  }
}

@media only screen and (max-width: 991px) {
  .top-header-thirteen::after {
      content: none;
  }

  .top-header-thirteen .top-header-nine-logo {
      top: 0;
  }
}

.top-header-fourteen::before {
  content: "";
  top: 0;
  z-index: -1;
}

.top-header-fourteen .nav-header-cart {
  margin-right: auto;
}

.top-header-fourteen .top-header-four-btn-search {
  margin: 0 13px;
}

.top-header-fourteen .nav-header-cart>a,
.top-header-fourteen .top-header-four-btn-search,
.top-header-fourteen .top-header-auth>a {
  width: 50px;
  height: 68px;
  background-color: #212341;
  -webkit-border-radius: 0 0 15px 15px;
  -moz-border-radius: 0 0 15px 15px;
  border-radius: 0 0 15px 15px;
  color: #fff;
  border: none;
  font-size: 22px;
  line-height: 90px;
  padding: 0;
}

.top-header-fourteen .nav-header-cart>a {
  background: url("./../../images/bg-cart-fourteen.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #212341;
}

.top-header-fourteen .nav-header-cart>a span {
  top: 5px;
  right: auto;
  left: 50%;
  background-color: #fff;
  color: #00867d;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.top-header-fourteen .top-header-auth>a i {
  font-size: 22px;
  margin: 0;
}

@media only screen and (max-width: 991px) {
  .top-header-fourteen::before {
      content: none;
  }

  .top-header-fourteen .top-header-logo {
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
  }
}

@media only screen and (max-width: 575px) {
  .top-header-fourteen {
      padding: 16px 0;
  }

  .top-header-fourteen .nav-header-cart>a,
  .top-header-fourteen .top-header-four-btn-search,
  .top-header-fourteen .top-header-auth>a {
      background: transparent;
      color: #212341;
      height: 32px;
      line-height: 32px;
      width: 32px;
      text-align: center;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      background-color: #f1f1f1;
      font-size: 14px;
  }

  .top-header-fourteen .nav-header-cart>a span {
      display: none;
  }

  .top-header-fourteen .top-header-auth>a i {
      display: block;
      font-size: 14px;
      line-height: 32px;
  }
}

.top-header-fiveteen .container {
  padding: 22px 12px 27px;
}

.top-header-fiveteen .container::before {
  content: "";
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -75px);
  -moz-transform: translate(-50%, -75px);
  -ms-transform: translate(-50%, -75px);
  -o-transform: translate(-50%, -75px);
  transform: translate(-50%, -75px);
  width: 205px;
  height: 94px;
  background: url("./../../images/shape-fiveteen.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  z-index: -1;
}

.top-header-fiveteen .container::after {
  content: "";
  bottom: 0;
  right: 0;
  height: 1px;
  width: 100vw;
  background-color: #f5f3fc;
}

.top-header-fiveteen .top-header-eleven-search {
  max-width: 438px;
}

.top-header-fiveteen .top-header-logo {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.top-header-fiveteen .nav-header-cart>a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-size: 18px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin-left: 13px;
}

.top-header-fiveteen .nav-header-cart>a span {
  top: 0;
  right: 0;
  -webkit-transform: translateX(11px);
  -moz-transform: translateX(11px);
  -ms-transform: translateX(11px);
  -o-transform: translateX(11px);
  transform: translateX(11px);
}

.top-header-fiveteen .top-header-auth>a {
  background-color: #fff9eb;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  border: none;
  color: #c9a781;
}

.top-header-fiveteen .top-header-auth>a:hover {
  color: #fff9eb;
  background-color: #c9a781;
}

@media only screen and (max-width: 1199px) {
  .top-header-fiveteen .top-header-eleven-search {
      max-width: 380px;
  }
}

@media only screen and (max-width: 991px) {
  .top-header-fiveteen .top-header-eleven-search {
      max-width: 100%;
  }

  .top-header-fiveteen .top-header-logo {
      top: 22px;
  }
}

@media only screen and (max-width: 767px) {
  .top-header-fiveteen .container::before {
      content: none;
  }

  .top-header-fiveteen .top-header-logo {
      position: relative;
      top: 0;
      left: 0;
      -webkit-transform: unset;
      -moz-transform: unset;
      -ms-transform: unset;
      -o-transform: unset;
      transform: unset;
      margin-right: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .top-header-fiveteen .nav-header-cart>a {
      width: auto;
      height: auto;
      background-color: transparent;
  }

  .top-header-fiveteen .nav-header-cart>a span {
      background-color: #49be78;
  }

  .top-header-fiveteen .nav-header-cart>a,
  .top-header-fiveteen .top-header-auth>a i:first-child {
      font-size: 20px;
      color: #212341;
  }
}

.top-header-sixteen {
  background-color: #121320;
  z-index: 999;
}

.top-header-sixteen .container {
  z-index: 2;
  padding: 25px 12px;
}

.top-header-sixteen .container::before {
  content: "";
  top: 0;
  right: 12px;
  width: 187px;
  height: 100%;
  background: url("./../../images/bg-header-sixteen.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  z-index: -1;
}

.top-header-sixteen .top-header-logo {
  max-width: 187px;
  margin-left: 47px;
}

.top-header-sixteen .top-header-four-btn-search {
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  line-height: 40px;
  text-align: center;
  color: #2d365d;
  font-size: 16px;
  background-color: #fff;
  margin-left: 29px;
}

.top-header-sixteen-nav li:not(:last-child) {
  margin-left: 32px;
}

.top-header-sixteen-nav li a {
  font-weight: 500;
  color: #fff;
  line-height: 22px;
}

.top-header-sixteen-nav li a:hover {
  color: #7262d4;
}

.top-header-sixteen .top-header-auth>a {
  background-color: transparent;
  color: #fff;
  border: 0;
}

.top-header-sixteen .nav-header-cart>a {
  width: auto;
  height: auto;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 8.5px 18px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.top-header-sixteen .nav-header-cart>a i {
  font-size: 23px;
}

.top-header-sixteen .nav-header-cart>a span {
  top: 0;
  right: 0;
  left: 0;
}

.top-header-sixteen .nav-header-cart>a span:not(.counter) {
  width: auto;
  height: auto;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
  margin: 0 8px 0 16px;
  font-weight: 500;
}

.top-header-sixteen .nav-header-cart>a span.counter {
  background-color: #fff;
  font-size: 12px;
  line-height: 20px;
  color: #212341;
}

@media only screen and (max-width: 1199px) {
  .top-header-sixteen .top-header-logo {
      margin-left: 24px;
  }

  .top-header-sixteen .top-header-four-btn-search {
      margin-left: 18px;
  }

  .top-header-sixteen-nav li:not(:last-child) {
      margin-left: 18px;
  }
}

@media only screen and (max-width: 991px) {
  .top-header-sixteen .container {
      padding: 16px 12px;
  }

  .top-header-sixteen .container::before {
      content: none;
  }

  .top-header-sixteen .top-header-logo {
      margin: 0 12px 0 0;
      max-width: -webkit-fit-content;
      max-width: -moz-fit-content;
      max-width: fit-content;
  }

  .top-header-sixteen .top-header-four-btn-search {
      margin-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .top-header-sixteen .top-header-auth>a {
      width: 130px;
  }
}

@media only screen and (max-width: 575px) {
  .top-header-sixteen .top-header-auth>a {
      width: auto;
      margin: 0 16px;
  }

  .top-header-sixteen .top-header-four-btn-search {
      color: #fff;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
  }

  .top-header-sixteen .top-header-four-btn-search,
  .top-header-sixteen .nav-header-cart>a {
      width: auto;
      height: auto;
      background-color: transparent;
  }

  .top-header-sixteen .top-header-four-btn-search span,
  .top-header-sixteen .nav-header-cart>a span {
      position: absolute;
      top: 0;
      right: 0;
  }

  .top-header-sixteen .top-header-auth>a {
      height: 20px;
  }

  .top-header-sixteen .nav-header-cart>a {
      padding: 0;
  }

  .top-header-sixteen .nav-header-cart>a span {
      background-color: #3aa465;
      -webkit-transform: translate(12px, -8px);
      -moz-transform: translate(12px, -8px);
      -ms-transform: translate(12px, -8px);
      -o-transform: translate(12px, -8px);
      transform: translate(12px, -8px);
      color: #fff;
  }

  .top-header-sixteen .top-header-four-btn-search,
  .top-header-sixteen .top-header-auth>a,
  .top-header-sixteen .nav-header-cart>a {
      line-height: 20px;
  }

  .top-header-sixteen .top-header-four-btn-search,
  .top-header-sixteen .top-header-auth>a i:first-child,
  .top-header-sixteen .nav-header-cart>a i {
      font-size: 20px;
  }
}

.nav-header-btn {
  font-size: 24px;
  color: #000;
}

.nav-header-menu {
  border: solid #f5f3fc;
  border-width: 1px 0;
  padding: 19px 0;
}

.nav-header-menu::before {
  content: "";
  width: 18px;
  height: 7px;
  background-color: #f5f3fc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-left: 20px;
}

.nav-header-menu>li.has-child>a::after {
  content: "\e90a";
  font-family: "icomoon";
  font-size: 6px;
  color: #000;
  margin-right: 8px;
}

.nav-header-menu>li>a {
  font-size: 14px;
  font-weight: 500;
  color: #212341;
  line-height: 22px;
  padding: 13px 22px;
  -webkit-border-radius: 45px;
  -moz-border-radius: 45px;
  border-radius: 45px;
}

.nav-header-menu>li>a:hover {
  background-color: #ee273a;
  -webkit-box-shadow: 0 10px 25px rgba(238, 39, 58, 0.25);
  -moz-box-shadow: 0 10px 25px rgba(238, 39, 58, 0.25);
  box-shadow: 0 10px 25px rgba(238, 39, 58, 0.25);
}

.nav-header-menu>li>a:hover,
.nav-header-menu>li>a:hover::after {
  color: #fff;
}

@media only screen and (max-width: 1199px) {
  .nav-header-menu>li>a {
      font-size: 13px;
      padding: 12px 10px;
  }
}

.nav-header-cart>.btn {
  width: 60px;
  height: 85px;
  max-width: 200px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  -webkit-box-shadow: 0 10px 15px rgba(73, 190, 120, 0.25);
  -moz-box-shadow: 0 10px 15px rgba(73, 190, 120, 0.25);
  box-shadow: 0 10px 15px rgba(73, 190, 120, 0.25);
  font-size: 20px;
}

.nav-header-cart>.btn span {
  top: -5px;
  right: -5px;
  width: 20px;
  height: 20px;
  background-color: #212341;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  line-height: 20px;
  text-align: center;
  color: #fff;
  font-size: 12px;
}

@media only screen and (max-width: 991px) {
  .nav-header-cart>.btn {
      width: 50px;
      height: 50px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
  }
}

.nav-header-cart-dropdown {
  top: -webkit-calc(100% + 50px);
  top: -moz-calc(100% + 50px);
  top: calc(100% + 50px);
  left: 0;
  width: 506px;
  background-color: #fff;
  border: 1px solid #49be78;
  -webkit-border-radius: 0 35px 35px;
  -moz-border-radius: 0 35px 35px;
  border-radius: 0 35px 35px;
  padding: 34px 33px 15px 28px;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
}

.nav-header-cart-dropdown.right {
  right: 0;
  left: auto;
  -webkit-border-radius: 35px 0 35px 35px;
  -moz-border-radius: 35px 0 35px 35px;
  border-radius: 35px 0 35px 35px;
  padding: 34px 28px 15px 33px;
}

.nav-header-cart-dropdown::after {
  content: "";
  top: -20px;
  left: 0;
  width: 100%;
  height: 20px;
  z-index: -1;
}

.nav-header-cart-dropdown ul li {
  background-color: #fff;
  border: 4px solid #f8f9fb;
  padding: 26px 32px 14px 12px;
}

.nav-header-cart-dropdown ul li:not(:last-child) {
  margin-bottom: 10px;
}

.nav-header-cart-dropdown ul li img {
  width: 25%;
  height: 51px;
}

.nav-header-cart-dropdown ul li .detail {
  width: 75%;
  padding-right: 38px;
}

.nav-header-cart-dropdown ul li .detail h2 {
  font-size: 13px;
  line-height: 21px;
  font-weight: 900;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  margin-bottom: 3px;
}

.nav-header-cart-dropdown ul li .detail h2 a {
  color: #232323;
}

.nav-header-cart-dropdown ul li .detail .offer {
  font-size: 16px;
  font-weight: 300;
  color: #ee232b;
  -webkit-text-decoration: line-through #707070;
  -moz-text-decoration: line-through #707070;
  text-decoration: line-through #707070;
  line-height: 24px;
}

.nav-header-cart-dropdown ul li .detail .price {
  line-height: 30px;
  font-size: 24px;
  font-weight: 900;
  color: #49be78;
}

.nav-header-cart-dropdown ul li .detail .price span {
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
  color: #232323;
  margin-right: 6px;
}

.nav-header-cart-dropdown .bottom {
  margin-top: 17px;
}

.nav-header-cart-dropdown .bottom .total-price .title {
  font-size: 13px;
  font-weight: 300;
  line-height: 21px;
}

.nav-header-cart-dropdown .bottom .total-price .price {
  line-height: 30px;
  font-size: 24px;
  font-weight: 900;
}

.nav-header-cart-dropdown .bottom .total-price .price span {
  font-weight: 300;
  font-size: 14px;
  line-height: 22px;
  margin-right: 5px;
}

.nav-header-cart-dropdown .bottom .btn {
  font-weight: bold;
  padding: 2px 2px;
  padding: 7px 23px;
}

@media only screen and (max-width: 575px) {
  .nav-header-cart-dropdown {
      width: -webkit-calc(100vw - 24px);
      width: -moz-calc(100vw - 24px);
      width: calc(100vw - 24px);
      -webkit-border-radius: 0 20px 20px;
      -moz-border-radius: 0 20px 20px;
      border-radius: 0 20px 20px;
      padding: 20px 12px 15px;
  }

  .nav-header-cart-dropdown ul li {
      padding: 18px 12px 14px;
  }

  .nav-header-cart-dropdown ul li .detail {
      padding-right: 12px;
  }
}

.nav-header-cart:hover .nav-header-cart-dropdown {
  top: -webkit-calc(100% + 20px);
  top: -moz-calc(100% + 20px);
  top: calc(100% + 20px);
  opacity: 1;
  visibility: visible;
}

@media only screen and (max-width: 991px) {
  .nav-header-cart-dropdown {
      display: none;
  }
}

.nav-header-two {
  margin-top: 29px;
}

.nav-header-two .menu {
  width: -webkit-calc(100% - 60px);
  width: -moz-calc(100% - 60px);
  width: calc(100% - 60px);
  margin-left: 13px;
  padding: 18px 17px 17px;
  -webkit-border-radius: 15px 0 15px 15px;
  -moz-border-radius: 15px 0 15px 15px;
  border-radius: 15px 0 15px 15px;
}

.nav-header-two .menu::before {
  content: "";
  right: 0;
  bottom: -webkit-calc(100% - 1px);
  bottom: -moz-calc(100% - 1px);
  bottom: calc(100% - 1px);
  width: 29px;
  height: 15px;
  background: url("./../../images/shape-nav.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}

.nav-header-two .menu>li:not(:last-child) {
  margin-left: 5px;
}

.nav-header-two .menu>li>a {
  font-weight: 500;
  line-height: 22px;
  color: #212341;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 14px 21px;
}

.nav-header-two .menu>li>a::after {
  content: "\e90a";
  font-family: "icomoon";
  font-size: 9px;
  color: #000;
  margin-right: 8px;
  font-weight: 400;
}

.nav-header-two .menu>li>a:hover {
  font-weight: 900;
  background-color: #212341;
}

.nav-header-two .menu>li>a:hover,
.nav-header-two .menu>li>a:hover::after {
  color: #fff;
}

.nav-header form,
.nav-header-two form {
  margin: 0 12px;
}

.nav-header-three {
  background-color: #212341;
  padding: 13px 0 12px;
}

.nav-header-three .container::after {
  content: "";
  bottom: -webkit-calc(100% + 13px);
  bottom: -moz-calc(100% + 13px);
  bottom: calc(100% + 13px);
  right: 20px;
  border: 8px solid;
  border-color: transparent transparent #212341;
}

.nav-header-three button {
  font-size: 18px;
  color: #fff;
  margin-left: 8px;
}

.nav-header-three .menu>li:not(:last-child) {
  margin-left: 5px;
}

.nav-header-three .menu>li.has-child>a::after {
  content: "\e90a";
  font-family: "icomoon";
  font-size: 8px;
  color: #fff;
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle;
}

.nav-header-three .menu>li>a {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  line-height: 50px;
  padding: 0 24px;
}

.nav-header-three .menu>li>a:hover {
  background-color: #2d365d;
}


.nav-header-three .nav-header-cart>a {
  width: 60px;
  height: 60px;
  line-height: 60px;
}

.nav-header-three .nav-header-cart>a span {
  background-color: #fff;
  color: #2d365d;
}

.nav-header-three .nav-header-cart .nav-header-cart-dropdown::after {
  top: -12px;
  height: 12px;
}

.nav-header-three .nav-header-cart:hover .nav-header-cart-dropdown {
  top: -webkit-calc(100% + 12px);
  top: -moz-calc(100% + 12px);
  top: calc(100% + 12px);
}

.nav-header-three .top-header-three-search {
  background-color: #fff;
}

.nav-header-three .top-header-three-search .form-control {
  background-color: #212341;
  color: #fff;
}

.nav-header-three .top-header-three-search .form-control::-webkit-input-placeholder {
  color: #fff;
}

.nav-header-three .top-header-three-search .form-control:-moz-placeholder {
  color: #fff;
}

.nav-header-three .top-header-three-search .form-control::-moz-placeholder {
  color: #fff;
}

.nav-header-three .top-header-three-search .form-control:-ms-input-placeholder {
  color: #fff;
}

.nav-header-three .top-header-three-search .form-control::-ms-input-placeholder {
  color: #fff;
}

.nav-header-three .top-header-three-search .form-control::placeholder {
  color: #fff;
}

.nav-header-three .top-header-three-search .btn {
  margin-left: 0;
  background-color: #fff;
  color: #212341;
}

@media only screen and (max-width: 767px) {
  .nav-header-three .nav-header-cart a {
      width: 48px;
      height: 48px;
      line-height: 48px;
  }

  .nav-header-three .top-header-three-search .form-control,
  .nav-header-three .top-header-three-search .btn {
      height: 46px;
      line-height: 46px;
  }
}

.nav-header-four .container {
  padding-top: 21px;
  border-top: 1px solid #f5f3fc;
  margin-bottom: 24px;
}

.nav-header-four .menu>li:not(:last-child) {
  margin-left: 10px;
}

.nav-header-four .menu>li>a {
  font-size: 14px;
  font-weight: 500;
  color: #212341;
  line-height: 23px;
  padding: 8px 16px;
}

.nav-header-four .menu>li>a:hover {
  background-color: #282828;
  font-weight: 900;
  color: #fff;
}

.nav-header-four .menu>li.has-child>a::after {
  content: "\e90a";
  font-family: "icomoon";
  font-size: 9px;
  color: #c8ced3;
  margin-right: 6px;
  font-weight: 400;
}

.nav-header-five .menu {
  padding-right: 18px;
}

.nav-header-five .menu::before {
  content: "";
  right: 0;
  bottom: 24px;
  width: 18px;
  height: 7px;
  background-color: #ffb035;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.nav-header-five .menu>li:not(:last-child) {
  margin-left: 4px;
}

.nav-header-five .menu>li.has-child>a::after {
  content: "\e90a";
  font-family: "icomoon";
  font-size: 6px;
  color: #000;
  margin-right: 8px;
}

.nav-header-five .menu>li>a {
  font-weight: 500;
  color: #212341;
  padding: 35px 22px 15px;
  line-height: 22px;
  z-index: 2;
}

.nav-header-five .menu>li>a::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#b3bbc7));
  background: -webkit-linear-gradient(top, #fff, #b3bbc7);
  background: -moz-linear-gradient(top, #fff, #b3bbc7);
  background: -o-linear-gradient(top, #fff, #b3bbc7);
  background: linear-gradient(to bottom, #fff, #b3bbc7);
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.nav-header-five .menu>li>a:hover {
  font-weight: 900;
}

.nav-header-five .menu>li>a:hover::before {
  opacity: 1;
  visibility: visible;
}

.nav-header-five-favorite,
.nav-header-five .btns>.btn,
.nav-header-five .btns .nav-header-cart>.btn {
  width: 60px;
  height: 59px;
  line-height: 59px;
  font-size: 19px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

.nav-header-five-favorite span {
  top: -4px;
  right: -7px;
  background-color: #939aa4;
  width: 20px;
  height: 20px;
  font-size: 13px;
}

.nav-header-five .top-header-five-search .form-control {
  background-color: #f9f9f9;
}

.nav-header-six-wrapper {
  background: #0055ff url("./../../images/nav-bg.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  -webkit-border-radius: 45px;
  -moz-border-radius: 45px;
  border-radius: 45px;
  -webkit-box-shadow: 0 10px 35px rgba(0, 85, 255, 0.25);
  -moz-box-shadow: 0 10px 35px rgba(0, 85, 255, 0.25);
  box-shadow: 0 10px 35px rgba(0, 85, 255, 0.25);
  padding: 17px 45px 17px 23px;
}

.nav-header-six-wrapper .nav-header-btn {
  color: #fff;
  margin-left: 13px;
}

.nav-header-six-wrapper .menu>li {
  margin-left: 5px;
}

.nav-header-six-wrapper .menu>li>a {
  font-weight: 500;
  color: #fff;
  line-height: 22px;
  padding: 14px 22px;
  -webkit-border-radius: 45px;
  -moz-border-radius: 45px;
  border-radius: 45px;
}

.nav-header-six-wrapper .menu>li>a:hover {
  background-color: #2d365d;
  -webkit-box-shadow: 0 10px 25px rgba(0, 85, 255, 0.25);
  -moz-box-shadow: 0 10px 25px rgba(0, 85, 255, 0.25);
  box-shadow: 0 10px 25px rgba(0, 85, 255, 0.25);
}

.nav-header-six-wrapper .nav-header-cart>a {
  width: 85px;
  height: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}

.nav-header-six-wrapper .nav-header-cart>a span {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (max-width: 991px) {
  .nav-header-six-wrapper {
      background: transparent;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      padding: 8px 0 0;
  }

  .nav-header-six-wrapper .nav-header-btn {
      color: #212341;
  }
}

@media only screen and (max-width: 575px) {
  .nav-header-six-wrapper .nav-header-cart>a {
      width: 50px;
      -webkit-border-radius: 12px;
      -moz-border-radius: 12px;
      border-radius: 12px;
  }

  .nav-header-six-wrapper .nav-header-cart>a span {
      top: 0px;
      right: -5px;
  }
}

.nav-header-eleven {
  margin-top: 21px;
}

.nav-header-eleven ul {
  gap: 48px;
}

.nav-header-eleven ul .menu-item a::before {
  content: "";
  top: 8px;
  left: 50%;
  -webkit-transform: translate(-73%);
  -moz-transform: translate(-73%);
  -ms-transform: translate(-73%);
  -o-transform: translate(-73%);
  transform: translate(-73%);
  width: 38px;
  height: 38px;
  background-color: #fff3f0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  z-index: -1;
}


.nav-header-eleven ul li a img {
  width: 43px;
  height: 43px;
  margin-bottom: 5px;
}

.nav-header-eleven ul li a span {
  font-weight: 500;
  line-height: 22px;
}

.nav-header-eleven ul li a:hover img {
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
}

.nav-header-twelve::before,
.nav-header-twelve::after {
  content: "";
  top: 0;
  width: 484px;
  height: 100%;
  background: url("./../../images/nav-right-01.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  z-index: -1;
}

.nav-header-twelve::before {
  right: 0;
}

.nav-header-twelve::after {
  left: 0;
  background-image: url("./../../images/nav-left-01.png");
}

.nav-header-twelve .container {
  padding: 20px 0 17px;
}

.nav-header-twelve .container::before {
  content: "";
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 70vw;
  height: 100%;
  background: #fed844 url("./../../images/bg-nav-098.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  z-index: -1;
}

@media only screen and (min-width: 3000px) {
  .nav-header-twelve .container::before {
      width: 90vw;
  }
}

.nav-header-twelve ul {
  gap: 48px;
}

.nav-header-twelve ul li a img {
  width: 36px;
  height: 36px;
  margin-bottom: 6px;
}

.nav-header-twelve ul li a span {
  line-height: 22px;
  font-size: 14px;
  font-weight: 500;
}

.nav-header-twelve ul li a:hover img {
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
}

.nav-header-fourteen {
  margin-top: 27px;
}

.nav-header-fourteen .menu {
  background: #ff2f60 url("./../../images/bg-nav-fourteen.png") right top no-repeat;
  -webkit-background-size: 260px 100%;
  -moz-background-size: 260px 100%;
  -o-background-size: 260px 100%;
  background-size: 260px 100%;
  padding: 27px 91px 27px 30px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 1%;
  -moz-box-flex: 1;
  -ms-flex: 1 0 1%;
  flex: 1 0 1%;
}

.nav-header-fourteen .menu::before {
  content: "\e935";
  color: #fff;
  font-size: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 44px;
  font-family: "icomoon";
}

.nav-header-fourteen .menu li:not(:last-child) {
  margin-left: 24px;
}

.nav-header-fourteen .menu li a {
  font-weight: 500;
  color: #fff;
  line-height: 22px;
}

.nav-header-fourteen .menu li a:hover {
  color: #212341;
}

.nav-header-fourteen .socials {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff9eb), to(#fff));
  background-image: -webkit-linear-gradient(top, #fff9eb, #fff);
  background-image: -moz-linear-gradient(top, #fff9eb, #fff);
  background-image: -o-linear-gradient(top, #fff9eb, #fff);
  background-image: linear-gradient(to bottom, #fff9eb, #fff);
  padding: 23px 40px;
  margin-right: 14px;
}

.nav-header-fourteen .socials li:not(:last-child) {
  margin-left: 14px;
}

.nav-header-fourteen .socials li a {
  font-size: 22px;
  color: #ffb035;
}

.nav-header-fourteen .socials li a:hover {
  color: #212341;
}

.nav-header-fiveteen {
  padding: 29px 0 31px;
}

.nav-header-fiveteen .menu>li:not(:last-child) {
  margin-left: 48px;
}

.nav-header-fiveteen .menu>li>a {
  position: relative;
  line-height: 22px;
  font-size: 14px;
  font-weight: 500;
}

.nav-header-fiveteen .menu>li>a::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 1px;
  background-color: #C9A781;
  -webkit-transform: translateY(-30px);
  -moz-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  -o-transform: translateY(-30px);
  transform: translateY(-30px);
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  -moz-transition: all .3s linear;
  transition: all .3s linear;
}

.nav-header-fiveteen .menu>li>a:hover::before {
  width: 100%;
}

.nav-header-fiveteen .menu>li.has-child>a::after {
  content: "\e90a";
  font-family: "icomoon";
  font-size: 8px;
  color: #939aa4;
  margin-right: 12px;
  display: inline-block;
  vertical-align: middle;
}

.nav-header-fiveteen .menu>li.has-child>a:hover::after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.top-products {
  margin: 25px 0 0;
  padding-bottom: 65px;
}

.top-products::before {
  content: "";
  top: 0;
  right: 0;
  width: 289px;
  height: 883px;
  background: url("./../../images/shape-top-products.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  -webkit-transform: translate(140px, -260px);
  -moz-transform: translate(140px, -260px);
  -ms-transform: translate(140px, -260px);
  -o-transform: translate(140px, -260px);
  transform: translate(140px, -260px);
  z-index: -1;
}

.top-products .container::before {
  content: "";
  z-index: -1;
  right: 0;
  bottom: 0;
  background: url("./../../images/pattern-01.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  width: 120px;
  height: 199px;
  -webkit-transform: translate(20px, 34px);
  -moz-transform: translate(20px, 34px);
  -ms-transform: translate(20px, 34px);
  -o-transform: translate(20px, 34px);
  transform: translate(20px, 34px);
}

.top-products-tabs {
  margin-bottom: 30px;
}

.top-products-tabs::-webkit-scrollbar {
  display: none;
}

.top-products-tabs::after {
  content: "";
  width: -webkit-calc(100% - 350px);
  width: -moz-calc(100% - 350px);
  width: calc(100% - 350px);
  height: 5px;
  left: 0;
  top: 50%;
  background-color: #f8f9fb;
  margin-right: 20px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: -1;
}

@media only screen and (max-width: 575px) {
  .top-products-tabs::after {
      content: none;
  }
}

.top-products-tabs .nav-item:not(:last-child) {
  margin-left: 5px;
}

.top-products-tabs .nav-item .nav-link {
  font-size: 16px;
  font-weight: 500;
  color: #212341;
  padding: 10px 26px;
  cursor: pointer;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}

.top-products-tabs .nav-item .nav-link.active,
.top-products-tabs .nav-item .nav-link:hover {
  background-color: #ee273a;
  color: #fff;
  -webkit-box-shadow: 0 10px 25px rgba(238, 39, 58, 0.25);
  -moz-box-shadow: 0 10px 25px rgba(238, 39, 58, 0.25);
  box-shadow: 0 10px 25px rgba(238, 39, 58, 0.25);
}

@media only screen and (max-width: 575px) {
  .top-products-tabs {
      overflow: auto hidden;
      -ms-overflow-style: none;
      scrollbar-width: none;
  }
}

.top-seller-home {
  margin: 55px 0;
}

@media only screen and (max-width: 767px) {
  .top-seller-home {
      margin: 70px 0;
  }
}

.top-seller-home .section-heading .detail::after {
  content: "";
  width: -webkit-calc(100% - 350px);
  width: -moz-calc(100% - 350px);
  width: calc(100% - 350px);
  height: 5px;
  background-color: #f8f9fb;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 140px;
}

@media only screen and (max-width: 575px) {
  .top-seller-home .section-heading .detail::after {
      content: none;
  }
}

.top-seller-home .section-heading-title {
  font-size: 18px;
  font-weight: 500;
  color: #212341;
}

.top-seller-home .section-heading-sub-title {
  font-size: 24px;
  font-weight: 900;
  color: #ee273a;
}

.top-seller-home .swiper-button-next,
.top-seller-home .swiper-button-prev {
  top: 31px;
  right: auto;
  left: 140px;
}

.top-seller-home .swiper-button-prev {
  left: 175px;
}

@media only screen and (max-width: 575px) {

  .top-seller-home .swiper-button-next,
  .top-seller-home .swiper-button-prev {
      left: 0;
  }

  .top-seller-home .swiper-button-prev {
      left: 35px;
  }
}


.new-article .heading {
  border-top: 1px solid #f5f3fc;
  padding-top: 59px;
  margin-bottom: 35px;
}

.new-article .heading .title {
  font-weight: 900;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.new-article .heading .title::after {
  content: "";
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 30px;
  height: 1px;
  background-color: #707070;
}

.new-article .heading .title,
.new-article .heading .title mark {
  color: #212341;
}

.new-article .heading .title mark {
  background-color: #fff4cc;
}

.new-article .heading a {
  color: #212341;
}

.new-article .heading a:hover {
  color: #ee273a;
}

.new-article .swiper {
  overflow: hidden;
}

@media only screen and (max-width: 575px) {
  .new-article .swiper {
      overflow: visible;
  }
}

.new-article .swiper-slide-active .article-three figure {
  -webkit-box-shadow: -25px 5px 50px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: -25px 5px 50px rgba(0, 0, 0, 0.07);
  box-shadow: -25px 5px 50px rgba(0, 0, 0, 0.07);
}

.new-article .swiper-slide-active+div+div .article-three figure {
  -webkit-box-shadow: 25px 5px 50px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 25px 5px 50px rgba(0, 0, 0, 0.07);
  box-shadow: 25px 5px 50px rgba(0, 0, 0, 0.07);
}

.new-article .swiper-slide-active+div+div+div .article-three figure {
  -webkit-box-shadow: -50px 5px 50px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: -50px 5px 50px rgba(0, 0, 0, 0.07);
  box-shadow: -50px 5px 50px rgba(0, 0, 0, 0.07);
}

@media only screen and (max-width: 991px) {
  .new-article .swiper-slide-active+div .article-three figure {
      -webkit-box-shadow: 25px 5px 50px rgba(0, 0, 0, 0.07);
      -moz-box-shadow: 25px 5px 50px rgba(0, 0, 0, 0.07);
      box-shadow: 25px 5px 50px rgba(0, 0, 0, 0.07);
  }

  .new-article .swiper-slide-active+div+div .article-three figure {
      -webkit-box-shadow: -50px 5px 50px rgba(0, 0, 0, 0.07);
      -moz-box-shadow: -50px 5px 50px rgba(0, 0, 0, 0.07);
      box-shadow: -50px 5px 50px rgba(0, 0, 0, 0.07);
  }
}

@media only screen and (max-width: 575px) {

  .new-article .swiper-slide-active .article-three figure,
  .new-article .swiper-slide-active+div .article-three figure,
  .new-article .swiper-slide-active+div+div .article-three figure {
      -webkit-box-shadow: 0 5px 50px rgba(0, 0, 0, 0.07);
      -moz-box-shadow: 0 5px 50px rgba(0, 0, 0, 0.07);
      box-shadow: 0 5px 50px rgba(0, 0, 0, 0.07);
  }
}

.footer {
  margin-top: 61px;
  padding: 25px 0 0;
}

.footer .container::after {
  content: "";
  z-index: -1;
  width: 100%;
  height: 250px;
  background: url("./../../images/shadow-footer.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  top: 0;
  left: 0;
  -webkit-transform: translateY(-25px);
  -moz-transform: translateY(-25px);
  -ms-transform: translateY(-25px);
  -o-transform: translateY(-25px);
  transform: translateY(-25px);
}

.footer-scroll-header {
  background-color: #212341;
  width: 55px;
  height: 55px;
  line-height: 55px;
  font-size: 12px;
  margin-bottom: 70px;
  color: #fff;
}

.footer-name-shop {
  font-size: 20px;
  font-weight: 900;
  color: #ee273a;
  line-height: 30px;
}

.footer-name-shop::after {
  content: "";
  top: -webkit-calc(100% + 15px);
  top: -moz-calc(100% + 15px);
  top: calc(100% + 15px);
  right: 0;
  width: 36px;
  height: 5px;
  background-color: #f5f3fc;
}

@media only screen and (max-width: 1199px) {
  .footer-name-shop {
      font-size: 18px;
  }
}

.footer-socials li:not(:last-child) {
  margin-left: 10px;
}

@media only screen and (max-width: 1199px) {
  .footer-socials li:not(:last-child) {
      margin-left: 5px;
  }
}

.footer-socials li a {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background-color: #f8f9fb;
  font-size: 20px;
  color: #dbe1e6;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}


.footer-contact i {
  width: 39px;
  height: 39px;
  background-color: #ee273a;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  line-height: 39px;
  margin-left: 9px;
  font-size: 20px;
  color: #fff;
}

.footer-contact .detail {
  max-width: -webkit-calc(100% - 48px);
  max-width: -moz-calc(100% - 48px);
  max-width: calc(100% - 48px);
  width: 100%;
}

.footer-contact .detail .title {
  font-size: 13px;
  color: #939aa4;
  line-height: 20px;
}

.footer-contact .detail .sub-title {
  font-size: 20px;
  color: #212341;
  line-height: 28px;
  font-weight: 900;
}

.footer-contact .detail .sub-title span {
  font-size: 18px;
  font-weight: 400;
  margin-right: 3px;
  line-height: 25px;
}

@media only screen and (max-width: 1199px) {
  .footer-contact .detail .sub-title {
      font-size: 17px;
  }

  .footer-contact .detail .sub-title span {
      font-size: 15px;
  }
}

.footer-description-nav {
  margin-top: 58px;
}

.footer-description {
  line-height: 28px;
  color: #2d365d;
}

.footer-nav li:not(:last-child) {
  margin-bottom: 10px;
}

.footer-nav li a {
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  color: #232323;
  line-height: 30px;
}

.footer-nav li a::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  background-color: #ffb035;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  width: 10px;
  height: 3px;
  margin-left: 10px;
}

.footer-nav li a:hover {
  color: #ee273a;
}

.footer-nav li a:hover::before {
  margin-left: 5px;
}

.footer-newsletter .title {
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 20px;
}

.footer-newsletter .title b {
  font-weight: 900;
}

.footer-newsletter .title i {
  font-size: 25px;
  color: #cbd7e1;
  margin-left: 13px;
}

.footer-newsletter .form-control {
  background-color: #f8f9fb;
  font-size: 13px;
  font-weight: 500;
  color: #7f7f84;
  padding: 13px 25px 11px;
  border-color: #f8f9fb;
  margin-bottom: 15px;
}

.footer-newsletter .form-control:focus {
  border-color: #ee273a;
}

.footer-newsletter .btn {
  background-color: #2d365d;
  padding: 12px 29px;
  font-weight: 500;
  font-size: 14px;
}

.footer-newsletter .btn:focus,
.footer-newsletter .btn:hover,
.footer-newsletter .btn:active {
  background-color: #3a4678;
}

.footer-bottom {
  padding-top: 34px;
  margin-top: 35px;
  border-top: 1px solid #f5f3fc;
}

.footer-namad li:not(:last-child) {
  margin-left: 32px;
}

@media only screen and (max-width: 1199px) {
  .footer-namad li:not(:last-child) {
      margin-left: 10px;
  }
}

.footer-namad li a img {
  height: 97px;
}

@media only screen and (max-width: 575px) {
  .footer-namad li {
      max-width: 33.333333%;
      width: 100%;
  }

  .footer-namad li:not(:last-child) {
      margin-left: 0;
  }
}

.footer-app .btn {
  padding: 0;
  width: 211px;
  height: 48px;
  line-height: 48px;
  background-color: #000222;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.footer-app .btn:first-child {
  margin-left: 10px;
}

.footer-app .btn img {
  height: 34px;
}

@media only screen and (max-width: 575px) {
  .footer-app .btn {
      width: 100%;
  }

  .footer-app .btn:first-child {
      margin: 0 0 10px;
  }
}

.footer-copyright {
  margin-top: 34px;
  padding: 41px 0 31px;
  -webkit-border-radius: 50px 50px 0 0;
  -moz-border-radius: 50px 50px 0 0;
  border-radius: 50px 50px 0 0;
  background-color: #181931;
  color: #fff;
  font-weight: 300;
}

.footer-copyright b {
  font-weight: bold;
}

@media only screen and (max-width: 575px) {
  .footer-copyright {
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      margin: 34px -12px 0;
      padding: 20px 12px;
  }
}

.footer.primary .footer-name-shop {
  color: #003cff;
}

.footer.primary .footer-contact i {
  background-color: #003cff;
}

.footer.gold .footer-name-shop {
  color: #c9a781;
}

.footer.gold .footer-contact i {
  background-color: #c9a781;
}

.footer-two {
  margin-top: 83px;
  padding: 154px 0 32px;
}

.footer-two::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 250px;
  background: url("./../../images/shadow-footer.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  z-index: -1;
}

.footer-two-logo img {
  height: 46px;
}

.footer-two-about p {
  margin-top: 33px;
  color: #2d365d;
  line-height: 40px;
}

.footer-two-about p b {
  font-weight: 900;
  color: #ee273a;
}

.footer-two-titr-nav {
  font-size: 18px;
  font-weight: bold;
  line-height: 28px;
  margin-bottom: 25px;
  padding-top: 24px;
}

.footer-two-titr-nav span {
  color: #ee273a;
}

.footer-two-nav li:not(:last-child) {
  margin-bottom: 10px;
}

.footer-two-nav li a {
  display: inline-block;
  color: #232323;
  line-height: 30px;
}

.footer-two-nav li a::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 8px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #d5dbe0;
  margin-left: 14px;
}

.footer-two-nav li a:hover {
  color: #ee273a;
}

.footer-two-nav li a:hover::before {
  background-color: #ee273a;
}

.footer-two .btn-danger {
  -webkit-box-shadow: 0 15px 25px rgba(238, 39, 58, 0.25);
  -moz-box-shadow: 0 15px 25px rgba(238, 39, 58, 0.25);
  box-shadow: 0 15px 25px rgba(238, 39, 58, 0.25);
  width: 55px;
  height: 55px;
  line-height: 55px;
  margin: 100px auto -28px;
  z-index: 3;
}

.footer-two-contact {
  padding-top: 59px;
  border-top: 1px solid #f5f3fc;
}

.footer-two-address {
  line-height: 40px;
}

.footer-two-address .title {
  font-size: 16px;
}

.footer-two-address .title b {
  font-weight: 900;
  color: #ee273a;
}

.footer-two-namads a:not(:last-child) {
  margin-left: 5px;
}

.footer-two-phone {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-left: 35px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.footer-two-phone::after {
  content: "";
  top: 40px;
  left: 0;
  width: 80px;
  height: 91px;
  background: url("./../../images/phone-footer.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}

.footer-two-phone div {
  font-size: 35px;
  color: #ee273a;
  line-height: 39px;
  font-weight: 900;
  direction: ltr;
}

.footer-two-phone div span {
  margin-right: 6px;
  font-size: 18px;
  font-weight: 400;
  color: #212341;
  line-height: 27px;
}

.footer-two-phone>span {
  font-size: 13px;
  color: #939aa4;
}

.footer-two .time-work {
  background-color: #f8f9fb;
  margin: 41px 0 47px;
  line-height: 27px;
  font-size: 18px;
  font-weight: 900;
  padding: 24px 12px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}

@media only screen and (max-width: 575px) {
  .footer-two .time-work {
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
      font-size: 15px;
      padding: 14px 12px;
  }
}

.footer-two-copyright {
  color: #2d365d;
  font-weight: 300;
  line-height: 21px;
}

.footer-two-socials li:not(:last-child) {
  margin-left: 18px;
}

.footer-two-socials li a {
  font-size: 20px;
  color: #2d365d;
}


.category .breadcrumb {
  margin-bottom: 28px;
}

.category-sidebar-box:not(:last-child) {
  margin-bottom: 57px;
}

.category-sidebar-box-heading {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background-color: #f8f9fb;
  padding: 22px 20px;
  font-size: 13px;
  line-height: 21px;
  margin-bottom: 26px;
}

.category-sidebar-box-heading,
.category-sidebar-box-heading i {
  color: #2d365d;
}

.category-sidebar-box-heading i {
  font-size: 20px;
  margin-left: 10px;
}

.category-sidebar-box-body {
  padding: 0 22px;
  overflow: hidden auto;
  max-height: 300px;
  scrollbar-width: 2px;
  scrollbar-color: #ee273a;
  scrollbar-track-color: #cbd7e1;
}

.category-sidebar-box-body::-webkit-scrollbar {
  width: 2px;
}

.category-sidebar-box-body::-webkit-scrollbar-thumb {
  background-color: #ee273a;
}

.category-sidebar-box-body::-webkit-scrollbar-track {
  background-color: #cbd7e1;
}

.category-sidebar-box-items li:not(:last-child) {
  margin-bottom: 20px;
}

.category-sidebar-box-items li ul {
  padding-right: 20px;
  height: 0;
  overflow: hidden;
}

.category-sidebar-box-items li.has-child span {
  top: 8px;
  left: 0;
  width: 10px;
  height: 10px;
  cursor: pointer;
}

.category-sidebar-box-items li.has-child span::after {
  content: "";
  top: 4px;
  left: 0;
  width: 10px;
  height: 2px;
  background-color: #2d365d;
}

.category-sidebar-box-items li.has-child span::before {
  content: "";
  top: 0;
  left: 4px;
  width: 2px;
  height: 10px;
  background-color: #2d365d;
}

.category-sidebar-box-items li.opened.has-child span::before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.category-sidebar-box-items li.opened ul {
  margin-top: 20px;
}

.category-sidebar .filter-price .category-sidebar-box-heading {
  background-color: #edf5e6;
  color: #67b930;
}

.category-sidebar .filter-price .category-sidebar-box-body {
  overflow: unset;
}

.category-sidebar .filter-price #category-price {
  margin-bottom: 50px;
}

.category-sidebar .filter-price-value:not(:last-child) {
  margin-bottom: 14px;
}

.category-sidebar .filter-price-value span {
  font-size: 13px;
  color: #2d365d;
  line-height: 17px;
  margin-left: 22px;
}

.category-sidebar .filter-price-value .form-control {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: 1px solid #e7ebee;
  height: 56px;
  background-color: transparent;
  font-size: 13px;
  color: #212341;
}

.category-sidebar .exists-products {
  margin-bottom: 20px;
}

.category-heading .name-category {
  line-height: 30px;
  font-size: 24px;
  font-weight: 900;
}

.category-heading .name-category span {
  font-size: 18px;
  font-weight: 300;
}

.category-heading .counter li {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f3fc), to(#fff));
  background-image: -webkit-linear-gradient(top, #f5f3fc, #fff);
  background-image: -moz-linear-gradient(top, #f5f3fc, #fff);
  background-image: -o-linear-gradient(top, #f5f3fc, #fff);
  background-image: linear-gradient(to bottom, #f5f3fc, #fff);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  width: 55px;
  height: 98px;
  color: #b3bbc7;
  text-align: center;
  line-height: 15px;
  padding: 17px 5px 0;
}

.category-heading .counter li:not(:last-child) {
  margin-left: 10px;
}

.category-heading .counter li span {
  font-size: 20px;
  color: #9087ce;
  line-height: 31px;
  font-weight: 900;
}

.category-search {
  margin: 59px 0 26px;
  border: 10px solid #f8f9fb;
}

.category-search .form-control {
  background-color: #fff;
  border: none;
  font-size: 13px;
  font-weight: 400;
  color: #d8dee8;
  padding: 0 30px;
  height: 55px;
  max-width: -webkit-calc(100% - 73px);
  max-width: -moz-calc(100% - 73px);
  max-width: calc(100% - 73px);
  width: 100%;
}

.category-search .btn {
  top: -1px;
  bottom: -1px;
  left: 0;
  height: 57px;
  line-height: 55px;
  padding: 0;
  width: 95%;
  text-align: left;
  font-size: 16px;
  padding-left: 34px;
}

.category-sort {
  margin-bottom: 66px;
}

.category-sort .title {
  color: #2d365d;
  font-size: 16px;
  margin-left: 81px;
}

.category-sort .title b {
  font-weight: 900;
  line-height: 25px;
}

.category-sort ul li:not(:last-child) {
  margin-left: 52px;
}

.category-sort ul li label {
  padding: 38px 12px 12px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  cursor: pointer;
  font-size: 13px;
  line-height: 21px;
  border: 1px solid transparent;
}

.category-sort ul li label::after {
  content: "";
  top: 9px;
  right: 12px;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #e2e2e2;
}

.category-sort ul li label::before {
  content: "";
  width: 12px;
  height: 12px;
  background-color: #212341;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  top: 13px;
  right: 16px;
  opacity: 0;
}

.category-sort ul li input:checked+label {
  border-color: #e7ebee;
}

.category-sort ul li input:checked+label::before {
  opacity: 1;
}

.category .product {
  margin-bottom: 40px;
}

.category-btn-filter {
  border: 1px solid #212341;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding: 0;
  height: 45px;
  line-height: 45px;
  font-size: 16px;
  font-weight: 600;
  color: #212341;
  max-width: 120px;
  width: 100%;
}

.category-btn-filter i {
  font-size: 19px;
  margin-left: 8px;
}

.category-btn-filter:hover,
.category-btn-filter:active,
.category-btn-filter:focus {
  background-color: #212341;
  color: #fff;
}

@media only screen and (max-width: 1199px) {
  .category-sort ul li:not(:last-child) {
      margin-left: 32px;
  }
}

@media only screen and (max-width: 991px) {
  .category .breadcrumb {
      margin-bottom: 50px;
  }

  .category-sidebar {
      z-index: 999;
      -webkit-transition: all 0.3s ease-in-out 0.3s;
      -o-transition: all 0.3s ease-in-out 0.3s;
      -moz-transition: all 0.3s ease-in-out 0.3s;
      transition: all 0.3s ease-in-out 0.3s;
      opacity: 0;
      visibility: hidden;
  }

  .category-sidebar-backdrop {
      background-color: rgba(0, 0, 0, 0.5);
      -webkit-backdrop-filter: blur(8px);
      backdrop-filter: blur(8px);
  }

  .category-sidebar,
  .category-sidebar-backdrop {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }

  .category-sidebar-content {
      position: absolute;
      top: 0;
      right: -280px;
      width: 280px;
      height: 100%;
      background-color: #fff;
      padding: 20px 20px 0;
      overflow: hidden auto;
      -ms-overflow-style: none;
      scrollbar-width: none;
      -webkit-transition: all 0.3s ease-in-out 0s;
      -o-transition: all 0.3s ease-in-out 0s;
      -moz-transition: all 0.3s ease-in-out 0s;
      transition: all 0.3s ease-in-out 0s;
  }

  .category-sidebar-content::-webkit-scrollbar {
      display: none;
  }

  .category-sidebar.open {
      opacity: 1;
      visibility: visible;
      -webkit-transition-delay: 0s;
      -moz-transition-delay: 0s;
      -o-transition-delay: 0s;
      transition-delay: 0s;
  }

  .category-sidebar.open .category-sidebar-content {
      right: 0;
      -webkit-transition-delay: 0.3s;
      -moz-transition-delay: 0.3s;
      -o-transition-delay: 0.3s;
      transition-delay: 0.3s;
  }
}

@media only screen and (max-width: 767px) {
  .category-sort {
      overflow: auto hidden;
      -ms-overflow-style: none;
      scrollbar-width: none;
  }

  .category-sort::-webkit-scrollbar {
      display: none;
  }

  .category-sort .title {
      margin-left: 24px;
  }

  .category-sort .title,
  .category-sort ul li {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 auto;
      -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  }
}

.auth-wrapper {
  margin-top: 122px;
  -webkit-box-shadow: 0 10px 75px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 10px 75px rgba(0, 0, 0, 0.12);
  box-shadow: 0 10px 75px rgba(0, 0, 0, 0.12);
  padding: 68px 79px 77px 133px;
}

.auth-wrapper::after {
  content: "";
  top: -29px;
  right: -31px;
  background: url("./../../images/pattern-auth.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  width: 120px;
  height: 199px;
  z-index: -1;
}

.auth-wrapper::before {
  content: "";
  bottom: 100%;
  left: 21px;
  width: -webkit-calc(100% - 42px);
  width: -moz-calc(100% - 42px);
  width: calc(100% - 42px);
  height: 6px;
  background-color: #ee273a;
}

.auth-wrapper.register::before {
  background-color: #49be78;
}

.auth-wrapper h4 {
  font-size: 30px;
  font-weight: 900;
  line-height: 45px;
  padding-bottom: 14px;
  margin-bottom: 20px;
}

.auth-wrapper p {
  font-size: 13px;
  font-weight: 300;
  color: #939aa4;
  padding-bottom: 20px;
  margin-bottom: 43px;
}

.auth-wrapper h4,
.auth-wrapper p {
  border-bottom: 1px solid #f5f3fc;
}

.auth-wrapper .form-check-label::before {
  background-color: #0055ff;
}

.auth-wrapper .btn {
  margin: 20px 0 31px;
  font-size: 16px;
  font-weight: bold;
  height: 55px;
  line-height: 55px;
}

.auth-wrapper .forget,
.auth-wrapper .text-user {
  color: #2d365d;
}

.auth-wrapper .forget {
  margin-bottom: 18px;
}

.auth-wrapper .forget:hover {
  color: #0055ff;
}

.auth-wrapper .text-user {
  line-height: 30px;
}

.auth-wrapper .text-user a {
  color: #0055ff;
  margin-right: 5px;
}

.auth-wrapper .text-user a:hover {
  color: #212341;
}

@media only screen and (max-width: 991px) {

  .auth-wrapper h4,
  .auth-wrapper p {
      text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .auth-wrapper {
      margin-top: 80px;
      padding: 40px 32px 50px;
  }
}

.cart-wrapper {
  border: 5px solid #49be78;
  margin-top: 83px;
  padding: 0 46px 0 0;
}

.cart-wrapper::before {
  content: "";
  width: 120px;
  height: 199px;
  top: 0;
  left: 0;
  background: url("./../../images/pattern-cart.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  -webkit-transform: translate(-37px, -34px);
  -moz-transform: translate(-37px, -34px);
  -ms-transform: translate(-37px, -34px);
  -o-transform: translate(-37px, -34px);
  transform: translate(-37px, -34px);
  z-index: -1;
}

.cart-wrapper .title-page {
  font-size: 18px;
  font-weight: 900;
  line-height: 27px;
  margin: 33px 0 3px;
}

.cart-wrapper p {
  font-size: 12px;
  color: #b3bbc7;
}

.cart-wrapper .count-products {
  margin: 30px 0 22px;
  padding: 16px 13px 14px 0;
  border: solid #f5f3fc;
  border-width: 1px 0;
}

.cart-wrapper .count-products i {
  background-color: #fff3f0;
  color: #ff8a66;
}

.cart-wrapper .count-products .detail {
  line-height: 24px;
}

.cart-wrapper .count-products .detail b {
  font-weight: 900;
  font-size: 18px;
}

.cart-wrapper .location i,
.cart-wrapper .count-products i {
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
}

.cart-wrapper .location {
  padding-right: 13px;
}

.cart-wrapper .location i {
  background-color: #fff9eb;
  color: #ffb035;
}

.cart-wrapper .location .detail {
  padding-top: 13px;
  color: #2d365d;
  line-height: 26px;
}

.cart-wrapper .location .detail b {
  color: #0055ff;
}

.cart-items>li {
  border: 4px solid #f8f9fb;
  padding: 46px 59px 35px 49px;
}

.cart-items>li:not(:last-child) {
  margin-bottom: 30px;
}

.cart-items>li img {
  height: 65px;
}

.cart-items>li .detail {
  padding-right: 46px;
  width: -webkit-calc(100% - 65px);
  width: -moz-calc(100% - 65px);
  width: calc(100% - 65px);
}

.cart-items>li .detail h2 {
  font-size: 16px;
  font-weight: 900;
  line-height: 25px;
  max-width: 228px;
  width: 100%;
}

.cart-items>li .detail h2 a {
  color: #232323;
}

.cart-items>li .detail ul li {
  line-height: 21px;
}

.cart-items>li .detail ul li:not(:last-child) {
  margin-left: 32px;
}

.cart-items>li .detail ul li,
.cart-items>li .detail ul li a,
.cart-items>li .detail ul li span {
  color: #232323;
}

.cart-items>li .detail ul li a:hover {
  color: #0055ff;
}

.cart-items>li .detail .price .offer {
  font-size: 16px;
  color: #ee232b;
  line-height: 24px;
  -webkit-text-decoration-color: #707070;
  -moz-text-decoration-color: #707070;
  text-decoration-color: #707070;
}

.cart-items>li .detail .price span {
  font-size: 24px;
  font-weight: 900;
  line-height: 36px;
  color: #49be78;
}

.cart-items>li .detail .price span i {
  margin-right: 6px;
  color: #232323;
  line-height: 22px;
  font-size: 14px;
}

.cart-items>li .detail .count {
  color: #232323;
  margin: 0 90px 0 66px;
}

.cart-items>li .detail .count .form-control {
  width: 88px;
  height: 30px;
  margin-right: 16px;
  padding: 0 0 0 32px;
  color: #2d365d;
  font-size: 16px;
}

.cart-items>li .detail .color {
  color: #232323;
  line-height: 22px;
}

.cart-items>li .detail .color span {
  margin-right: 12px;
  padding: 5px 5px 5px 15px;
  border: 1px solid #efefef;
  font-size: 11px;
  color: #2d365d;
}

.cart-items>li .detail .color span i {
  width: 22px;
  height: 22px;
}

.cart-items>li .detail .discount {
  top: -4px;
  left: -2px;
  width: 55px;
  height: 35px;
  line-height: 27px;
  -webkit-mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAAjCAMAAAAHQmL5AAAASFBMVEUAAADuJjnuJjnuJjntJjnuJjnvJTnvJjjwJDjzJTjuJjnuJjnuJjjuIjnuJjruJjnuJjnuJjjwJznxIzbtJDftJjruJjnuJzqLAPZEAAAAF3RSTlMA5t/M2Z1vS0EUvZJdHevTs1MxIw73h4zLlc8AAACbSURBVDjLndNJDoMwEETRas9gM5P0/W8axRKK2ER0/f1bflzl6EX/Jz5m3Guiz3Ibfg2jPm89L7aLWgoHetOsttzQXVBr/suS2tsACOEWICvTjki5NwLlRsyUc1CqF+mEdJ50lXSFcwGca5zzoFz/j2AHGLeeIJzLgNWJrwW4uzGVCZa6it2YXQIY10C5CsoFcK5wbgFXIt3AsQ+lsXOGCrtOogAAAABJRU5ErkJggg==) 0 0/100% 100%;
  mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAAjCAMAAAAHQmL5AAAASFBMVEUAAADuJjnuJjnuJjntJjnuJjnvJTnvJjjwJDjzJTjuJjnuJjnuJjjuIjnuJjruJjnuJjnuJjjwJznxIzbtJDftJjruJjnuJzqLAPZEAAAAF3RSTlMA5t/M2Z1vS0EUvZJdHevTs1MxIw73h4zLlc8AAACbSURBVDjLndNJDoMwEETRas9gM5P0/W8axRKK2ER0/f1bflzl6EX/Jz5m3Guiz3Ibfg2jPm89L7aLWgoHetOsttzQXVBr/suS2tsACOEWICvTjki5NwLlRsyUc1CqF+mEdJ50lXSFcwGca5zzoFz/j2AHGLeeIJzLgNWJrwW4uzGVCZa6it2YXQIY10C5CsoFcK5wbgFXIt3AsQ+lsXOGCrtOogAAAABJRU5ErkJggg==) 0 0/100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: #ee232b;
}

.cart-items>li .detail .remove {
  top: 23px;
  right: 23px;
  background-color: #ffebec;
  width: 50px;
  height: 25px;
  line-height: 25px;
  color: #ee232b;
  font-size: 13px;
}

.cart .titr {
  font-size: 18px;
  font-weight: 900;
  line-height: 27px;
  margin-bottom: 45px;
}

.cart .titr span {
  color: #ee273a;
}

.cart .time-send {
  margin: 57px 0 32px;
  padding: 36px 0 47px;
  border: none;
  border-width: 1px 0;
}

.cart .time-send ul {
  margin: 0 -9px;
}

.cart .time-send li {
  padding: 0 9px;
  max-width: 20%;
  width: 100%;
  cursor: pointer;
}

.cart .time-send li input {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 3;
  cursor: pointer;
}

.cart .time-send li .content .date {
  line-height: 22px;
  margin-bottom: 16px;
}

.cart .time-send li .content .date,
.cart .time-send li .content .send {
  font-size: 13px;
  color: #2d365d;
  font-weight: 300;
  text-align: center;
}

.cart .time-send li .content .send {
  border: 1px solid #e7ebee;
  padding: 20px 0 24px;
  line-height: 24px;
}

.cart .time-send li .content .send::after {
  content: "\e919";
  font-family: "icomoon";
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 14.5px);
  -moz-transform: translate(-50%, 14.5px);
  -ms-transform: translate(-50%, 14.5px);
  -o-transform: translate(-50%, 14.5px);
  transform: translate(-50%, 14.5px);
  font-size: 29px;
  color: #0055ff;
  padding: 0 15px;
  background-color: #fff;
  opacity: 0;
  font-weight: 400;
}

.cart .time-send li input:checked+.content .date {
  font-weight: bold;
}

.cart .time-send li input:checked+.content .send {
  font-weight: bold;
  border-color: #0055ff;
  color: #0055ff;
}

.cart .time-send li input:checked+.content .send::after {
  opacity: 1;
}

.cart .carrier-selection {
  margin-bottom: 67px;
}

.cart .carrier-selection ul {
  margin: 0 -9px;
}

.cart .carrier-selection ul li {
  padding: 0 9px;
  max-width: 20%;
  width: 100%;
}

.cart .carrier-selection ul li label {
  border: 1px solid #e7ebee;
  font-size: 13px;
  color: #2d365d;
  padding: 32px 0 35px;
  line-height: 24px;
  cursor: pointer;
}

.cart .carrier-selection ul li label::after {
  content: "\e919";
  font-family: "icomoon";
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 13px);
  -moz-transform: translate(-50%, 13px);
  -ms-transform: translate(-50%, 13px);
  -o-transform: translate(-50%, 13px);
  transform: translate(-50%, 13px);
  font-size: 26px;
  color: #0055ff;
  padding: 0 15px;
  background-color: #fff;
  opacity: 0;
}

.cart .carrier-selection ul li input:checked+label {
  border-color: #0055ff;
  color: #0055ff;
}

.cart .carrier-selection ul li input:checked+label::after {
  opacity: 1;
}

.cart-sidebar {
  background-color: #f8f9fb;
  padding: 53px 24px 20px 18px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.cart-sidebar .code-offer {
  margin-bottom: 54px;
}

.cart-sidebar .code-offer .form-control {
  margin-bottom: 19px;
  font-size: 14px;
  padding: 12px 17px;
}

.cart-sidebar .code-offer .form-control,
.cart-sidebar .code-offer .btn-danger {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

.cart-sidebar .code-offer .btn-danger {
  padding: 12px;
}

.cart-sidebar .total-info {
  margin-bottom: 40px;
}

.cart-sidebar .total-info li {
  font-weight: 300;
  color: #939aa4;
  font-size: 13px;
}

.cart-sidebar .total-info li:not(:last-child) {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #e7ebee;
}

.cart-sidebar .total-info li span {
  font-weight: bold;
  color: #2d365d;
  font-size: 14px;
}

.cart-sidebar .total-info li span i {
  font-size: 12px;
  font-style: normal;
  color: #ff8a66;
  width: 18px;
  height: 18px;
  line-height: 18px;
  background-color: #fff3f0;
  text-align: center;
  display: inline-block;
  font-weight: 300;
  margin-left: 6px;
}

.cart-sidebar .total-info li:nth-child(2) span {
  color: #ee232b;
}

.cart-sidebar .total-price {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background-color: #edf5e6;
  padding: 22px 25px 16px;
  line-height: 35px;
  margin-bottom: 17px;
}

.cart-sidebar .total-price div {
  color: #2d365d;
}

.cart-sidebar .total-price span {
  font-size: 24px;
  color: #67b930;
}

.cart-sidebar .total-price span i {
  font-size: 16px;
  line-height: 24px;
}

.cart-sidebar .btn-success {
  background-color: #67b930;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 15px 12px;
  line-height: 25px;
  margin-bottom: 31px;
}

.cart-sidebar .btn-success:hover,
.cart-sidebar .btn-success:focus,
.cart-sidebar .btn-success:active {
  background-color: #559928;
}

.cart-sidebar .send-free i {
  color: #000;
  font-size: 36px;
  margin-left: 22px;
}

.cart-sidebar .send-free .detail {
  color: #2d365d;
}

.cart-sidebar .send-free .detail span {
  font-size: 13px;
  line-height: 24px;
}

@media only screen and (max-width: 1199px) {
  .cart-wrapper {
      padding-right: 24px;
  }

  .cart-wrapper .btn-outline-dark {
      font-size: 12px;
      padding: 5px 12px;
      white-space: nowrap;
  }

  .cart-items>li {
      padding: 46px 32px 35px 12px;
  }

  .cart-items>li .detail {
      padding-right: 32px;
  }

  .cart-items>li .detail h2 {
      max-width: 180px;
  }

  .cart-items>li .detail .count {
      margin: 0 auto;
  }
}

@media only screen and (max-width: 991px) {
  .cart-wrapper {
      padding-left: 24px;
  }

  .cart-sidebar {
      margin: 0 -24px;
  }
}

@media only screen and (max-width: 767px) {
  .cart-items>li img {
      height: auto;
  }

  .cart-items>li .detail {
      padding: 0;
      margin-top: 20px;
      width: 100%;
  }

  .cart-items>li .detail h2 {
      max-width: 100%;
  }

  .cart-items>li .detail .remove {
      top: 10px;
      right: 10px;
  }

  .cart .time-send ul,
  .cart .carrier-selection ul {
      margin: 0 -6px;
  }

  .cart .time-send ul li,
  .cart .carrier-selection ul li {
      padding: 0 6px;
      max-width: 33.333333%;
      margin-bottom: 12px;
  }
}

@media only screen and (max-width: 575px) {
  .cart-wrapper {
      padding: 0;
      border: none;
  }

  .cart-wrapper::before {
      content: none;
  }

  .cart-sidebar {
      margin: 0 -12px;
  }

  .cart-items>li {
      padding: 32px 15px 24px;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
  }

  .cart-items>li .detail .price {
      width: 100%;
      margin-bottom: 20px;
  }

  .cart-items>li .detail .count {
      margin: 0 0 0 12px;
  }
}

@media only screen and (max-width: 499px) {

  .cart .time-send ul li,
  .cart .carrier-selection ul li {
      max-width: 50%;
  }
}

.blog .swiper::after {
  content: "";
  top: -10px;
  left: 29px;
  width: -webkit-calc(100% - 58px);
  width: -moz-calc(100% - 58px);
  width: calc(100% - 58px);
  height: 83px;
  background-color: #f8f9fb;
  z-index: -1;
}

.blog .swiper-button-next,
.blog .swiper-button-prev {
  top: auto;
  right: 37px;
  bottom: 27px;
  left: auto;
  width: 42px;
  height: 42px;
  text-align: center;
  line-height: 42px;
  border: 2px solid #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.blog .swiper-button-next::after,
.blog .swiper-button-prev::after {
  color: #fff;
  font-size: 13px;
}

.blog .swiper-button-next {
  right: 90px;
}

.blog .swiper-pagination {
  bottom: 28px;
  right: 154px;
  left: auto;
  width: 125px;
  height: 40px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  background-color: #efffff;
  line-height: 40px;
}

.blog .swiper-pagination-bullet {
  opacity: 1;
  background-color: #2d365d;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}

.blog .swiper-pagination-bullet-active {
  background-color: #ee273a;
  width: 40px;
}

@media only screen and (max-width: 767px) {
  .blog .swiper {
      margin: 40px 0 60px;
  }
}

@media only screen and (max-width: 575px) {

  .blog .swiper::after,
  .blog .swiper img {
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
  }
}


.top-products-two {
  margin: 0px 0 25px;
}

.top-products-two-tabs .nav-item:not(:last-child) {
  margin-left: 6px;
}

.top-products-two-tabs .nav-item .nav-link {
  font-size: 16px;
  font-weight: 500;
  color: #212341;
  line-height: 25px;
  -webkit-border-radius: 15px 15px 0 0;
  -moz-border-radius: 15px 15px 0 0;
  border-radius: 15px 15px 0 0;
  padding: 10px 26px;
  cursor: pointer;
  border: none;
}

.top-products-two-tabs .nav-item .nav-link.active,
.top-products-two-tabs .nav-item .nav-link:hover {
  background-color: #ee273a;
  color: #fff;
}

@media only screen and (max-width: 575px) {
  .top-products-two-tabs .nav-item .nav-link {
      font-size: 14px;
      padding: 8px 16px;
  }
}

.top-products-two-wrapper {
  background-color: #f8f9fb;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 19px 21px 21px;
}

.top-products-two-wrapper::after {
  content: "";
  right: -33px;
  bottom: -35px;
  width: 120px;
  height: 199px;
  background: url("./../../images/pattern-cart.png") 0 0 no-repeat;
  z-index: -1;
}

@media only screen and (max-width: 991px) {
  .top-products-two-wrapper {
      padding: 15px 12px;
  }
}

.top-sellers {
  margin: 90px 0 204px;
}

.top-sellers .section-heading-title {
  font-size: 18px;
  font-weight: 500;
  color: #212341;
}

.top-sellers .section-heading-sub-title {
  font-weight: 900;
  color: #ee273a;
  font-size: 24px;
}

.top-sellers .section-heading .detail::after {
  content: "";
  max-width: -webkit-calc(100% - 420px);
  max-width: -moz-calc(100% - 420px);
  max-width: calc(100% - 420px);
  width: 100%;
  height: 5px;
  background-color: #f8f9fb;
  top: 0;
  right: 0;
  -webkit-transform: translate(-176px, 30px);
  -moz-transform: translate(-176px, 30px);
  -ms-transform: translate(-176px, 30px);
  -o-transform: translate(-176px, 30px);
  transform: translate(-176px, 30px);
}

@media only screen and (max-width: 575px) {
  .top-sellers .section-heading .detail::after {
      content: none;
  }
}

.top-sellers .swiper::after {
  content: "";
  right: -33px;
  bottom: -35px;
  width: 120px;
  height: 199px;
  background: url("./../../images/pattern-cart.png") 0 0 no-repeat;
}

.top-sellers .swiper-button-next,
.top-sellers .swiper-button-prev {
  top: 33px;
  right: auto;
  left: 152px;
}

.top-sellers .swiper-button-prev {
  left: 186px;
}

@media only screen and (max-width: 575px) {

  .top-sellers .swiper-button-next,
  .top-sellers .swiper-button-prev {
      left: 12px;
  }

  .top-sellers .swiper-button-prev {
      left: 45px;
  }
}

.about-us-home-two .container::after {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 250px;
  background: url("./../../images/shadow-up.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  z-index: -1;
  -webkit-transform: translateY(-265px);
  -moz-transform: translateY(-265px);
  -ms-transform: translateY(-265px);
  -o-transform: translateY(-265px);
  transform: translateY(-265px);
}

.about-us-home-two ul li:not(:last-child) {
  margin-left: 3px;
}

.about-us-home-two ul li a {
  width: 45px;
  height: 45px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  line-height: 45px;
  border: 1px solid transparent;
}

.about-us-home-two ul li a:hover {
  border-color: #ee273a;
}

.about-us-home-two ul li a:hover i {
  color: #ee273a !important;
}

.news-letter {
  margin: 72px 0 51px;
}

.news-letter .container::after {
  content: "";
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  height: 257px;
  background-image: -webkit-linear-gradient(220deg, #fff, #f8f9fb);
  background-image: -moz-linear-gradient(220deg, #fff, #f8f9fb);
  background-image: -o-linear-gradient(220deg, #fff, #f8f9fb);
  background-image: linear-gradient(230deg, #fff, #f8f9fb);
  z-index: -1;
}

.news-letter img {
  width: 100%;
}

.news-letter h5 {
  font-size: 26px;
  line-height: 33px;
  margin-bottom: 13px;
}

.news-letter h5 b {
  font-weight: 900;
}

.news-letter p {
  color: #2d365d;
  margin-bottom: 17px;
}

.news-letter form .form-control {
  max-width: 326px;
  width: 100%;
  height: 45px;
  line-height: 45px;
  border-color: #efefef;
  background-color: #efefef;
  color: #7f7f84;
  font-size: 13px;
  font-weight: 500;
}

.news-letter form .form-control:focus {
  border-color: #ee273a;
}

.news-letter form .btn {
  max-width: 125px;
  width: 100%;
  height: 45px;
  line-height: 45px;
  margin-right: 15px;
}

@media only screen and (max-width: 991px) {
  .news-letter .container::after {
      content: none;
  }

  .news-letter img {
      width: 70%;
  }
}

@media only screen and (max-width: 575px) {
  .news-letter h5 {
      font-size: 20px;
      line-height: 32px;
  }

  .news-letter form .btn {
      max-width: 90px;
  }
}

.options-site {
  margin: 39px 0 50px;
}

.options-site ul li {
  max-width: 20%;
  width: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  text-align: center;
  line-height: 39px;
}

.options-site ul li i {
  font-size: 48px;
  color: #2d365d;
  margin-bottom: 5px;
}

.options-site ul li i::after {
  content: "";
  top: 12px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: rgba(45, 54, 93, 0.1);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  z-index: -1;
}

@media only screen and (max-width: 767px) {
  .options-site ul li {
      max-width: 33.333333%;
  }

  .options-site ul li:nth-child(n + 4) {
      max-width: 50%;
      margin-top: 16px;
  }
}

@media only screen and (max-width: 420px) {
  .options-site ul li {
      max-width: 50%;
  }

  .options-site ul li:nth-child(n + 3) {
      margin-top: 16px;
  }

  .options-site ul li:last-child {
      max-width: 100%;
  }
}

.options-site-two {
  margin: 27px 0 65px;
}

.options-site-two ul {
  padding: 32px 0;
  border: solid #f5f3fc;
  border-width: 1px 0;
}

.footer-three .container {
  padding: 48px 12px;
  border-top: 1px solid #f5f3fc;
}

.footer-three-articles li:not(:last-child) {
  margin-bottom: 19px;
}

.footer-three-articles li img {
  max-width: 50px;
  height: 50px;
  margin-left: 13px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}

.footer-three-articles li .detail {
  max-width: -webkit-calc(100% - 62px);
  max-width: -moz-calc(100% - 62px);
  max-width: calc(100% - 62px);
}

.footer-three-articles li .detail h2 {
  font-size: 13px;
  font-weight: 900;
  line-height: 22px;
  color: #2d365d;
}

.footer-three-articles li .detail h2 a {
  color: #2d365d;
}

.footer-three-articles li .detail h2 a:hover {
  color: #ee273a;
}

.footer-three-articles li .detail span {
  font-size: 12px;
  line-height: 22px;
  color: #939aa4;
}

.footer-three-articles li .detail h2,
.footer-three-articles li .detail p {
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.footer-three-right {
  padding-top: 48px;
}

.footer-three-titr {
  font-weight: 900;
  font-size: 14px;
  line-height: 28px;
  margin-bottom: 25px;
}

.footer-three-titr span {
  font-weight: 300;
}

.footer-three-titr::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 29px;
  height: 7px;
  background-color: #ee273a;
  margin-left: 8px;
}

.footer-three-nav li:not(:last-child) {
  margin-bottom: 15px;
}

.footer-three-nav li a {
  font-size: 12px;
  display: inline-block;
  color: #232323;
  font-weight: 500;
  line-height: 25px;
}

.footer-three-nav li a:hover {
  color: #ee273a;
}

.footer-three-description {
  margin-top: 7px;
  background-color: #f8f9fb;
  padding: 34px 42px 28px;
}

.footer-three-description h3 {
  font-size: 18px;
  font-weight: 900;
  line-height: 27px;
  color: #232323;
  margin-bottom: 25px;
}

.footer-three-description p {
  font-size: 13px;
  color: #2d365d;
  line-height: 30px;
  margin-bottom: 12px;
}

.footer-three-description .btn {
  background-color: #fff;
  border: none;
  color: #212341;
  font-size: 13px;
  line-height: 20px;
  padding: 5px 26px;
}

.footer-three-description .btn:hover {
  background-color: #ebebeb;
}

.footer-three-left {
  margin-top: 41px;
}

.footer-three-contact p {
  line-height: 24px;
  margin-bottom: 12px;
}

.footer-three-contact .email {
  background-color: #fff3f0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 26px;
  font-size: 13px;
  font-weight: 500;
  color: #ff8a66;
  padding: 0 12px 0 5px;
  margin-bottom: 10px;
}

.footer-three-contact .phone {
  font-size: 13px;
  color: #939aa4;
  line-height: 20px;
}

.footer-three-contact .phone span {
  direction: ltr;
  font-size: 35px;
  line-height: 39px;
  font-weight: 900;
  color: #ee273a;
}

.footer-three-contact .phone span i {
  color: #212341;
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  margin-right: 6px;
}

.footer-three-namad {
  margin: 24px 0 29px;
}

.footer-three-namad ul {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #fff;
}

.footer-three-namad::after {
  content: "";
  top: 50%;
  width: 100%;
  height: 1px;
  background-color: #f5f3fc;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: -1;
}

.footer-three .footer-scroll-header {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media only screen and (max-width: 767px) {
  .footer-three .footer-scroll-header {
      top: 0;
  }
}

@media only screen and (max-width: 575px) {
  .footer-three-description {
      padding: 28px 15px 20px;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
  }

  .footer-three-namad::after {
      content: none;
  }
}

.slider-banner-home-two .row .col-md-3 {
  margin-top: 30px;
}

@media only screen and (max-width: 767px) {
  .slider-banner-home-two .row .col-md-3:nth-child(n + 2) {
      margin-top: 15px;
  }
}

.brands-wrapper {
  border: 3px solid #f5f3fc;
  background-color: #fff;
  padding: 36px 54px;
}

@media only screen and (max-width: 575px) {
  .brands-wrapper {
      padding: 20px;
  }
}

.brands-item {
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.brands .swiper-button-next {
  left: 12px;
}

.brands .swiper-button-prev {
  right: 12px;
}

@media only screen and (max-width: 575px) {
  .brands .swiper-button-next {
      left: 8px;
  }

  .brands .swiper-button-prev {
      right: 8px;
  }
}

.top-products-three {
  margin: 88px 0 94px;
}

.top-products-three-tabs {
  border-bottom: 1px solid #212341;
  margin-bottom: 82px;
}

.top-products-three-tabs .nav-item:not(:last-child) {
  margin-left: 5px;
}

.top-products-three-tabs .nav-item .nav-link {
  font-size: 16px;
  font-weight: 500;
  color: #212341;
  line-height: 45px;
  padding: 0 26px;
  cursor: pointer;
  margin-bottom: -1px;
  border: none;
}

.top-products-three-tabs .nav-item .nav-link.active,
.top-products-three-tabs .nav-item .nav-link:hover {
  background-color: #212341;
  color: #fff;
}

.top-products-three .product-three {
  margin-bottom: 40px;
}

@media only screen and (max-width: 991px) {
  .top-products-three .product-three {
      margin-bottom: 20px;
  }
}

.top-products-three .container::after {
  content: "";
  right: -32px;
  bottom: 6px;
  width: 120px;
  height: 199px;
  background: url("./../../images/pattern-cart.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  z-index: -1;
}

.top-sellers-two .swiper::before {
  content: "";
  right: 0;
  bottom: 190px;
  left: 0;
  width: 80%;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  background-color: #ee273a;
  height: 50px;
  margin: 0 auto;
}

.footer-four {
  margin-top: 90px;
}

.footer-four .container::after {
  content: "";
  width: 100%;
  height: 250px;
  top: 0;
  left: 0;
  background: url("./../../images/shadow-footer.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  -webkit-transform: translateY(-28px);
  -moz-transform: translateY(-28px);
  -ms-transform: translateY(-28px);
  -o-transform: translateY(-28px);
  transform: translateY(-28px);
  z-index: -1;
}

.footer-four .name {
  font-size: 20px;
  font-weight: 900;
  color: #ee273a;
  line-height: 33px;
}

.footer-four .socials li:not(:last-child) {
  margin-left: 10px;
}

.footer-four .socials li a {
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #f8f9fb;
  text-align: center;
  line-height: 40px;
  font-size: 20px;
  color: #dbe1e6;
}

.footer-four .socials li a:hover {
  color: #ee273a;
  background-color: rgba(238, 39, 58, 0.1);
}

.footer-four .description {
  color: #2d365d;
  line-height: 30px;
}

.footer-four .titr {
  line-height: 28px;
  font-size: 18px;
  color: #212341;
  margin-bottom: 25px;
}

.footer-four .titr b {
  font-weight: 900;
  color: #ee273a;
}

.footer-four-nav li:not(:last-child) {
  margin-bottom: 15px;
}

.footer-four-nav li a {
  font-size: 13px;
  font-weight: 500;
  color: #232323;
  line-height: 25px;
}

.footer-four-nav li a::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  height: 6px;
  background-color: #d5dbe0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-left: 9px;
}

.footer-four-nav li a:hover {
  color: #ee273a;
}

.footer-four .footer-namad,
.footer-four-news-letter {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px solid #f5f3fc;
}

.footer-four .footer-namad::after,
.footer-four-news-letter::after {
  content: "";
  top: -1px;
  right: 0;
  width: 36px;
  height: 1px;
  background-color: #ee273a;
}

.footer-four-news-letter h3 {
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 10px;
}

.footer-four-news-letter h3 b {
  font-weight: 900;
}

.footer-four-news-letter h3 i {
  font-size: 25px;
  color: #ffb035;
  margin-left: 10px;
}

.footer-four-news-letter form .form-control {
  max-width: -webkit-calc(100% - 140px);
  max-width: -moz-calc(100% - 140px);
  max-width: calc(100% - 140px);
  background-color: #f8f9fb;
  border-color: #f8f9fb;
  font-size: 13px;
  font-weight: 500;
  color: #7f7f84;
  padding: 12px 25px;
}

.footer-four-news-letter form .form-control:focus {
  border-color: #ee273a;
}

.footer-four-news-letter form .btn {
  font-size: 14px;
  font-weight: 500;
  background-color: #2d365d;
  padding: 12px 29px;
}

.footer-four-news-letter form .btn:hover,
.footer-four-news-letter form .btn:focus,
.footer-four-news-letter form .btn:active {
  background-color: #3a4678;
}

.footer-four-bottom {
  margin-top: 45px;
  -webkit-border-radius: 50px 50px 0 0;
  -moz-border-radius: 50px 50px 0 0;
  border-radius: 50px 50px 0 0;
  background-color: #212341;
  padding: 50px 65px 0 68px;
}

@media only screen and (max-width: 991px) {
  .footer-four-bottom {
      padding: 32px 32px 0;
  }
}

@media only screen and (max-width: 767px) {
  .footer-four-bottom {
      -webkit-border-radius: 20px 20px 0 0;
      -moz-border-radius: 20px 20px 0 0;
      border-radius: 20px 20px 0 0;
  }
}

@media only screen and (max-width: 575px) {
  .footer-four-bottom {
      margin: 32px -12px 0;
      padding: 32px 16px 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
  }
}

.footer-four-bottom .address {
  color: #fff;
  line-height: 30px;
  font-size: 14px;
}

.footer-four-bottom .address .title {
  font-size: 16px;
}

.footer-four-bottom .phone {
  font-size: 13px;
  color: #939aa4;
}

.footer-four-bottom .phone div {
  direction: ltr;
  font-size: 35px;
  color: #ee273a;
  font-weight: 900;
  line-height: 39px;
}

.footer-four-bottom .phone div span {
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  line-height: 27px;
  margin-right: 6px;
}

.footer-four-bottom .copyright {
  padding: 41px 12px 35px;
  margin: 49px -65px 0 -68px;
  background-color: #181931;
  font-weight: 300;
  color: #fff;
  -webkit-border-radius: 50px 50px 0 0;
  -moz-border-radius: 50px 50px 0 0;
  border-radius: 50px 50px 0 0;
}

.footer-four-bottom .copyright b {
  font-weight: bold;
}

@media only screen and (max-width: 991px) {
  .footer-four-bottom .copyright {
      margin: 32px -32px 0;
  }
}

@media only screen and (max-width: 767px) {
  .footer-four-bottom .copyright {
      -webkit-border-radius: 20px 20px 0 0;
      -moz-border-radius: 20px 20px 0 0;
      border-radius: 20px 20px 0 0;
  }
}

@media only screen and (max-width: 575px) {
  .footer-four-bottom .copyright {
      margin: 24px -16px 0;
  }
}


.banners-slider-home {
  margin: -7% 0 75px;
  z-index: 2;
}

@media only screen and (max-width: 767px) {
  .banners-slider-home {
      margin-top: 24px;
  }
}


.top-products-four {
  margin-bottom: 169px;
}

.top-products-four-tabs .nav-item .nav-link.active,
.top-products-four-tabs .nav-item .nav-link:hover {
  background-color: #c9a781;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.top-seller-home-four .section-heading-sub-title {
  color: #c9a781;
}

.about-us-home-four .about-us-home-heading .sup-title {
  color: #c9a781;
}

.brands-two .brands-wrapper {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border-width: 1px 0;
}

.brands-two .brands-wrapper .title {
  top: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #fff;
  padding: 0 32px;
  font-size: 13px;
  line-height: 21px;
}

.new-articles {
  margin-top: 122px;
}

.new-articles .row {
  margin: 0 -5px;
}

.new-articles .row .col-12 {
  padding: 0 5px;
}

@media only screen and (max-width: 991px) {
  .new-articles .row>.col-12:nth-child(2) {
      margin-top: 10px;
  }
}

.new-articles .row .row .col-12:nth-child(n + 3) {
  margin-top: 10px;
}

@media only screen and (max-width: 991px) {
  .new-articles .row .row>.col-12:nth-child(2) {
      margin-top: 0;
  }
}

@media only screen and (max-width: 991px) {

  .new-articles .row .row>.col-12:nth-child(2),
  .new-articles .row .row>.col-12:nth-child(n + 2) {
      margin-top: 10px;
  }
}

.new-articles .right {
  padding-top: 139px;
}

.new-articles .right::before {
  content: "";
  top: 17px;
  right: 0;
  width: 40px;
  height: 102px;
  background: url("./../../images/pattern-new-ar.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}

.new-articles .right h3 {
  font-size: 28px;
  line-height: 45px;
  white-space: nowrap;
  padding-bottom: 20px;
  margin-bottom: 10px;
}

.new-articles .right h3::after {
  content: "";
  bottom: 0;
  right: 0;
  height: 1px;
  width: 30px;
  background-color: #707070;
}

.new-articles .right h3 b {
  font-weight: 900;
  background-color: #fff4cc;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.new-articles .right .read-more {
  font-size: 14px;
  line-height: 45px;
  color: #939aa4;
  margin-bottom: 63px;
}

.new-articles .right .read-more:hover {
  color: #c9a781;
}

.new-articles .right .btn {
  background-color: #232323;
}

.new-articles .right .btn:hover,
.new-articles .right .btn:focus,
.new-articles .right .btn:active {
  background-color: #373737;
}

@media only screen and (max-width: 1399px) {
  .new-articles .right .read-more {
      margin-bottom: 60px;
  }
}

@media only screen and (max-width: 1199px) {
  .new-articles .right {
      padding-top: 60px;
  }

  .new-articles .right::before {
      height: 40px;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }
}

@media only screen and (max-width: 991px) {
  .new-articles .right {
      margin-bottom: 24px;
      padding-top: 0;
  }

  .new-articles .right::before {
      content: none;
  }

  .new-articles .right h3 {
      margin: 0 0 0 20px;
      padding-bottom: 0;
  }

  .new-articles .right h3::after {
      content: none;
  }

  .new-articles .right .read-more {
      margin: 0;
      height: 48px;
      line-height: 48px;
  }

  .new-articles .right .btn {
      height: 35px;
      margin-right: auto;
  }
}

@media only screen and (max-width: 575px) {
  .new-articles .right h3 {
      font-size: 18px;
      line-height: 34px;
      margin-left: 12px;
  }

  .new-articles .right .read-more {
      height: 32px;
      line-height: 32px;
  }
}

.new-articles-item,
.new-articles-item img {
  height: 100%;
}

.new-articles-item img {
  height: 195px;
  -o-object-fit: cover;
  object-fit: cover;
}

.new-articles-item.lg img {
  height: 400px;
}

.new-articles-item::after {
  content: "";
  top: 16px;
  left: 0;
  width: 100%;
  height: -webkit-calc(100% - 16px);
  height: -moz-calc(100% - 16px);
  height: calc(100% - 16px);
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000));
  background-image: -webkit-linear-gradient(top, transparent, #000);
  background-image: -moz-linear-gradient(top, transparent, #000);
  background-image: -o-linear-gradient(top, transparent, #000);
  background-image: linear-gradient(to bottom, transparent, #000);
}

.new-articles-item a,
.new-articles-item a:hover,
.new-articles-item a:focus,
.new-articles-item a:active {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}

.new-articles-item .detail {
  bottom: 11px;
  left: 0;
  padding: 0 22px 0 11px;
  width: 100%;
  z-index: 2;
}

.new-articles-item .detail h2 {
  font-size: 14px;
  font-weight: 900;
  color: #fff;
  margin-bottom: 6px;
  line-height: 21px;
  height: 21px;
  overflow: hidden;
  white-space: wrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.new-articles-item .detail .sub-title {
  color: #efefef;
  font-size: 12px;
  line-height: 24px;
  font-size: 12px;
  height: 24px;
  overflow: hidden;
}

.new-articles-item.lg .detail h2 {
  font-size: 20px;
  line-height: 30px;
  height: 30px;
}

.new-articles-item.lg .detail .sub-title {
  font-size: 13px;
  height: 48px;
}

@media only screen and (max-width: 575px) {
  .new-articles-item.lg .detail h2 {
      font-size: 14px;
      line-height: 20px;
      height: 20px;
  }

  .new-articles-item.lg .detail .sub-title {
      font-size: 12px;
  }
}

.new-articles .swiper {
  max-width: -webkit-calc(100% - 200px);
  max-width: -moz-calc(100% - 200px);
  max-width: calc(100% - 200px);
  width: 100%;
  margin-right: auto;
}

.new-articles .swiper-button-next,
.new-articles .swiper-button-prev {
  top: auto;
  right: 0;
  bottom: 63px;
  left: auto;
}

@media only screen and (max-width: 1199px) {

  .new-articles .swiper-button-next,
  .new-articles .swiper-button-prev {
      bottom: 140px;
  }
}

.new-articles .swiper-button-next::after,
.new-articles .swiper-button-prev::after {
  color: #212341;
}

.new-articles .swiper-button-next {
  right: 35px;
}

.new-articles .swiper-button-next::before {
  content: "";
  top: 50%;
  right: -3px;
  border-right: 1px dashed #212341;
  height: 28px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (max-width: 991px) {

  .new-articles .swiper-button-next,
  .new-articles .swiper-button-prev {
      top: 16px;
      right: auto;
      bottom: 0;
      left: 110px;
  }

  .new-articles .swiper-button-prev {
      left: 145px;
  }
}

@media only screen and (max-width: 370px) {

  .new-articles .swiper-button-next,
  .new-articles .swiper-button-prev {
      display: none;
  }
}

@media only screen and (max-width: 991px) {
  .new-articles .swiper {
      max-width: 100%;
  }
}

.detail-blog {
  padding-bottom: 80px;
  margin-bottom: -80px;
}

.detail-blog-info {
  margin-top: 68px;
}

.detail-blog-info>.detail {
  margin-top: -48px;
}

.detail-blog-info .category {
  background-color: #212341;
  -webkit-border-radius: 0 50px 50px 0;
  -moz-border-radius: 0 50px 50px 0;
  border-radius: 0 50px 50px 0;
  line-height: 30px;
  padding: 0 28px 0 37px;
  font-weight: 500;
  color: #fff;
  margin-left: -9px;
}

.detail-blog-info ul {
  background-color: #fff;
  -webkit-box-shadow: 0 0 75px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 75px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 75px rgba(0, 0, 0, 0.1);
  padding: 25px 56px 20px 63px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  z-index: 6;
}

.detail-blog-info ul li {
  line-height: 25px;
}

.detail-blog-info ul li:not(:last-child) {
  margin-left: 70px;
}

.detail-blog-info ul li span {
  font-size: 11px;
  color: #b3bbc7;
}

.detail-blog-info ul li span+span {
  color: #2d365d;
  font-weight: bold;
  font-size: 14px;
}

.detail-blog-info ul li span+span b {
  font-size: 30px;
  font-weight: 900;
}

.detail-blog-info ul li a {
  font-size: 16px;
  font-weight: 900;
  color: #2d365d;
}

.detail-blog-info ul li a:hover {
  color: #ee273a;
}

.detail-blog-info ul li i {
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  line-height: 50px;
  text-align: center;
  background-color: #f5f3fc;
  font-size: 24px;
  color: #9087ce;
  margin-left: 18px;
}

.detail-blog-info .date {
  background-color: #ee273a;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  padding: 0 42px 0 20px;
  margin-right: -28px;
  z-index: 2;
  line-height: 30px;
  color: #fff;
  font-weight: 500;
}

@media only screen and (max-width: 991px) {
  .detail-blog-info ul {
      padding: 20px;
      -webkit-border-radius: 35px;
      -moz-border-radius: 35px;
      border-radius: 35px;
  }

  .detail-blog-info ul li:not(:last-child) {
      margin-left: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .detail-blog-info>.detail {
      margin-top: 20px;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  }

  .detail-blog-info img {
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
  }

  .detail-blog-info .category {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
      -moz-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
      padding-left: 50px;
  }

  .detail-blog-info ul {
      margin-bottom: 20px;
      width: 100%;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
  }

  .detail-blog-info .date {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
      -moz-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
      padding-right: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .detail-blog-info ul {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start !important;
      -webkit-align-items: flex-start !important;
      -moz-box-align: start !important;
      -ms-flex-align: start !important;
      align-items: flex-start !important;
  }

  .detail-blog-info ul li:not(:last-child) {
      margin-left: 0;
  }

  .detail-blog-info ul li:nth-child(2) {
      margin: 20px 0;
  }
}

.detail-blog-name {
  margin: 64px 0 11px;
  font-weight: 900;
  color: #ee273a;
  font-size: 30px;
  line-height: 40px;
}

.detail-blog-content p {
  font-size: 15px;
  font-weight: 400;
  line-height: 32px;
}

.detail-blog-content p,
.detail-blog-content h1,
.detail-blog-content h2,
.detail-blog-content h3,
.detail-blog-content h4,
.detail-blog-content h5,
.detail-blog-content h6 {
  margin-bottom: 32px;
}

.detail-blog-content h1,
.detail-blog-content h2,
.detail-blog-content h3,
.detail-blog-content h4,
.detail-blog-content h5,
.detail-blog-content h6 {
  font-weight: 900;
  color: #2d365d;
}

.detail-blog-content h1 {
  font-size: 30px;
}

.detail-blog-content h2 {
  font-size: 26px;
}

.detail-blog-content h3 {
  font-size: 23px;
}

.detail-blog-content h4 {
  font-size: 20px;
}

.detail-blog-content h5 {
  font-size: 18px;
}

.detail-blog-content h6 {
  font-size: 16px;
}

.detail-blog-content blockquote {
  margin: 160px 0 100px;
  padding-right: 90px;
}

.detail-blog-content blockquote::before {
  content: "\e924";
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: "icomoon";
  font-size: 157px;
  color: #f8f9fb;
  z-index: -1;
}

.detail-blog-content blockquote p {
  margin-bottom: 0;
}

@media only screen and (max-width: 991px) {
  .detail-blog-name {
      font-size: 24px;
      line-height: 32px;
      margin-bottom: 60px;
  }

  .detail-blog-content blockquote {
      margin: 100px 0;
  }
}

@media only screen and (max-width: 575px) {
  .detail-blog-name {
      font-size: 18px;
      margin-bottom: 32px;
  }

  .detail-blog-content blockquote {
      padding-right: 50px;
      margin: 70px 0;
  }
}

.detail-blog-related {
  margin: 80px 0 85px;
}

@media only screen and (max-width: 767px) {
  .detail-blog-related {
      margin: 180px 0 120px;
  }
}

.detail-blog-related::after,
.detail-blog-related::before {
  content: "";
  width: 100%;
  height: 250px;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  left: 0;
  z-index: -1;
}

.detail-blog-related::after {
  background: url("./../../images/related-article-02.png") 0 0 no-repeat;
  bottom: 0;
  -webkit-transform: translateY(130px);
  -moz-transform: translateY(130px);
  -ms-transform: translateY(130px);
  -o-transform: translateY(130px);
  transform: translateY(130px);
}

.detail-blog-related::before {
  background: url("./../../images/related-article-01.png") 0 0 no-repeat;
  top: 0;
  -webkit-transform: translateY(-143px);
  -moz-transform: translateY(-143px);
  -ms-transform: translateY(-143px);
  -o-transform: translateY(-143px);
  transform: translateY(-143px);
}

.detail-blog-related .heading h4 {
  font-size: 24px;
  line-height: 30px;
  padding-right: 60px;
  color: #000;
}

.detail-blog-related .heading h4::before {
  content: "";
  background: url("./../../images/patter-related.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  width: 39px;
  height: 62px;
  margin-left: 21px;
  top: 0;
  right: 0;
}

.detail-blog-related .swiper {
  padding: 43px 0 0;
}

.detail-blog-related .swiper-slide {
  opacity: 0;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
}

.detail-blog-related .swiper-slide-active,
.detail-blog-related .swiper-slide-next {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

@media only screen and (max-width: 767px) {
  .detail-blog-related .swiper-slide-next {
      opacity: 0;
      -webkit-transform: scale(0.5);
      -moz-transform: scale(0.5);
      -ms-transform: scale(0.5);
      -o-transform: scale(0.5);
      transform: scale(0.5);
  }
}

.detail-blog-related .swiper-button-next,
.detail-blog-related .swiper-button-prev {
  top: 36px;
  right: auto;
  left: 135px;
}

.detail-blog-related .swiper-button-prev {
  left: 165px;
}

@media only screen and (max-width: 575px) {
  .detail-blog-related .heading h4 {
      padding-right: 0;
  }

  .detail-blog-related .heading h4::before {
      content: none;
  }
}

.detail-blog-comments>.title {
  font-weight: 900;
  font-size: 24px;
  margin-bottom: 54px;
}

.detail-blog-comments-wrapper {
  -webkit-box-shadow: 0 10px 75px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 10px 75px rgba(0, 0, 0, 0.08);
  box-shadow: 0 10px 75px rgba(0, 0, 0, 0.08);
  padding: 80px 60px 127px 63px;
}

.detail-blog-comments-wrapper::before {
  content: "";
  bottom: 100%;
  width: -webkit-calc(100% - 50px);
  width: -moz-calc(100% - 50px);
  width: calc(100% - 50px);
  height: 6px;
  background-color: #ee273a;
  left: 25px;
}

@media only screen and (max-width: 991px) {
  .detail-blog-comments-wrapper {
      padding: 60px 40px 100px 43px;
  }
}

@media only screen and (max-width: 575px) {
  .detail-blog-comments-wrapper {
      padding: 50px 16px 80px;
  }
}

.detail-blog .like-share {
  top: 10px;
  left: -webkit-calc(100% + 40px);
  left: -moz-calc(100% + 40px);
  left: calc(100% + 40px);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.detail-blog .like-share.fix {
  position: fixed;
  left: auto;
  right: 50px;
}

@media only screen and (max-width: 1500px) and (min-width: 1400px) {
  .detail-blog .like-share {
      left: 100%;
  }
}

@media only screen and (max-width: 1300px) and (min-width: 1200px) {
  .detail-blog .like-share {
      left: 100%;
  }
}

@media only screen and (max-width: 1114px) and (min-width: 1040px) {
  .detail-blog .like-share {
      left: 100%;
  }
}

@media only screen and (max-width: 1039px) and (min-width: 992px) {
  .detail-blog .like-share {
      left: 98%;
  }
}

.detail-blog .like-share button span {
  width: 20px;
  text-align: right;
}

.detail-blog .like-share button i {
  font-size: 21px;
}

.detail-blog .like-share button.like i {
  color: #00867d;
}

.detail-blog .like-share button.dislike {
  margin: 20px 0;
  padding-bottom: 24px;
  border-bottom: 1px solid #f5f3fc;
}

.detail-blog .like-share button.dislike i {
  color: #ee232b;
}

.detail-blog .like-share .socials li:not(:last-child) {
  margin-bottom: 20px;
}

.detail-blog .like-share .socials li a {
  color: #e7ebee;
  font-size: 22px;
  text-align: center;
}

@media only screen and (max-width: 991px) {
  .detail-blog .like-share {
      position: relative;
      top: 0;
      left: 0;
      width: 100%;
  }

  .detail-blog .like-share,
  .detail-blog .like-share .socials {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
  }

  .detail-blog .like-share button.dislike {
      padding-bottom: 0;
      margin: 0;
      border-bottom: 0;
  }

  .detail-blog .like-share .socials {
      margin-right: auto;
  }

  .detail-blog .like-share .socials li:not(:last-child) {
      margin: 0 0 0 12px;
  }
}

.options-box li {
  padding: 5px 10px;
}

@media only screen and (max-width: 768px) {
  .options-box li {
      padding: 5px 0px;
  }
}
#specifications ul li span p {
  margin-bottom: 0;
}


.banners-food .row .col-lg-6 .row .col-sm-6:nth-child(n + 3) {
  margin-top: 27px;
}

.new-article-four {
  margin-bottom: 100px;
}

.slider-home-two {
  margin: 54px auto 29px;
  background-color: #fafafa;
}

.slider-home-two .carousel-indicators {
  margin: 0 auto 30px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  border: 3px solid rgba(255, 255, 255, 0.1);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 15px 29px;
}

.slider-home-two .carousel-indicators button {
  padding: 0;
  margin: 0;
  border: none;
  width: 8px;
  height: 8px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  background-color: #fff;
  opacity: 1;
}

.slider-home-two .carousel-indicators button:not(:last-child) {
  margin-left: 6px;
}

.slider-home-two .carousel-indicators button.active {
  width: 25px;
}

@media only screen and (max-width: 767px) {
  .slider-home-two .carousel-indicators {
      margin: 0 auto 12px;
      padding: 0;
      border: none;
  }

  .slider-home-two img {
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
  }
}

.top-seller-home-five {
  margin-bottom: 25px;
}

.top-seller-home-five.pattern::after {
  content: "";
  top: 180px;
  left: 0;
  width: 533px;
  height: 876px;
  background: url("./../../images/pattern-04.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  z-index: -1;
}

@media only screen and (max-width: 767px) {
  .top-seller-home-five.pattern::after {
      background-position: center center;
  }
}

.top-seller-home-five .container::before {
  content: "";
  right: -31px;
  bottom: -33px;
  width: 120px;
  height: 199px;
  background: url("./../../images/pattern-03.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  z-index: -1;
}

.top-seller-home-five .section-heading-two {
  margin-bottom: 21px;
}

.top-seller-home-five .swiper {
  padding: 50px 0;
}

.top-seller-home-five .swiper-button-next,
.top-seller-home-five .swiper-button-prev {
  top: 47px;
}

.brands-three {
  margin-bottom: 112px;
}

.brands-three .brands-wrapper {
  border: none;
  -webkit-box-shadow: 0 5px 45px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 5px 45px rgba(0, 0, 0, 0.08);
  box-shadow: 0 5px 45px rgba(0, 0, 0, 0.08);
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  padding: 12px 48px;
}

@media only screen and (max-width: 767px) {
  .brands-three .brands-wrapper {
      padding: 12px 24px;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
  }
}

.footer-five,
.footer-six {
  padding-bottom: 20px;
}

.footer-five-content,
.footer-six-content {
  padding: 113px 0 130px;
  background: #1b1b1d url("./../../images/bg-footer-003.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}

@media only screen and (max-width: 991px) {

  .footer-five-content,
  .footer-six-content {
      padding: 80px 0 60px;
  }
}

@media only screen and (max-width: 767px) {

  .footer-five-content,
  .footer-six-content {
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }
}

.footer-five-logo,
.footer-six-logo {
  font-size: 30px;
  line-height: 40px;
}

.footer-five-description,
.footer-six-description {
  color: #9d9eac;
  font-size: 14px;
  line-height: 30px;
}

.footer-five-description b,
.footer-six-description b {
  font-weight: 900;
}

.footer-five-titr,
.footer-six-titr {
  font-size: 18px;
  color: #ee273a;
  line-height: 28px;
}

.footer-five-nav li:not(:last-child),
.footer-six-nav li:not(:last-child) {
  margin-bottom: 10px;
}

.footer-five-nav li::before,
.footer-six-nav li::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #48494e;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  margin-left: 14px;
}

.footer-five-nav li a,
.footer-six-nav li a {
  font-size: 13px;
  font-weight: 500;
  display: inline-block;
  line-height: 30px;
  color: #939aa4;
}

.footer-five-nav li a:hover,
.footer-six-nav li a:hover {
  color: #ee273a;
}

.footer-five .time-work,
.footer-six .time-work {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f9fb), to(#fff));
  background-image: -webkit-linear-gradient(top, #f8f9fb, #fff);
  background-image: -moz-linear-gradient(top, #f8f9fb, #fff);
  background-image: -o-linear-gradient(top, #f8f9fb, #fff);
  background-image: linear-gradient(to bottom, #f8f9fb, #fff);
  font-size: 18px;
  font-weight: 900;
  color: #212341;
  padding: 24px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  margin: 19px 0 47px;
}

@media only screen and (max-width: 575px) {

  .footer-five .time-work,
  .footer-six .time-work {
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
      font-size: 14px;
  }
}

.footer-five-bottom {
  padding: 43px 0 53px;
}

.footer-five-bottom::after {
  content: "";
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 597px;
  height: 410px;
  background: url("./../../images/footer-ronaldo.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}

@media only screen and (max-width: 1199px) {
  .footer-five-bottom::after {
      -webkit-transform: translateX(-50%) scale(0.85);
      -moz-transform: translateX(-50%) scale(0.85);
      -ms-transform: translateX(-50%) scale(0.85);
      -o-transform: translateX(-50%) scale(0.85);
      transform: translateX(-50%) scale(0.85);
  }
}

@media only screen and (max-width: 991px) {
  .footer-five-bottom::after {
      content: none;
  }
}

.footer-six {
  margin-top: 140px;
}

@media only screen and (max-width: 767px) {
  .footer-six {
      margin-top: 80px;
  }
}

.footer-six-content {
  background-image: url("./../../images/bg-footer-six.png");
}

.footer-six .footer-scroll-header {
  background-color: #ee273a;
  -webkit-box-shadow: 0 15px 25px rgba(238, 39, 58, 0.25);
  -moz-box-shadow: 0 15px 25px rgba(238, 39, 58, 0.25);
  box-shadow: 0 15px 25px rgba(238, 39, 58, 0.25);
  margin: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -27px;
  z-index: 4;
}

.footer-six-bottom .container {
  padding: 74px 12px 53px;
}

.footer-six-bottom .container::before {
  content: "";
  right: 0;
  bottom: 9px;
  width: 319px;
  height: 319px;
  background: url("./../../images/footer-six-img.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}

.footer-six-bottom .address {
  line-height: 24px;
  color: #212341;
  font-size: 14px;
  padding-right: 332px;
}

.footer-six-bottom .address .title {
  font-size: 16px;
}

.footer-six-bottom .address .title b {
  font-weight: 900;
}

@media only screen and (max-width: 1399px) {
  .footer-six-bottom .address {
      padding-right: 290px;
  }
}

@media only screen and (max-width: 1199px) {
  .footer-six-bottom .container::before {
      width: 250px;
      height: 250px;
  }

  .footer-six-bottom .address {
      padding-right: 230px;
      max-width: 50%;
      width: 100%;
  }
}

@media only screen and (max-width: 991px) {
  .footer-six-bottom .container {
      padding: 50px 12px 32px;
  }

  .footer-six-bottom .container::before {
      content: none;
  }

  .footer-six-bottom .address {
      padding-right: 0;
      max-width: 36%;
  }
}

@media only screen and (max-width: 767px) {
  .footer-six .address {
      max-width: 100%;
  }
}

@media only screen and (max-width: 459px) {
  .footer-six .footer-two-namads {
      max-width: 100%;
      width: 100%;
  }

  .footer-six .footer-two-namads {
      margin-bottom: 24px;
  }
}

.banners-home-seven {
  z-index: 99;
  margin-top: -111px;
}

@media only screen and (max-width: 991px) {
  .banners-home-seven {
      margin-top: 32px;
  }
}

.banners-home-seven .row {
  margin: 0 -15px;
  gap: 30px 0;
}

.banners-home-seven .row>div {
  padding: 0 15px;
}

@media only screen and (max-width: 575px) {
  .banners-home-seven .row>div img {
      -webkit-border-radius: 16px;
      -moz-border-radius: 16px;
      border-radius: 16px;
  }
}

.top-seller-products {
  margin: 77px 0 91px;
}

.top-seller-products-tabs {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  background-color: #212341;
  padding: 10px;
  margin-bottom: 58px;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.top-seller-products-tabs::-webkit-scrollbar {
  display: none;
}

.top-seller-products-tabs li {
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  padding: 10px 16px;
}

.top-seller-products-tabs li.active,
.top-seller-products-tabs li:hover {
  background-color: #ee273a;
}

.top-seller-products-tabs li:not(:last-child) {
  margin-left: 8px;
}

@media only screen and (max-width: 767px) {
  .top-seller-products-tabs li {
      font-size: 14px;
      padding: 8px 14px;
  }
}

@media only screen and (max-width: 575px) {
  .top-seller-products-tabs {
      margin: 0 -12px;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      padding: 10px 12px;
  }
}

.top-seller-products .row {
  gap: 76px 0;
}

@media only screen and (max-width: 991px) {
  .top-seller-products .row {
      gap: 32px 0;
  }
}

.category-products-title {
  padding: 5px 13px 2px 12px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #b3bbc7;
  font-size: 16px;
  line-height: 24px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 37px;
}

.category-products-title::after {
  content: "";
  top: 15px;
  left: 0;
  width: 100%;
  height: 1px;
  border: 1px dashed #d5dade;
  z-index: -1;
}

.category-products .top-category-item {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background-color: #f8f9fb;
  padding: 19px 0 28px;
  z-index: 2;
}

.category-products .top-category-item::after {
  content: "";
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: url("./../../images/bg-98.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.category-products .top-category-item i {
  width: 73px;
  height: 73px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  line-height: 73px;
  text-align: center;
  color: #000;
  border: none;
  background-color: #efefef;
}

.category-products .top-category-item:hover::after {
  opacity: 1;
}

.category-products .top-category-item:hover i {
  background-color: transparent;
  color: #fff;
}

.category-products .top-category-item:hover span {
  font-weight: 900;
  color: #fff;
}

.category-products .swiper {
  max-width: -webkit-calc(100% - 80px);
  max-width: -moz-calc(100% - 80px);
  max-width: calc(100% - 80px);
  margin: 0 auto;
}

.category-products .swiper-button-next {
  left: 0;
}

.category-products .swiper-button-prev {
  right: 0;
}

.category-products .swiper-button-next,
.category-products .swiper-button-prev {
  -webkit-transform: translateY(40px);
  -moz-transform: translateY(40px);
  -ms-transform: translateY(40px);
  -o-transform: translateY(40px);
  transform: translateY(40px);
}

.category-slider-banner .category,
.category-slider-banner .left {
  width: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.category-slider-banner .category {
  max-width: 267px;
  background-color: #39d4df;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-left: 31px;
}

.category-slider-banner .category .title {
  padding: 29px 0 26px;
  font-size: 14px;
  line-height: 21px;
}

.category-slider-banner .category ul {
  background-color: #f8f9fb;
  padding: 6px 34px 9px;
}

.category-slider-banner .category ul li {
  padding: 18px 0;
}

.category-slider-banner .category ul li a {
  color: #2d365d;
  font-weight: bold;
  line-height: 21px;
}

.category-slider-banner .category ul li a::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  background-color: #ffb035;
  margin-left: 14px;
  width: 17px;
  height: 5px;
}

.category-slider-banner .category ul li a:hover {
  color: #ffb035;
}

.category-slider-banner .category ul li:not(:last-child) {
  border-bottom: 1px solid #eaeef5;
}

.category-slider-banner .left {
  max-width: -webkit-calc(100% - 298px);
  max-width: -moz-calc(100% - 298px);
  max-width: calc(100% - 298px);
}

.category-slider-banner .left .carousel {
  margin-bottom: 30px;
}

@media only screen and (max-width: 575px) {
  .category-slider-banner .left .carousel {
      margin-bottom: 0;
  }
}

.category-slider-banner .left .carousel-item img {
  height: 415px;
}

.category-slider-banner .left .carousel-indicators {
  padding: 16px 29px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 30px;
}

.category-slider-banner .left .carousel-indicators button {
  width: 8px;
  height: 8px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  background-color: #fff;
  border: 0;
  margin: 0;
}

.category-slider-banner .left .carousel-indicators button:not(:last-child) {
  margin-left: 6px;
}

.category-slider-banner .left .carousel-indicators button.active {
  width: 25px;
}

.category-slider-banner .left .carousel-control-next,
.category-slider-banner .left .carousel-control-prev {
  width: 30px;
  height: 70px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  background-color: #fff;
  -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.16);
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.16);
  opacity: 1;
  color: #b3bbc7;
  font-size: 13px;
  text-align: center;
  line-height: 70px;
  top: 50%;
  -webkit-transform: translate(15px, -50%);
  -moz-transform: translate(15px, -50%);
  -ms-transform: translate(15px, -50%);
  -o-transform: translate(15px, -50%);
  transform: translate(15px, -50%);
}

.category-slider-banner .left .carousel-control-next {
  -webkit-transform: translate(-15px, -50%);
  -moz-transform: translate(-15px, -50%);
  -ms-transform: translate(-15px, -50%);
  -o-transform: translate(-15px, -50%);
  transform: translate(-15px, -50%);
}

.category-slider-banner .left .row {
  gap: 30px 0;
  margin: 0 -15px;
}

.category-slider-banner .left .row>div {
  padding: 0 15px;
}

.category-slider-banner .left .row>div img {
  height: 175px;
}

@media only screen and (max-width: 991px) {
  .category-slider-banner .left {
      max-width: 100%;
  }

  .category-slider-banner .left .carousel-item img,
  .category-slider-banner .left .row>div img {
      height: auto;
  }
}

@media only screen and (max-width: 575px) {
  .category-slider-banner .left .carousel-item img {
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
  }

  .category-slider-banner .left .carousel-control-next,
  .category-slider-banner .left .carousel-control-prev {
      -webkit-transform: translate(0, -50%);
      -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      -o-transform: translate(0, -50%);
      transform: translate(0, -50%);
      color: #212341;
      height: 30px;
      font-size: 10px;
      opacity: 0.6;
  }

  .category-slider-banner .left .carousel-control-next {
      left: 12px;
  }

  .category-slider-banner .left .carousel-control-prev {
      right: 12px;
  }

  .category-slider-banner .left .carousel-indicators {
      margin: 0 auto 12px;
      padding: 0;
      border: 0;
  }
}

.top-seller-products-two {
  margin-bottom: 47px;
}

.top-seller-products-two-tabs {
  margin-bottom: 47px;
}

.top-seller-products-two-tabs li {
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  color: #212341;
  line-height: 31px;
  padding: 7px 25px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}

.top-seller-products-two-tabs li:not(:last-child) {
  margin-left: 4px;
}

.top-seller-products-two-tabs li.active,
.top-seller-products-two-tabs li:hover {
  background-color: #212341;
  color: #fff;
}

@media only screen and (max-width: 575px) {
  .top-seller-products-two-tabs li {
      padding: 5px 18px;
      font-size: 13px;
  }
}

.top-seller-products-two .swiper {
  padding-bottom: 50px;
}

.banners-home-eight .row {
  margin: 0 -15px;
  gap: 30px 0;
}

.banners-home-eight .row>div {
  padding: 0 15px;
}

.products-category-two {
  margin: 103px 0 130px;
}

.products-category-two .container::after {
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 250px;
  background: url("./../../images/shadow-03.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  -webkit-transform: translateY(170px);
  -moz-transform: translateY(170px);
  -ms-transform: translateY(170px);
  -o-transform: translateY(170px);
  transform: translateY(170px);
}

.products-category-two .section-heading::after,
.products-category-two .section-heading::before {
  content: "";
  top: 51px;
  left: 0;
  height: 1px;
}

.products-category-two .section-heading::after {
  width: 100%;
  background-color: #f5f3fc;
  z-index: -1;
}

.products-category-two .section-heading::before {
  width: 166px;
  background-color: #39d4df;
}

.products-category-two .section-heading .detail {
  background-color: #fff;
  padding-left: 30px;
}

.products-category-two .section-heading-sub-title {
  font-size: 18px;
  font-weight: 500;
  color: #212341;
  line-height: 30px;
}

.products-category-two .section-heading-title {
  font-size: 24px;
  font-weight: 900;
  color: #39d4df;
}

.products-category-two .section-heading-link {
  line-height: 35px;
}

@media only screen and (max-width: 575px) {

  .products-category-two .section-heading::after,
  .products-category-two .section-heading::before {
      content: none;
  }

  .products-category-two .section-heading-link {
      margin-top: 0;
  }
}

.products-category-two .swiper {
  padding-bottom: 50px;
}

.products-category-two .swiper-slide>div+div {
  margin-top: 56px;
}

.products-category-two .swiper-button-next,
.products-category-two .swiper-button-prev {
  top: 16px;
  left: 85px;
  right: auto;
}

.products-category-two .swiper-button-prev {
  left: 115px;
}

@-webkit-keyframes progress {
  0% {
      stroke-dasharray: 0 100;
  }
}

@-moz-keyframes progress {
  0% {
      stroke-dasharray: 0 100;
  }
}

@-o-keyframes progress {
  0% {
      stroke-dasharray: 0 100;
  }
}

@keyframes progress {
  0% {
      stroke-dasharray: 0 100;
  }
}

.consol-game {
  margin: 145px 0 68px;
}

@media only screen and (max-width: 767px) {
  .consol-game {
      margin: 80px 0 40px;
  }
}

.consol-game .section-heading {
  margin-bottom: 56px;
}

.consol-game .section-heading .detail {
  padding-right: 137px;
}

.consol-game .section-heading .detail::before {
  content: "";
  right: 0;
  width: 114px;
  height: 47px;
  background-color: #f5f3fc;
}

.consol-game .section-heading-sub-title {
  font-size: 16px;
  font-weight: 500;
}

.consol-game .section-heading-title {
  font-size: 24px;
  font-weight: 900;
}

.consol-game .swiper-button-next,
.consol-game .swiper-button-prev {
  top: 26px;
  right: auto;
  left: 145px;
}

.consol-game .swiper-button-prev {
  left: 180px;
}

@media only screen and (max-width: 575px) {
  .consol-game .section-heading .detail {
      padding-right: 0;
  }

  .consol-game .section-heading .detail::before {
      content: none;
  }

  .consol-game .swiper-button-next {
      left: 12px;
  }

  .consol-game .swiper-button-prev {
      left: 40px;
  }
}

.about-us-home-eight {
  background: url("./../../images/about-us-eight.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  background-attachment: fixed;
  padding: 117px 0 100px;
}

.about-us-home-eight h2 {
  font-size: 16px;
  line-height: 30px;
  padding-bottom: 32px;
  margin-bottom: 32px;
}

.about-us-home-eight h2 b {
  font-size: 30px;
  font-weight: 900;
}

.about-us-home-eight h2::after {
  content: "";
  bottom: 0;
  right: 0;
  width: 53px;
  height: 1px;
  background-color: #fff;
}

.about-us-home-eight p {
  font-size: 13px;
  line-height: 30px;
}

@media only screen and (max-width: 767px) {
  .about-us-home-eight {
      padding: 80px 0;
      background-position: center center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
  }
}

.new-articles-blog {
  background-color: #171930;
  padding: 74px 0 51px;
}

.new-articles-blog .right,
.new-articles-blog .left {
  width: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.new-articles-blog .right {
  font-size: 28px;
  max-width: 25%;
  padding-top: 76px;
}

.new-articles-blog .right .sup-title {
  line-height: 45px;
}

.new-articles-blog .right .title {
  padding: 0 5px;
  color: #212341;
  font-weight: 900;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  z-index: 2;
  line-height: 30px;
  margin-bottom: 18px;
  padding-bottom: 18px;
}

.new-articles-blog .right .title::before,
.new-articles-blog .right .title::after {
  content: "";
  right: 0;
}

.new-articles-blog .right .title::before {
  top: 0;
  width: 100%;
  height: 24px;
  background-color: #ffb035;
  z-index: -1;
}

.new-articles-blog .right .title::after {
  bottom: 0;
  width: 30px;
  height: 1px;
  background-color: #707070;
}

.new-articles-blog .right .read-more {
  color: #939aa4;
  font-size: 14px;
  font-weight: 400;
}

.new-articles-blog .right .btn {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: 39px 74px 0 0;
  padding: 8px 40px 7px;
  line-height: 20px;
}

.new-articles-blog .left {
  max-width: 75%;
}

.new-articles-blog .swiper-button-next,
.new-articles-blog .swiper-button-prev {
  -webkit-transform: unset;
  -moz-transform: unset;
  -ms-transform: unset;
  -o-transform: unset;
  transform: unset;
  top: 265px;
  right: 0;
  left: auto;
}

@media only screen and (max-width: 991px) {

  .new-articles-blog .swiper-button-next,
  .new-articles-blog .swiper-button-prev {
      top: 190px;
  }
}

.new-articles-blog .swiper-button-next {
  right: 35px;
}

@media only screen and (max-width: 991px) {

  .new-articles-blog .right,
  .new-articles-blog .left {
      max-width: 100%;
  }

  .new-articles-blog .right {
      padding-top: 0;
  }
}

.footer-seven {
  background-color: #121320;
}

.footer-seven-top {
  background: url("./../../images/bg-footer-seven.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  z-index: 2;
}

.footer-seven-top::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#171930), to(rgba(33, 35, 65, 0)));
  background-image: -webkit-linear-gradient(top, #171930, rgba(33, 35, 65, 0));
  background-image: -moz-linear-gradient(top, #171930, rgba(33, 35, 65, 0));
  background-image: -o-linear-gradient(top, #171930, rgba(33, 35, 65, 0));
  background-image: linear-gradient(to bottom, #171930, rgba(33, 35, 65, 0));
  z-index: -1;
}

.footer-seven-top .container {
  padding: 126px 12px 130px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-seven-title {
  font-size: 18px;
  color: #ffb035;
  line-height: 28px;
}

.footer-seven-nav li:not(:last-child) {
  margin-bottom: 10px;
}

.footer-seven-nav li a {
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  line-height: 30px;
  color: #939aa4;
}

.footer-seven-nav li a::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  border: 1px solid #48494e;
  margin-left: 14px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.footer-seven-nav li a:hover {
  color: #ffb035;
}

.footer-seven-nav li a:hover::before {
  border-color: #ffb035;
}

.footer-seven-bottom {
  z-index: 9;
  padding-bottom: 38px;
}

.footer-seven-bottom .footer-scroll-header {
  background-color: #7262d4;
  -webkit-box-shadow: 0 15px 25px rgba(114, 98, 212, 0.5);
  -moz-box-shadow: 0 15px 25px rgba(114, 98, 212, 0.5);
  box-shadow: 0 15px 25px rgba(114, 98, 212, 0.5);
  margin: -30px 0 48px;
}

.footer-seven-address-namd-contact {
  padding: 0 428px 35px 0;
  z-index: 2;
}

.footer-seven-address-namd-contact::before,
.footer-seven-address-namd-contact::after {
  content: "";
  right: 0;
  bottom: 0;
  width: 426px;
  height: 610px;
  background: url("./../../images/img-footer-seven.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  z-index: -1;
}

.footer-seven-address-namd-contact::before {
  -webkit-filter: blur(43px);
  filter: blur(43px);
}

.footer-seven-address {
  line-height: 24px;
  margin-left: auto;
  max-width: 45%;
  width: 100%;
}

.footer-seven-address .title {
  font-size: 16px;
}

.footer-seven-address .title b {
  font-weight: 900;
}

.footer-seven-namads {
  gap: 4px;
}

.footer-seven-namads img {
  height: 80px;
}

.footer-seven-contact {
  font-size: 13px;
  color: #939aa4;
  margin-right: 8px;
}

.footer-seven-contact::after {
  content: "";
  bottom: 0;
  left: 0;
  width: 55px;
  height: 55px;
  background: url("./../../images/icon-contact-00.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  -webkit-transform: translateX(-12px);
  -moz-transform: translateX(-12px);
  -ms-transform: translateX(-12px);
  -o-transform: translateX(-12px);
  transform: translateX(-12px);
}

.footer-seven-contact span {
  font-size: 18px;
  color: #fff;
  line-height: 39px;
}

.footer-seven-contact span b {
  font-size: 35px;
  font-weight: 900;
  color: #ffb035;
}

.footer-seven-time-work {
  -webkit-border-radius: 50px 0 50px 50px;
  -moz-border-radius: 50px 0 50px 50px;
  border-radius: 50px 0 50px 50px;
  background-color: #eb2856;
  padding: 24px 12px;
  font-size: 18px;
  font-weight: 900;
  line-height: 27px;
  margin-bottom: 43px;
}

.footer-seven-socials li:not(:last-child) {
  margin-left: 19px;
}

.footer-seven-socials li a {
  font-size: 20px;
  color: #fff;
}

.footer-seven-socials li a:hover {
  color: #eb2856;
}

@media only screen and (max-width: 1399px) {
  .footer-seven-address-namd-contact {
      padding-right: 390px;
  }

  .footer-seven-address-namd-contact::before,
  .footer-seven-address-namd-contact::after {
      width: 390px;
      height: 574px;
  }
}

@media only screen and (max-width: 1199px) {
  .footer-seven-address-namd-contact {
      padding-right: 335px;
  }

  .footer-seven-address-namd-contact::before,
  .footer-seven-address-namd-contact::after {
      width: 350px;
      height: 534px;
  }

  .footer-seven-address {
      max-width: 37%;
  }
}

@media only screen and (max-width: 991px) {
  .footer-seven-address-namd-contact {
      padding-right: 0;
  }

  .footer-seven-address-namd-contact::before,
  .footer-seven-address-namd-contact::after {
      content: none;
  }
}

@media only screen and (max-width: 767px) {
  .footer-seven-top {
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
  }

  .footer-seven-top .container {
      padding: 80px 12px;
  }

  .footer-seven-address-namd-contact {
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      gap: 20px 0;
  }

  .footer-seven-address {
      max-width: 100%;
  }
}

@media only screen and (max-width: 575px) {
  .footer-seven-namad {
      max-width: 100%;
      width: 100%;
  }

  .footer-seven-time-work {
      font-size: 16px;
  }
}

.price-day {
  background-color: #2b5d5e;
  padding-bottom: 113px;
  z-index: 2;
  margin-bottom: 74px;
}

.price-day::after {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #2b5d5e url("./../../images/bg-price-day.png") center -45px no-repeat;
  -webkit-background-size: 100% 110%;
  -moz-background-size: 100% 110%;
  -o-background-size: 100% 110%;
  background-size: 100% 110%;
  opacity: 0.1;
  z-index: -2;
}

.price-day::before {
  content: "";
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -1px);
  -moz-transform: translate(-50%, -1px);
  -ms-transform: translate(-50%, -1px);
  -o-transform: translate(-50%, -1px);
  transform: translate(-50%, -1px);
  width: 306px;
  height: 50px;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  z-index: -1;
}

.price-day-title {
  font-size: 16px;
  color: #2b5d5e;
  line-height: 24px;
  margin-bottom: 102px;
}

.price-day-item {
  background-color: #c1cecf;
  -webkit-box-shadow: inset 0 10px 15px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 10px 15px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 10px 15px rgba(0, 0, 0, 0.05);
  padding: 36px 12px 0;
  z-index: 2;
}

.price-day-item:hover {
  -webkit-transform: translateY(-12px);
  -moz-transform: translateY(-12px);
  -ms-transform: translateY(-12px);
  -o-transform: translateY(-12px);
  transform: translateY(-12px);
}

.price-day-item::before {
  content: "";
  top: 17px;
  right: 17px;
  width: -webkit-calc(100% - 34px);
  width: -moz-calc(100% - 34px);
  width: calc(100% - 34px);
  height: 87px;
  opacity: 0.25;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(top, #fff, rgba(255, 255, 255, 0));
  background-image: -moz-linear-gradient(top, #fff, rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(top, #fff, rgba(255, 255, 255, 0));
  background-image: linear-gradient(to bottom, #fff, rgba(255, 255, 255, 0));
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  z-index: -1;
}

.price-day-item::after {
  content: "";
  top: 38px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #fff;
  width: 75px;
  height: 75px;
  -webkit-filter: blur(19px);
  filter: blur(19px);
  z-index: -1;
}

.price-day-item img {
  width: 64px;
  height: 64px;
  margin-bottom: 40px;
}

.price-day-item .tcatg2 {
  padding: 4px 18px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background-color: #00867d;
  font-size: 14px;
  font-weight: bold;
  line-height: 21px;
  color: #fff;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: -15px auto 0;
  -webkit-transform: translateY(15px);
  -moz-transform: translateY(15px);
  -ms-transform: translateY(15px);
  -o-transform: translateY(15px);
  transform: translateY(15px);
}

.price-day .row {
  gap: 32px 0;
}

@media only screen and (max-width: 767px) {
  .price-day-title {
      line-height: 40px;
  }

  .price-day-item h2 {
      font-size: 12px;
  }
}

.top-products-five {
  margin: 37px 0 66px;
}

.top-products-five-tabs {
  margin-bottom: 58px;
  background-color: #fff;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding-left: 12px;
}

.top-products-five-tabs::before {
  content: "";
  top: 18px;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: #f8f9fb;
  z-index: -1;
}

.top-products-five-tabs li {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  padding: 8px 25px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.top-products-five-tabs li.active,
.top-products-five-tabs li:hover {
  background-color: #2b5d5e;
  -webkit-box-shadow: 0 10px 25px rgba(43, 93, 94, 0.25);
  -moz-box-shadow: 0 10px 25px rgba(43, 93, 94, 0.25);
  box-shadow: 0 10px 25px rgba(43, 93, 94, 0.25);
  color: #fff;
}

@media only screen and (max-width: 575px) {
  .top-products-five-tabs li {
      font-size: 14px;
      padding: 8px 18px;
  }
}

.price-day-girder {
  margin: 42px 0 30px;
}

.price-day-girder .section-heading {
  margin-bottom: 48px;
}

.price-day-girder .section-heading .detail {
  padding-right: 60px;
}

.price-day-girder .section-heading .detail::before {
  content: "";
  top: 0;
  right: 0;
  width: 39px;
  height: 62px;
  background: url("./../../images/pattern-05.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}

.price-day-girder .section-heading-sub-title,
.price-day-girder .section-heading-title {
  font-size: 24px;
  line-height: 30px;
}

.price-day-girder .section-heading-sub-title {
  font-weight: 300;
}

.price-day-girder .section-heading-title {
  font-weight: bold;
}

.price-day-girder .table tbody tr td.name a {
  color: #2b5d5e;
}

.price-day-girder .table tbody tr td.vahid {
  color: #939aa4;
}

.price-day-girder .table tbody tr td .icon-angle-up-fill {
  color: #49be78;
}

.price-day-girder .table tbody tr td .icon-angle-down-fill {
  color: #ee273a;
}

.price-day-girder .table tbody tr td.price i {
  margin-left: 13px;
}

.price-day-girder .table tbody tr td.icons {
  gap: 14px;
}

.price-day-girder .table tbody tr td.icons a {
  font-size: 20px;
  color: #000;
}

.brands-five {
  margin: 31px 0 148px;
}

.brands-five .brands-wrapper {
  border-color: #edf0f6;
  -webkit-box-shadow: 0 15px 50px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 15px 50px rgba(0, 0, 0, 0.05);
  box-shadow: 0 15px 50px rgba(0, 0, 0, 0.05);
  padding: 21px 48px;
}

.best-sellers-eleven .section-heading {
  margin-bottom: 0;
}

.best-sellers-eleven .section-heading-title {
  font-size: 16px;
  font-weight: 500;
}

.best-sellers-eleven .section-heading-sub-title {
  font-size: 24px;
  font-weight: 900;
}

.best-sellers-eleven .section-heading .detail::before {
  content: "";
  top: 0;
  right: 0;
  width: 896px;
  height: 281px;
  background-image: -webkit-linear-gradient(186.43deg, #b3bbc7 17.81%, rgba(255, 255, 255, 0) 66.22%);
  background-image: -moz-linear-gradient(186.43deg, #b3bbc7 17.81%, rgba(255, 255, 255, 0) 66.22%);
  background-image: -o-linear-gradient(186.43deg, #b3bbc7 17.81%, rgba(255, 255, 255, 0) 66.22%);
  background-image: linear-gradient(263.57deg, #b3bbc7 17.81%, rgba(255, 255, 255, 0) 66.22%);
  z-index: -1;
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  border-radius: 500px;
  -webkit-transform: translate(103px, -68px);
  -moz-transform: translate(103px, -68px);
  -ms-transform: translate(103px, -68px);
  -o-transform: translate(103px, -68px);
  transform: translate(103px, -68px);
}

@media only screen and (max-width: 575px) {
  .best-sellers-eleven .section-heading .detail::before {
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
  }
}

.best-sellers-eleven .swiper {
  padding: 41px 0 0;
}

.best-sellers-eleven .swiper-button-next,
.best-sellers-eleven .swiper-button-prev {
  top: 25px;
  right: auto;
  left: 145px;
}

.best-sellers-eleven .swiper-button-prev {
  left: 180px;
}

@media only screen and (max-width: 575px) {
  .best-sellers-eleven .swiper-button-next {
      left: 12px;
  }

  .best-sellers-eleven .swiper-button-prev {
      left: 47px;
  }
}

.banner-eleven {
  margin: 75px auto 143px;
}

.banners-eleven {
  margin: 112px 0 215px;
}

@media only screen and (max-width: 767px) {
  .banners-eleven {
      margin: 80px 0 120px;
  }
}

.banners-eleven::after {
  content: "";
  top: 50%;
  left: 0;
  width: 526px;
  height: 668px;
  z-index: -1;
  background: url("./../../images/bg-banners-eleven.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (max-width: 575px) {
  .banners-eleven::after {
      content: none;
  }
}

.banners-eleven .row {
  gap: 24px 0;
}

.banners-eleven img {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}


.banners-slider-home-twelve {
  margin: 59px 0 132px;
}

.banners-slider-home-twelve .carousel::before {
  content: "";
  top: 0;
  left: 0;
  width: 120px;
  height: 103px;
  -webkit-transform: translate(-26px, -25px);
  -moz-transform: translate(-26px, -25px);
  -ms-transform: translate(-26px, -25px);
  -o-transform: translate(-26px, -25px);
  transform: translate(-26px, -25px);
  background: url("./../../images/pattern-06.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}

.banners-slider-home-twelve .carousel-indicators {
  border: 2px solid rgba(255, 255, 255, 0.1);
  padding: 15px 49px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: 0 auto 32px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}

.banners-slider-home-twelve .carousel-indicators button {
  width: 8px;
  height: 8px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  background-color: #fff;
  opacity: 1;
  border: none;
  margin: 0;
}

.banners-slider-home-twelve .carousel-indicators button:not(:last-child) {
  margin-left: 6px;
}

.banners-slider-home-twelve .carousel-indicators button.active {
  width: 25px;
}

.banners-slider-home-twelve .banners {
  margin-top: 30px;
  gap: 24px 0;
}

.banners-slider-home-twelve .banners img {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

@media only screen and (max-width: 767px) {
  .banners-slider-home-twelve {
      margin: 48px 0 80px;
  }

  .banners-slider-home-twelve .carousel-indicators {
      margin-bottom: 20px;
  }

  .banners-slider-home-twelve .carousel img {
      -webkit-border-radius: 16px;
      -moz-border-radius: 16px;
      border-radius: 16px;
  }
}


.top-products-six .nav-pills .nav-item {
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  cursor: pointer;
  -webkit-border-radius: 20px 20px 0 0;
  -moz-border-radius: 20px 20px 0 0;
  border-radius: 20px 20px 0 0;
  padding: 15px 27px;
  z-index: 2;
}

.top-products-six .nav-pills .nav-item,
.top-products-six .nav-pills .nav-item::before,
.top-products-six .nav-pills .nav-item::after {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.top-products-six .nav-pills .nav-item::before,
.top-products-six .nav-pills .nav-item::after {
  content: "";
  bottom: 0;
  background: url("./../../images/tab-shape-01.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  width: 48px;
  height: 38px;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
}

.top-products-six .nav-pills .nav-item::before {
  right: 0;
  -webkit-transform: translate(42px, 7px);
  -moz-transform: translate(42px, 7px);
  -ms-transform: translate(42px, 7px);
  -o-transform: translate(42px, 7px);
  transform: translate(42px, 7px);
}

.top-products-six .nav-pills .nav-item::after {
  left: 0;
  background-image: url("./../../images/tab-shape-02.png");
  -webkit-transform: translate(-42px, 7px);
  -moz-transform: translate(-42px, 7px);
  -ms-transform: translate(-42px, 7px);
  -o-transform: translate(-42px, 7px);
  transform: translate(-42px, 7px);
}

.top-products-six .nav-pills .nav-item.active {
  background-color: #fed844;
}

.top-products-six .nav-pills .nav-item.active::before,
.top-products-six .nav-pills .nav-item.active::after {
  opacity: 1;
  visibility: visible;
}

@media only screen and (max-width: 575px) {
  .top-products-six .nav-pills .nav-item {
      font-size: 13px;
      padding: 12px 16px;
  }
}

.top-products-six-wrapper {
  padding: 30px;
}

.top-products-six-wrapper::before,
.top-products-six-wrapper::after {
  content: "";
  top: 0;
  width: 100vw;
  height: 100%;
}

.top-products-six-wrapper::before {
  right: 0;
  background-color: #fed844;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.top-products-six-wrapper::after {
  background-color: #fff;
  left: 100%;
  z-index: 2;
}

@media only screen and (max-width: 991px) {
  .top-products-six-wrapper {
      padding: 30px 15px;
  }
}

@media only screen and (max-width: 575px) {
  .top-products-six-wrapper {
      margin: 0 -12px;
      padding: 30px 12px;
  }

  .top-products-six-wrapper::before {
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
  }
}

.top-products-six.gray .nav-pills .nav-item::before {
  background-image: url("./../../images/tab-shape-03.png");
}

.top-products-six.gray .nav-pills .nav-item::after {
  background-image: url("./../../images/tab-shape-04.png");
}

.top-products-six.gray .nav-pills .nav-item.active {
  background-color: #f8f9fb;
}

.top-products-six.gray .top-products-six-wrapper::before {
  background-color: #f8f9fb;
}

.banners-twelve {
  margin: 51px auto 67px;
}

.banners-twelve .col-md-3 {
  margin-top: 27px;
}

@media only screen and (max-width: 1199px) {
  .banners-twelve .col-md-3 {
      margin-top: 22px;
  }
}

@media only screen and (max-width: 991px) {
  .banners-twelve .col-md-3 {
      margin-top: 19px;
  }
}

@media only screen and (max-width: 767px) {
  .banners-twelve .col-md-3 {
      margin: 0 0 24px;
  }
}

.best-seller-products .section-heading,
.category-products-four .section-heading {
  margin-bottom: 45px;
}

.best-seller-products .section-heading .detail::before,
.category-products-four .section-heading .detail::before {
  content: "";
  top: 0;
  right: 0;
  width: 214px;
  height: 214px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  -webkit-filter: drop-shadow(0 10px 25px rgba(238, 39, 58, 0.25));
  filter: drop-shadow(0 10px 25px rgba(238, 39, 58, 0.25));
  background-image: -webkit-linear-gradient(225deg, #00ff93 -20%, rgba(0, 255, 147, 0) 64%);
  background-image: -moz-linear-gradient(225deg, #00ff93 -20%, rgba(0, 255, 147, 0) 64%);
  background-image: -o-linear-gradient(225deg, #00ff93 -20%, rgba(0, 255, 147, 0) 64%);
  background-image: linear-gradient(-135deg, #00ff93 -20%, rgba(0, 255, 147, 0) 64%);
  z-index: -1;
  -webkit-transform: translate(31px, -14px);
  -moz-transform: translate(31px, -14px);
  -ms-transform: translate(31px, -14px);
  -o-transform: translate(31px, -14px);
  transform: translate(31px, -14px);
}

.best-seller-products .section-heading-title,
.category-products-four .section-heading-title {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  line-height: 28px;
}

.best-seller-products .section-heading-sub-title,
.category-products-four .section-heading-sub-title {
  font-size: 24px;
  font-weight: 900;
  line-height: 28px;
  color: #fff;
}

.best-seller-products .section-heading-link,
.category-products-four .section-heading-link {
  color: #00ff93;
  border: none;
}

.best-seller-products .section-heading-link::after,
.category-products-four .section-heading-link::after {
  content: "";
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #00ff93;
  -webkit-filter: blur(2px);
  filter: blur(2px);
  z-index: -1;
}

@media only screen and (max-width: 575px) {

  .best-seller-products .section-heading .detail::before,
  .category-products-four .section-heading .detail::before {
      -webkit-border-radius: 20px 0 0 20px;
      -moz-border-radius: 20px 0 0 20px;
      border-radius: 20px 0 0 20px;
  }
}

.best-seller-products {
  margin: 145px 0 91px;
}

@media only screen and (max-width: 767px) {
  .best-seller-products {
      margin: 90px 0 60px;
  }
}

.best-seller-products .swiper {
  padding-top: 10px;
}

.best-seller-products .swiper-button-next,
.best-seller-products .swiper-button-prev {
  -webkit-transform: unset;
  -moz-transform: unset;
  -ms-transform: unset;
  -o-transform: unset;
  transform: unset;
  top: 28px;
  right: auto;
  left: 152px;
}

.best-seller-products .swiper-button-prev {
  left: 192px;
}

@media only screen and (max-width: 575px) {
  .best-seller-products .swiper-button-next {
      left: 12px;
  }

  .best-seller-products .swiper-button-prev {
      left: 42px;
  }
}

.new-article-eight .heading .title,
.new-article-eight .heading a {
  color: #fff;
}

.category-products-four {
  margin-top: 77px;
}

.category-products-four .section-heading {
  margin-bottom: 0;
}

.category-products-four-item {
  background: url("./../../images/bg-product-category.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  border-radius: 500px;
  padding: 114px 0 48px;
  margin-top: 30px;
}

.category-products-four-item img {
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -15px);
  -moz-transform: translate(-50%, -15px);
  -ms-transform: translate(-50%, -15px);
  -o-transform: translate(-50%, -15px);
  transform: translate(-50%, -15px);
  width: 126px;
  height: 126px;
}

.category-products-four-item .teab2st5 {
  font-size: 14px;
  font-weight: 500;
  color: #121320;
}

.category-products-four-item:hover img {
  -webkit-transform: translate(-50%, -30px);
  -moz-transform: translate(-50%, -30px);
  -ms-transform: translate(-50%, -30px);
  -o-transform: translate(-50%, -30px);
  transform: translate(-50%, -30px);
}

.footer-thirteen .container::after {
  content: none;
}

.footer-thirteen .container::before {
  content: "";
  top: 27px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.11);
  z-index: -1;
}

.footer-thirteen .footer-name-shop {
  color: #fff;
}

.footer-thirteen .footer-name-shop::after {
  background-color: #fff;
}

.footer-thirteen .footer-contact i {
  background-color: #00ff93;
  color: #121320;
}

.footer-thirteen .footer-contact .title,
.footer-thirteen .footer-contact .sub-title {
  color: #fff;
}

.footer-thirteen .footer-description {
  color: #6a7381;
}

.footer-thirteen .footer-nav li a {
  color: #fff;
}

.footer-thirteen .footer-newsletter .title {
  color: #fff;
}

.footer-thirteen .footer-bottom {
  border-color: rgba(255, 255, 255, 0.11);
}

.footer-thirteen .footer-socials li a {
  background-color: #00ff93;
  color: #121320;
}

.footer-thirteen .footer-socials li a:hover {
  background-color: black;
}

.footer-thirteen .footer-app .btn {
  background-color: #939aa4;
}

.footer-thirteen .footer-namad-copyright {
  padding: 18px 12px 27px;
  background-color: #fff;
  -webkit-border-radius: 50px 50px 0 0;
  -moz-border-radius: 50px 50px 0 0;
  border-radius: 50px 50px 0 0;
  margin-top: 58px;
}

.footer-thirteen .footer-namad-copyright .copyright {
  margin-top: 21px;
  color: #939aa4;
}

@media only screen and (max-width: 575px) {
  .footer-thirteen .footer-namad-copyright {
      margin: 40px -12px 0;
      -webkit-border-radius: 24px;
      -moz-border-radius: 24px;
      border-radius: 24px;
  }
}

.banner-fourteen {
  margin-top: -27px;
}

.banner-fourteen .row {
  gap: 24px 0;
}

.options-site-forteen {
  margin: 65px 0 56px;
}

.options-site-forteen-items {
  padding: 32px 0;
  border: 1px solid;
  border-color: #f5f3fc transparent;
}

.options-site-forteen-items li {
  max-width: 20%;
  width: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.options-site-forteen-items li h2 {
  font-size: 14px;
  line-height: 19px;
}

.options-site-forteen-items li .fim::before {
  content: "";
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffebec), to(#ecfcfc));
  background-image: -webkit-linear-gradient(top, #ffebec, #ecfcfc);
  background-image: -moz-linear-gradient(top, #ffebec, #ecfcfc);
  background-image: -o-linear-gradient(top, #ffebec, #ecfcfc);
  background-image: linear-gradient(to bottom, #ffebec, #ecfcfc);
  width: 42px;
  height: 42px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  bottom: -webkit-calc(100% - -12px);
  bottom: -moz-calc(100% - -12px);
  bottom: calc(100% - -12px);
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: -1;
  position: absolute;
}

@media only screen and (max-width: 767px) {
  .options-site-forteen-items {
      gap: 24px 0;
  }

  .options-site-forteen-items li {
      max-width: 50%;
  }
}

.new-products-fourteen .section-heading {
  margin-bottom: 66px;
}

.new-products-fourteen .section-heading .detail {
  padding-right: 80px;
}

.new-products-fourteen .section-heading .detail::before,
.new-products-fourteen .section-heading .detail::after {
  content: "";
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.new-products-fourteen .section-heading .detail::before {
  right: 0;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff3f0), to(#ecfcfc));
  background: -webkit-linear-gradient(top, #fff3f0, #ecfcfc);
  background: -moz-linear-gradient(top, #fff3f0, #ecfcfc);
  background: -o-linear-gradient(top, #fff3f0, #ecfcfc);
  background: linear-gradient(to bottom, #fff3f0, #ecfcfc);
  width: 53px;
  height: 106px;
}

.new-products-fourteen .section-heading .detail::after {
  right: 16px;
  width: 20px;
  height: 20px;
  background: url("./../../images/tick.svg") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}

.new-products-fourteen .section-heading-title {
  font-weight: 900;
  font-size: 26px;
  line-height: 24px;
  color: #ff2f60;
}

.new-products-fourteen .section-heading-sub-title {
  color: #939aa4;
  font-size: 13px;
  line-height: 24px;
}

.banner-fourteen-two {
  margin: 34px 0 46px;
}

@media only screen and (max-width: 575px) {
  .banner-fourteen-two .row {
      gap: 24px;
  }
}


.brands-fiveteen {
  margin-top: -35px;
}

.brands-fiveteen .brands-wrapper {
  padding: 22px 48px;
  background-color: #fff;
  -webkit-border-radius: 35px 0 35px 35px;
  -moz-border-radius: 35px 0 35px 35px;
  border-radius: 35px 0 35px 35px;
  border: 1px solid #edf0f6;
  -webkit-box-shadow: 0 15px 50px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 15px 50px rgba(0, 0, 0, 0.05);
  box-shadow: 0 15px 50px rgba(0, 0, 0, 0.05);
}

.brands-fiveteen .brands-wrapper::before {
  content: "";
  top: 0;
  right: 0;
  width: 70px;
  height: 40px;
  background: url("./../../images/shape-fiveteen-02.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  -webkit-transform: translate(1px, -31px);
  -moz-transform: translate(1px, -31px);
  -ms-transform: translate(1px, -31px);
  -o-transform: translate(1px, -31px);
  transform: translate(1px, -31px);
}

@media only screen and (max-width: 575px) {
  .brands-fiveteen .brands-wrapper {
      margin: 0 -12px;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
  }
}

.best-selling-fiveteen .section-heading {
  margin-bottom: 0;
}

.best-selling-fiveteen .section-heading .detail {
  padding-right: 77px;
}

.best-selling-fiveteen .section-heading .detail::before {
  content: "";
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 59px;
  height: 59px;
  background: url("./../../images/shape-fiveteen-0043.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}

.best-selling-fiveteen .section-heading-sub-title,
.best-selling-fiveteen .section-heading-title {
  line-height: 28px;
  color: #c9a781;
}

.best-selling-fiveteen .section-heading-sub-title {
  font-size: 16px;
  font-weight: 500;
}

.best-selling-fiveteen .section-heading-title {
  font-size: 24px;
  font-weight: 900;
}

.best-selling-fiveteen .swiper {
  padding-top: 50px;
}

.best-selling-fiveteen .swiper-button-next,
.best-selling-fiveteen .swiper-button-prev {
  top: 26px;
  right: auto;
  left: 140px;
}

.best-selling-fiveteen .swiper-button-prev {
  left: 175px;
}

@media only screen and (max-width: 575px) {
  .best-selling-fiveteen .swiper-button-next {
      left: 12px;
  }

  .best-selling-fiveteen .swiper-button-prev {
      left: 52px;
  }
}

.banner-fiveteen {
  margin: 68px auto 55px;
}

@media only screen and (max-width: 767px) {
  .banner-fiveteen {
      margin: 48px 0;
  }
}


.banners-sixteen {
  padding: 127px 0 47px;
  background-color: #121320;
}

.banners-sixteen .row {
  gap: 30px 0;
}

.banners-sixteen .row img {
  height: 246px;
}

@media only screen and (max-width: 991px) {
  .banners-sixteen .row img {
      height: auto;
  }
}

.best-selling-sixteen {
  padding: 40px 0 0;
  background: url("./../../images/shape-bg-dark.png") 0 64% no-repeat;
  -webkit-background-size: 100% 74px;
  -moz-background-size: 100% 74px;
  -o-background-size: 100% 74px;
  background-size: 100% 74px;
}

.best-selling-sixteen::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 57%;
  background-color: #121320;
  z-index: -1;
}

.best-selling-sixteen .section-heading {
  z-index: 2;
}

.best-selling-sixteen .section-heading::after {
  content: "";
  top: 24px;
  left: 0;
  width: 216px;
  height: 35px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  background-color: rgba(248, 249, 251, 0.12);
  z-index: -1;
}

.best-selling-sixteen .section-heading .detail {
  padding: 14px 35px;
}

.best-selling-sixteen .section-heading .detail::before {
  content: "";
  top: 0;
  right: 0;
  background: url("./../../images/shape-sixteen-01.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  width: 384px;
  height: 100%;
  z-index: -2;
}

.best-selling-sixteen .section-heading-sub-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}

.best-selling-sixteen .section-heading-title {
  font-size: 24px;
  line-height: 28px;
  font-weight: 900;
}

.best-selling-sixteen .section-heading-link {
  color: #121320;
  padding: 8px 28px 7px 27px;
}

.best-selling-sixteen .swiper {
  padding: 41px 0 50px;
}

.best-selling-sixteen .swiper-button-next,
.best-selling-sixteen .swiper-button-prev {
  top: 55px;
  right: auto;
  left: 156px;
}

.best-selling-sixteen .swiper-button-prev {
  left: 196px;
}

@media only screen and (max-width: 767px) {

  .best-selling-sixteen .section-heading::after,
  .best-selling-sixteen .section-heading .detail::before {
      content: none;
  }

  .best-selling-sixteen .section-heading .detail {
      padding: 0;
  }

  .best-selling-sixteen .swiper-button-next,
  .best-selling-sixteen .swiper-button-prev {
      top: 45px;
  }
}

@media only screen and (max-width: 575px) {
  .best-selling-sixteen {
      background-position: 0 63%;
  }

  .best-selling-sixteen .swiper-button-next,
  .best-selling-sixteen .swiper-button-prev {
      top: 43px;
      left: 12px;
  }

  .best-selling-sixteen .swiper-button-prev {
      left: 52px;
  }
}


.new-article-sixteen {
  margin: 48px 0 185px;
}

@media only screen and (max-width: 767px) {
  .new-article-sixteen {
      margin: 48px 0;
  }
}

.new-article-sixteen-wrapper::before {
  content: "";
  top: 0;
  right: 0;
  width: 317px;
  height: 317px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  opacity: 0.21;
  background-color: #7262d4;
  -webkit-filter: blur(45px);
  filter: blur(45px);
  -webkit-transform: translate(111px, -82px);
  -moz-transform: translate(111px, -82px);
  -ms-transform: translate(111px, -82px);
  -o-transform: translate(111px, -82px);
  transform: translate(111px, -82px);
}

.footer-sixteen .footer-name-shop {
  color: #7262d4;
  margin-bottom: 25px;
}

.footer-sixteen .footer-name-shop::after {
  content: none;
}

.footer-sixteen .footer-scroll-header {
  width: 75px;
  height: 75px;
  line-height: 75px;
}

.footer-sixteen .footer-newsletter {
  background: #7262d4 url("./../../images/bg-newsletter-sixteen.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  padding: 15px 35px 15px 15px;
}

.footer-sixteen .footer-newsletter .title {
  margin-left: 35px;
}

.footer-sixteen .footer-newsletter form {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 1%;
  -moz-box-flex: 1;
  -ms-flex: 1 0 1%;
  flex: 1 0 1%;
}

.footer-sixteen .footer-newsletter form .btn {
  margin-right: 6px;
  background-color: #ffb035;
  color: #121320;
}

.footer-sixteen .footer-nav li a::before {
  background-color: #f5f3fc;
}

.footer-sixteen .footer-nav li a:hover {
  color: #7262d4;
}

.footer-sixteen .footer-contact:not(:last-child) {
  margin-bottom: 12px;
}

.footer-sixteen .footer-contact i {
  background-color: #7262d4;
}

.footer-sixteen .footer-namad {
  margin: 60px 0 41px;
  padding: 35px 0 30px;
  border: solid #f5f3fc;
  border-width: 1px 0;
}

.footer-sixteen-copyright {
  color: #121320;
  padding-bottom: 40px;
}

@media only screen and (max-width: 767px) {
  .footer-sixteen .footer-scroll-header {
      width: 60px;
      height: 60px;
      line-height: 60px;
  }

  .footer-sixteen .footer-newsletter {
      -webkit-border-radius: 20px !important;
      -moz-border-radius: 20px !important;
      border-radius: 20px !important;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center center;
      padding: 16px;
  }

  .footer-sixteen .footer-newsletter .title {
      margin-left: 0;
  }

  .footer-sixteen .footer-namad {
      margin: 32px 0;
  }

  .footer-sixteen-copyright {
      padding-bottom: 20px;
  }
}


.amazing-offer-three .title h1,
.amazing-offer-three .title h2,
.amazing-offer-three .title h3,
.amazing-offer-three .title h4,
.amazing-offer-three .title h5,
.amazing-offer-three .title h6,
.amazing-offer-three .title p,
.amazing-offer-three .title div,
.amazing-offer-three .title span {
  font-size: 24px;
  font-weight: 900;
  line-height: 30px;
  margin-bottom: 58px;
}

.amazing-offer-six-title h1,
.amazing-offer-six-title h2,
.amazing-offer-six-title h3,
.amazing-offer-six-title h4,
.amazing-offer-six-title h5,
.amazing-offer-six-title h6,
.amazing-offer-six-title p,
.amazing-offer-six-title div {
  font-size: 20px;
  line-height: 30px;
  color: #212341;
  margin-bottom: 49px;

}

.new-products-category-title .prcr4 {
  font-size: 20px;
  line-height: 24px;
  top: 37px;
  right: 39px;
}

.new-products-category-title .prcr4 span {
  font-size: 16px;
}

.buy-vip-right .prcr5 {
  font-size: 20px;
  line-height: 24px;
}

.buy-vip-right .prcr5 span {
  font-size: 16px;
}

.about3rd .about3rdtitle {
  font-size: 16px;
  line-height: 30px;
  padding-bottom: 32px;
  margin-bottom: 32px;
  color: #fff;
}

.about3rd .about3rdtitle span {
  font-size: 30px;
  font-weight: 900;
  color: #fff;
}

.about3rd .about3rdtitle::after {
  content: "";
  bottom: 0;
  right: 0;
  width: 53px;
  height: 1px;
  background-color: #fff;
  position: absolute;
}

.about-us-fourteen .about3rdtitle {
  color: #000;
}

.about-us-fourteen .about3rdtitle span {
  color: #000;
}

.about3rd .about3rdp {
  color: #fff;
}

.about-us-fourteen .about3rdtitle span {
  color: #000;
}

.amazing-offer-seven .section-heading-title {
  color: #ffffff;
}

.featt1 {
  font-size: 16px;
  line-height: 20px;
  margin-top: 20px;
}

.footer-four-news-letter .newsl2 i {
  font-size: 25px;
  color: #ffb035;
  margin-left: 10px;
}

.footer-four-news-letter .newsl2 {
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 10px;
}

.footer-four-news-letter .newsl2 b {
  font-weight: 900;
}

.landing-seven .swiper-slide-active .container .content .link a {
  -webkit-transition-delay: 0s !important;
  -moz-transition-delay: 0s !important;
  -o-transition-delay: 0s !important;
  transition-delay: 0s !important;
}

.landing-seven .swiper-slide {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  object-fit: cover;
}




/* new css added . panel & new pages */
.megamenu-two-tabs::after,
.megamenu-two-tabs-item::after,
.megamenu-two-tabs-item::before,
.megamenu-two-tabs-item i::after,
.megamenu-two-content-item .title .name-fa::before,
.megamenu-two-content-item .megamenu-products::before,
.megamenu-two-content-item .megamenu-products::after,
.megamenu::before,
.megamenu-two::before,
.nav-responsive-content .discounts-contact::before,
.about-us-landing .content::before,
.about-us-landing .description::before,
.about-us-description::before,
.about-us-description .container::before,
.about-us-description-content .heading::before,
.about-us-introduction-company-heading::before,
.about-us-introduction-company .video-box::before,
.about-us-introduction-company .video-box::after,
.contact-us-image::before,
.contact-us-image::after,
.contact-us .socials::before,
.contact-us .full-info-contact-item::before,
.cart-two-address::before,
.cart-two-products-item .offer::before,
.nav-bottom::before,
.nav-bottom::after,
.nav-bottom>a span,
.nav-bottom>a:first-child::before,
.nav-bottom>a:first-child::after,
.nav-bottom>a:nth-child(3),
.nav-bottom-two>a:nth-child(3)::before,
.nav-header-cart-dropdown-two .total-price::before,
.cart-sliding-content .total-price::before,
.nav-header-cart-dropdown-two::before,
.panel::before,
.panel::after,
.panel-sidebar-logo::after,
.panel-sidebar-nav::before,
.panel-sidebar-nav::after,
.panel-sidebar-nav ul li a::before,
.panel-sidebar-nav ul li a::after,
.panel-sidebar-nav ul li a.log-out i,
.panel-full-info-item .content .icon::before,
.panel-full-info-item .content .icon::after,
.panel-info-user-mobile::before,
.panel-info-user-mobile-content .email::before,
.panel-info-user-mobile-content .email::after,
.panel-description::after,
.panel-two::before,
.panel-two-header-contact::after,
.panel-two-content::before,
.panel-two-content::after,
.panel-two-section-heading-link::after {
  position: absolute;
}

.nav-bottom-four>a:nth-child(3) {
  position: relative;
}

.megamenu-tab-contents-item.active,
.megamenu-two-content-item.active,
li.has-child:hover .megamenu,
li.has-child:hover .megamenu-two,
.nav-bottom>a:nth-child(3) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.nav-bottom>a:nth-child(3) {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.nav-bottom>a:nth-child(3) {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.megamenu-tab-contents-item,
.megamenu-two-tabs-item .name span,
.megamenu-two-content-item,
.megamenu-two-content-item .megamenu-products .heading .show-more,
.about-us-statistics-item i,
.panel-two-sidebar-nav ul li a::before,
.panel-two-header-contact::after,
.panel-two-section-heading-link::after {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.megamenu-tabs span,
.megamenu-tabs span>*,
.nav-responsive-content-menu li.has-child>.children,
.nav-responsive-content-menu li.has-child>.children>ul>li>ul,
.nav-header-cart-dropdown-two,
.swiper-products-panel .swiper-pagination-bullet,
.panel-sidebar,
.panel-sidebar-backdrop,
.panel-sidebar-nav ul li a::after,
.panel-full-info-item .content .icon::before,
.panel-full-info-item .content .icon::after {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.megamenu-two-tabs-item::before,
.megamenu-two-tabs-item i::after,
.contact-us-image::before,
.contact-us .socials::before,
.cart-two-products-item .offer::before,
.nav-bottom-two>a:nth-child(3)::before,
.panel-full-info-item .content .icon::before,
.panel-full-info-item .content .icon::after,
.panel-two::before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.btn-orange {
  background-color: #ff8353;
  color: #fff;
}

.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active {
  background-color: #ff662a;
  color: #fff;
}


.product-fourteen {
  max-width: 358px;
  width: 100%;
}

.product-fourteen .image {
  width: 120px;
  height: 120px;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  -webkit-box-shadow: 0px 0px 80px 2px rgba(0, 0, 0, 0.02);
  -moz-box-shadow: 0px 0px 80px 2px rgba(0, 0, 0, 0.02);
  box-shadow: 0px 0px 80px 2px rgba(0, 0, 0, 0.02);
}

.product-fourteen .image img {
  width: 77px;
  height: 77px;
}

.product-fourteen .detail {
  max-width: -webkit-calc(100% - 120px);
  max-width: -moz-calc(100% - 120px);
  max-width: calc(100% - 120px);
  padding: 0 27px 0 0;
}

.product-fourteen .detail h2 {
  font-size: 14px;
  color: #5f5f5f;
  line-height: 19px;
  font-weight: 800;
}

.product-fourteen .detail .name-en {
  direction: ltr;
  color: rgba(95, 95, 95, 0.4);
  line-height: 19px;
}

.product-fourteen .detail .price>span {
  font-size: 12px;
  line-height: 16px;
  color: #5f5f5f;
}

.product-fourteen .detail .price>div {
  font-size: 16px;
  line-height: 21px;
  color: #ff8353;
}

.product-fourteen .detail .price>div>span {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.product-fourteen .detail .btn {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  background-color: #5f5f5f;
  font-size: 16px;
  color: #fff;
}

.product-fourteen .detail .btn:hover {
  background-color: #ff8353;
}

@media only screen and (max-width: 767px) {
  .product-fourteen .image {
      width: 110px;
      height: 110px;
  }

  .product-fourteen .image img {
      width: 60px;
      height: 60px;
  }

  .product-fourteen .detail {
      padding-right: 8px;
      max-width: -webkit-calc(100% - 94px);
      max-width: -moz-calc(100% - 94px);
      max-width: calc(100% - 94px);
  }
}

@media only screen and (max-width: 575px) {
  .product-fourteen .detail h2 {
      font-size: 12px;
      line-height: 16px;
      margin-bottom: 3px;
  }

  .product-fourteen .detail .name-en {
      font-size: 9px;
      line-height: 12px;
  }
}

.alert {
  font-size: 14px;
  font-weight: 300;
}

.alert-warning {
  background-color: #fff9eb;
  border: none;
  color: #212341;
}

.alert-warning a,
.alert-warning b,
.alert-warning strong {
  color: #ffb035;
}

.alert a,
.alert b,
.alert strong {
  font-weight: bold;
}

.nav-responsive {
  z-index: 999;
  -webkit-transition: all 0.3s linear 0.3s;
  -o-transition: all 0.3s linear 0.3s;
  -moz-transition: all 0.3s linear 0.3s;
  transition: all 0.3s linear 0.3s;
  opacity: 0;
  visibility: hidden;
}

.nav-responsive-backdrop {
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}

.nav-responsive-close,
.nav-responsive-back {
  width: 55px;
  height: 55px;
  background-color: #ee273a;
  font-size: 24px;
  -webkit-box-shadow: 0 15px 25px rgba(238, 39, 58, 0.25);
  -moz-box-shadow: 0 15px 25px rgba(238, 39, 58, 0.25);
  box-shadow: 0 15px 25px rgba(238, 39, 58, 0.25);
  margin: 0 0 26px;
}

.nav-responsive-content {
  z-index: 2;
  overflow: hidden auto;
  max-width: -webkit-calc(100% - 40px);
  max-width: -moz-calc(100% - 40px);
  max-width: calc(100% - 40px);
  -ms-overflow-style: none;
  scrollbar-width: none;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.nav-responsive-content::-webkit-scrollbar {
  display: none;
}

.nav-responsive-content-wrapper {
  padding: 26px 25px 34px;
}

.nav-responsive-content-menu li.has-child>a::after {
  content: "\e90c";
  position: absolute;
  top: 50%;
  left: 21px;
  font-size: 12px;
  color: #494949;
  font-family: "icomoon";
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.nav-responsive-content-menu li.has-child>.children {
  z-index: 999;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  overflow: hidden auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.nav-responsive-content-menu li.has-child>.children::-webkit-scrollbar {
  display: none;
}


.nav-responsive-content-menu li.has-child>.children .heading {
  font-size: 18px;
  font-weight: 800;
  color: #ee273a;
  line-height: 25px;
}

.nav-responsive-content-menu li.has-child>.children .heading button {
  font-size: 12px;
  width: 48px;
  height: 48px;
}

.nav-responsive-content-menu li.has-child>.children>ul>li:not(:last-child) {
  margin-bottom: 0;
}

.nav-responsive-content-menu li.has-child>.children>ul>li.has-child.opened a::after {
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -moz-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  -o-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}

.nav-responsive-content-menu li.has-child>.children>ul>li a {
  background: transparent;
}

.nav-responsive-content-menu li.has-child>.children>ul>li>ul {
  background: #f1f1f1;
  padding-right: 21px;
  display: none;
  overflow: hidden;
}

.nav-responsive-content-menu li.has-child>.children.opened {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}

.nav-responsive-content-menu li:not(:last-child) {
  margin-bottom: 10px;
}

.nav-responsive-content-menu li a {
  position: relative;
  padding: 14px 21px;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(17.8%, #ffffff), color-stop(155.5%, #efefef));
  background-image: -webkit-linear-gradient(left, #ffffff 17.8%, #efefef 155.5%);
  background-image: -moz-linear-gradient(left, #ffffff 17.8%, #efefef 155.5%);
  background-image: -o-linear-gradient(left, #ffffff 17.8%, #efefef 155.5%);
  background-image: linear-gradient(90deg, #ffffff 17.8%, #efefef 155.5%);
  font-weight: 500;
  color: #2d365d;
  line-height: 22px;
}

.nav-responsive-content-menu li a i {
  margin-left: 17px;
  font-size: 21px;
}

.nav-responsive-content .discounts-contact {
  padding: 13px 13px 14px 39px;
}

.nav-responsive-content .discounts-contact::before {
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: -webkit-calc(100% + 59px);
  height: -moz-calc(100% + 59px);
  height: calc(100% + 59px);
  background: url("./../../images/bg-nav-responsive.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  z-index: -1;
  -webkit-border-radius: 0 0 35px 35px;
  -moz-border-radius: 0 0 35px 35px;
  border-radius: 0 0 35px 35px;
}

.nav-responsive-content .discounts-contact .discount {
  background-color: #fff3f0;
  padding: 13px 17px 12px 22px;
  font-weight: 900;
  color: #ee273a;
  line-height: 18px;
}

.nav-responsive-content .discounts-contact .discount i {
  font-size: 19px;
  margin-left: 14px;
}

.nav-responsive-content .discounts-contact ul li:not(:last-child) {
  margin-left: 41px;
}

.nav-responsive-content .discounts-contact ul li a {
  color: #fff;
  font-size: 20px;
}

.nav-responsive-content .socials {
  padding: 20px 8px;
}

.nav-responsive-content .socials ul li:not(:last-child) {
  margin-left: 7px;
}

.nav-responsive-content .socials ul li a {
  width: 51px;
  height: 51px;
  background-color: #212341;
  font-size: 20px;
  color: #fff;
}

.nav-responsive-content .socials>span {
  font-weight: 900;
  line-height: 21px;
  margin-right: 10px;
}

.nav-responsive-content.opened-children {
  max-height: 100vh;
  overflow: hidden;
}

.nav-responsive.opened {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  z-index: 99999;
}

.nav-responsive.opened .nav-responsive-content {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
  -webkit-transition: all 0.3s linear 0.3s;
  -o-transition: all 0.3s linear 0.3s;
  -moz-transition: all 0.3s linear 0.3s;
  transition: all 0.3s linear 0.3s;
}

.about-us-landing .content {
  padding-right: 42px;
}

.about-us-landing .content::before {
  content: "";
  top: 13px;
  right: 0;
  width: 23px;
  height: 64px;
  background: url("./../../images/pattern-about.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}

.about-us-landing .title {
  font-size: 67px;
  font-weight: 900;
  line-height: 72px;
  color: #2d365d;
}

.about-us-landing .title span {
  color: #eb2856;
}

.about-us-landing .sub-title {
  font-size: 55px;
  font-weight: 300;
  line-height: 72px;
}

.about-us-landing .description {
  padding-top: 12px;
  margin-top: 6px;
  font-size: 15px;
  line-height: 30px;
  color: #939aa4;
}

.about-us-landing .description::before {
  content: "";
  top: 0;
  right: 0;
  width: 57px;
  height: 1px;
  background-color: #f5f3fc;
}

.about-us-landing img {
  margin-top: -100px;
}

@media only screen and (max-width: 1199px) {
  .about-us-landing .title {
      font-size: 54px;
      line-height: 64px;
  }
}

@media only screen and (max-width: 767px) {
  .about-us-landing .title {
      font-size: 40px;
      line-height: 54px;
  }

  .about-us-landing .sub-title {
      font-size: 32px;
      line-height: 48px;
  }

  .about-us-landing .description {
      font-size: 13px;
  }
}

@media only screen and (max-width: 575px) {
  .about-us-landing img {
      margin-top: -32px;
  }
}

.about-us-introduction-company {
  margin-bottom: 242px;
}

.about-us-introduction-company-heading {
  padding-right: 51px;
  margin: 91px 0 76px;
}

.about-us-introduction-company-heading::before {
  content: "";
  top: 0;
  right: 0;
  width: 36px;
  height: 62px;
  background: url("./../../images/pattern-video-01.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}

.about-us-introduction-company-heading .sup-title {
  font-size: 18px;
  line-height: 30px;
  padding-top: 2px;
}

.about-us-introduction-company-heading .title {
  font-weight: 900;
  font-size: 22px;
  line-height: 30px;
}

.about-us-introduction-company .video-box {
  max-width: 762px;
  height: 400px;
}

.about-us-introduction-company .video-box::before {
  content: "";
  bottom: 0;
  left: 59px;
  width: -webkit-calc(100% - 114px);
  width: -moz-calc(100% - 114px);
  width: calc(100% - 114px);
  height: -webkit-calc(100% - 60px);
  height: -moz-calc(100% - 60px);
  height: calc(100% - 60px);
  -webkit-transform: translate(0, 30px);
  -moz-transform: translate(0, 30px);
  -ms-transform: translate(0, 30px);
  -o-transform: translate(0, 30px);
  transform: translate(0, 30px);
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  opacity: 0.79;
  -webkit-filter: blur(27px);
  filter: blur(27px);
  z-index: -1;
  background: url("./../../images/bg-video.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}

.about-us-introduction-company .video-box::after {
  content: "";
  width: 120px;
  height: 199px;
  background: url("./../../images/pattern-video-02.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  left: 0;
  bottom: 0;
  -webkit-transform: translate(-31px, 34px);
  -moz-transform: translate(-31px, 34px);
  -ms-transform: translate(-31px, 34px);
  -o-transform: translate(-31px, 34px);
  transform: translate(-31px, 34px);
  z-index: -1;
  mix-blend-mode: darken;
}

.about-us-introduction-company .video-box iframe {
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 767px) {
  .about-us-introduction-company .video-box {
      height: 280px;
  }

  .about-us-introduction-company .video-box iframe {
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .about-us-introduction-company {
      margin-bottom: 120px;
  }

  .about-us-introduction-company-heading {
      margin-top: 50px;
  }
}

.about-us-statistics {
  max-width: 1021px;
}

.about-us-statistics-heading {
  line-height: 24px;
  max-width: 668px;
  margin-bottom: 46px;
}

.about-us-statistics-heading .title {
  font-weight: 900;
  font-size: 35px;
}

.about-us-statistics-heading .sub-title {
  font-size: 13px;
}

.about-us-statistics-item i {
  width: 132px;
  height: 132px;
  background-color: #f5f3fc;
  font-size: 36px;
  margin-bottom: 19px;
}

.about-us-statistics-item .count {
  font-weight: 900;
  line-height: 24px;
  font-size: 30px;
  color: #4324a6;
}

.about-us-statistics-item .title {
  line-height: 24px;
}

.about-us-statistics-item:hover i {
  background-color: #212341;
  color: #f5f3fc;
}

@media only screen and (max-width: 767px) {
  .about-us-statistics-heading .title {
      font-size: 24px;
      line-height: 38px;
  }

  .about-us-statistics-heading .sub-title {
      font-size: 12px;
      line-height: 22px;
  }

  .about-us-statistics .row {
      gap: 24px 0;
  }

  .about-us-statistics-item i {
      width: 90px;
      height: 90px;
      font-size: 28px;
  }
}

.contact-us-image::before {
  content: "";
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(238, 39, 58, 0)), to(#ee273a));
  background-image: -webkit-linear-gradient(top, rgba(238, 39, 58, 0), #ee273a);
  background-image: -moz-linear-gradient(top, rgba(238, 39, 58, 0), #ee273a);
  background-image: -o-linear-gradient(top, rgba(238, 39, 58, 0), #ee273a);
  background-image: linear-gradient(to bottom, rgba(238, 39, 58, 0), #ee273a);
}

.contact-us-image::after {
  content: "";
  z-index: -1;
  width: 623px;
  height: 623px;
  bottom: 0;
  right: 0;
  background-color: rgba(235, 40, 86, 0.04);
  -webkit-filter: blur(50px);
  filter: blur(50px);
  -webkit-transform: translate(422px, 470px);
  -moz-transform: translate(422px, 470px);
  -ms-transform: translate(422px, 470px);
  -o-transform: translate(422px, 470px);
  transform: translate(422px, 470px);
}

.contact-us-image img {
  height: 421px;
  -o-object-fit: cover;
  object-fit: cover;
}

.contact-us-content {
  margin-top: -80px;
}

.contact-us iframe {
  width: 100%;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  height: 100%;
}

.contact-us .socials {
  padding: 15px 38px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  z-index: 2;
  margin: 52px 0 27px;
}

.contact-us .socials::before {
  content: "";
  z-index: -1;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  background-color: rgba(255, 255, 255, 0);
  -webkit-backdrop-filter: blur(30px) brightness(115%);
  backdrop-filter: blur(30px) brightness(115%);
}

.contact-us .socials li:not(:last-child) {
  margin-left: 16px;
}

.contact-us .socials li a {
  color: #fff;
  font-size: 20px;
}

.contact-us .socials li a:hover {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  transform: translateY(-5px);
  color: #2d365d;
}

.contact-us .info-contact {
  margin-bottom: 16px;
  padding-bottom: 21px;
  border-bottom: 1px solid #f5f3fc;
}

.contact-us .info-contact-item {
  max-width: 50%;
}

.contact-us .info-contact-item .image {
  width: 68px;
  height: 90px;
  margin-left: 17px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  background-color: #fff3f0;
}

.contact-us .info-contact-item .image img {
  width: 31px;
  height: 31px;
}

.contact-us .info-contact-item .title {
  font-weight: 900;
  font-size: 35px;
  line-height: 33px;
}

.contact-us .info-contact-item .sub-title {
  font-size: 16px;
  font-weight: 300;
  color: #b3bbc7;
}

.contact-us .info-contact-item .sub-title span {
  font-weight: 900;
  color: #4324a6;
  font-size: 16px;
  line-height: 30px;
}

.contact-us .info-contact-item:nth-child(2) .title {
  font-size: 14px;
  font-weight: 400;
  color: #b3bbc7;
  line-height: 30px;
}

.contact-us .info-contact-item:nth-child(2) .sub-title {
  font-size: 14px;
  color: #212341;
  line-height: 30px;
}

.contact-us-note {
  padding: 12px 12px 14px;
}

.contact-us .full-info-contact {
  margin: 16px 0 37px;
  padding: 42px 0 51px;
  border: solid #f5f3fc;
  border-width: 1px 0;
}

.contact-us .full-info-contact-item {
  max-width: 50%;
  z-index: 2;
}

.contact-us .full-info-contact-item::before {
  content: "";
  top: 0;
  right: 0;
  width: 50px;
  height: 100%;
  background-color: #fff9eb;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  z-index: -1;
}

.contact-us .full-info-contact-item:nth-child(2)>div i {
  margin-right: 13px;
}

.contact-us .full-info-contact-item>div i {
  font-size: 22px;
  margin: 0 16px 0 30px;
}

.contact-us .full-info-contact-item>div .detail .title {
  color: #2d365d;
  font-size: 14px;
  line-height: 30px;
}

.contact-us .full-info-contact-item>div .detail .value {
  font-weight: bold;
  color: #232323;
  line-height: 24px;
}

.contact-us .full-info-contact-item>div:first-child {
  margin: 11px 0 24px;
}

.contact-us .full-info-contact-item>div:last-child {
  margin-bottom: 13px;
}

.contact-us .full-info-contact-item:first-child>div:last-child .detail .value {
  font-weight: 900;
  font-size: 30px;
}

.contact-us-form .title {
  font-weight: 900;
  font-size: 30px;
  line-height: 45px;
  margin-bottom: 33px;
}

.contact-us-form .row>* {
  margin-bottom: 30px;
}

.contact-us-form .row>*:nth-last-child(2) {
  margin-bottom: 0;
}

.contact-us-form .row>*:last-child {
  margin: 22px 0 0;
}

.contact-us-form .form-control {
  height: 45px;
  padding: 0 32px;
  font-size: 12px;
  font-weight: 300;
}

.contact-us-form .form-control[type="number"]::-webkit-input-placeholder,
.contact-us-form .form-control[type="email"]::-webkit-input-placeholder,
.contact-us-form .form-control[type="tel"]::-webkit-input-placeholder {
  text-align: right;
}

.contact-us-form .form-control[type="number"]:-moz-placeholder,
.contact-us-form .form-control[type="email"]:-moz-placeholder,
.contact-us-form .form-control[type="tel"]:-moz-placeholder {
  text-align: right;
}

.contact-us-form .form-control[type="number"]::-moz-placeholder,
.contact-us-form .form-control[type="email"]::-moz-placeholder,
.contact-us-form .form-control[type="tel"]::-moz-placeholder {
  text-align: right;
}

.contact-us-form .form-control[type="number"]:-ms-input-placeholder,
.contact-us-form .form-control[type="email"]:-ms-input-placeholder,
.contact-us-form .form-control[type="tel"]:-ms-input-placeholder {
  text-align: right;
}

.contact-us-form .form-control[type="number"]::-ms-input-placeholder,
.contact-us-form .form-control[type="email"]::-ms-input-placeholder,
.contact-us-form .form-control[type="tel"]::-ms-input-placeholder {
  text-align: right;
}

.contact-us-form .form-control[type="number"]::placeholder,
.contact-us-form .form-control[type="email"]::placeholder,
.contact-us-form .form-control[type="tel"]::placeholder {
  text-align: right;
}

.contact-us-form textarea.form-control {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  height: 235px;
  padding: 18px 32px;
}

.contact-us-form .btn {
  font-size: 16px;
  padding: 15px 12px;
  line-height: 25px;
}

@media only screen and (max-width: 991px) {

  .contact-us-image,
  .contact-us-image img {
      height: 280px;
  }

  .contact-us iframe {
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
      height: 400px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-us iframe {
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
      height: 280px;
  }

  .contact-us .info-contact-item .detail .title {
      font-size: 24px;
  }

  .contact-us .info-contact-item:nth-child(2) .detail .title {
      font-size: 14px;
  }

  .contact-us-form textarea.form-control {
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
  }
}

@media only screen and (max-width: 575px) {

  .contact-us-image,
  .contact-us-image img,
  .contact-us iframe {
      height: 200px;
  }

  .contact-us .info-contact-item,
  .contact-us .full-info-contact-item {
      max-width: 100%;
  }

  .contact-us .info-contact-item:first-child {
      margin-bottom: 32px;
  }

  .contact-us .full-info-contact-item:first-child::before {
      -webkit-border-radius: 50px 50px 0 0;
      -moz-border-radius: 50px 50px 0 0;
      border-radius: 50px 50px 0 0;
  }

  .contact-us .full-info-contact-item:last-child::before {
      -webkit-border-radius: 0 0 50px 50px;
      -moz-border-radius: 0 0 50px 50px;
      border-radius: 0 0 50px 50px;
  }
}

.cart-two {
  margin-top: 84px;
}

@media only screen and (max-width: 767px) {
  .cart-two {
      margin-top: 50px;
  }
}

.cart-two-wrapper {
  -webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.12);
  box-shadow: 0 10px 50px rgba(0, 0, 0, 0.12);
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  padding: 30px;
}

.cart-two-title {
  background-color: #49be78;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  padding: 16px 41px 20px;
}

.cart-two-title h2 {
  font-size: 24px;
  line-height: 53px;
  font-weight: 900;
}

.cart-two-title p {
  line-height: 22px;
}

.cart-two-content {
  max-width: -webkit-calc(100% - 60px);
  max-width: -moz-calc(100% - 60px);
  max-width: calc(100% - 60px);
}

.cart-two-count-products {
  padding: 12px 24px 12px;
  background-color: #b3bbc7;
  -webkit-border-radius: 0 0 25px 25px;
  -moz-border-radius: 0 0 25px 25px;
  border-radius: 0 0 25px 25px;
  margin-bottom: 33px;
}

.cart-two-count-products i {
  width: 50px;
  height: 50px;
  color: #49be78;
  font-size: 20px;
  margin-left: 22px;
}

.cart-two-count-products .detail .title {
  line-height: 24px;
}

.cart-two-count-products .detail .value {
  line-height: 30px;
  font-size: 18px;
  font-weight: 900;
}

.cart-two-address {
  z-index: 2;
}

.cart-two-address::before {
  content: "";
  top: 0;
  right: 0;
  width: 50px;
  height: 100%;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  background-color: #fff9eb;
  z-index: -1;
}

.cart-two-address i {
  font-size: 23px;
  color: #ffb035;
  margin: 13px 12px 0 39px;
}

.cart-two-address .detail {
  padding-top: 13px;
}

.cart-two-address .detail .title {
  font-size: 18px;
  font-weight: 900;
  margin-bottom: 7px;
  line-height: 27px;
}

.cart-two-address .detail .value {
  color: #2d365d;
  line-height: 26px;
}

.cart-two-address .detail .value span {
  color: #0055ff;
}

.cart-two-address .detail .name {
  line-height: 26px;
  color: #2d365d;
  margin-bottom: 10px;
}

.cart-two-address .detail .btn {
  font-size: 13px;
  padding: 6px 28px;
}

.cart-two-products {
  margin: 46px 0 58px;
}

.cart-two-products-item {
  border: 4px solid #f8f9fb;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  padding: 10px 73px 9px;
}

.cart-two-products-item:not(:last-child) {
  margin-bottom: 50px;
}

.cart-two-products-item .delete {
  top: 19px;
  right: 19px;
  width: 50px;
  height: 25px;
  line-height: 25px;
  color: #ee232b;
  font-size: 13px;
  background-color: #ffebec;
}

.cart-two-products-item .delete:hover {
  color: #ffebec;
  background-color: #ee232b;
}

.cart-two-products-item .offer {
  width: 89px;
  height: 57px;
  font-size: 22px;
  line-height: 45px;
  z-index: 2;
  top: 0;
  left: 0;
  -webkit-transform: translate(-1px, -20px);
  -moz-transform: translate(-1px, -20px);
  -ms-transform: translate(-1px, -20px);
  -o-transform: translate(-1px, -20px);
  transform: translate(-1px, -20px);
}

.cart-two-products-item .offer::before {
  content: "";
  background: url("./../../images/offer-0234.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  z-index: -1;
}

.cart-two-products-item img {
  max-width: 161px;
  height: 161px;
  margin-left: 56px;
}

.cart-two-products-item .detail .info h2 {
  font-size: 18px;
  font-weight: 900;
  color: #232323;
  line-height: 28px;
  margin-bottom: 7px;
}

.cart-two-products-item .detail .info .price {
  font-size: 16px;
  line-height: 25px;
  color: #232323;
}

.cart-two-products-item .detail .info .price del {
  font-size: 20px;
  line-height: 31px;
  color: #ee232b;
  -webkit-text-decoration-color: #707070;
  -moz-text-decoration-color: #707070;
  text-decoration-color: #707070;
}

.cart-two-products-item .detail .info .price span {
  margin: 0 16px 0 2px;
  font-weight: 900;
  font-size: 30px;
  line-height: 45px;
  color: #49be78;
}

.cart-two-products-item .detail .count button,
.cart-two-products-item .detail .count input {
  font-weight: 900;
  color: #2d365d;
}

.cart-two-products-item .detail .count button {
  font-size: 30px;
  line-height: 45px;
}

.cart-two-products-item .detail .count button:hover {
  color: #ee232b;
}

.cart-two-products-item .detail .count input {
  font-size: 24px;
  width: 60px;
  height: 40px;
  background-color: #f8f9fb;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  margin: 0 12px;
}

.cart-two-offer-code {
  margin-bottom: 53px;
}

.cart-two-offer-code .form-control {
  height: 45px;
  padding: 0 24px;
  margin-left: 15px;
  font-size: 14px;
  max-width: 253px;
}

.cart-two-offer-code .btn {
  font-size: 14px;
  padding: 12px 42px;
}

.cart-two-total-price .total-price {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background-color: #edf5e6;
  padding: 4px 30px 4px 34px;
  max-width: 70%;
  margin-left: 21px;
}

.cart-two-total-price .total-price>span {
  font-size: 18px;
  font-weight: 900;
  color: #232323;
  line-height: 28px;
}

.cart-two-total-price .total-price>div {
  font-size: 35px;
  color: #67b930;
  font-weight: 900;
  line-height: 59px;
}

.cart-two-total-price .total-price>div>span {
  font-size: 19px;
  margin-right: 3px;
  line-height: 29px;
}

.cart-two-total-price .btn {
  max-width: -webkit-calc(30% - 21px);
  max-width: -moz-calc(30% - 21px);
  max-width: calc(30% - 21px);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  font-size: 19px;
  line-height: 29px;
  padding: 19px 20px;
}

.cart-two-type-send {
  margin-top: 39px;
}

.cart-two-type-send i {
  font-size: 43px;
  color: #000;
  margin-left: 37px;
}

.cart-two-type-send .detail {
  line-height: 27px;
  color: #2d365d;
}

.cart-two-type-send .detail .sub-title {
  font-size: 15px;
}

@media only screen and (max-width: 991px) {
  .cart-two-products-item {
      padding: 10px 24px 9px;
  }

  .cart-two-products-item img {
      margin: 0 0 24px;
  }

  .cart-two-total-price .total-price>span {
      font-size: 16px;
  }

  .cart-two-total-price .total-price>div {
      font-size: 28px;
  }
}

@media only screen and (max-width: 767px) {
  .cart-two-wrapper {
      padding: 0;
      background-color: transparent;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
  }

  .cart-two-content {
      max-width: 100%;
  }

  .cart-two-title {
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
  }

  .cart-two-title h2 {
      font-size: 24px;
      line-height: 38px;
  }

  .cart-two-count-products {
      max-width: -webkit-calc(100% - 40px);
      max-width: -moz-calc(100% - 40px);
      max-width: calc(100% - 40px);
      margin: 0 auto 32px;
      -webkit-border-radius: 0 0 20px 20px;
      -moz-border-radius: 0 0 20px 20px;
      border-radius: 0 0 20px 20px;
  }

  .cart-two-total-price .total-price,
  .cart-two-total-price .btn {
      max-width: 100%;
      margin: 0;
  }

  .cart-two-total-price .total-price {
      padding: 4px 15px;
  }
}

@media only screen and (max-width: 575px) {
  .cart-two-offer-code .btn {
      padding: 12px 24px;
  }

  .cart-two-total-price .total-price {
      padding: 8px 15px;
  }

  .cart-two-total-price .total-price>span {
      font-size: 14px;
      line-height: 24px;
  }

  .cart-two-total-price .total-price>div {
      font-size: 20px;
      line-height: 38px;
  }

  .cart-two-total-price .total-price>div>span {
      font-size: 14px;
      line-height: 24px;
  }

  .cart-two-total-price .btn {
      padding: 12px 12px;
      font-size: 14px;
      line-height: 30px;
  }
}

.header-mobile {
  padding-top: 22px;
  margin-bottom: 17px;
}

.header-mobile .nav-header-btn,
.header-mobile .back {
  background-color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  width: 50px;
  height: 50px;
  font-size: 24px;
  color: #2d365d;
  text-align: center;
  line-height: 50px;
}

.cart-mobile-count-products {
  max-width: -webkit-calc(100% - 42px);
  max-width: -moz-calc(100% - 42px);
  max-width: calc(100% - 42px);
  margin: 0 auto 33px;
}

.cart-mobile-products {
  margin-bottom: 38px;
}

.cart-mobile-products-item {
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  background-color: #fff;
  padding: 10px 17px 18px 20px;
  -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.08);
  box-shadow: 0 5px 40px rgba(0, 0, 0, 0.08);
}

.cart-mobile-products-item:not(:last-child) {
  margin-bottom: 20px;
}

.cart-mobile-products-item .info img {
  max-width: 114px;
  height: 114px;
  margin-left: 14px;
  margin-bottom: 15px;
}

.cart-mobile-products-item .info h2 {
  font-size: 15px;
  font-weight: 500;
  color: #232323;
}

.cart-mobile-products-item .counter {
  margin-left: 30px;
}

.cart-mobile-products-item .counter button,
.cart-mobile-products-item .counter input {
  font-weight: 900;
  color: #2d365d;
}

.cart-mobile-products-item .counter button {
  font-size: 25px;
  line-height: 38px;
}

.cart-mobile-products-item .counter input {
  background-color: #f8f9fb;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  width: 42px;
  height: 28px;
  line-height: 28px;
  font-size: 15px;
  text-align: center;
}

.cart-mobile-products-item .icons>* {
  width: 33px;
  height: 33px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #e7ebee;
}

.cart-mobile-products-item .icons>*:first-child {
  margin-left: 12px;
}

.cart-mobile-products-item .price {
  font-size: 11px;
  line-height: 17px;
  color: #232323;
}

.cart-mobile-products-item .price del {
  font-size: 14px;
  line-height: 22px;
  color: #ee232b;
  -webkit-text-decoration-color: #707070;
  -moz-text-decoration-color: #707070;
  text-decoration-color: #707070;
}

.cart-mobile-products-item .price span {
  font-weight: 900;
  line-height: 32px;
  font-size: 14px;
  color: #49be78;
}

@media only screen and (max-width: 399px) {
  .cart-mobile-products-item .counter {
      margin-left: 12px;
  }

  .cart-mobile-products-item .counter button {
      font-size: 20px;
      line-height: 32px;
  }

  .cart-mobile-products-item .counter span {
      width: 35px;
      font-size: 13px;
  }

  .cart-mobile-products-item .icons>*:first-child {
      margin-left: 6px;
  }
}

.nav-bottom {
  padding: 21px 47px 17px;
  z-index: 2;
  -webkit-filter: drop-shadow(0 0 35px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0 0 35px rgba(0, 0, 0, 0.1));
  border-bottom: 4px solid #ffb035;
  z-index: 800;
}

.nav-bottom::before {
  content: "";
  top: 0;
  left: 50%;
  width: 428px;
  height: 100%;
  background-color: #fff;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  z-index: -3;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-mask: url("./../../images/nav-bottom-01.png") center/cover;
  mask: url("./../../images/nav-bottom-01.png") center/cover;
}

.nav-bottom::after {
  content: "";
  bottom: 1px;
  left: 50%;
  width: 428px;
  height: 100%;
  background-color: #ffb035;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  z-index: -4;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-mask: url("./../../images/nav-bottom-02.png") center/cover;
  mask: url("./../../images/nav-bottom-02.png") center/cover;
}

.nav-bottom>a {
  font-size: 13px;
  color: #000;
}

.nav-bottom>a>i {
  font-size: 23px;
  display: block;
  margin: 5px 0;
  text-align: center;
}


.nav-bottom>a span {
  width: 29px;
  height: 29px;
  top: 6px;
  left: 0;
  text-align: center;
  line-height: 29px;
  background-color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.16);
  color: #000;
  font-size: 16px;
  font-weight: bold;
  -webkit-transform: translateX(-17px);
  -moz-transform: translateX(-17px);
  -ms-transform: translateX(-17px);
  -o-transform: translateX(-17px);
  transform: translateX(-17px);
}

.nav-bottom>a:hover,
.nav-bottom>a.active {
  color: #ffb035;
}

.nav-bottom>a:first-child::before,
.nav-bottom>a:first-child::after {
  content: "";
  background-color: #fff;
  z-index: -1;
  width: -webkit-calc(100% - 428px);
  width: -moz-calc(100% - 428px);
  width: calc(100% - 428px);
  height: 100%;
  bottom: 0;
}

.nav-bottom>a:first-child::before {
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 100%;
}

.nav-bottom>a:first-child::after {
  -webkit-transform: translateX(50%);
  -moz-transform: translateX(50%);
  -ms-transform: translateX(50%);
  -o-transform: translateX(50%);
  transform: translateX(50%);
  right: 100%;
}

.nav-bottom>a:nth-child(3) {
  width: 66px;
  height: 66px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #ffb035;
  font-size: 29px;
  color: #fff;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -44px);
  -moz-transform: translate(-50%, -44px);
  -ms-transform: translate(-50%, -44px);
  -o-transform: translate(-50%, -44px);
  transform: translate(-50%, -44px);
}

@media only screen and (max-width: 499px) {
  .nav-bottom>a:nth-child(2) {
      margin-left: 80px;
  }
}

.nav-bottom-two {
  border-bottom: 0;
  padding: 21px 47px;
}

.nav-bottom-two::before {
  -webkit-mask: url("./../../images/nav-bottom-03.png") center/cover;
  mask: url("./../../images/nav-bottom-03.png") center/cover;
  background-color: #2d365d;
}

.nav-bottom-two::after {
  -webkit-mask: url("./../../images/nav-bottom-04.png") center/cover;
  mask: url("./../../images/nav-bottom-04.png") center/cover;
  background-color: #13152a;
  height: 100%;
  bottom: 1px;
}

.nav-bottom-two>a {
  color: #fff;
}

.nav-bottom-two>a:hover,
.nav-bottom-two>a.active {
  color: #ffb035;
}

.nav-bottom-two>a:first-child::before,
.nav-bottom-two>a:first-child::after {
  background-color: #2d365d;
}

.nav-bottom-two>a:nth-child(3) {
  z-index: 2;
  background-color: rgba(255, 255, 255, 0);
  -webkit-transform: translate(-50%, -36px);
  -moz-transform: translate(-50%, -36px);
  -ms-transform: translate(-50%, -36px);
  -o-transform: translate(-50%, -36px);
  transform: translate(-50%, -36px);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.nav-bottom-two>a:nth-child(3)::before {
  content: "";
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeef1), to(#727895));
  background-image: -webkit-linear-gradient(top, #eeeef1, #727895);
  background-image: -moz-linear-gradient(top, #eeeef1, #727895);
  background-image: -o-linear-gradient(top, #eeeef1, #727895);
  background-image: linear-gradient(to bottom, #eeeef1, #727895);
  z-index: -1;
}

.nav-bottom-three {
  border-bottom: 0;
  padding: 21px 47px;
}

.nav-bottom-three::before {
  -webkit-mask: url("./../../images/nav-bottom-05.png") center/cover;
  mask: url("./../../images/nav-bottom-05.png") center/cover;
  background-color: #fff;
}

.nav-bottom-three::after {
  content: none;
}

.nav-bottom-three>a {
  color: #2d365d;
}

.nav-bottom-three>a:hover,
.nav-bottom-three>a.active {
  color: #ffb035;
}

.nav-bottom-three>a:nth-child(3) {
  background-color: #ee273a;
  border: 3px solid #fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.nav-bottom-three>a:nth-child(3) span {
  background-color: #49be78;
  color: #fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.nav-bottom-four {
  border-bottom: 0;
  max-width: -webkit-calc(100% - 20px);
  max-width: -moz-calc(100% - 20px);
  max-width: calc(100% - 20px);
  margin: 0 auto;
  background-color: #fff;
  border: 1px solid #d7e6e6;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  -webkit-filter: unset;
  filter: unset;
  padding: 17px 38px;
  margin-bottom: 10px;
}

.nav-bottom-four::before,
.nav-bottom-four::after,
.nav-bottom-four>a:first-child::before,
.nav-bottom-four>a:first-child::after {
  content: none;
}

.nav-bottom-four>a {
  color: #2d365d;
}

.nav-bottom-four>a:nth-child(2) {
  margin-left: 0;
}

.nav-bottom-four>a:nth-child(3) {
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  width: auto;
  height: auto;
  -webkit-transform: unset;
  -moz-transform: unset;
  -ms-transform: unset;
  -o-transform: unset;
  transform: unset;
  left: 0;
  color: #2d365d;
}

.nav-bottom-four>a:hover,
.nav-bottom-four>a.active {
  color: #ffb035;
}

@media only screen and (max-width: 399px) {
  .nav-bottom {
      padding: 21px 20px 17px;
  }

  .nav-bottom-two,
  .nav-bottom-three {
      padding: 21px 20px;
  }

  .nav-bottom-four {
      padding: 17px 20px;
  }
}

.nav-header-cart-dropdown-two-heading,
.cart-sliding-content-heading {
  margin-bottom: 38px;
}

.nav-header-cart-dropdown-two-heading .count-products,
.cart-sliding-content-heading .count-products {
  width: 76px;
  height: 29px;
  line-height: 29px;
  background-color: #f8f9fb;
  color: #939aa4;
}

.nav-header-cart-dropdown-two-heading .count-products b,
.cart-sliding-content-heading .count-products b {
  font-weight: 900;
  font-size: 18px;
  margin-left: 5px;
}

.nav-header-cart-dropdown-two-heading a,
.cart-sliding-content-heading a {
  line-height: 24px;
  color: #2d365d;
}

.nav-header-cart-dropdown-two-heading a i,
.cart-sliding-content-heading a i {
  font-size: 6px;
  margin-right: 6px;
  color: #000;
}

.nav-header-cart-dropdown-two .total-price,
.cart-sliding-content .total-price {
  padding: 23px 20px 24px 15px;
  z-index: 2;
}

.nav-header-cart-dropdown-two .total-price::before,
.cart-sliding-content .total-price::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: -webkit-calc(100% + 30px);
  height: -moz-calc(100% + 30px);
  height: calc(100% + 30px);
  -webkit-border-radius: 15px 15px 0 0;
  -moz-border-radius: 15px 15px 0 0;
  border-radius: 15px 15px 0 0;
  background-color: #edf5e6;
  z-index: -1;
}

.nav-header-cart-dropdown-two .total-price>span,
.cart-sliding-content .total-price>span {
  font-size: 18px;
  font-weight: 900;
  color: #232323;
  line-height: 27px;
  color: #232323;
}

.nav-header-cart-dropdown-two .total-price>div,
.cart-sliding-content .total-price>div {
  font-weight: 900;
  font-size: 24px;
  color: #67b930;
}

.nav-header-cart-dropdown-two .total-price>div>span,
.cart-sliding-content .total-price>div>span {
  font-size: 19px;
  line-height: 29px;
}

.nav-header-cart-dropdown-two>.btn,
.cart-sliding-content>.btn {
  z-index: 9;
  font-size: 19px;
  line-height: 29px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 19px 20px;
}

.nav-header-cart-dropdown-two {
  top: -webkit-calc(100% + 38px);
  top: -moz-calc(100% + 38px);
  top: calc(100% + 38px);
  left: 0;
  width: 461px;
  background-color: #fff;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.12);
  box-shadow: 0 10px 50px rgba(0, 0, 0, 0.12);
  z-index: 87;
  padding: 12px 15px;
  border-top: 6px solid #49be78;
  opacity: 0;
  visibility: hidden;
}

.nav-header-cart-dropdown-two::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 30px;
  -webkit-transform: translateY(-25px);
  -moz-transform: translateY(-25px);
  -ms-transform: translateY(-25px);
  -o-transform: translateY(-25px);
  transform: translateY(-25px);
  z-index: -1;
}

.nav-header-cart-dropdown-two-heading {
  margin-bottom: 20px;
}

.nav-header-cart-dropdown-two-products {
  margin-bottom: 20px;
}

.nav-header-cart-dropdown-two-products-item {
  background-color: #fff;
  border: 4px solid #f8f9fb;
  padding: 24px 20px 12px;
}

.nav-header-cart-dropdown-two-products-item:not(:last-child) {
  margin-bottom: 10px;
}

.nav-header-cart-dropdown-two-products-item .delete {
  width: 50px;
  height: 25px;
  line-height: 25px;
  background-color: #ffebec;
  color: #ee232b;
  font-size: 13px;
  -webkit-transform: translate(4px, -4px);
  -moz-transform: translate(4px, -4px);
  -ms-transform: translate(4px, -4px);
  -o-transform: translate(4px, -4px);
  transform: translate(4px, -4px);
}

.nav-header-cart-dropdown-two-products-item .delete:hover {
  background-color: #ee232b;
  color: #ffebec;
}

.nav-header-cart-dropdown-two-products-item .info {
  margin-bottom: 17px;
}

.nav-header-cart-dropdown-two-products-item .info img {
  width: 90px;
}

.nav-header-cart-dropdown-two-products-item .info .detail {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 1%;
  -moz-box-flex: 1;
  -ms-flex: 1 0 1%;
  flex: 1 0 1%;
  padding-right: 22px;
}

.nav-header-cart-dropdown-two-products-item .info .detail h2 {
  font-size: 14px;
  font-weight: 900;
  color: #232323;
  line-height: 24px;
  margin-bottom: 20px;
  max-height: 48px;
}

.nav-header-cart-dropdown-two-products-item .info .detail h2 a:hover {
  color: #ee273a;
}

.nav-header-cart-dropdown-two-products-item .info .detail .counter {
  padding: 6px 24px 7px 25px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: 1px solid #e7ebee;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.nav-header-cart-dropdown-two-products-item .info .detail .counter>* {
  font-weight: 900;
  color: #2d365d;
}

.nav-header-cart-dropdown-two-products-item .info .detail .counter button {
  font-size: 30px;
  line-height: 15px;
}

.nav-header-cart-dropdown-two-products-item .info .detail .counter input {
  width: 40px !important;
  height: 28px !important;
  background-color: #f8f9fb;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  line-height: 28px;
  margin: 0 12px 0 13px;
  font-size: 18px !important;
  outline: none;
  text-align: center;
  top: unset;
}

.nav-header-cart-dropdown-two-products-item .color-price .color {
  border: 1px solid #efefef;
  padding: 5px 5px 5px 13px;
  font-size: 11px;
  color: #2d365d;
  margin-left: 68px;
}

.nav-header-cart-dropdown-two-products-item .color-price .color span {
  width: 22px;
  height: 22px;
  border: 1px solid #b3bbc7;
}

.nav-header-cart-dropdown-two-products-item .color-price .price {
  color: #232323;
  line-height: 22px;
}

.nav-header-cart-dropdown-two-products-item .color-price .price span {
  font-size: 18px !important;
  font-weight: 900 !important;
  margin: 0 5px;
}

.nav-header-cart-dropdown-two-products-item .color-price .price del {
  font-size: 18px;
  color: #ee232b;
  -webkit-text-decoration-color: #707070;
  -moz-text-decoration-color: #707070;
  text-decoration-color: #707070;
}



@media only screen and (max-width: 450px) {
  .nav-header-cart-dropdown-two-products-item {
      padding: 33px 12px 16px;
  }

  .nav-header-cart-dropdown-two-products-item .info img {
      width: auto;
      height: 54px;
  }

  .nav-header-cart-dropdown-two-products-item .info .detail .counter {
      padding: 6px 14px 7px;
  }

  .nav-header-cart-dropdown-two-products-item .info .detail .counter button {
      font-size: 24px;
  }

  .nav-header-cart-dropdown-two-products-item .info .detail .counter span {
      font-size: 16px;
      width: 50px;
  }

  .nav-header-cart-dropdown-two-products-item .color-price .color {
      margin-left: auto;
  }
}

.nav-header-cart-dropdown-two .total-price {
  padding: 15px 20px 16px 15px;
  z-index: 2;
}

.nav-header-cart-dropdown-two .total-price::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: -webkit-calc(100% + 30px);
  height: -moz-calc(100% + 30px);
  height: calc(100% + 30px);
  -webkit-border-radius: 15px 15px 0 0;
  -moz-border-radius: 15px 15px 0 0;
  border-radius: 15px 15px 0 0;
  background-color: #edf5e6;
  z-index: -1;
}

.nav-header-cart-dropdown-two .total-price>span {
  font-size: 14px;
  font-weight: 900;
  color: #232323;
  line-height: 20px;
  color: #232323;
}

.nav-header-cart-dropdown-two .total-price>div {
  font-weight: 900;
  font-size: 24px;
  color: #67b930;
}

.nav-header-cart-dropdown-two .total-price>div>span {
  font-size: 12px;
  line-height: 18px;
}

.nav-header-cart-dropdown-two .btn {
  z-index: 9;
  font-size: 16px;
  line-height: 21px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 15px 20px;
}

@media only screen and (min-width: 990px) {
  .nav-header-cart:hover .nav-header-cart-dropdown-two {
      top: -webkit-calc(100% + 19px);
      top: -moz-calc(100% + 19px);
      top: calc(100% + 19px);
      opacity: 1;
      visibility: visible;
  }
}

.cart-sliding {
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s linear 0.3s;
  -o-transition: all 0.3s linear 0.3s;
  -moz-transition: all 0.3s linear 0.3s;
  transition: all 0.3s linear 0.3s;
}

.cart-sliding-backdrop {
  background-color: rgba(33, 35, 65, 0.25);
}

.cart-sliding-content {
  overflow: hidden auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  max-width: 461px;
  border-top: 6px solid #49be78;
  padding: 37px 15px 32px;
  -webkit-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  -webkit-transform: translateX(461px);
  -moz-transform: translateX(461px);
  -ms-transform: translateX(461px);
  -o-transform: translateX(461px);
  transform: translateX(461px);
}

.cart-sliding-content::-webkit-scrollbar {
  display: none;
}

.cart-sliding-content-heading .count-products {
  margin-bottom: 12px;
}

.cart-sliding-content-heading .btn {
  width: 55px;
  height: 55px;
  font-size: 24px;
  line-height: 55px;
  -webkit-box-shadow: 0 15px 25px rgba(238, 39, 58, 0.25);
  -moz-box-shadow: 0 15px 25px rgba(238, 39, 58, 0.25);
  box-shadow: 0 15px 25px rgba(238, 39, 58, 0.25);
  font-weight: 900;
}

.cart-sliding.opened {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.cart-sliding.opened .cart-sliding-content {
  -webkit-transition: all 0.3s linear 0.3s;
  -o-transition: all 0.3s linear 0.3s;
  -moz-transition: all 0.3s linear 0.3s;
  transition: all 0.3s linear 0.3s;
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
}

.swiper-products-panel .swiper-slide {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.swiper-products-panel .swiper-slide .product-fourteen+.product-fourteen {
  margin-top: 37px;
}

.swiper-products-panel .swiper-pagination {
  bottom: 0;
}

.swiper-products-panel .swiper-pagination-bullet {
  width: 20px;
  height: 2px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: #d9d9d9;
}

.swiper-products-panel .swiper-pagination-bullet-active {
  opacity: 1;
  width: 26px;
  background-color: #ff8353;
}

.panel {
  padding-bottom: 32px;
}

.panel::before {
  content: "";
  top: 0;
  left: 0;
  width: -webkit-calc(100% - 370px);
  width: -moz-calc(100% - 370px);
  width: calc(100% - 370px);
  height: 100%;
  background: url("./../../images/bg-panel-001.png") center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  z-index: -4;
}

.panel::after {
  content: "";
  top: 0;
  left: 0;
  width: 45%;
  height: 42px;
  -webkit-border-radius: 0 0 100px 0;
  -moz-border-radius: 0 0 100px 0;
  border-radius: 0 0 100px 0;
  background-color: #ff8353;
  z-index: -1;
  -webkit-transform: translateY(-27px);
  -moz-transform: translateY(-27px);
  -ms-transform: translateY(-27px);
  -o-transform: translateY(-27px);
  transform: translateY(-27px);
}


.panel-description {
  margin: 50px 0 21px;
}

.panel-description::after {
  content: "";
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 86px);
  -moz-transform: translate(-50%, 86px);
  -ms-transform: translate(-50%, 86px);
  -o-transform: translate(-50%, 86px);
  transform: translate(-50%, 86px);
  width: -webkit-calc(100% - 66px);
  width: -moz-calc(100% - 66px);
  width: calc(100% - 66px);
  height: 42px;
  background-color: #ff8353;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  z-index: -1;
}

.panel-description img {
  width: 36px;
  height: 36px;
  margin-left: 11px;
}

.panel-description div {
  font-size: 12px;
  font-weight: 600;
  color: rgba(73, 73, 73, 0.6);
  max-width: 240px;
}

.panel-order {
  margin-top: 49px;
}

.panel-order .row {
  gap: 22px 0;
}

.panel-order-item {
  background-color: #fff;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 0px 0px 80px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 0px 80px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 80px 2px rgba(0, 0, 0, 0.05);
  padding: 33px 18px 35px 28px;
}

.panel-order-item .image img {
  width: 95px;
  height: 95px;
}

.panel-order-item .detail {
  max-width: -webkit-calc(100% - 95px);
  max-width: -moz-calc(100% - 95px);
  max-width: calc(100% - 95px);
  padding-right: 19px;
}

.panel-order-item .detail .name-status-factor {
  max-width: 100%;
}

.panel-order-item .detail .name {
  font-size: 16px;
  font-weight: 800;
  line-height: 21px;
  color: #5f5f5f;
  max-height: 42px;
}

.panel-order-item .detail .name:hover {
  color: #ff8353;
}

.panel-order-item .detail .status {
  color: #a0a0a0;
  font-weight: 600;
  line-height: 19px;
}

.panel-order-item .detail .see-factor {
  font-size: 12px;
  color: #787878;
  line-height: 19px;
}

.panel-order-item .detail .see-factor i {
  font-size: 8px;
  margin-right: 5px;
}

.panel-order-item .detail .see-factor:hover {
  color: #ff8353;
}

.panel-order-item .detail .price-code span {
  font-size: 12px;
  font-weight: 600;
  color: #bababa;
  line-height: 16px;
}

.panel-order-item .detail .price-code span:first-child::after {
  content: "";
  width: 8px;
  height: 8px;
  display: inline-block;
  vertical-align: middle;
  background-color: #d9d9d9;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin: 0 7px 0 10px;
}

.panel-order-empty {
  margin-top: 49px;
}

.panel-order-empty img {
  -webkit-filter: drop-shadow(0px 28px 15px rgba(0, 0, 0, 0.25));
  filter: drop-shadow(0px 28px 15px rgba(0, 0, 0, 0.25));
  width: 250px;
  height: 250px;
}

.panel-order-empty .title {
  margin: 37px 0 12px;
  font-size: 32px;
  font-weight: 900;
  color: #838383;
  line-height: 50px;
}

.panel-order-empty p {
  font-size: 12px;
  font-weight: 800;
  line-height: 32px;
  color: #b1b1b1;
  max-width: 639px;
  margin-bottom: 26px;
}

.panel-order-empty .btn {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 0px 33px 50px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 33px 50px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 33px 50px rgba(0, 0, 0, 0.08);
  font-size: 12px;
  line-height: 19px;
  padding: 18px 24px;
}

.panel-order-empty .btn i {
  margin-right: 5px;
  font-size: 8px;
}

@media only screen and (max-width: 1399px) {
  .panel-sidebar {
      max-width: 320px;
  }

  .panel-sidebar-content {
      max-width: 320px;
      padding: 40px 32px 32px;
  }

  .panel-header,
  .panel-content {
      padding-right: 350px;
      padding-left: 24px;
  }

  .panel-header::before,
  .panel-header::after {
      right: 320px;
      width: -webkit-calc(100% - 320px);
      width: -moz-calc(100% - 320px);
      width: calc(100% - 320px);
  }

  .panel-header::before {
      -webkit-border-radius: 0 60px 60px 0;
      -moz-border-radius: 0 60px 60px 0;
      border-radius: 0 60px 60px 0;
  }
}

@media only screen and (max-width: 1199px) {
  .panel-sidebar {
      opacity: 0;
      visibility: hidden;
      -webkit-transition-delay: 0.3s;
      -moz-transition-delay: 0.3s;
      -o-transition-delay: 0.3s;
      transition-delay: 0.3s;
      max-width: 100%;
  }

  .panel-sidebar-content {
      -webkit-transform: translateX(320px);
      -moz-transform: translateX(320px);
      -ms-transform: translateX(320px);
      -o-transform: translateX(320px);
      transform: translateX(320px);
      -webkit-transition: all 0.3s linear;
      -o-transition: all 0.3s linear;
      -moz-transition: all 0.3s linear;
      transition: all 0.3s linear;
      padding: 40px 24px;
      -webkit-transition-delay: 0s;
      -moz-transition-delay: 0s;
      -o-transition-delay: 0s;
      transition-delay: 0s;
  }

  .panel-sidebar.opened {
      opacity: 1;
      visibility: visible;
      -webkit-transition-delay: 0s;
      -moz-transition-delay: 0s;
      -o-transition-delay: 0s;
      transition-delay: 0s;
  }

  .panel-sidebar.opened .panel-sidebar-content {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
      -webkit-transition-delay: 0.3s;
      -moz-transition-delay: 0.3s;
      -o-transition-delay: 0.3s;
      transition-delay: 0.3s;
  }

  .panel-header,
  .panel-content {
      padding-right: 12px;
      padding-left: 12px;
  }

  .panel-header::before,
  .panel-header::after {
      content: none;
  }
}

@media only screen and (max-width: 991px) {
  .panel::after {
      left: 45px;
      width: -webkit-calc(100% - 90px);
      width: -moz-calc(100% - 90px);
      width: calc(100% - 90px);
      -webkit-border-radius: 0 0 100px 100px;
      -moz-border-radius: 0 0 100px 100px;
      border-radius: 0 0 100px 100px;
  }

  .panel-header-info {
      padding: 20px;
      -webkit-border-radius: 32px;
      -moz-border-radius: 32px;
      border-radius: 32px;
  }

  .panel-header-info .wellcome {
      font-size: 14px;
  }

  .panel-full-info {
      overflow: auto hidden;
      -ms-overflow-style: none;
      scrollbar-width: none;
      -webkit-scroll-snap-type: x mandatory;
      -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
      -webkit-filter: drop-shadow(0px 68px 50px rgba(0, 0, 0, 0.05));
      filter: drop-shadow(0px 68px 50px rgba(0, 0, 0, 0.05));
  }

  .panel-full-info::-webkit-scrollbar {
      display: none;
  }

  .panel-full-info-item {
      max-width: 33.333333%;
      scroll-snap-align: start;
  }

  .panel-full-info-item .content {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
  }

  .panel-full-info-two {
      -webkit-filter: none;
      filter: none;
  }

  .panel-full-info-two .panel-full-info-item {
      max-width: 25%;
  }

  .panel-full-info-two .panel-full-info-item .content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      background-color: transparent;
      padding: 0;
  }

  .panel-full-info-two .panel-full-info-item .content .detail {
      margin-top: 12px;
      text-align: center;
  }

  .panel-note {
      margin: 40px 0 69px;
  }

  .panel-order .row {
      margin: 0 -8px;
  }

  .panel-order .row>div {
      padding: 0 8px;
  }

  .panel-order-item {
      padding: 25px 14px;
  }
}

@media only screen and (max-width: 767px) {
  .panel-sidebar-content {
      max-width: 251px;
      -webkit-transform: translateX(251px);
      -moz-transform: translateX(251px);
      -ms-transform: translateX(251px);
      -o-transform: translateX(251px);
      transform: translateX(251px);
  }

  .panel-sidebar-logo::after {
      content: none;
  }

  .panel-sidebar-nav ul li a {
      font-size: 12px;
  }

  .panel-sidebar-nav ul li a i {
      font-size: 14px;
  }

  .panel-section-heading-link {
      max-width: -webkit-fit-content;
      max-width: -moz-fit-content;
      max-width: fit-content;
      margin: 22px 0 48px;
  }

  .panel-full-info-item {
      max-width: 40%;
  }

  .panel-content hr {
      display: none;
  }

  .panel-content .swiper-products-panel {
      padding-bottom: 54px;
  }

  .panel-note {
      border: 1px solid #dcdcdc;
      -webkit-border-radius: 13px;
      -moz-border-radius: 13px;
      border-radius: 13px;
      -webkit-box-shadow: 0px 35px 50px rgba(0, 0, 0, 0.02);
      -moz-box-shadow: 0px 35px 50px rgba(0, 0, 0, 0.02);
      box-shadow: 0px 35px 50px rgba(0, 0, 0, 0.02);
      padding: 33px 12px;
  }

  .panel-note .btn {
      position: absolute;
      bottom: 0;
      left: 50%;
      -webkit-transform: translate(-50%, 18px);
      -moz-transform: translate(-50%, 18px);
      -ms-transform: translate(-50%, 18px);
      -o-transform: translate(-50%, 18px);
      transform: translate(-50%, 18px);
  }
}

@media only screen and (max-width: 575px) {
  .panel-full-info-item {
      max-width: 60%;
      padding: 0 10px;
  }

  .panel-full-info-item .content {
      padding: 25px 14px;
  }

  .panel-full-info-item .content .detail .name {
      font-size: 12px;
      line-height: 19px;
  }

  .panel-full-info-item .content .detail .value {
      font-size: 14px;
      line-height: 22px;
  }

  .panel-full-info-two .panel-full-info-item .content .detail .title {
      font-size: 12px;
      line-height: 19px;
      margin-bottom: 3px;
      white-space: nowrap;
  }

  .panel-full-info-two .panel-full-info-item .content .detail .value {
      font-size: 14px;
      line-height: 22px;
  }

  .panel-order-item {
      padding: 26px 9px;
  }

  .panel-order-item .image img {
      width: 74px;
      height: 74px;
  }

  .panel-order-item .detail {
      padding-right: 9px;
      max-width: -webkit-calc(100% - 74px);
      max-width: -moz-calc(100% - 74px);
      max-width: calc(100% - 74px);
  }

  .panel-order-item .detail .name {
      font-size: 14px;
      line-height: 19px;
  }

  .panel-order-item .detail .status {
      font-size: 12px;
      line-height: 16px;
  }

  .panel-order-item .detail .see-factor {
      font-size: 9px;
      line-height: 14px;
  }

  .panel-order-item .detail .see-factor i {
      font-size: 7px;
  }

  .panel-order-item .detail .price-code span {
      font-size: 9px;
      line-height: 12px;
  }

  .panel-order-empty .title {
      font-size: 23px;
  }
}

@media only screen and (max-width: 399px) {
  .panel-full-info-item {
      max-width: 65%;
  }
}

.nav-header-cart-dropdown ul li .delete {
  top: 5px;
  right: 8px;
  width: 50px;
  height: 25px;
  line-height: 25px;
  color: #ee232b;
  font-size: 13px;
  background-color: #ffebec;
}


.top-header-auth,
.nav-header-cart {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.top-header-auth.right .top-header-auth-dropdown,
.top-header-auth.right .top-header-auth-dropdown-two,
.nav-header-cart.right .top-header-auth-dropdown,
.nav-header-cart.right .top-header-auth-dropdown-two,
.top-header-auth.right .nav-header-cart-dropdown,
.top-header-auth.right .nav-header-cart-dropdown-two,
.nav-header-cart.right .nav-header-cart-dropdown,
.nav-header-cart.right .nav-header-cart-dropdown-two {
  right: 0;
  left: auto;
}

.top-header-ten .top-header-auth {
  max-width: 174px;
}

.category-slider-banner .category ul {
  margin-bottom: -3px;
}

.amazing-offer-three-item .detail .offer del,
.amazing-offer-six-item .detail .offer del {
  margin-right: -2px;
}

.top-header-fourteen .top-header-auth {
  max-width: 50px;
}

.amazing-offer-two .container::before {
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjgwIiBoZWlnaHQ9IjUwNSIgdmlld0JveD0iMCAwIDEyODAgNTA1Ij4NCiAgPHBhdGggaWQ9ImJnLTk4OTgiIGQ9Ik0wLDBIMTI4MFYzNzVMMCw1MDVaIiBmaWxsPSIjMjEyMzQxIi8+DQo8L3N2Zz4NCg==) 0 0/cover;
  mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjgwIiBoZWlnaHQ9IjUwNSIgdmlld0JveD0iMCAwIDEyODAgNTA1Ij4NCiAgPHBhdGggaWQ9ImJnLTk4OTgiIGQ9Ik0wLDBIMTI4MFYzNzVMMCw1MDVaIiBmaWxsPSIjMjEyMzQxIi8+DQo8L3N2Zz4NCg==) 0 0/cover;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background: #212341;
  z-index: -2;
}

@media only screen and (max-width: 1399px) {
  .amazing-offer-two .container::before {
      -webkit-mask-size: cover;
      mask-size: cover;
  }
}

.amazing-offer-two .container::after {
  content: "";
  position: absolute;
  top: 55px;
  left: 50%;
  max-width: 576px;
  width: 100%;
  height: 108px;
  background: url("./../../images/bg-0098.svg") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  z-index: -1;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  mix-blend-mode: difference;
}

.new-article .heading {
  margin-bottom: 0;
}

.new-article .swiper {
  padding-top: 35px;
}

.best-selling-products::after {
  background-image: url("./../../images/bg-best-selling-product.svg");
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  background-position: 0 -5px;
}

.product-not:hover .detail .icons-offer ul li a {
  background-color: #fff;
  color: #2d365d;
  border: 1px solid #efefef;
}

.product-not .detail .icons-offer ul li a:hover {
  background-color: #67b930;
  border-color: #67b930;
  color: #fff;
}

.price-day::before {
  background: url("./../../images/shape-01.svg") 0 0 no-repeat;
}

.top-products-six .nav-pills .nav-item::before,
.top-products-six .nav-pills .nav-item::after {
  background: #fed844;
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSIzOC4wMDMiIHZpZXdCb3g9IjAgMCA0OCAzOC4wMDMiPg0KICA8cGF0aCBpZD0idGFiLXNoYXBlLTAxIiBkPSJNLTM2NjMtMTMwMjV2LTM4aDUuNjI4Yy4zMzksMTQuNjU1LjA0MSwzMiw0MC4xNjIsMzJoMi4yMXY2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzY2My4wMDEgMTMwNjMuMDAyKSIgZmlsbD0iI2ZmZiIvPg0KPC9zdmc+DQo=) 0 0/cover;
  mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSIzOC4wMDMiIHZpZXdCb3g9IjAgMCA0OCAzOC4wMDMiPg0KICA8cGF0aCBpZD0idGFiLXNoYXBlLTAxIiBkPSJNLTM2NjMtMTMwMjV2LTM4aDUuNjI4Yy4zMzksMTQuNjU1LjA0MSwzMiw0MC4xNjIsMzJoMi4yMXY2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzY2My4wMDEgMTMwNjMuMDAyKSIgZmlsbD0iI2ZmZiIvPg0KPC9zdmc+DQo=) 0 0/cover;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.top-products-six .nav-pills .nav-item::after {
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSIzOC4wMDMiIHZpZXdCb3g9IjAgMCA0OCAzOC4wMDMiPg0KICA8cGF0aCBpZD0idGFiLXNoYXBlLTAyIiBkPSJNLTM4MDAtMTMwMjV2LTZoNi4zODNjMzguMiwwLDM1LjE1LTE3LjM0NSwzNS4yNTYtMzJILTM3NTJ2MzhaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzODAwLjAwMSAxMzA2My4wMDIpIiBmaWxsPSIjZmZmIi8+DQo8L3N2Zz4NCg==);
  mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSIzOC4wMDMiIHZpZXdCb3g9IjAgMCA0OCAzOC4wMDMiPg0KICA8cGF0aCBpZD0idGFiLXNoYXBlLTAyIiBkPSJNLTM4MDAtMTMwMjV2LTZoNi4zODNjMzguMiwwLDM1LjE1LTE3LjM0NSwzNS4yNTYtMzJILTM3NTJ2MzhaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzODAwLjAwMSAxMzA2My4wMDIpIiBmaWxsPSIjZmZmIi8+DQo8L3N2Zz4NCg==);
}

.brands-five {
  margin-top: 81px;
}

.category-products-three-item {
  background: url("./../../images/bg-category-three.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}

.best-selling-sixteen {
  background: transparent;
}

.best-selling-sixteen::before,
.best-selling-sixteen::after {
  background: #121320;
}

.best-selling-sixteen::after {
  content: "";
  position: absolute;
  top: -webkit-calc(55% - 6px);
  top: -moz-calc(55% - 6px);
  top: calc(55% - 6px);
  left: 0;
  width: 100%;
  height: 98px;
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI3NCIgdmlld0JveD0iMCAwIDE5MjAgNzQiPg0KICA8ZGVmcz4NCiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+DQogICAgICA8cmVjdCB4PSItMjQwIiB5PSIxMDM3IiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI3NCIgZmlsbD0ibm9uZSIvPg0KICAgIDwvY2xpcFBhdGg+DQogIDwvZGVmcz4NCiAgPGcgaWQ9InNoYXBlLWJnLWRhcmsiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI0MCAtMTAzNykiIGNsaXAtcGF0aD0idXJsKCNjbGlwLXBhdGgpIiBzdHlsZT0iaXNvbGF0aW9uOiBpc29sYXRlIj4NCiAgICA8cGF0aCBpZD0iUGF0aF83MzMiIGRhdGEtbmFtZT0iUGF0aCA3MzMiIGQ9Ik0wLDBIMTQ0MFYxMDUxbC03MTguNTY4LDYwTDAsMTA1MVoiIGZpbGw9IiMxMjEzMjAiLz4NCiAgPC9nPg0KPC9zdmc+DQo=) center 0/cover;
  mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI3NCIgdmlld0JveD0iMCAwIDE5MjAgNzQiPg0KICA8ZGVmcz4NCiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+DQogICAgICA8cmVjdCB4PSItMjQwIiB5PSIxMDM3IiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI3NCIgZmlsbD0ibm9uZSIvPg0KICAgIDwvY2xpcFBhdGg+DQogIDwvZGVmcz4NCiAgPGcgaWQ9InNoYXBlLWJnLWRhcmsiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI0MCAtMTAzNykiIGNsaXAtcGF0aD0idXJsKCNjbGlwLXBhdGgpIiBzdHlsZT0iaXNvbGF0aW9uOiBpc29sYXRlIj4NCiAgICA8cGF0aCBpZD0iUGF0aF83MzMiIGRhdGEtbmFtZT0iUGF0aCA3MzMiIGQ9Ik0wLDBIMTQ0MFYxMDUxbC03MTguNTY4LDYwTDAsMTA1MVoiIGZpbGw9IiMxMjEzMjAiLz4NCiAgPC9nPg0KPC9zdmc+DQo=) center 0/cover;
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  z-index: -1;
}

@media only screen and (max-width: 991px) {
  .best-selling-sixteen::after {
      -webkit-mask-size: cover;
      mask-size: cover;
      -webkit-mask-position: center 0;
      mask-position: center 0;
  }
}

@media only screen and (max-width: 991px) {
  .gallery-product-two {
      max-width: 60%;
  }
}

@media only screen and (max-width: 991px) {
  .gallery-product-two {
      max-width: 80%;
  }
}

@media only screen and (max-width: 575px) {
  .gallery-product-two {
      max-width: 95%;
  }
}

.swiper-gallery-product-two .swiper-button-next,
.swiper-gallery-product-two .swiper-button-prev,
.swiper-gallery-product-three .swiper-button-next,
.swiper-gallery-product-three .swiper-button-prev {
  background-color: #fff;
  width: 30px;
  height: 70px;
  -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.16);
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.16);
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  top: 50%;
}

.swiper-gallery-product-two .swiper-button-next,
.swiper-gallery-product-three .swiper-button-next {
  -webkit-transform: translate(-25px, -15%);
  -moz-transform: translate(-25px, -15%);
  -ms-transform: translate(-25px, -15%);
  -o-transform: translate(-25px, -15%);
  transform: translate(-25px, -15%);
}

.swiper-gallery-product-two .swiper-button-prev,
.swiper-gallery-product-three .swiper-button-prev {
  -webkit-transform: translate(25px, -15%);
  -moz-transform: translate(25px, -15%);
  -ms-transform: translate(25px, -15%);
  -o-transform: translate(25px, -15%);
  transform: translate(25px, -15%);
}

.swiper-gallery-product-three {
  border: 1px solid #e7ebee;
  max-width: 354px;
}

.swiper-gallery-product-three .swiper-slide:not(:last-child) .gallery-product-three-item {
  border-left: 1px solid #e7ebee;
}

.swiper-gallery-product-three .swiper-slide-active+div+div+div .gallery-product-three-item {
  -webkit-transform: translateX(-1px);
  transform: translateX(-1px);
}

.swiper-gallery-product-three .gallery-product-three-item {
  width: 88px;
  height: 88px;
  cursor: pointer;
}

.swiper-gallery-product-three .gallery-product-three-item img {
  height: 63px;
}

@media only screen and (max-width: 575px) {
  .swiper-gallery-product-three {
      max-width: 100%;
  }

  .swiper-gallery-product-three .gallery-product-three-item {
      width: auto;
      height: auto;
      padding: 12px;
  }

  .swiper-gallery-product-three .gallery-product-three-item img {
      height: auto;
      max-height: 70px;
  }
}

.swiper-gallery-product-two {
  border: 1px solid #e7ebee;
}

.swiper-gallery-product-two .swiper-slide {
  height: auto;
}

.swiper-gallery-product-two .swiper-slide:not(:last-child) .gallery-product-two-item {
  border-left: 1px solid #e7ebee;
}

.swiper-gallery-product-two .swiper-slide:nth-child(n + 3) .gallery-product-two-item {
  margin-left: -1px;
}

.swiper-gallery-product-two .gallery-product-two-item {
  padding: 19px;
  cursor: pointer;
}

.swiper-gallery-product-two .gallery-product-two-item img {
  max-width: 104px;
  max-height: 104px;
}



.megamenu-tabs {
  scrollbar-width: 0;
}

.megamenu-tabs::-webkit-scrollbar {
  display: none;
}


.nav-responsive-content-menu li .icon-angle-left {
  left: 21px;
  font-size: 12px !important;
  color: #494949;
}

.panel-sidebar::before,
.panel-sidebar::after,
.panel-sidebar-content {
  background: #323232;
}

.panel-sidebar::before {
  -webkit-mask: url(data:image/svg+xml;base64, ) 0 0/cover;
  mask: url(data:image/svg+xml;base64, ) 0 0/cover;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.panel-sidebar::after {
  -webkit-mask: url(data:image/svg+xml;base64, ) 0 0/cover;
  mask: url(data:image/svg+xml;base64, ) 0 0/cover;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.top-products-six .nav-pills .nav-item,
.top-products-six .nav-pills .nav-item::before,
.top-products-six .nav-pills .nav-item::after {
  -webkit-transition: 0s;
  -o-transition: 0s;
  -moz-transition: 0s;
  transition: 0s;
}

.top-products-six .nav-pills .nav-item::before,
.top-products-six .nav-pills .nav-item::after {
  background: #fed844;
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSIzOC4wMDMiIHZpZXdCb3g9IjAgMCA0OCAzOC4wMDMiPg0KICA8cGF0aCBpZD0idGFiLXNoYXBlLTAxIiBkPSJNLTM2NjMtMTMwMjV2LTM4aDUuNjI4Yy4zMzksMTQuNjU1LjA0MSwzMiw0MC4xNjIsMzJoMi4yMXY2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzY2My4wMDEgMTMwNjMuMDAyKSIgZmlsbD0iI2ZmZiIvPg0KPC9zdmc+DQo=) 0 0 / cover;
  mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSIzOC4wMDMiIHZpZXdCb3g9IjAgMCA0OCAzOC4wMDMiPg0KICA8cGF0aCBpZD0idGFiLXNoYXBlLTAxIiBkPSJNLTM2NjMtMTMwMjV2LTM4aDUuNjI4Yy4zMzksMTQuNjU1LjA0MSwzMiw0MC4xNjIsMzJoMi4yMXY2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzY2My4wMDEgMTMwNjMuMDAyKSIgZmlsbD0iI2ZmZiIvPg0KPC9zdmc+DQo=) 0 0 / cover;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.top-products-six .nav-pills .nav-item::after {
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSIzOC4wMDMiIHZpZXdCb3g9IjAgMCA0OCAzOC4wMDMiPg0KICA8cGF0aCBpZD0idGFiLXNoYXBlLTAyIiBkPSJNLTM4MDAtMTMwMjV2LTZoNi4zODNjMzguMiwwLDM1LjE1LTE3LjM0NSwzNS4yNTYtMzJILTM3NTJ2MzhaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzODAwLjAwMSAxMzA2My4wMDIpIiBmaWxsPSIjZmZmIi8+DQo8L3N2Zz4NCg==);
  mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSIzOC4wMDMiIHZpZXdCb3g9IjAgMCA0OCAzOC4wMDMiPg0KICA8cGF0aCBpZD0idGFiLXNoYXBlLTAyIiBkPSJNLTM4MDAtMTMwMjV2LTZoNi4zODNjMzguMiwwLDM1LjE1LTE3LjM0NSwzNS4yNTYtMzJILTM3NTJ2MzhaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzODAwLjAwMSAxMzA2My4wMDIpIiBmaWxsPSIjZmZmIi8+DQo8L3N2Zz4NCg==);
}

.nav-bottom::before {
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAawAAAA8CAYAAAA62Y5bAAAABHNCSVQICAgIfAhkiAAABgNJREFUeF7tnU+oVVUYxd8NIy2TRoGCkyTFUGgQljaXmjQJIlT65yTRilAJKZBwECQoJBJhmCQlRNKgMAUnjUKtBmmURaQRipIQUqmV1vpkX7iTJu++c9x7fb8Ni3MeePf51u97vOW555x9Bv9qTDCyE7goAJeky2U73L+gn49LP0gnpRODwSD+LQMCYxHQn527NMH8ogXazpPukKYXzRjZnzXWwfiwDYEBgWXTy76M/KoDfSsdlY5JRxRip/o6OMdpi4D+vkTw3CctkZZJC4vaMkK1VRAgsKpoQ/NFnI/gkj6T9irA4mdGUgIKqUdl/eESUouTYsB2BwQIrA6gJp/yqvx/Ku2WPlZ4/ZOcRwr7Cql7ZHS1tEq6M4VpTPZOgMDqHXmqA8Y1sD3SWwquuA7GMCJQvu57SpaekeJrPwYEOiVAYHWKl8kLgbix57C0U4qzrmuQaZdAuWHiOTmIsIobJRgQ6IUAgdULZg4yQuAX7e9QaL0OlbYIKKgeUMWbpYfaqpxqXQgQWC6dbM/HaZW8ScG1r73Sc1WsoJotx1ulFdIgl3vc1kSAwKqpGzlr+UK2n1VwfZnTfr2uFVTxTNRG6SXptnorpbIsBAisLJ2u3+f7KnGDguts/aX6V6iwWi6Xb0tz/d3isBUCBFYrncpR5++yuUXaruD6O4flulwqqOaoojekeJaKAYGqCBBYVbWDYgqBn7Rdo9A6BJH+CCis1pf/MMTqFAwIVEeAwKquJRQ0QmC/9p9XcJ2BSncEFFSLNPte6d7ujsLMEBifAIE1PkNm6JbAH5r+VSm+JmTVjClkraC6pbCNM6tpUzg1U0GgEwIEVidYmbQDAt9ozhUKra87mDvdlAqrOJv6QLo7nXkMN0uAwGq2dSkLjzOs16Qt3JQxuf4rqG7SJzdJ8QDwzZObhU9B4MYQILBuDHeOOh6BONt6QqH11XjT5Pp0WVLpPbmOFSsYEGiOAIHVXMsouBCI9QhjRfhYLSPe0cX4HwIKqrg+FQ//vixxByC/Kc0SILCabR2FFwK/aRtfb+1UcMWrTRgjBBRWS/XjO1K81ZcBgaYJEFhNt4/iRwh8p/2NCq1PoDIxoaCKd1LFAsNPwgMCLgQILJdO4mNIIN56vFbBFde50g0FVdxI8aL0inR7OgAYtiZAYFm3N7W5d+V+s4LrVBYKCqtH5HWbNC+LZ3zmIkBg5ep3NrdxY8ZB6U3pgOOLIxVScRb1tLRO4pmqbL/hyfwSWMkantjuz/K+S9rtsNSTgipuonhBimtUtybuK9YTESCwEjUbq9cJxJ2Eh6U90kcKryutcFFIRTA9Lq2WlrVSN3VCYKoIEFhTRZJ5WiQQrzP5UIqFXz9XeF2qzUR5ieKDqmul9JjEixRraxL19EaAwOoNNQeqnECcecWdhceko0XH+3y2S+EUr59fKN0/olhJnYVpK//lobx+CBBY/XDmKG0S+Etl/yh9X3RyuK8gOzdZSwqmmSWY4jrUfCm2obhpgutRkwXL5+wJEFj2LcZghwT+1NzxNeLlouF+bON5qFgGaXrZDvd5NqrDhjC1NwECy7u/uIMABCBgQ4DAsmklRiAAAQh4EyCwvPuLOwhAAAI2BAgsm1ZiBAIQgIA3AQLLu7+4gwAEIGBDgMCyaSVGIAABCHgTILC8+4s7CEAAAjYECCybVmIEAhCAgDcBAsu7v7iDAAQgYEOAwLJpJUYgAAEIeBMgsLz7izsIQAACNgQILJtWYgQCEICANwECy7u/uIMABCBgQ4DAsmklRiAAAQh4EyCwvPuLOwhAAAI2BAgsm1ZiBAIQgIA3AQLLu7+4gwAEIGBDgMCyaSVGIAABCHgTILC8+4s7CEAAAjYECCybVmIEAhCAgDcBAsu7v7iDAAQgYEOAwLJpJUYgAAEIeBMgsLz7izsIQAACNgQILJtWYgQCEICANwECy7u/uIMABCBgQ4DAsmklRiAAAQh4EyCwvPuLOwhAAAI2BAgsm1ZiBAIQgIA3AQLLu7+4gwAEIGBDgMCyaSVGIAABCHgTILC8+4s7CEAAAjYE/gP6ZcZcpZAfhQAAAABJRU5ErkJggg==);
  mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAawAAAA8CAYAAAA62Y5bAAAABHNCSVQICAgIfAhkiAAABgNJREFUeF7tnU+oVVUYxd8NIy2TRoGCkyTFUGgQljaXmjQJIlT65yTRilAJKZBwECQoJBJhmCQlRNKgMAUnjUKtBmmURaQRipIQUqmV1vpkX7iTJu++c9x7fb8Ni3MeePf51u97vOW555x9Bv9qTDCyE7goAJeky2U73L+gn49LP0gnpRODwSD+LQMCYxHQn527NMH8ogXazpPukKYXzRjZnzXWwfiwDYEBgWXTy76M/KoDfSsdlY5JRxRip/o6OMdpi4D+vkTw3CctkZZJC4vaMkK1VRAgsKpoQ/NFnI/gkj6T9irA4mdGUgIKqUdl/eESUouTYsB2BwQIrA6gJp/yqvx/Ku2WPlZ4/ZOcRwr7Cql7ZHS1tEq6M4VpTPZOgMDqHXmqA8Y1sD3SWwquuA7GMCJQvu57SpaekeJrPwYEOiVAYHWKl8kLgbix57C0U4qzrmuQaZdAuWHiOTmIsIobJRgQ6IUAgdULZg4yQuAX7e9QaL0OlbYIKKgeUMWbpYfaqpxqXQgQWC6dbM/HaZW8ScG1r73Sc1WsoJotx1ulFdIgl3vc1kSAwKqpGzlr+UK2n1VwfZnTfr2uFVTxTNRG6SXptnorpbIsBAisLJ2u3+f7KnGDguts/aX6V6iwWi6Xb0tz/d3isBUCBFYrncpR5++yuUXaruD6O4flulwqqOaoojekeJaKAYGqCBBYVbWDYgqBn7Rdo9A6BJH+CCis1pf/MMTqFAwIVEeAwKquJRQ0QmC/9p9XcJ2BSncEFFSLNPte6d7ujsLMEBifAIE1PkNm6JbAH5r+VSm+JmTVjClkraC6pbCNM6tpUzg1U0GgEwIEVidYmbQDAt9ozhUKra87mDvdlAqrOJv6QLo7nXkMN0uAwGq2dSkLjzOs16Qt3JQxuf4rqG7SJzdJ8QDwzZObhU9B4MYQILBuDHeOOh6BONt6QqH11XjT5Pp0WVLpPbmOFSsYEGiOAIHVXMsouBCI9QhjRfhYLSPe0cX4HwIKqrg+FQ//vixxByC/Kc0SILCabR2FFwK/aRtfb+1UcMWrTRgjBBRWS/XjO1K81ZcBgaYJEFhNt4/iRwh8p/2NCq1PoDIxoaCKd1LFAsNPwgMCLgQILJdO4mNIIN56vFbBFde50g0FVdxI8aL0inR7OgAYtiZAYFm3N7W5d+V+s4LrVBYKCqtH5HWbNC+LZ3zmIkBg5ep3NrdxY8ZB6U3pgOOLIxVScRb1tLRO4pmqbL/hyfwSWMkantjuz/K+S9rtsNSTgipuonhBimtUtybuK9YTESCwEjUbq9cJxJ2Eh6U90kcKryutcFFIRTA9Lq2WlrVSN3VCYKoIEFhTRZJ5WiQQrzP5UIqFXz9XeF2qzUR5ieKDqmul9JjEixRraxL19EaAwOoNNQeqnECcecWdhceko0XH+3y2S+EUr59fKN0/olhJnYVpK//lobx+CBBY/XDmKG0S+Etl/yh9X3RyuK8gOzdZSwqmmSWY4jrUfCm2obhpgutRkwXL5+wJEFj2LcZghwT+1NzxNeLlouF+bON5qFgGaXrZDvd5NqrDhjC1NwECy7u/uIMABCBgQ4DAsmklRiAAAQh4EyCwvPuLOwhAAAI2BAgsm1ZiBAIQgIA3AQLLu7+4gwAEIGBDgMCyaSVGIAABCHgTILC8+4s7CEAAAjYECCybVmIEAhCAgDcBAsu7v7iDAAQgYEOAwLJpJUYgAAEIeBMgsLz7izsIQAACNgQILJtWYgQCEICANwECy7u/uIMABCBgQ4DAsmklRiAAAQh4EyCwvPuLOwhAAAI2BAgsm1ZiBAIQgIA3AQLLu7+4gwAEIGBDgMCyaSVGIAABCHgTILC8+4s7CEAAAjYECCybVmIEAhCAgDcBAsu7v7iDAAQgYEOAwLJpJUYgAAEIeBMgsLz7izsIQAACNgQILJtWYgQCEICANwECy7u/uIMABCBgQ4DAsmklRiAAAQh4EyCwvPuLOwhAAAI2BAgsm1ZiBAIQgIA3AQLLu7+4gwAEIGBDgMCyaSVGIAABCHgTILC8+4s7CEAAAjYE/gP6ZcZcpZAfhQAAAABJRU5ErkJggg==);
}

.nav-bottom::after {
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAawAAAA7CAYAAAAn3L7jAAAABHNCSVQICAgIfAhkiAAAB+RJREFUeF7tnWuIFWUYx5931rNqupplRDeKqIxIUtcuRlAJ0Y3cjcAvfYiCMIqiy8foohB0pSgs+hRREaR5wa4KUnQj160Ig7K7WHQPdct13TNP/zlb2UU7q3vOdt55fy8MM7tn5pnn+T3Pmf+878yZCVbS5i+cOsmq/R2WVyaaVTssjJlgVQ/DC9fbLcsmmru2Db/Pbb/hbVuspe2DtrPQoeUhG6bt3X34Nv61pmKwSb/blN2wF/7U3etWrbFd/vVrH9uHloOW/SfNN+l/m8xts4Xql5aN2Rzmrfu8rkVWgMBuCPhz06fYYPvh+l4cap4dqRo7rDYv/i7q28M4/W+cNh0/tGzFsuq+oU317n2yuE3fo22q+19GaH2H7PTJb9nU3Gu2i+/R8FqwnTpe9Fmu7Yp5yLUchu9Tpu2zap8NZtr3zm1WqfSFi3p/Hd7O41prWAdwf37mkTbQdnDtoLunloUDBHyKgGtSgeWe73HdIOHwbLISrALVusEma16piy6ETOt0qCCKA7YmLQcVNm30Cbi/rvytlbCvDfN6Xh19B9hjDAR85axjJDxnmWVn6Xs7V8eHQ2Lwu8Q+FgJdCKvE2jVZIa71W9AJrFlxYrtF2xfzYts9t0xH9MJ+nv1kbf6zVbXdHluu9Srfhkve3lzPkeArTh7JWX89+3yeBoF+lecbOjNcoxORl8PFPe+lETZR/pOAr+qcarldKJGaq8/O1oHxCChBoFEEEKxGkcTOXwj41xKwl9T7fdHa21aHC94uzshoJSSgQe7MVs06RUNY5+tk5XydVXeqF1WMhNAg0HACCFbDkWLwbwTcB3QAW6r/LQ7dPW9CpxwEaj2paligntRVOjHRNSkaBJpPAMFqPmP2sIuAhgrzxTbQ/lSY/9bwL0pDsGUI+IrOUzXMd40cmq/52JZxDEeSIIBgJZHmFgvS7Udd77rH2uyhst7N1GLER+yOL5/VqRsnHlBv+YwRG8MABPaRAIK1j+DYrAEE3L/XAfBua8sfRrgawLMJJtSjmq6e1J2aLmiCeUxCYK8IIFh7hYuVm0LA7Tv1uO4I3b0PNsU+RveagC+fcZRZ5S5dn9LQHw0CrUEAwWqNPODFEIEvdJfZbda1/skQdHM0bdQJ1H7YWx17q+hfrd5v+6g7wA4h8B8EECzKowUJ+Ie6OeP60P3Oyy3oXGld8pWdN+rW9NsVYPGjfBoEWo4AgtVyKcGhPwm4P6tHzlwXut79GirNI+DLZp9oWXhCe5jRvL1gGQIjJ4BgjZwhFppKQM95C7bQJk28P5z9ymBTd5WYcX/hmLE2MGWhwr5J05jEwifcCAkgWBEmLU2X/SMNE16pYcLX0oy/sVH7ss4zdI3qcU1HN9Yy1iDQPAIIVvPYYrkZBNyftvZwY7iw55tmmC+7zaGnpY+9T7epX172WImvfAQQrPLlNIGIitdBhNv1qKd7Ewi2YSH6ytlX6Jl/d2uI9cCGGcUQBEaRAII1irDZVYMJ1N7RlS+0gd7Hwny9wIC2WwJ6I8Pp+mCxJm6qoEaiJoBgRZ0+nK8RcPvYsvzm0NW7BCK7CPiyU46zzIte6EVwgUAZCCBYZcgiMQwRcN+gA/Qim9e7VD88TvY9b77qpMNssLJIw6aXafivjfKAQFkIIFhlySRx/JXAB5KrRdbdsyQl4Rp65Ud2i5R7AU9S5wtRRgIIVhmzSkx/9Lg+1esFH1Wv6zE9XPeHsmLxFTNP0M+obpBIX6oe1fiyxklcEECwqIEECPgO9TiWWvBHQtf6N8oQsD+job7K7G7Fcq1+S3VmGWIiBgjUI4Bg1SPE5yUj4JvUE3lJjyLScwq3rgldH22LJcCh31C16zX0mV714edKhKfG4jt+QqARBBCsRlDERsQEXD2usFpDaetsv/ytcE7vllYJxldO67B84hwL2WkS2fPk45xW8Q0/IPB/EECw/g/q7LN1Cbh/VhOv4D2667DHwsDG0LXh22Y7XBOn6mQ9hDafpX0Vr6HXG35N16ZoEIDAHwQQLGoBAvUIuPdJxD6QiHyiVTdKzDaa519Z1tZvg75db0zWvNKv/2+3Cf394dz39SQODdotn7G/tVfGWTWMt3zneMuyceZaruZT1GsqxGiarj8dK2E8XvOD6rnB5xBInQCClXoFED8EIACBSAggWJEkCjchAAEIpE4AwUq9AogfAhCAQCQEEKxIEoWbEIAABFIngGClXgHEDwEIQCASAghWJInCTQhAAAKpE0CwUq8A4ocABCAQCQEEK5JE4SYEIACB1AkgWKlXAPFDAAIQiIQAghVJonATAhCAQOoEEKzUK4D4IQABCERCAMGKJFG4CQEIQCB1AghW6hVA/BCAAAQiIYBgRZIo3IQABCCQOgEEK/UKIH4IQAACkRBAsCJJFG5CAAIQSJ0AgpV6BRA/BCAAgUgIIFiRJAo3IQABCKROAMFKvQKIHwIQgEAkBBCsSBKFmxCAAARSJ4BgpV4BxA8BCEAgEgIIViSJwk0IQAACqRNAsFKvAOKHAAQgEAkBBCuSROEmBCAAgdQJIFipVwDxQwACEIiEAIIVSaJwEwIQgEDqBBCs1CuA+CEAAQhEQgDBiiRRuAkBCEAgdQIIVuoVQPwQgAAEIiGAYEWSKNyEAAQgkDoBBCv1CiB+CEAAApEQQLAiSRRuQgACEEidAIKVegUQPwQgAIFICPwGqkpI5b4b6NgAAAAASUVORK5CYII=);
  mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAawAAAA7CAYAAAAn3L7jAAAABHNCSVQICAgIfAhkiAAAB+RJREFUeF7tnWuIFWUYx5931rNqupplRDeKqIxIUtcuRlAJ0Y3cjcAvfYiCMIqiy8foohB0pSgs+hRREaR5wa4KUnQj160Ig7K7WHQPdct13TNP/zlb2UU7q3vOdt55fy8MM7tn5pnn+T3Pmf+878yZCVbS5i+cOsmq/R2WVyaaVTssjJlgVQ/DC9fbLcsmmru2Db/Pbb/hbVuspe2DtrPQoeUhG6bt3X34Nv61pmKwSb/blN2wF/7U3etWrbFd/vVrH9uHloOW/SfNN+l/m8xts4Xql5aN2Rzmrfu8rkVWgMBuCPhz06fYYPvh+l4cap4dqRo7rDYv/i7q28M4/W+cNh0/tGzFsuq+oU317n2yuE3fo22q+19GaH2H7PTJb9nU3Gu2i+/R8FqwnTpe9Fmu7Yp5yLUchu9Tpu2zap8NZtr3zm1WqfSFi3p/Hd7O41prWAdwf37mkTbQdnDtoLunloUDBHyKgGtSgeWe73HdIOHwbLISrALVusEma16piy6ETOt0qCCKA7YmLQcVNm30Cbi/rvytlbCvDfN6Xh19B9hjDAR85axjJDxnmWVn6Xs7V8eHQ2Lwu8Q+FgJdCKvE2jVZIa71W9AJrFlxYrtF2xfzYts9t0xH9MJ+nv1kbf6zVbXdHluu9Srfhkve3lzPkeArTh7JWX89+3yeBoF+lecbOjNcoxORl8PFPe+lETZR/pOAr+qcarldKJGaq8/O1oHxCChBoFEEEKxGkcTOXwj41xKwl9T7fdHa21aHC94uzshoJSSgQe7MVs06RUNY5+tk5XydVXeqF1WMhNAg0HACCFbDkWLwbwTcB3QAW6r/LQ7dPW9CpxwEaj2paligntRVOjHRNSkaBJpPAMFqPmP2sIuAhgrzxTbQ/lSY/9bwL0pDsGUI+IrOUzXMd40cmq/52JZxDEeSIIBgJZHmFgvS7Udd77rH2uyhst7N1GLER+yOL5/VqRsnHlBv+YwRG8MABPaRAIK1j+DYrAEE3L/XAfBua8sfRrgawLMJJtSjmq6e1J2aLmiCeUxCYK8IIFh7hYuVm0LA7Tv1uO4I3b0PNsU+RveagC+fcZRZ5S5dn9LQHw0CrUEAwWqNPODFEIEvdJfZbda1/skQdHM0bdQJ1H7YWx17q+hfrd5v+6g7wA4h8B8EECzKowUJ+Ie6OeP60P3Oyy3oXGld8pWdN+rW9NsVYPGjfBoEWo4AgtVyKcGhPwm4P6tHzlwXut79GirNI+DLZp9oWXhCe5jRvL1gGQIjJ4BgjZwhFppKQM95C7bQJk28P5z9ymBTd5WYcX/hmLE2MGWhwr5J05jEwifcCAkgWBEmLU2X/SMNE16pYcLX0oy/sVH7ss4zdI3qcU1HN9Yy1iDQPAIIVvPYYrkZBNyftvZwY7iw55tmmC+7zaGnpY+9T7epX172WImvfAQQrPLlNIGIitdBhNv1qKd7Ewi2YSH6ytlX6Jl/d2uI9cCGGcUQBEaRAII1irDZVYMJ1N7RlS+0gd7Hwny9wIC2WwJ6I8Pp+mCxJm6qoEaiJoBgRZ0+nK8RcPvYsvzm0NW7BCK7CPiyU46zzIte6EVwgUAZCCBYZcgiMQwRcN+gA/Qim9e7VD88TvY9b77qpMNssLJIw6aXafivjfKAQFkIIFhlySRx/JXAB5KrRdbdsyQl4Rp65Ud2i5R7AU9S5wtRRgIIVhmzSkx/9Lg+1esFH1Wv6zE9XPeHsmLxFTNP0M+obpBIX6oe1fiyxklcEECwqIEECPgO9TiWWvBHQtf6N8oQsD+job7K7G7Fcq1+S3VmGWIiBgjUI4Bg1SPE5yUj4JvUE3lJjyLScwq3rgldH22LJcCh31C16zX0mV714edKhKfG4jt+QqARBBCsRlDERsQEXD2usFpDaetsv/ytcE7vllYJxldO67B84hwL2WkS2fPk45xW8Q0/IPB/EECw/g/q7LN1Cbh/VhOv4D2667DHwsDG0LXh22Y7XBOn6mQ9hDafpX0Vr6HXG35N16ZoEIDAHwQQLGoBAvUIuPdJxD6QiHyiVTdKzDaa519Z1tZvg75db0zWvNKv/2+3Cf394dz39SQODdotn7G/tVfGWTWMt3zneMuyceZaruZT1GsqxGiarj8dK2E8XvOD6rnB5xBInQCClXoFED8EIACBSAggWJEkCjchAAEIpE4AwUq9AogfAhCAQCQEEKxIEoWbEIAABFIngGClXgHEDwEIQCASAghWJInCTQhAAAKpE0CwUq8A4ocABCAQCQEEK5JE4SYEIACB1AkgWKlXAPFDAAIQiIQAghVJonATAhCAQOoEEKzUK4D4IQABCERCAMGKJFG4CQEIQCB1AghW6hVA/BCAAAQiIYBgRZIo3IQABCCQOgEEK/UKIH4IQAACkRBAsCJJFG5CAAIQSJ0AgpV6BRA/BCAAgUgIIFiRJAo3IQABCKROAMFKvQKIHwIQgEAkBBCsSBKFmxCAAARSJ4BgpV4BxA8BCEAgEgIIViSJwk0IQAACqRNAsFKvAOKHAAQgEAkBBCuSROEmBCAAgdQJIFipVwDxQwACEIiEAIIVSaJwEwIQgEDqBBCs1CuA+CEAAQhEQgDBiiRRuAkBCEAgdQIIVuoVQPwQgAAEIiGAYEWSKNyEAAQgkDoBBCv1CiB+CEAAApEQQLAiSRRuQgACEEidAIKVegUQPwQgAIFICPwGqkpI5b4b6NgAAAAASUVORK5CYII=);
}

.nav-bottom-two::before {
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAawAAABBCAYAAACNZZBEAAAABHNCSVQICAgIfAhkiAAABn5JREFUeF7t3f9rVXUcx/H359y7bzZFW1psjRZFrjnHanMgKOyXoiIzDWG4FoJgYFAU/QH9DQkFljGmDcMf2hCiH0uJ5dZo7oub/qTbDI1ly8g573Y+vS9BP5Q/eDfdzvt8noNxJ9577vvzeL+5L865557rtrZ0eOEnaAEv/qYCzOnvbfFuzunfOhS3xclN5/2MF/ebEz8Ti9dbN6O/1xclc/HCQOe1oOFYfEECddv2N0YuqtLZqojEVeRvdQMVOluPiJcN4ly5zmKp81KqM1fmXP5W/y1uXUFPxJ1TK+AIrNT29sEvzMusvqAM6QvKmHcyqrfnR/q7+h78E/MMSRaobXnrmayPGzV0tmgY6a/UaxhtTnLN1GZDgMCy0SdDVfo57+Wcvkid1duzN/wfP/wyePqWoQVQamECbkvLmw0Sux26R7RTA2qnhlNlYZvg3gjcmwCBdW9O3GvJAn5BDzN+F3vpyWTi3uFzX04veVM8MBECdXX7iqPykhdE3B49fPeaHjremIjCKCL1AgRW6luctAX6wdi7nsVc7sTE0MnLSauOeu4uUFNzoLR8Y263htReDahX9PBvOVYIrLQAgbXS4jzfvwLe59//8l8txlH3hcHjk9AkS6Cp6VDRfObWi3pCRJse5tuth3nXJqtCqglNgMAKreMJXa++3/W9iP+kJF7z9eDg0VxCywyirIaGjk2LJfKOc/5t3ZN6NIhFs0gTAgSWiTaFU6QG1zU95HTszrz79NL5rqvhrHz1V1rf0tGse1HvayX7V78aKkDg/wIEFlORUAE9WUOkR3x8ZGSg+0xCi0xDWa6+pf11kegDDasdaVgQa0ivAIGV3t6mZmX6AdNx8f7IbHa+c7rvVP4DzvwsU6CyadeahzPrDjqJ8ntUTy5zczwcgRURILBWhJknuS8C+kHl2Psv4sX44/Gfu6/cl20GtpHNz7VVFmez7+ph10N6xt+GwJbPco0LEFjGGxhq+brX9Y2eYfjZSP+JnlANCll3/rJIGYk+1LP92gt5HPdFIEkCBFaSukEtBQvopaGuSCxHozvu8+Hh478WvIE0P6C1NVv/V9Ub+v7Ue3oViu1pXiprC0OAwAqjz+lfpZec7nWd1isvHBv56alvRT6K07/ou6+wbtuBxzKycFj/9yCXSQp1CtK5bgIrnX0NfVVXNbw6F8R1TfR3XQoFY2tz+8veRYd1b+rVUNbMOsMSILDC6nd4q/X+ou5l9OpVNXpHB57+MU17XvnLJa3dtPCSXhV9r+5Z7tITKdaH12BWHJIAgRVSt4Nfq/9dz4w7o3tfA/oB5WEnuaHRgZNTVlhqG9tqskVFz+vJJo1ac7MGVKuup8xK/dSJwHIFCKzlCvJ40wL/fHmlG9Tr5Y3opaEmnMRjf+aKhy8Pdc6u1sL0aujl0UMlDbrXlP8eqWe1xka9RFIje1Cr1RGeNykCBFZSOkEdiRLQkLiuITauITGp37o8qe8N6WWi/JQsRFO+ZG56rO/UjaUW/Pj2fWXr50trxMXVkomqNZiq9Aswn9APR1dreNbqe1B6yw8CCPxXgMBiJhBAAAEETAgQWCbaRJEIIIAAAgQWM4AAAgggYEKAwDLRJopEAAEEECCwmAEEEEAAARMCBJaJNlEkAggggACBxQwggAACCJgQILBMtIkiEUAAAQQILGYAAQQQQMCEAIFlok0UiQACCCBAYDEDCCCAAAImBAgsE22iSAQQQAABAosZQAABBBAwIUBgmWgTRSKAAAIIEFjMAAIIIICACQECy0SbKBIBBBBAgMBiBhBAAAEETAgQWCbaRJEIIIAAAgQWM4AAAgggYEKAwDLRJopEAAEEECCwmAEEEEAAARMCBJaJNlEkAggggACBxQwggAACCJgQILBMtIkiEUAAAQQILGYAAQQQQMCEAIFlok0UiQACCCBAYDEDCCCAAAImBAgsE22iSAQQQAABAosZQAABBBAwIUBgmWgTRSKAAAIIEFjMAAIIIICACQECy0SbKBIBBBBAgMBiBhBAAAEETAgQWCbaRJEIIIAAAgQWM4AAAgggYEKAwDLRJopEAAEEECCwmAEEEEAAARMCBJaJNlEkAggggACBxQwggAACCJgQILBMtIkiEUAAAQQILGYAAQQQQMCEAIFlok0UiQACCCBAYDEDCCCAAAImBAgsE22iSAQQQAABAosZQAABBBAwIUBgmWgTRSKAAAII/A2KbZ3Q12rtFwAAAABJRU5ErkJggg==);
  mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAawAAABBCAYAAACNZZBEAAAABHNCSVQICAgIfAhkiAAABn5JREFUeF7t3f9rVXUcx/H359y7bzZFW1psjRZFrjnHanMgKOyXoiIzDWG4FoJgYFAU/QH9DQkFljGmDcMf2hCiH0uJ5dZo7oub/qTbDI1ly8g573Y+vS9BP5Q/eDfdzvt8noNxJ9577vvzeL+5L865557rtrZ0eOEnaAEv/qYCzOnvbfFuzunfOhS3xclN5/2MF/ebEz8Ti9dbN6O/1xclc/HCQOe1oOFYfEECddv2N0YuqtLZqojEVeRvdQMVOluPiJcN4ly5zmKp81KqM1fmXP5W/y1uXUFPxJ1TK+AIrNT29sEvzMusvqAM6QvKmHcyqrfnR/q7+h78E/MMSRaobXnrmayPGzV0tmgY6a/UaxhtTnLN1GZDgMCy0SdDVfo57+Wcvkid1duzN/wfP/wyePqWoQVQamECbkvLmw0Sux26R7RTA2qnhlNlYZvg3gjcmwCBdW9O3GvJAn5BDzN+F3vpyWTi3uFzX04veVM8MBECdXX7iqPykhdE3B49fPeaHjremIjCKCL1AgRW6luctAX6wdi7nsVc7sTE0MnLSauOeu4uUFNzoLR8Y263htReDahX9PBvOVYIrLQAgbXS4jzfvwLe59//8l8txlH3hcHjk9AkS6Cp6VDRfObWi3pCRJse5tuth3nXJqtCqglNgMAKreMJXa++3/W9iP+kJF7z9eDg0VxCywyirIaGjk2LJfKOc/5t3ZN6NIhFs0gTAgSWiTaFU6QG1zU95HTszrz79NL5rqvhrHz1V1rf0tGse1HvayX7V78aKkDg/wIEFlORUAE9WUOkR3x8ZGSg+0xCi0xDWa6+pf11kegDDasdaVgQa0ivAIGV3t6mZmX6AdNx8f7IbHa+c7rvVP4DzvwsU6CyadeahzPrDjqJ8ntUTy5zczwcgRURILBWhJknuS8C+kHl2Psv4sX44/Gfu6/cl20GtpHNz7VVFmez7+ph10N6xt+GwJbPco0LEFjGGxhq+brX9Y2eYfjZSP+JnlANCll3/rJIGYk+1LP92gt5HPdFIEkCBFaSukEtBQvopaGuSCxHozvu8+Hh478WvIE0P6C1NVv/V9Ub+v7Ue3oViu1pXiprC0OAwAqjz+lfpZec7nWd1isvHBv56alvRT6K07/ou6+wbtuBxzKycFj/9yCXSQp1CtK5bgIrnX0NfVVXNbw6F8R1TfR3XQoFY2tz+8veRYd1b+rVUNbMOsMSILDC6nd4q/X+ou5l9OpVNXpHB57+MU17XvnLJa3dtPCSXhV9r+5Z7tITKdaH12BWHJIAgRVSt4Nfq/9dz4w7o3tfA/oB5WEnuaHRgZNTVlhqG9tqskVFz+vJJo1ac7MGVKuup8xK/dSJwHIFCKzlCvJ40wL/fHmlG9Tr5Y3opaEmnMRjf+aKhy8Pdc6u1sL0aujl0UMlDbrXlP8eqWe1xka9RFIje1Cr1RGeNykCBFZSOkEdiRLQkLiuITauITGp37o8qe8N6WWi/JQsRFO+ZG56rO/UjaUW/Pj2fWXr50trxMXVkomqNZiq9Aswn9APR1dreNbqe1B6yw8CCPxXgMBiJhBAAAEETAgQWCbaRJEIIIAAAgQWM4AAAgggYEKAwDLRJopEAAEEECCwmAEEEEAAARMCBJaJNlEkAggggACBxQwggAACCJgQILBMtIkiEUAAAQQILGYAAQQQQMCEAIFlok0UiQACCCBAYDEDCCCAAAImBAgsE22iSAQQQAABAosZQAABBBAwIUBgmWgTRSKAAAIIEFjMAAIIIICACQECy0SbKBIBBBBAgMBiBhBAAAEETAgQWCbaRJEIIIAAAgQWM4AAAgggYEKAwDLRJopEAAEEECCwmAEEEEAAARMCBJaJNlEkAggggACBxQwggAACCJgQILBMtIkiEUAAAQQILGYAAQQQQMCEAIFlok0UiQACCCBAYDEDCCCAAAImBAgsE22iSAQQQAABAosZQAABBBAwIUBgmWgTRSKAAAIIEFjMAAIIIICACQECy0SbKBIBBBBAgMBiBhBAAAEETAgQWCbaRJEIIIAAAgQWM4AAAgggYEKAwDLRJopEAAEEECCwmAEEEEAAARMCBJaJNlEkAggggACBxQwggAACCJgQILBMtIkiEUAAAQQILGYAAQQQQMCEAIFlok0UiQACCCBAYDEDCCCAAAImBAgsE22iSAQQQAABAosZQAABBBAwIUBgmWgTRSKAAAII/A2KbZ3Q12rtFwAAAABJRU5ErkJggg==);
  -webkit-mask-position: -1px 0;
  mask-position: -1px 0;
}

.nav-bottom-two::after {
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAawAAABACAYAAABGOUPhAAAABHNCSVQICAgIfAhkiAAABwNJREFUeF7tnOtvFFUYxs8525K2tC5kW1T4IGBCBVETgnhBEb7rJ/9WP5hoMNRAghKjxraYGCqJRiiwW7aXxXbP8ZktxIhL2HBpefv+JplsuzuX5/09M/PM5cyJwdMwdWx8dwjjtVAmUojjUX+XkmsPI0g57IoxjAdNkzWNfh+PMY4Nikrz7qrm0/Inqnl7Yylj+r8Muow+002EGF/S99Uyq3FgPY9bZynlrupb02cnhrgmmWslhk4scVXzrhb9r3WvxlBWNY2+Syux5FslpZu55Bsp1xbX19dvttu/3nrcuvjdC4GXd9fre/YNDdWmcsz7Ykz7Si5TKcW6tqFR7VvaH8po2dyvxmIJI9rOxrSdjcRS9Hcc1X40omlHtG1W2/0zG3rbewjLWmD7/rjyNAvXvnJP8y/fX+ay9vJl6dd+NNgQY1nXgaHS0xtLb/7SV1PKsdP7vYR2t1uW2+3524OtZWdMJcZPOhwcaTR2NXKOjTKU9uiAnB61JEEeDiHXQy3VNV1dB7z/bYDVxqv59X2sDsb6LNXnY/Vpg68CZ6IKn80DeTVfrJbFsB0ESrmqne83eTCnA881Sbi6sbFyZWnpenM75LDO50ug0TjybjfU3kgxvq5974jWdljj0WcdMs+3ip259IeC+UEgDlBs3JCXbR1972ridsmhqROJ7n9nLN3q95jLkvb1pW7MLX0+8oRcJywbWkLzXi3cXlmc/WsAEX0niY3Jo9/0+0VrnpSAAzrL2fOkC2c+CDwgoDPGazrzvKxt6rsc8vdho/Njq7WgjZzBCoG9e6ffDqmmMZzSCeZJXY1/YEU7Om0Q0HFCd2niHzrZ7XtsiI2pY09zm8oGBVS+qARuKMR+0Ub6U8jl2zu19GVYnK3OBBm2mUC9Pn2oNlz7XGfaJ3QmfVzh9NY2S2L1EAgEFhvBC0VAtzG+kqAvSrd83WzO//xCidvhYnQFdToNpc/0fORT3dJ7c4eXS3kGCRBYBk3zIlkHTt07L+d1FTbTDWVm6db8FS+1b0WdjcaxUzmUczHFs3oGfEbrfGYNebZCP+vwR4DA8ue55YrVOqpc0Dijx7sX7tyZv2i5mK3WXp+cPlkL8UwM6axu853T+quGSgwQMEOAwDJjFUL7EagCTLevLupKYSb/vXKJ1oj/Uqpa8JWYPlZAfaJnUefU0qtqecsAAbMECCyz1iG8f4CFOd1GvFxKvKT3Yy63Fmd/8EBqcnJ6Iuf0fkjxI4XTh2rde5rXOzw476tGAsuX3y6rVSvES3qR80rKak4f0pxeuLzRas39bhPGwZF6fXh/SunVkNI7KYX31Mz3hFrxHbdZD6ohMDgBAmtwVky5wwioUUdLjQ2qlxj/1NXY9VDyNfXusdBNYSFuxIVmc/b6VpesK6X93W44pPedDqVUDipoD+t53Wu6ajqgYHpFtz/14j0DBHwSILB8+k7VAxNQN1Wl183OZtdU6sJK4bGqYFvTlVtHz4XWFCid6u/qN3VZ1dGtuDUFy7C6IhrtdTUU1QVR1dXQZvdDm9+Vol7Cwlj1vW5hqpuizS6KBpbFhBBwSIDAcmg6JUMAAhCwSIDAsugamiEAAQg4JEBgOTSdkiEAAQhYJEBgWXQNzRCAAAQcEiCwHJpOyRCAAAQsEiCwLLqGZghAAAIOCRBYDk2nZAhAAAIWCRBYFl1DMwQgAAGHBAgsh6ZTMgQgAAGLBAgsi66hGQIQgIBDAgSWQ9MpGQIQgIBFAgSWRdfQDAEIQMAhAQLLoemUDAEIQMAiAQLLomtohgAEIOCQAIHl0HRKhgAEIGCRAIFl0TU0QwACEHBIgMByaDolQwACELBIgMCy6BqaIQABCDgkQGA5NJ2SIQABCFgkQGBZdA3NEIAABBwSILAcmk7JEIAABCwSILAsuoZmCEAAAg4JEFgOTadkCEAAAhYJEFgWXUMzBCAAAYcECCyHplMyBCAAAYsECCyLrqEZAhCAgEMCBJZD0ykZAhCAgEUCBJZF19AMAQhAwCEBAsuh6ZQMAQhAwCIBAsuia2iGAAQg4JAAgeXQdEqGAAQgYJEAgWXRNTRDAAIQcEiAwHJoOiVDAAIQsEiAwLLoGpohAAEIOCRAYDk0nZIhAAEIWCRAYFl0Dc0QgAAEHBIgsByaTskQgAAELBIgsCy6hmYIQAACDgkQWA5Np2QIQAACFgkQWBZdQzMEIAABhwQILIemUzIEIAABiwQILIuuoRkCEICAQwIElkPTKRkCEICARQIElkXX0AwBCEDAIQECy6HplAwBCEDAIgECy6JraIYABCDgkACB5dB0SoYABCBgkQCBZdE1NEMAAhBwSIDAcmg6JUMAAhCwSIDAsugamiEAAQg4JEBgOTSdkiEAAQhYJEBgWXQNzRCAAAQcEvgHCBXfraNq2/MAAAAASUVORK5CYII=);
  mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAawAAABACAYAAABGOUPhAAAABHNCSVQICAgIfAhkiAAABwNJREFUeF7tnOtvFFUYxs8525K2tC5kW1T4IGBCBVETgnhBEb7rJ/9WP5hoMNRAghKjxraYGCqJRiiwW7aXxXbP8ZktxIhL2HBpefv+JplsuzuX5/09M/PM5cyJwdMwdWx8dwjjtVAmUojjUX+XkmsPI0g57IoxjAdNkzWNfh+PMY4Nikrz7qrm0/Inqnl7Yylj+r8Muow+002EGF/S99Uyq3FgPY9bZynlrupb02cnhrgmmWslhk4scVXzrhb9r3WvxlBWNY2+Syux5FslpZu55Bsp1xbX19dvttu/3nrcuvjdC4GXd9fre/YNDdWmcsz7Ykz7Si5TKcW6tqFR7VvaH8po2dyvxmIJI9rOxrSdjcRS9Hcc1X40omlHtG1W2/0zG3rbewjLWmD7/rjyNAvXvnJP8y/fX+ay9vJl6dd+NNgQY1nXgaHS0xtLb/7SV1PKsdP7vYR2t1uW2+3524OtZWdMJcZPOhwcaTR2NXKOjTKU9uiAnB61JEEeDiHXQy3VNV1dB7z/bYDVxqv59X2sDsb6LNXnY/Vpg68CZ6IKn80DeTVfrJbFsB0ESrmqne83eTCnA881Sbi6sbFyZWnpenM75LDO50ug0TjybjfU3kgxvq5974jWdljj0WcdMs+3ip259IeC+UEgDlBs3JCXbR1972ridsmhqROJ7n9nLN3q95jLkvb1pW7MLX0+8oRcJywbWkLzXi3cXlmc/WsAEX0niY3Jo9/0+0VrnpSAAzrL2fOkC2c+CDwgoDPGazrzvKxt6rsc8vdho/Njq7WgjZzBCoG9e6ffDqmmMZzSCeZJXY1/YEU7Om0Q0HFCd2niHzrZ7XtsiI2pY09zm8oGBVS+qARuKMR+0Ub6U8jl2zu19GVYnK3OBBm2mUC9Pn2oNlz7XGfaJ3QmfVzh9NY2S2L1EAgEFhvBC0VAtzG+kqAvSrd83WzO//xCidvhYnQFdToNpc/0fORT3dJ7c4eXS3kGCRBYBk3zIlkHTt07L+d1FTbTDWVm6db8FS+1b0WdjcaxUzmUczHFs3oGfEbrfGYNebZCP+vwR4DA8ue55YrVOqpc0Dijx7sX7tyZv2i5mK3WXp+cPlkL8UwM6axu853T+quGSgwQMEOAwDJjFUL7EagCTLevLupKYSb/vXKJ1oj/Uqpa8JWYPlZAfaJnUefU0qtqecsAAbMECCyz1iG8f4CFOd1GvFxKvKT3Yy63Fmd/8EBqcnJ6Iuf0fkjxI4XTh2rde5rXOzw476tGAsuX3y6rVSvES3qR80rKak4f0pxeuLzRas39bhPGwZF6fXh/SunVkNI7KYX31Mz3hFrxHbdZD6ohMDgBAmtwVky5wwioUUdLjQ2qlxj/1NXY9VDyNfXusdBNYSFuxIVmc/b6VpesK6X93W44pPedDqVUDipoD+t53Wu6ajqgYHpFtz/14j0DBHwSILB8+k7VAxNQN1Wl183OZtdU6sJK4bGqYFvTlVtHz4XWFCid6u/qN3VZ1dGtuDUFy7C6IhrtdTUU1QVR1dXQZvdDm9+Vol7Cwlj1vW5hqpuizS6KBpbFhBBwSIDAcmg6JUMAAhCwSIDAsugamiEAAQg4JEBgOTSdkiEAAQhYJEBgWXQNzRCAAAQcEiCwHJpOyRCAAAQsEiCwLLqGZghAAAIOCRBYDk2nZAhAAAIWCRBYFl1DMwQgAAGHBAgsh6ZTMgQgAAGLBAgsi66hGQIQgIBDAgSWQ9MpGQIQgIBFAgSWRdfQDAEIQMAhAQLLoemUDAEIQMAiAQLLomtohgAEIOCQAIHl0HRKhgAEIGCRAIFl0TU0QwACEHBIgMByaDolQwACELBIgMCy6BqaIQABCDgkQGA5NJ2SIQABCFgkQGBZdA3NEIAABBwSILAcmk7JEIAABCwSILAsuoZmCEAAAg4JEFgOTadkCEAAAhYJEFgWXUMzBCAAAYcECCyHplMyBCAAAYsECCyLrqEZAhCAgEMCBJZD0ykZAhCAgEUCBJZF19AMAQhAwCEBAsuh6ZQMAQhAwCIBAsuia2iGAAQg4JAAgeXQdEqGAAQgYJEAgWXRNTRDAAIQcEiAwHJoOiVDAAIQsEiAwLLoGpohAAEIOCRAYDk0nZIhAAEIWCRAYFl0Dc0QgAAEHBIgsByaTskQgAAELBIgsCy6hmYIQAACDgkQWA5Np2QIQAACFgkQWBZdQzMEIAABhwQILIemUzIEIAABiwQILIuuoRkCEICAQwIElkPTKRkCEICARQIElkXX0AwBCEDAIQECy6HplAwBCEDAIgECy6JraIYABCDgkACB5dB0SoYABCBgkQCBZdE1NEMAAhBwSIDAcmg6JUMAAhCwSIDAsugamiEAAQg4JEBgOTSdkiEAAQhYJEBgWXQNzRCAAAQcEvgHCBXfraNq2/MAAAAASUVORK5CYII=);
}

.nav-bottom-two::before,
.nav-bottom-two::after {
  width: 430px;
}

.nav-bottom-three::before {
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAawAAABBCAYAAACNZZBEAAAABHNCSVQICAgIfAhkiAAABmBJREFUeF7tnVuopXMYh20aDTJxMVGoyTCTpilRpkQxbuRwgRLl0EQkLtA4NKVIlAtEjWG2YyhKSSIXsjG5EK5QNiJnF0aZHEbj9Lz51CoXs2avtb+13v/7fPVrrZlZ3/r/f8+728/svdf+1szfHHt5VCewAwC/kZ3d7X/3t/Pn98knZJ58MDMzE4/1kMBIBPi0cyRPsKrLam5XkoPI0i77DdxfNtJintwMgRmF1cws+yryAwt9SLaROQT2Wl8Lu05OAnyOCRmdStaTY8kxOZu460kTUFiTnkAb64e05sgrCOzdNirZYqEEENRyzj1rQFKHLfS5PE8CgwQUlh8P4yYQX309Rp5AXvHVmEcBAkhqH2qeQTZ0slpSoLYVeyagsHoGXmy5F+g7i7heKta7TF1EdTRlryAXkUPLFLfoRAgorIlgL7dovGDjLvIU8tpVrn2DhRHVWmrdQs4jezdY0UpTSEBhTeFQGt7S13S7h2xFXL803LPZaojqZMptIqc3W9JiU0tAYU3taJre2Pe0uw5pPdN0y4bKIar4dt/D5MyGalklGQGFlWxgjW33TfpsQFyfNdarmTqIaoYyV5M7yYHNFLNISgIKK+XYmtv0rUjrtuZaJS+ErNZQ4RGyLnkVt98IAYXVyCAbqBFX07gQcb3XQJfUFRBVvIjiRhL/idg3dRk33xQBhdXUONOX+YsG95NNiCsuD+XRM4HuqhTPsuzxPS/tchLYLQGFtVtEPmACBL5kzfjZlpd96hE+srqe5e7ucUmXksAeEVBYe4TLB/dIIC7K/BDZ6EvgF5c6ojqEFZ4mpy3uSj67BEYjoLBG4+fZi0/gK5a4GGm9sfhL1VsBWZ1D60dJXCndQwJTTUBhTfV43NwAgc1I6xqJjIcAooq379hM4tp/HhJIQUBhpRiTm+wIxIV1z0VcH0tk4QSQ1QrOfpn4Nh8Lx+iZEyCgsCYA3SVHIhCvHrwWaW0d6VmKnoyszqZ6/LzKXwIu+jGQubbCyjy92nt/kfpXIq7vamMYrn33LcB4BeBVw53hoyQwfQQU1vTNxB0NT+AnHnoD0pod/pR6j0RWJ9A6frdqRb32Nm6JgMJqaZp1u2yj+qWI6/O6CP7fHFHFVSpuJxuJbwHiB0d6Agor/Qgt0BH4ndv7yB2Ia0d1Ksgqrqoeb+WyqjoL+7dDQGG1M0ub/EtgO4lr4G1BXH9Ug4KojqLzg8RfAq42/AJ9FVaBIRetGG9ZEleBf7JCf0S1nJ43k7i8kocEmiSgsJocq6UGCHzB/XvJLPL6tTUyiOpwOt1ELidLW+tnHwkMElBYfjxUIfAjRbeQBxDXt9lLI6rVnai8UkX2Ybr/oQkorKFR+cBGCPxJj1fJ4+R55BUv1khxIKn92egF5DJyYopNu0kJjJGAwhojTJ8qHYGf2fFzIa9pvrguojqFPV5CzicHpKPshiUwJgIKa0wgfZr0BOKST2+R18kceQeJ7eq7Vfduv8ex7vouJympvqfgetNKQGFN62Tc16QJhMDeJh+RuNhuZB6JfTqujSGnI3iu+D2p+HnUSrKWrCPLxrWGzyOBlggorJamaZe+CMyz0DdkJwmxxe3g/fi7JSTewiNeuRe3g/cP5s9run/ra8+uI4H0BBRW+hFaQAISkEANAgqrxpxtKQEJSCA9AYWVfoQWkIAEJFCDgMKqMWdbSkACEkhPQGGlH6EFJCABCdQgoLBqzNmWEpCABNITUFjpR2gBCUhAAjUIKKwac7alBCQggfQEFFb6EVpAAhKQQA0CCqvGnG0pAQlIID0BhZV+hBaQgAQkUIOAwqoxZ1tKQAISSE9AYaUfoQUkIAEJ1CCgsGrM2ZYSkIAE0hNQWOlHaAEJSEACNQgorBpztqUEJCCB9AQUVvoRWkACEpBADQIKq8acbSkBCUggPQGFlX6EFpCABCRQg4DCqjFnW0pAAhJIT0BhpR+hBSQgAQnUIKCwaszZlhKQgATSE1BY6UdoAQlIQAI1CCisGnO2pQQkIIH0BBRW+hFaQAISkEANAgqrxpxtKQEJSCA9AYWVfoQWkIAEJFCDgMKqMWdbSkACEkhPQGGlH6EFJCABCdQgoLBqzNmWEpCABNITUFjpR2gBCUhAAjUIKKwac7alBCQggfQEFFb6EVpAAhKQQA0CCqvGnG0pAQlIID2BfwC2ad1NlW6DdgAAAABJRU5ErkJggg==);
  mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAawAAABBCAYAAACNZZBEAAAABHNCSVQICAgIfAhkiAAABmBJREFUeF7tnVuopXMYh20aDTJxMVGoyTCTpilRpkQxbuRwgRLl0EQkLtA4NKVIlAtEjWG2YyhKSSIXsjG5EK5QNiJnF0aZHEbj9Lz51CoXs2avtb+13v/7fPVrrZlZ3/r/f8+728/svdf+1szfHHt5VCewAwC/kZ3d7X/3t/Pn98knZJ58MDMzE4/1kMBIBPi0cyRPsKrLam5XkoPI0i77DdxfNtJintwMgRmF1cws+yryAwt9SLaROQT2Wl8Lu05OAnyOCRmdStaTY8kxOZu460kTUFiTnkAb64e05sgrCOzdNirZYqEEENRyzj1rQFKHLfS5PE8CgwQUlh8P4yYQX309Rp5AXvHVmEcBAkhqH2qeQTZ0slpSoLYVeyagsHoGXmy5F+g7i7heKta7TF1EdTRlryAXkUPLFLfoRAgorIlgL7dovGDjLvIU8tpVrn2DhRHVWmrdQs4jezdY0UpTSEBhTeFQGt7S13S7h2xFXL803LPZaojqZMptIqc3W9JiU0tAYU3taJre2Pe0uw5pPdN0y4bKIar4dt/D5MyGalklGQGFlWxgjW33TfpsQFyfNdarmTqIaoYyV5M7yYHNFLNISgIKK+XYmtv0rUjrtuZaJS+ErNZQ4RGyLnkVt98IAYXVyCAbqBFX07gQcb3XQJfUFRBVvIjiRhL/idg3dRk33xQBhdXUONOX+YsG95NNiCsuD+XRM4HuqhTPsuzxPS/tchLYLQGFtVtEPmACBL5kzfjZlpd96hE+srqe5e7ucUmXksAeEVBYe4TLB/dIIC7K/BDZ6EvgF5c6ojqEFZ4mpy3uSj67BEYjoLBG4+fZi0/gK5a4GGm9sfhL1VsBWZ1D60dJXCndQwJTTUBhTfV43NwAgc1I6xqJjIcAooq379hM4tp/HhJIQUBhpRiTm+wIxIV1z0VcH0tk4QSQ1QrOfpn4Nh8Lx+iZEyCgsCYA3SVHIhCvHrwWaW0d6VmKnoyszqZ6/LzKXwIu+jGQubbCyjy92nt/kfpXIq7vamMYrn33LcB4BeBVw53hoyQwfQQU1vTNxB0NT+AnHnoD0pod/pR6j0RWJ9A6frdqRb32Nm6JgMJqaZp1u2yj+qWI6/O6CP7fHFHFVSpuJxuJbwHiB0d6Agor/Qgt0BH4ndv7yB2Ia0d1Ksgqrqoeb+WyqjoL+7dDQGG1M0ub/EtgO4lr4G1BXH9Ug4KojqLzg8RfAq42/AJ9FVaBIRetGG9ZEleBf7JCf0S1nJ43k7i8kocEmiSgsJocq6UGCHzB/XvJLPL6tTUyiOpwOt1ELidLW+tnHwkMElBYfjxUIfAjRbeQBxDXt9lLI6rVnai8UkX2Ybr/oQkorKFR+cBGCPxJj1fJ4+R55BUv1khxIKn92egF5DJyYopNu0kJjJGAwhojTJ8qHYGf2fFzIa9pvrguojqFPV5CzicHpKPshiUwJgIKa0wgfZr0BOKST2+R18kceQeJ7eq7Vfduv8ex7vouJympvqfgetNKQGFN62Tc16QJhMDeJh+RuNhuZB6JfTqujSGnI3iu+D2p+HnUSrKWrCPLxrWGzyOBlggorJamaZe+CMyz0DdkJwmxxe3g/fi7JSTewiNeuRe3g/cP5s9run/ra8+uI4H0BBRW+hFaQAISkEANAgqrxpxtKQEJSCA9AYWVfoQWkIAEJFCDgMKqMWdbSkACEkhPQGGlH6EFJCABCdQgoLBqzNmWEpCABNITUFjpR2gBCUhAAjUIKKwac7alBCQggfQEFFb6EVpAAhKQQA0CCqvGnG0pAQlIID0BhZV+hBaQgAQkUIOAwqoxZ1tKQAISSE9AYaUfoQUkIAEJ1CCgsGrM2ZYSkIAE0hNQWOlHaAEJSEACNQgorBpztqUEJCCB9AQUVvoRWkACEpBADQIKq8acbSkBCUggPQGFlX6EFpCABCRQg4DCqjFnW0pAAhJIT0BhpR+hBSQgAQnUIKCwaszZlhKQgATSE1BY6UdoAQlIQAI1CCisGnO2pQQkIIH0BBRW+hFaQAISkEANAgqrxpxtKQEJSCA9AYWVfoQWkIAEJFCDgMKqMWdbSkACEkhPQGGlH6EFJCABCdQgoLBqzNmWEpCABNITUFjpR2gBCUhAAjUIKKwac7alBCQggfQEFFb6EVpAAhKQQA0CCqvGnG0pAQlIID2BfwC2ad1NlW6DdgAAAABJRU5ErkJggg==);
}

.amazing-offer-six-title {
  margin-top: 42px;
}

.amazing-offer-six-timear {
  -webkit-transform: translate(75px, 32px);
  -moz-transform: translate(75px, 32px);
  -ms-transform: translate(75px, 32px);
  -o-transform: translate(75px, 32px);
  transform: translate(75px, 32px);
}

@media only screen and (max-width: 991px) {
  .amazing-offer-six-timear {
      -webkit-transform: translate(-117px, -170px);
      -moz-transform: translate(-117px, -170px);
      -ms-transform: translate(-117px, -170px);
      -o-transform: translate(-117px, -170px);
      transform: translate(-117px, -170px);
  }
}

@media only screen and (max-width: 575px) {
  .amazing-offer-six-timear {
      -webkit-transform: translate(15px, -90px);
      -moz-transform: translate(15px, -90px);
      -ms-transform: translate(15px, -90px);
      -o-transform: translate(15px, -90px);
      transform: translate(15px, -90px);
  }

  .amazing-offer-six-title {
      margin-bottom: 48px;
  }
}

.amazing-offer-six-wrapper {
  margin-right: auto;
}

@media only screen and (max-width: 499px) {
  .amazing-offer-six-wrapper {
      margin-top: 100px;
  }
}

.amazing-offer-six .swiper-button-next {
  -webkit-transform: translate(183px, 125px);
  -moz-transform: translate(183px, 125px);
  -ms-transform: translate(183px, 125px);
  -o-transform: translate(183px, 125px);
  transform: translate(183px, 125px);
}

.amazing-offer-six .swiper-button-prev {
  -webkit-transform: translate(210px, 125px);
  -moz-transform: translate(210px, 125px);
  -ms-transform: translate(210px, 125px);
  -o-transform: translate(210px, 125px);
  transform: translate(210px, 125px);
}

@media only screen and (max-width: 991px) {
  .amazing-offer-six .swiper-button-next {
      -webkit-transform: translate(105px, -129px);
      -moz-transform: translate(105px, -129px);
      -ms-transform: translate(105px, -129px);
      -o-transform: translate(105px, -129px);
      transform: translate(105px, -129px);
  }

  .amazing-offer-six .swiper-button-prev {
      -webkit-transform: translate(130px, -129px);
      -moz-transform: translate(130px, -129px);
      -ms-transform: translate(130px, -129px);
      -o-transform: translate(130px, -129px);
      transform: translate(130px, -129px);
  }
}

@media only screen and (max-width: 575px) {
  .amazing-offer-six .swiper-button-next {
      -webkit-transform: translate(105px, -177px);
      -moz-transform: translate(105px, -177px);
      -ms-transform: translate(105px, -177px);
      -o-transform: translate(105px, -177px);
      transform: translate(105px, -177px);
  }

  .amazing-offer-six .swiper-button-prev {
      -webkit-transform: translate(130px, -177px);
      -moz-transform: translate(130px, -177px);
      -ms-transform: translate(130px, -177px);
      -o-transform: translate(130px, -177px);
      transform: translate(130px, -177px);
  }
}

.icon-close-square:before {
  content: "\e966";
}

.icon-info:before {
  content: "\e967";
}

.icon-angle-left-fill:before {
  content: "\e968";
}

.modal-product .modal-dialog {
  max-width: 1158px;
}

.modal-product .modal-content {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -webkit-box-shadow: 0 80px 99px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 80px 99px rgba(0, 0, 0, 0.15);
  box-shadow: 0 80px 99px rgba(0, 0, 0, 0.15);
  min-height: 400px !important;
}

.modal-product .modal-content::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 27px);
  -moz-transform: translate(-50%, 27px);
  -ms-transform: translate(-50%, 27px);
  -o-transform: translate(-50%, 27px);
  transform: translate(-50%, 27px);
  -webkit-border-radius: 0 0 30px 30px;
  -moz-border-radius: 0 0 30px 30px;
  border-radius: 0 0 30px 30px;
  background-color: #fff;
  width: 65%;
  height: 27px;
  -webkit-box-shadow: inset 0 80px 99px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 80px 99px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 80px 99px rgba(0, 0, 0, 0.15);
}

.modal-product .modal-body {
  padding: 104px 103px 78px 134px;
}

.modal-product.fade .modal-dialog {
  -webkit-transform: translate(0, -100px);
  -moz-transform: translate(0, -100px);
  -ms-transform: translate(0, -100px);
  -o-transform: translate(0, -100px);
  transform: translate(0, -100px);
}

.modal-product.show .modal-dialog {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-product.preloading .modal-body::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0);
  z-index: 9;
  -webkit-backdrop-filter: blur(15px) brightness(115%);
  backdrop-filter: blur(15px) brightness(115%);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

.modal-product.preloading .modal-body::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 5px solid;
  border-color: #929292 #929292 #929292 rgba(255, 255, 255, 0);
  z-index: 10;
  -webkit-animation: loading 3s linear 0s infinite;
  -moz-animation: loading 3s linear 0s infinite;
  -o-animation: loading 3s linear 0s infinite;
  animation: loading 3s linear 0s infinite;
}

@-webkit-keyframes loading {
  0% {
      -webkit-transform: translate(-50%, -50%) rotate(0deg);
      transform: translate(-50%, -50%) rotate(0deg);
  }

  100% {
      -webkit-transform: translate(-50%, -50%) rotate(360deg);
      transform: translate(-50%, -50%) rotate(360deg);
  }
}

@-moz-keyframes loading {
  0% {
      -moz-transform: translate(-50%, -50%) rotate(0deg);
      transform: translate(-50%, -50%) rotate(0deg);
  }

  100% {
      -moz-transform: translate(-50%, -50%) rotate(360deg);
      transform: translate(-50%, -50%) rotate(360deg);
  }
}

@-o-keyframes loading {
  0% {
      -o-transform: translate(-50%, -50%) rotate(0deg);
      transform: translate(-50%, -50%) rotate(0deg);
  }

  100% {
      -o-transform: translate(-50%, -50%) rotate(360deg);
      transform: translate(-50%, -50%) rotate(360deg);
  }
}

@keyframes loading {
  0% {
      -webkit-transform: translate(-50%, -50%) rotate(0deg);
      -moz-transform: translate(-50%, -50%) rotate(0deg);
      -o-transform: translate(-50%, -50%) rotate(0deg);
      transform: translate(-50%, -50%) rotate(0deg);
  }

  100% {
      -webkit-transform: translate(-50%, -50%) rotate(360deg);
      -moz-transform: translate(-50%, -50%) rotate(360deg);
      -o-transform: translate(-50%, -50%) rotate(360deg);
      transform: translate(-50%, -50%) rotate(360deg);
  }
}

.modal-product .icons {
  top: 27px;
  left: 43px;
}

.modal-product .icons>* {
  background-color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #e1e1e1;
  width: 47px;
  height: 47px;
  font-size: 18px;
  color: #919191;
  -webkit-box-shadow: -10px -7px 16px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: -10px -7px 16px rgba(0, 0, 0, 0.1);
  box-shadow: -10px -7px 16px rgba(0, 0, 0, 0.1);
}

.modal-product .icons>*:hover {
  color: #494949;
}

.modal-product .icons button {
  margin-right: 14px;
}

.modal-product .btn-view {
  font-weight: 900;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 17px 18px;
  margin-top: 44px;
}

.modal-product .btn-view i {
  font-size: 12px;
  margin-right: 13px;
}

.modal-product .right .gallery {
  padding: 45px 15px 0px 10px;
  background-color: #fff;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  border: 1px solid #e5e5e5;
  -webkit-box-shadow: 20px 43px 50px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 20px 43px 50px rgba(0, 0, 0, 0.1);
  box-shadow: 20px 43px 50px rgba(0, 0, 0, 0.1);
}

.modal-product .right .gallery .offer {
  font-size: 13px;
  font-weight: 800;
  color: #fff;
  line-height: 19px;
  padding: 7px 16px;
  top: -9px;
  left: 40px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 40px 40px 40px 0px;
  background-color: #EE273A;
  -webkit-box-shadow: 0 23px 36px rgba(238, 39, 58, 0.26);
  -moz-box-shadow: 0 23px 36px rgba(238, 39, 58, 0.26);
  box-shadow: 0 23px 36px rgba(238, 39, 58, 0.26);
  z-index: 2;
}

.modal-product .right .gallery .swiper {
  max-height: 185px;
  -webkit-filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1));
  position: unset;
  margin-left: -20px;
  width: 115px;
}

.modal-product .right .gallery .swiper-button-next,
.modal-product .right .gallery .swiper-button-prev {
  background-color: #fff;
  width: 24px;
  height: 24px;
  -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.16);
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.16);
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  right: 15px;
  z-index: 7;
}

.modal-product .right .gallery .swiper-button-next::after,
.modal-product .right .gallery .swiper-button-prev::after {
  font-size: 10px;
}

.modal-product .right .gallery .swiper-button-next {
  top: auto;
  bottom: 15px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.modal-product .right .gallery .swiper-button-prev {
  top: -10px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.modal-product .right .gallery-item {
  width: 54px;
  height: 54px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #fff;
  padding: 7px;
  cursor: pointer;
}

.modal-product .right .gallery button {
  margin-top: 23px;
  font-size: 17px;
  color: #b3bbc7;
}

.modal-product .left {
  max-width: -webkit-calc(100% - 315px);
  max-width: -moz-calc(100% - 315px);
  max-width: calc(100% - 315px);
  padding-right: 64px;
}

.modal-product .left .row {
  gap: 28px 0;
}

.modal-product .left .name {
  font-weight: 900;
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 6px;
}

.modal-product .left .sub-name {
  font-size: 14px;
  color: #b3bbc7;
  line-height: 22px;
  margin-bottom: 34px;
}

.modal-product .left .timear {
  margin: 16px 0;
}

.modal-product .left .timear li {
  font-weight: 300;
  line-height: 30px;
}

.modal-product .left .timear li:not(:last-child) {
  margin-left: 12px;
}

.modal-product .left .timear li span {
  width: 35px;
  height: 35px;
  background-color: #212341;
  line-height: 35px;
  font-size: 17px;
  font-weight: 900;
}

.modal-product .left .label {
  line-height: 22px;
  padding-left: 4px;
  min-width: 55px;
}

.modal-product .left select {
  max-width: 100%;
  min-width: 75%;
  display: inline-block;
  border-radius: 10px;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;
  text-transform: uppercase;
  line-height: 30px;
  background: #f8f9fb url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMS4wODMiIGhlaWdodD0iNi4zNTYiIHZpZXdCb3g9IjAgMCAxMS4wODMgNi4zNTYiPg0KICA8cGF0aCBpZD0iUGF0aF8xNzUiIGRhdGEtbmFtZT0iUGF0aCAxNzUiIGQ9Ik0xNS41NDIsMjAuNDA5bC00LjItNC4yYS43NTIuNzUyLDAsMCwwLTEuMTg3LjA3OS44MzEuODMxLDAsMCwwLC4wNzksMS4wNjlsNC43NSw0LjcxYS43NTIuNzUyLDAsMCwwLDEuMTA4LDBsNC43NS00LjcxYS44MzEuODMxLDAsMCwwLC4wNzktMS4wNjkuNzUyLjc1MiwwLDAsMC0xLjE4Ny0uMDc5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwLjAwMSAtMTUuOTU5KSIvPg0KPC9zdmc+DQo=") left 12px center no-repeat;
  background-size: 11px 6px;
  padding: 0 5px 0 35px;
}

.modal-product .left .colors label {
  padding: 5px 0;
  border: 1px solid transparent;
  cursor: pointer;
}

.modal-product .left .colors label:not(:last-child) {
  margin-left: 3px;
}

.modal-product .left .colors label .color {
  width: 22px;
  height: 22px;
  border: 1px solid #b3bbc7;
}

.modal-product .left .colors label .color-name {
  font-size: 11px;
  max-width: 0;
}

.modal-product .left .colors label,
.modal-product .left .colors label .color,
.modal-product .left .colors label .color-name {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.modal-product .left .colors input:checked+label {
  border-color: #efefef;
  padding: 5px 5px 5px 12px;
}

.modal-product .left .colors input:checked+label .color-name {
  max-width: 100px;
  margin-right: 8px;
}

.modal-product .left .colors,
.modal-product .left .sizes,
.modal-product .left .count {
  margin-bottom: 22px;
}

.modal-product .left .status .badge {
  line-height: 25px;
  padding: 0 12px;
  font-size: 14px;
  color: #00867d;
  background-color: #edf5e6;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.modal-product .left .options {
  background-color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 12px 5px 50px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 12px 5px 50px rgba(0, 0, 0, 0.05);
  box-shadow: 12px 5px 50px rgba(0, 0, 0, 0.05);
  padding: 16px 30px;
  line-height: 40px;
}

.modal-product .left .options .title {
  font-size: 16px;
  font-weight: 800;
  color: #494949;
}

.modal-product .left .options ul li {
  color: #919191;
}

.modal-product .left .btn-add-to-cart {
  padding: 15px 15px;
  font-size: 16px;
  font-weight: 800;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}

.modal-product .left .btn-add-to-cart i {
  font-size: 12px;
  margin-right: 12px;
}

@media only screen and (max-width: 1199px) {
  .modal-product .modal-body {
      padding: 104px 48px 48px;
  }
}

@media only screen and (max-width: 991px) {
  .modal-product.preloading .modal-body {
      max-height: -webkit-calc(100vh - 16px);
      max-height: -moz-calc(100vh - 16px);
      max-height: calc(100vh - 16px);
  }

  .modal-product .right {
      max-width: 315px;
      width: 100%;
      margin: 0 auto;
  }

  .modal-product .left {
      padding: 32px 0 0;
      max-width: 100%;
  }

  .modal-product .btns .btn {
      max-width: 50%;
  }

  .modal-product .btns .btn-add-to-cart {
      margin-left: 6px;
  }

  .modal-product .btns .btn-view {
      margin: 0 6px 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .modal-product .modal-content {
      -webkit-border-radius: 16px;
      -moz-border-radius: 16px;
      border-radius: 16px;
  }

  .modal-product .modal-content::before {
      -webkit-border-radius: 0 0 16px 16px;
      -moz-border-radius: 0 0 16px 16px;
      border-radius: 0 0 16px 16px;
      height: 17px;
      -webkit-transform: translate(-50%, 17px);
      -moz-transform: translate(-50%, 17px);
      -ms-transform: translate(-50%, 17px);
      -o-transform: translate(-50%, 17px);
      transform: translate(-50%, 17px);
  }

  .modal-product .modal-body {
      padding: 104px 32px 32px;
  }

  .modal-product.preloading .modal-body::before {
      -webkit-border-radius: 16px;
      -moz-border-radius: 16px;
      border-radius: 16px;
  }

  .modal-product .icons {
      left: 32px;
  }
}

@media only screen and (max-width: 575px) {
  .modal-product .modal-body {
      padding: 104px 16px 16px;
  }

  .modal-product .icons {
      left: 16px;
  }

  .modal-product .left .name {
      font-size: 18px;
      line-height: 30px;
  }

  .modal-product .left .sub-name {
      font-size: 12px;
  }

  .modal-product .btns .btn {
      max-width: 100%;
  }

  .modal-product .btns .btn-add-to-cart {
      margin: 0 0 12px;
  }

  .modal-product .btns .btn-view {
      margin: 0;
  }
}

.nav-responsive-content-menu li.has-child>a::after {
  content: "";
}



/* style.css */


.preloader {
  align-items: center;
  background: #FFF;
  display: flex;
  height: 100vh;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  transition: opacity 0.2s linear;
  width: 100%;
  z-index: 9999;
  opacity: 1;
  transform: opacity 1s linear;
}

.preloader img {
  width: 60px;
  height: 60px;
}




/* tag input */

:root {
  --tagify-dd-color-primary: rgb(53, 149, 246);
  --tagify-dd-bg-color: white;
  --tagify-dd-item-pad: .3em .5em
}

.tagify {
  --tags-disabled-bg: #F1F1F1;
  --tags-border-color: #DDD;
  --tags-hover-border-color: #CCC;
  --tags-focus-border-color: #3595f6;
  --tag-border-radius: 3px;
  --tag-bg: #E5E5E5;
  --tag-hover: #D3E2E2;
  --tag-text-color: black;
  --tag-text-color--edit: black;
  --tag-pad: 0.3em 0.5em;
  --tag-inset-shadow-size: 1.1em;
  --tag-invalid-color: #D39494;
  --tag-invalid-bg: rgba(211, 148, 148, 0.5);
  --tag-remove-bg: rgba(211, 148, 148, 0.3);
  --tag-remove-btn-color: black;
  --tag-remove-btn-bg: none;
  --tag-remove-btn-bg--hover: #c77777;
  --input-color: inherit;
  --tag--min-width: 1ch;
  --tag--max-width: auto;
  --tag-hide-transition: 0.3s;
  --placeholder-color: rgba(0, 0, 0, 0.4);
  --placeholder-color-focus: rgba(0, 0, 0, 0.25);
  --loader-size: .8em;
  --readonly-striped: 1;
  display: inline-flex;
  align-items: flex-start;
  flex-wrap: wrap;
  border: 1px solid var(--tags-border-color);
  padding: 0;
  line-height: 0;
  cursor: text;
  outline: 0;
  position: relative;
  box-sizing: border-box;
  transition: .1s
}

@keyframes tags--bump {
  30% {
      transform: scale(1.2)
  }
}

@keyframes rotateLoader {
  to {
      transform: rotate(1turn)
  }
}

.tagify:hover:not(.tagify--focus):not(.tagify--invalid) {
  --tags-border-color: var(--tags-hover-border-color)
}

.tagify[disabled] {
  background: var(--tags-disabled-bg);
  filter: saturate(0);
  opacity: .5;
  pointer-events: none
}

.tagify[disabled].tagify--select,
.tagify[readonly].tagify--select {
  pointer-events: none
}

.tagify[disabled]:not(.tagify--mix):not(.tagify--select),
.tagify[readonly]:not(.tagify--mix):not(.tagify--select) {
  cursor: default
}

.tagify[disabled]:not(.tagify--mix):not(.tagify--select)>.tagify__input,
.tagify[readonly]:not(.tagify--mix):not(.tagify--select)>.tagify__input {
  visibility: hidden;
  width: 0;
  margin: 5px 0
}

.tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div,
.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div {
  padding: var(--tag-pad)
}

.tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div::before,
.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div::before {
  animation: readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused
}

@keyframes readonlyStyles {
  0% {
      background: linear-gradient(45deg, var(--tag-bg) 25%, transparent 25%, transparent 50%, var(--tag-bg) 50%, var(--tag-bg) 75%, transparent 75%, transparent) 0/5px 5px;
      box-shadow: none;
      filter: brightness(.95)
  }
}

.tagify[disabled] .tagify__tag__removeBtn,
.tagify[readonly] .tagify__tag__removeBtn {
  display: none
}

.tagify--loading .tagify__input>br:last-child {
  display: none
}

.tagify--loading .tagify__input::before {
  content: none
}

.tagify--loading .tagify__input::after {
  content: "";
  vertical-align: middle;
  opacity: 1;
  width: .7em;
  height: .7em;
  width: var(--loader-size);
  height: var(--loader-size);
  min-width: 0;
  border: 3px solid;
  border-color: #eee #bbb #888 transparent;
  border-radius: 50%;
  animation: rotateLoader .4s infinite linear;
  content: "" !important;
  margin: -2px 0 -2px .5em
}

.tagify--loading .tagify__input:empty::after {
  margin-left: 0
}

.tagify+input,
.tagify+textarea {
  position: absolute !important;
  left: -9999em !important;
  transform: scale(0) !important
}

.tagify__tag {
  display: inline-flex;
  align-items: center;
  margin: 5px 0 5px 5px;
  position: relative;
  z-index: 1;
  outline: 0;
  line-height: normal;
  cursor: default;
  transition: .13s ease-out
}

.tagify__tag>div {
  vertical-align: top;
  box-sizing: border-box;
  max-width: 100%;
  padding: 7px;
  color: var(--tag-text-color);
  line-height: inherit;
  border-radius: 55px;
  white-space: nowrap;
  transition: .13s ease-out
}

.tagify__tag>div>* {
  white-space: pre-wrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: top;
  min-width: var(--tag--min-width);
  max-width: var(--tag--max-width);
  transition: .8s ease, .1s color
}

.tagify__tag>div>[contenteditable] {
  outline: 0;
  -webkit-user-select: text;
  user-select: text;
  cursor: text;
  margin: -2px;
  padding: 2px;
  max-width: 350px
}

.tagify__tag>div::before {
  content: "";
  position: absolute;
  border-radius: inherit;
  inset: var(--tag-bg-inset, 0);
  z-index: -1;
  pointer-events: none;
  transition: 120ms ease;
  animation: tags--bump .3s ease-out 1;
  box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-bg) inset
}

.tagify__tag:focus div::before,
.tagify__tag:hover:not([readonly]) div::before {
  --tag-bg-inset: -2.5px;
  --tag-bg: var(--tag-hover)
}

.tagify__tag--loading {
  pointer-events: none
}

.tagify__tag--loading .tagify__tag__removeBtn {
  display: none
}

.tagify__tag--loading::after {
  --loader-size: .4em;
  content: "";
  vertical-align: middle;
  opacity: 1;
  width: .7em;
  height: .7em;
  width: var(--loader-size);
  height: var(--loader-size);
  min-width: 0;
  border: 3px solid;
  border-color: #eee #bbb #888 transparent;
  border-radius: 50%;
  animation: rotateLoader .4s infinite linear;
  margin: 0 .5em 0 -.1em
}

.tagify__tag--flash div::before {
  animation: none
}

.tagify__tag--hide {
  width: 0 !important;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  opacity: 0;
  transform: scale(0);
  transition: var(--tag-hide-transition);
  pointer-events: none
}

.tagify__tag--hide>div>* {
  white-space: nowrap
}

.tagify__tag.tagify--noAnim>div::before {
  animation: none
}

.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div>span {
  opacity: .5
}

.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div::before {
  --tag-bg: var(--tag-invalid-bg);
  transition: .2s
}

.tagify__tag[readonly] .tagify__tag__removeBtn {
  display: none
}

.tagify__tag[readonly]>div::before {
  animation: readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused
}

@keyframes readonlyStyles {
  0% {
      background: linear-gradient(45deg, var(--tag-bg) 25%, transparent 25%, transparent 50%, var(--tag-bg) 50%, var(--tag-bg) 75%, transparent 75%, transparent) 0/5px 5px;
      box-shadow: none;
      filter: brightness(.95)
  }
}

.tagify__tag--editable>div {
  color: var(--tag-text-color--edit)
}

.tagify__tag--editable>div::before {
  box-shadow: 0 0 0 2px var(--tag-hover) inset !important
}

.tagify__tag--editable>.tagify__tag__removeBtn {
  pointer-events: none
}

.tagify__tag--editable>.tagify__tag__removeBtn::after {
  opacity: 0;
  transform: translateX(100%) translateX(5px)
}

.tagify__tag--editable.tagify--invalid>div::before {
  box-shadow: 0 0 0 2px var(--tag-invalid-color) inset !important
}

.tagify__tag__removeBtn {
  order: 5;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  cursor: pointer;
  font: 14px/1;
  background: var(--tag-remove-btn-bg);
  color: var(--tag-remove-btn-color);
  width: 14px;
  height: 14px;
  margin-right: 4.6666666667px;
  margin-left: auto;
  overflow: hidden;
  transition: .2s ease-out
}

.tagify__tag__removeBtn::after {
  content: "×";
  transition: .3s, color 0s
}

.tagify__tag__removeBtn:hover {
  color: #fff;
  background: var(--tag-remove-btn-bg--hover)
}

.tagify__tag__removeBtn:hover+div>span {
  opacity: .5
}

.tagify__tag__removeBtn:hover+div::before {
  box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-remove-bg, rgba(211, 148, 148, .3)) inset !important;
  transition: box-shadow .2s
}

.tagify:not(.tagify--mix) .tagify__input br {
  display: none
}

.tagify:not(.tagify--mix) .tagify__input * {
  display: inline;
  white-space: nowrap
}

.tagify__input {
  flex-grow: 1;
  display: inline-block;
  min-width: 110px;
  margin: 5px;
  padding: var(--tag-pad);
  line-height: normal;
  position: relative;
  white-space: pre-wrap;
  color: var(--input-color);
  box-sizing: inherit
}

.tagify__input:empty::before {
  position: static
}

.tagify__input:focus {
  outline: 0
}

.tagify__input:focus::before {
  transition: .2s ease-out;
  opacity: 0;
  transform: translatex(6px)
}

@supports (-ms-ime-align:auto) {
  .tagify__input:focus::before {
      display: none
  }
}

.tagify__input:focus:empty::before {
  transition: .2s ease-out;
  opacity: 1;
  transform: none;
  color: rgba(0, 0, 0, .25);
  color: var(--placeholder-color-focus)
}

@-moz-document url-prefix() {
  .tagify__input:focus:empty::after {
      display: none
  }
}

.tagify__input::before {
  content: attr(data-placeholder);
  height: 1em;
  line-height: 1em;
  margin: auto 0;
  z-index: 1;
  color: var(--placeholder-color);
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  position: absolute
}

.tagify__input::after {
  content: attr(data-suggest);
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  min-width: calc(100% - 1.5em);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: pre;
  color: var(--tag-text-color);
  opacity: .3;
  pointer-events: none;
  max-width: 100px
}

.tagify__input .tagify__tag {
  margin: 0 1px
}

.tagify--mix {
  display: block
}

.tagify--mix .tagify__input {
  padding: 5px;
  margin: 0;
  width: 100%;
  height: 100%;
  line-height: 1.5;
  display: block
}

.tagify--mix .tagify__input::before {
  height: auto;
  display: none;
  line-height: inherit
}

.tagify--mix .tagify__input::after {
  content: none
}

.tagify--select::after {
  content: ">";
  opacity: .5;
  position: absolute;
  top: 50%;
  right: 0;
  bottom: 0;
  font: 16px monospace;
  line-height: 8px;
  height: 8px;
  pointer-events: none;
  transform: translate(-150%, -50%) scaleX(1.2) rotate(90deg);
  transition: .2s ease-in-out
}

.tagify--select[aria-expanded=true]::after {
  transform: translate(-150%, -50%) rotate(270deg) scaleY(1.2)
}

.tagify--select .tagify__tag {
  position: absolute;
  top: 0;
  right: 1.8em;
  bottom: 0
}

.tagify--select .tagify__tag div {
  display: none
}

.tagify--select .tagify__input {
  width: 100%
}

.tagify--empty .tagify__input::before {
  transition: .2s ease-out;
  opacity: 1;
  transform: none;
  display: inline-block;
  width: auto
}

.tagify--mix .tagify--empty .tagify__input::before {
  display: inline-block
}

.tagify--focus {
  --tags-border-color: var(--tags-focus-border-color);
  transition: 0s
}

.tagify--invalid {
  --tags-border-color: #D39494
}

.tagify__dropdown {
  position: absolute;
  z-index: 9999;
  transform: translateY(1px);
  overflow: hidden
}

.tagify__dropdown[placement=top] {
  margin-top: 0;
  transform: translateY(-100%)
}

.tagify__dropdown[placement=top] .tagify__dropdown__wrapper {
  border-top-width: 1.1px;
  border-bottom-width: 0
}

.landing-fiveteen .swiper-pagination {
  bottom: 50px !important;
}

.tagify__dropdown[position=text] {
  box-shadow: 0 0 0 3px rgba(var(--tagify-dd-color-primary), .1);
  font-size: 14px;
}

.tagify__dropdown[position=text] .tagify__dropdown__wrapper {
  border-width: 1px
}

.tagify__dropdown__wrapper {
  max-height: 300px;
  overflow: auto;
  overflow-x: hidden;
  background: var(--tagify-dd-bg-color);
  border: 1px solid;
  border-color: var(--tagify-dd-color-primary);
  border-bottom-width: 1.5px;
  border-top-width: 0;
  box-shadow: 0 2px 4px -2px rgba(0, 0, 0, .2);
  transition: .25s cubic-bezier(0, 1, .5, 1)
}

.tagify__dropdown__header:empty {
  display: none
}

.tagify__dropdown__footer {
  display: inline-block;
  margin-top: .5em;
  padding: var(--tagify-dd-item-pad);
  font-size: 14px;
  font-style: italic;
  opacity: .5
}

.tagify__dropdown__footer:empty {
  display: none
}

.tagify__dropdown--initial .tagify__dropdown__wrapper {
  max-height: 20px;
  transform: translateY(-1em)
}

.tagify__dropdown--initial[placement=top] .tagify__dropdown__wrapper {
  transform: translateY(2em)
}

.tagify__dropdown__item {
  box-sizing: border-box;
  padding: var(--tagify-dd-item-pad);
  margin: 1px;
  cursor: pointer;
  border-radius: 2px;
  position: relative;
  outline: 0;
  max-height: 60px;
  max-width: 100%
}

.tagify__dropdown__item--active {
  background: var(--tagify-dd-color-primary);
  color: #fff
}

.tagify__dropdown__item:active {
  filter: brightness(105%)
}

.tagify__dropdown__item--hidden {
  padding-top: 0;
  padding-bottom: 0;
  margin: 0 1px;
  pointer-events: none;
  overflow: hidden;
  max-height: 0;
  transition: var(--tagify-dd-item--hidden-duration, .3s) !important
}

.tagify__dropdown__item--hidden>* {
  transform: translateY(-100%);
  opacity: 0;
  transition: inherit
}


.govat .tagify__tag:focus div::before,
.govat .tagify__tag:not([readonly]) div::before {
  --tag-bg: #deffdf;
}

.zaaf .tagify__tag:focus div::before,
.zaaf .tagify__tag:not([readonly]) div::before {
  --tag-bg: #ffd9d9;
}

.pcf-field-container.w-80.mx-auto {
  width: 86%;
}

.w-805.mx-auto {
  width: 64.5% !important;
}

.form-control {
  font-size: 14px;
}

.lef30 {
  left: 17px;
}



.slider {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 5px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
  border-radius: 10px;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 30px;
  height: 10px;
  background: #04AA6D;
  cursor: pointer;
  border-radius: 10px;
}

.slider::-moz-range-thumb {
  width: 30px;
  height: 10px;
  background: #04AA6D;
  cursor: pointer;
  border-radius: 10px;

}

.w-705.mx-auto {
  width: 74.5% !important;
}





.mip {
  top: 10px;
  right: 5px;
  font-weight: 700;
}


.mbmt {

  margin-bottom: 100px;
}

.mn-r {
  top: -20px !important;
}

.msfil {
  margin-right: 45%;
}

.btn.btn-success-2.rounded-pill.text-nowrap.flex-fill.msfil:disabled {
  background: #559928;
  color: #fff;
}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
  float: unset;
  width: unset;
}

.cart-wrapper {

  border-radius: 20px;
}

.cart-sidebar {

  border-radius: 19px;
}

.quantity .input-text.qty.text {
  font-size: 24px;
  width: 60px;
  height: 40px;
  background-color: #f8f9fb;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  margin: 0 12px;
  border: none;
  font-weight: 900;
  color: #2d365d;
  position: relative;
  top: -2px;
  z-index: 2;
}

.single-product .quantity {
  display: inline-block !important;
}

button.single_add_to_cart_button.button.alt.wp-element-button.btn.btn-success.rounded-pill {
  display: block;
}

.qacol {
  position: relative !important;
  top: -95px !important;
  right: 65px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}

.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
  width: 88%;
}

.woocommerce form .form-row textarea {
  min-height: 200px !important;
  border-radius: 15px !important;
  padding: 25px !important;
}

.woocommerce form .form-row label {
  line-height: 2;
  margin-right: 10px;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border-radius: 800px;
  height: 45px;
  padding: 8px 16px;
  border: 1px solid #ced4da;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 80%;
  width: 0;
}

.select2-container--default.select2-container--open .select2-selection--single {
  border-radius: 2px !important;
}

.nav-bottom.nav-bottom-four.position-fixed.bottom-0.w-100.d-flex.align-items-center.justify-content-between {
  margin-left: 10px;
  margin-right: 10px;
}



#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
  box-shadow: 0 4px 30px #edf0f5;
  border-radius: 25px;
  padding: 15px;
  -webkit-mask-image: radial-gradient(circle at 18px 50%, transparent 18px, red 18.5px);
  -webkit-mask-position: -18px;
}

.cart-wrapper .location .detail {
  padding-top: 0;

}


.changeinp {
  font-weight: 900 !important;
  color: #2d365d !important;
  font-size: 30px;
}

.mycu .woocommerce-Price-currencySymbol {
  font-size: 18px !important;
  font-weight: 300 !important;
  line-height: 27px !important;
  color: #232323 !important;
  font-style: normal !important;
}

.mycu .dashvar {
  font-size: 18px !important;
  font-weight: 300 !important;
  line-height: 27px !important;
  color: #232323 !important;
  font-style: normal !important;
  margin: -45px 15px 0 15px !important;

}


img.rounded-circle.profimg {
  width: 18%;
  margin-left: 15px;
}

.swiper-geabox .swiper-pagination {
  position: absolute;
  background: #fff;
  border: 1px solid #fff;
  width: 16%;
  border-radius: 155px;
  right: 25px;
  bottom: 20px;
  padding: 8px 0 5px 0;
}

.swiper-geabox .swiper-pagination-bullet {
  color: #000;
  background: #000;
  opacity: 1;
  width: 8px;
  height: 8px;
  z-index: 999;
}

.swiper-geabox .swiper-pagination-bullet-active {
  background: red;
  width: 20px;
  border-radius: 15px;
  z-index: 999;
}

a.d-block.wrbut {
  margin: 18px;
  font-weight: 700;
  font-size: 13px;
}

.mkt {
  position: relative;
  top: -1px;
  right: 5px;
}

.woosw-popup-content-bot {
  display: none;
}

.woosw-item--time {
  visibility: hidden;
}

.woosw-item--add {
  display: none;
}

.woosw-popup-content-mid.ps-container.ps-theme-wpc {
  margin-top: 15px !important;
  border-radius: 30px;
  position: relative;


}

.woosw-popup-content::before {
  content: '';
  position: absolute;
  top: 100px;
  bottom: 40px;
  left: -18px;
  width: 300px;
  height: 550px;
  border-radius: 25px;
  opacity: 0.5;
  background-color: #000;
  visibility: visible;
}

.woosw-popup-content::after {
  content: '';
  position: absolute;
  top: 127px;
  bottom: 40px;
  left: -35px;
  width: 300px;
  height: 492px;
  border-radius: 25px;
  opacity: 0.2;
  background-color: #000;
  z-index: -3;
  visibility: visible;
}

.woosw-popup-content-top {
  border-radius: 53px;
  border: 1px dashed rgba(255, 255, 255, 0.5);
}

.woosw-popup .woosw-popup-inner .woosw-popup-content {
  overflow: visible;
}

.woosw-popup.woosw-show .woosw-popup-inner .woosw-popup-content {
  min-height: 685px;
}


.category-sidebar-box.filter-price {
  margin-bottom: 30px;
}

.color-size.d-flex.align-items-sm-center.flex-column.flex-sm-row.mt-3 {
  padding-right: 0;
}




/*
customizer
*/

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: unset;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: unset;
}

.top-products-two-wrapper .product-five .product-image {
  -webkit-box-shadow: unset;
  -moz-box-shadow: unset;
  box-shadow: unset;
}

.top-products-two-wrapper .product {
  -webkit-box-shadow: unset;
  -moz-box-shadow: unset;
  box-shadow: unset;
}

.top-products-two-wrapper .swiper.swiper-top-products-two.overflow-hidden.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-rtl.swiper-backface-hidden {
  padding-top: 15px;
}

.top-products-two-wrapper .product-eight {
  background-color: #fff0;
}

.slider-banner-home {
  margin-top: 0;
}

.tbgrid {
  margin-bottom: 40px;
}

.top-products-three .top-products-three .product-three {
  margin-bottom: 0;
}

.article-three figure {
  margin-bottom: 30px !important;
}

.article-four img.d-block.w-100 {
  height: 285px;
  object-fit: cover;
}

.products-category .swiper-button-prev {
  right: auto;
  left: -17px;
}

.products-category .swiper-button-next {
  left: auto;
  right: -17px;
}

.buy-vip .product-five .product-image {
  -webkit-box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
  -moz-box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
  box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
}

.buy-vip .product {
  -webkit-box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
  -moz-box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
  box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
  margin-top: 10px;

}

.category-slider-banner .left {
  max-width: none;
  max-width: none;
  max-width: none;
}

.category-slider-banner .left .carousel-item img {
  object-fit: cover;
}

.amazing-offer-three-wrapper img {
  height: 247px !important;
  width: 100% !important;
}

.top-seller-products-two .product {
  margin-top: 15px;
  box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
}

.top-seller-products-two .product-eight .image {
  -webkit-box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
  -moz-box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
  box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
}

.top-seller-home-five .swiper-button-next,
.top-seller-home-five .swiper-button-prev {
  top: 47px !important;
}

.top-seller-home-five .swiper-button-next,
.top-seller-home-five .swiper-button-prev {
  top: 47px !important;
}


.article-six figure img {
  max-height: 375px;
  height: 375px;
  object-fit: cover;
}

.about-us-home-six {
  margin: 0 !important;
}

.slider-banners-ten-item img {
  -webkit-border-radius: 35px !important;
  -moz-border-radius: 35px !important;
  border-radius: 35px !important;
}

.amazing-offer-eight-item .image img {
  height: 313px !important;
}

.amazing-offer-seven-item .image img {
  width: auto;
  height: 400px;
}

.swiper-slide-active .amazing-offer-fourteen-item>img {
  width: 346px !important;
}

.product-ten .product-image img {
  max-width: 205px !important;
}

.amazing-offer-fiveteen .swiper-pagination-bullet img {
  width: 39px;
  height: auto !important;
}

.amazing-offer-five-wrapper .amazing-offer-two-item img {
  width: 294px;
}

.swiper-amazing-offer-two .amazing-offer-six-item img {
  width: 254px;

}

.amazing-offer-sixteen-item .image img:last-child {
  width: 400px;
}

.amazing-offer-sixteen-item .image img {
  width: 400px;
}

.product-thirteen .product-image img {
  height: auto;
}

.top-header-two-search {
  width: auto;
  margin-left: 0;
}

span.select2-dropdown.select2-dropdown--above {
  width: 130px !important;
}

.footer-three-articles li img {
  object-fit: cover;
}

.options-site-two {
  margin: 5px 0 5px;
}

.footer-three-titr {
  margin-bottom: 5px;
}

.footer-scroll-header {
  margin-bottom: 0;
}

.footer-four {
  margin-top: 0;
}

.footer-four .footer-namad,
.footer-four-news-letter {
  margin-top: 5px;
  padding-top: 25px;
}

.footer-four .titr {
  margin-bottom: 0;
}

.nav-header-two .menu::before {
  right: 17px;
  bottom: -webkit-calc(100% - 19px);
  bottom: -moz-calc(100% - 19px);
  bottom: calc(100% - 19px);

}

.landing {
  margin-top: 0;

}

.landing-item {
  padding-top: 50px;
}

.nav-header-menu {
  padding: 0;
}

.top-header-three-nav::before {
  margin-bottom: -69px;
}

.nav-header-menu::before {
  position: absolute;
  top: 37px;
}

.nav-header-cart-dropdown.left-side {
  right: 0;
  left: auto;
  -webkit-border-radius: 35px 0 35px 35px;
  -moz-border-radius: 35px 0 35px 35px;
  border-radius: 35px 0 35px 35px;
}

.nav-header-five .menu::before {
  position: absolute;
  top: 37px;
}

.landing-tow {
  margin-top: 0;
}

.boostify-menu>li .menu-item-icon {
  padding: 0;
  padding-bottom: 8px;
}

.nav-header-eleven ul li a::before {
  top: -3px;
}

.lavazem .boostify-menu>li .menu-item-icon {
  padding: 0;
  padding-bottom: 0;
}

.product-thirteen .btns li a {
  line-height: 43px;
  font-size: 19px;
}

.product-eleven .product-image .bookmark {
  line-height: 41px;
  font-size: 25px;
}

.product-hover .btn:last-child {
  line-height: 30px;
  font-size: 19px;
}

.product-hover .woosw-btn {
  font-size: 19px;
  padding-right: 8px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  color: #2d365d;

}

.product-hover .woosw-btn:hover {
  background-color: #dee3ec;
  border-radius: 50% !important;
}

.nav-header-fourteen {
  margin-top: 0;
}

.nav-header-fourteen .menu {
  background: none;
  padding: 0;
}

.top-header-sixteen {
  background-color: unset;
}

.slider-banner-home .carousel,
.slider-banner-home .carousel-inner,
.slider-banner-home .carousel-item,
.slider-banner-home .carousel-item img {
  object-fit: cover;
}

.slider-home img {
  object-fit: cover;
}

.slider-banners-ten-item img {
  object-fit: cover;
}

.slider-banners-ten .swiper {
  margin-bottom: 0;
}

.slider-banners-ten {
  margin: 0;
}

.top-category-item h1,
.top-category-item h2,
.top-category-item h3,
.top-category-item h4,
.top-category-item h5,
.top-category-item h6,
.top-category-item p,
.top-category-item div {
  line-height: 30px;
  margin-top: 22px;
  text-align: center;
  color: #212341;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.new-article .heading {
  border-top: none;
  padding-top: 0;
}

.article figure {
  margin: 10px !important;
}

.new-article .heading a {
  padding: 8px 26px 8px 26px;
  border-radius: 20px;
}

.amazing-offer-two-item img {
  width: 196px
}

.top-category-two-item img {
  max-width: 480px;
}

.top-category-two-item img {
  height: auto !important;
}

.top-category-three-item img {
  max-height: unset;
}

.category-products-two-item img {
  height: auto;
}

.category-products-three-item img {
  height: auto;
}

.category-products-four-item img {
  height: auto;
}

.category-products-fiveteen-item img {
  height: auto;
}

.category-products-fiveteen-item::before {
  width: unset;
  height: unset;
  padding: 76px 36px 72px 92px;
}

.category-products-fiveteen-item h2,
.category-products-fiveteen-item h3,
.category-products-fiveteen-item h4,
.category-products-fiveteen-item h5,
.category-products-fiveteen-item h6,
.category-products-fiveteen-item p,
.category-products-fiveteen-item div,
.category-products-fiveteen-item span {
  max-width: 120px;
  background-color: #fff9eb;
  color: #121320;
  margin-top: 64px;
  border-radius: 15px;
}

.category-products-two-item h2,
.category-products-two-item h3,
.category-products-two-item h4,
.category-products-two-item h5,
.category-products-two-item h6,
.category-products-two-item span,
.category-products-two-item div,
.category-products-two-item p {
  padding: 4px 12px;
  background-color: #39d4df;
  border-radius: 15px;
  color: #fff;
}

.landing-tow .title h4 {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  font-size: 60px;
  font-weight: 900;
  line-height: 50px;
  margin-bottom: 0;
}

.sub-o {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  margin-top: 60px
}

.top-header-three-search .btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: unset;
}

.section-heading {
  margin-bottom: 71px;
}

.consol-game .section-heading-sub-title {
  margin-bottom: 0;
}

.top-seller-home .section-heading-sub-title {
  margin-bottom: 0;
}

.best-seller-products .section-heading-title,
.category-products-four .section-heading-title {
  margin-bottom: 0;
}

.best-selling-sixteen .section-heading-title {
  margin-bottom: 0;
}

.elementor-widget-headingkaveh .section-heading {
  margin-bottom: 0px;
}

.woocommerce-pagination {
  text-align: center;
  margin-top: 25px;
  margin-bottom: 25px;
}

a.page-numbers {
  margin: 4px;
  padding: 8px 15px 8px 15px;
  color: #000;
  background-color: #fff;
  font-size: 16px;
  font-weight: bold;
  border-radius: 10px;
  -webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 50px rgba(0, 0, 0, 0.2);
}

span.page-numbers.current {
  margin: 4px;
  padding: 8px 15px 8px 15px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  border-radius: 10px;
  -webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 50px rgba(0, 0, 0, 0.2);
}

.woocommerce nav.woocommerce-pagination ul {
  border: none;
}

.woocommerce .woocommerce-pagination ul.page-numbers li,
.woocommerce-page .woocommerce-pagination ul.page-numbers li {
  display: inline-block;
  border: none;
}

.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
  color: #fff;
  padding: 10px 15px 10px 15px;
  margin: 5px;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  padding: 10px 15px 10px 15px;
  background: #fff;
  margin: 5px;
  border-radius: 10px;
  -webkit-box-shadow: unset;
  -moz-box-shadow: unset;
  box-shadow: unset;

}

.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
  float: left !important;
  margin-left: 0 !important;
  padding: 15px 35px 16px 35px !important;
  border-radius: 100px !important;
}

.tamsho {
  font-weight: 900;
  font-size: 22px;
  margin-bottom: unset;
}

.boostify-menu .menu-item-has-children>a:after {
  content: '\f3d0' !important;
  font-family: "Ionicons" !important;
  padding-right: 5px !important;
}

.detail-blog-content ul li {
  list-style: unset;
  list-style-type: disc !important;
  margin-right: 30px;
  line-height: 35px;
}

.detail-blog-content p,
.detail-blog-content h1,
.detail-blog-content h2,
.detail-blog-content h3,
.detail-blog-content h4,
.detail-blog-content h5,
.detail-blog-content h6 {
  margin-bottom: 10px;
}

span.position-absolute.top-0.end-0.bg-porp.me-3.mt-3 {
  background: #c1c1c1;
  padding: 3px 3px 3px 8px;
  top: -7px !important;
  border-radius: 7px;
}


.nav-header-cart-dropdown-two-products-item .delete {
  border-radius: 15px;
}

.nav-header-cart-dropdown-two-products-item {
  border-radius: 20px;
}

.cart-mobile-products-item .quantity .input-text.qty.text {
  font-size: 15px !important;
  width: 32px !important;
  height: 32px !important;
  margin: 0 5px !important;
}

.count button {
  background: #2d365d;
  color: #fff;
  border-radius: 7px;
  font-weight: bold;
  line-height: 25px;
  font-size: 26px;
}

.count.d-flex.align-items-center {
  border-radius: 10px;
  padding: 5px 10px;
  background: #fff;
}

.count input {
  font-size: 19px;
  width: 60px;
  height: 32px;
  background-color: #f8f9fb;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 28px;
  margin: 0 12px;
  border: 1px solid #2d365d3d !important;
}

.count button {
  font-size: 22px;
  line-height: 24px;
}

.count button,
.count input {
  font-weight: 700;
}

.count button:hover {
  background-color: #ee232b;
}

.single-product .breadcrumb {
  padding: 5px 0;
}

.single-product .breadcrumb a {
  margin: 0px 5px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: right;
  direction: rtl;
  color: #212341;
}

.single-product .breadcrumb::before {
  margin-top: -2px;
}

.header form span {
  right: 25px;
  font-weight: 400;
  line-height: 18px;
}

.header form span b {
  color: #2d365d;
  font-weight: 400;
}

.cart-two-products-item .detail .count button {

  background: transparent;
}

/*amir start*/
* * span.woocommerce-Price-currencySymbol {
  font-weight: 300;
  font-size: 14px;
  line-height: 22px;
  margin-right: 3 px;
  color: #232323;
}

span.woocommerce-Price-amount.amount {
  font-size: 18px;
  font-weight: 900;
  /* color: #49be78; */

}

.dashvar {
  bottom: 0;
  position: relative;
  margin: 0 4px;
}

.product-hover {
  padding: 22px 22px;
}

.product-hover .btn.icarrt {
  padding: 0;
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 15px;
  color: #2d365d;
}

.product-hover .btn.icarrt {
  line-height: 38px;
  font-size: 17px;
  margin-left: 4px;
}

.product-hover .btn.iheart {
  padding: 0;
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 15px;
  color: #2d365d;
}

.product-hover .btn.iheart {
  line-height: 34px;
  font-size: 19px;
  margin-left: 4px;

}

.product-hover .btn.ieye {
  line-height: 33px;
}

.single_add_to_cart_button.btn.btn-secondary.rounded-circle {
  position: relative;
}


.loading .icon-cart-3 {
  display: none
}

.box-gallery-body>img {
  object-fit: contain;
  width: 450px;
  margin-right: 80px;
}


.tozi {
  font-size: 14px;
  font-weight: 300 !important;
}

/*amir end */
.product.product-five .status {
  z-index: 9;
  margin: 12px 12px 0 0;
}

.product-five .content {
  height: 131px;
}

.product-two {
  height: 439px;
  border-radius: 0 !important;
  background: unset !important;
  box-shadow: unset !important;
}

.product-three {
  height: 436px;
}

/* product five start */
.product-eight .btn-success-2 {
  bottom: 8px;
  position: absolute;
  left: 0;
}

.product-eight {
  height: 428px;
}

.product-eight .content {
  height: 139px;
}

span.btn-notstock {
  position: absolute;
  bottom: 26px;
  background-color: #f8f9fb;
  color: #232323;
  bottom: 26px;
  right: 0;
  font-size: 13px;
  font-weight: 300;
  width: 100%;
  padding: 5px 12px;
  line-height: 20px;
}

.product-eight:hover span.btn-notstock {
  background-color: #fff0;
}

/* product five end */
/* product six start */
.product-seven {
  height: 433px;
}

.product-seven .price .nam-6 {
  font-size: 23px;
  font-weight: 900;
  line-height: 29px;
}

.product-seven .na6 {
  border: 1px solid #706b6b;
  color: #aea7a7;
}

/* product six end */
/* product eight start */

.product-six {
  height: 433px;
}

.product-six .nam08 .na8 {
  font-size: 24px;
  font-weight: 300;
}

.product-six .nam08 {
  background-color: #aea7a7;
}

/* product eight end */
/* product nine start */
.product-not {
  height: 469px;
}

/* product eight end */
/* product ten start */
.product-ten {
  height: 450px;
}

.mt-p10 {
  margin-top: 67px;
}

.product .detail .nor10p {
  margin-top: 26px;
}

.mt-p101 {
  /* margin-top:34px; */
}

/* product ten end */
/* product twelve start */
.product-eleven {
  height: 477px;
}

.mt-p121 {
  /* margin-top:70px; */
}

.mt-p12 {
  margin-top: 106px;
}

.product .detail .nor12p {
  margin-top: 62px;
}

/* product twelve end */
/* product thirteen start */
img.imagestp13 {
  max-width: 30%;
}

.product-twelve {
  height: 141px;
}

/* product thirteen end */
/* product foureen start */
.product-thirteen {
  height: 452px;
}

/* product fourteen end */
.product.product1 {
  height: 412px;
}

.amazing-offer-two .swiper {
  height: 387px;
}

.amazing-offer-fourteen-item .detail .images li img {
  width: auto !important;
  height: 100px;
  max-width: unset;
}

.amazing-offer-fiveteen-item .detail .content .options ul li {
  max-width: 60%;
}


/* shadows product */
.top-seller-home .overflow-hidden .product.product1.maip {
  margin-top: 12px;
}

.top-seller-home .overflow-hidden .product {
  -webkit-box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
  -moz-box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
  box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
}

.top-seller-home .overflow-hidden .product-hover {
  box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
  border-radius: 25px;
}

.top-seller-home .overflow-hidden .product-five .product-image {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.top-seller-home .overflow-hidden .product-eight .image {
  -webkit-box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
  -moz-box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
  box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
}

.product-four {
  height: 427px;
}

.top-seller-home .overflow-hidden .product-four .product-hover {
  border-radius: 0;
}

.top-seller-home .overflow-hidden .product-four {
  margin-top: 12px;
}

.top-seller-home .overflow-hidden .product-twelve {
  margin-top: 16px;
  margin-bottom: 15px;
  -webkit-box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
  -moz-box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
  box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
}

.comments li .content .info>img {
  width: 63px;
  height: 63px;
  margin-left: 9px;
}

.send-comment {
  margin: 10px auto 0;
  max-width: 764px;
  width: 100%;
}

.xdebug-var-dump {
  text-align: left;
}

ul.children {
  margin-right: 8%;
}

h3#reply-title {
  font-weight: 900;
  margin-right: 18%;
  font-size: 22px;
}

a#cancel-comment-reply-link {
  color: red;
}

.comments li {
  margin-bottom: 48px;
}

p.position-absolute.top-0.lef30 {
  font-weight: 700;
}

.flex-sm-row .rating {
  margin-right: 10px;
}

#comments .rate-comment .rate-box-progress li .progress {
  width: -webkit-calc(100% - 100px);
  width: -moz-calc(100% - 100px);
  width: calc(100% - 100px);

}





.container.position-fixed.top-50.start-50.translate-middle {
  z-index: 99999;
}

.d-inline.rounded-4.m-2.w-50 {
  width: 46% !important;
}

.d-block.rounded-4.m-2.w-75 {
  width: 96% !important;

}

.seeebox .backdrop {
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}

.seeebox .backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
}

input.form-control.position-absolute {
  left: 0px;
  background: #F4F5F9;
  height: 50px;
}

input.form-control.position-absolute {
  left: 0px;
  top: -1px;
  background: #F4F5F9;
  height: 50px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  color: #212341;
  font-size: 13px;
  padding-right: 5%;
}

input.form-control.position-absolute::placeholder {
  color: #212341;
  font-size: 13px;
  font-weight: 700;
}

.bg-purp {
  background: #212341;
  border-radius: 15px 15px 0px 15px;
  padding: 1.1rem;
  margin-top: -1px;
  color: #fff;
  z-index: 99999;
}

.bg-porp {
  z-index: 99999;
}

.col-lg.p-3.m-2.justify-content-between.position-relative::before {
  content: "";
  background-image: url("../../images/Rectangle\ 510.svg");
  background-size: contain;
  width: 1px;
  height: 403px;
  z-index: 999999;
  top: 0;
  right: -10px;
  position: absolute;
}

.swiper-slide .rizs {
  display: block !important;
}

.rizs {
  font-size: 9px;
}

.seer {
  border: 1px solid #D9D9D9;
  border-radius: 8px;
  font-size: 10px;
  padding: 5px 9px 6px 8px;
  box-shadow: -1px 13px 15px 0px rgba(51, 42, 42, 0.04);
  -webkit-box-shadow: -1px 13px 15px 0px rgba(51, 42, 42, 0.04);
  -moz-box-shadow: -1px 13px 15px 0px rgba(51, 42, 42, 0.04);
}

.lisea:hover {
  margin-left: 30px;
  transition: 0.3s;
  padding: 12px 0px 12px 0px !important;
  border-radius: 12px;
  background: #fff;
  box-shadow: inset 0 0 10px 4px rgb(82 99 116 / 13%) !important;
  -webkit-box-shadow: inset 0 0 10px 4px rgb(82 99 116 / 13%) !important;
  -moz-box-shadow: inset 0 0 10px 4px rgb(82 99 116 / 13%) !important;
}

.prseabox {
  border: 1px solid #d7cbcb;
}

.boxim {
  box-shadow: 1px 14px 27px 0px rgba(0, 0, 0, 0.17) !important;
  -webkit-box-shadow: 1px 14px 27px 0px rgba(0, 0, 0, 0.17) !important;
  -moz-box-shadow: 1px 14px 27px 0px rgba(0, 0, 0, 0.17) !important;
  max-width: 100%;
}

.prseabox:hover {
  transition: 0.3s;
  border: none;
  background: #fff !important;
  box-shadow: inset 0 0 10px 4px rgb(82 99 116 / 13%) !important;
  -webkit-box-shadow: inset 0 0 10px 4px rgb(82 99 116 / 13%) !important;
  -moz-box-shadow: inset 0 0 10px 4px rgb(82 99 116 / 13%) !important;
}

.swiper-sea-next.position-absolute.top-0.end-0 {
  padding: 4px 11px 4px 11px;
  top: 45px !important;
  z-index: 999999;
  margin-left: 2%;
  box-shadow: 1px 14px 27px 0px rgba(0, 0, 0, 0.17);
  -webkit-box-shadow: 1px 14px 27px 0px rgba(0, 0, 0, 0.17);
  -moz-box-shadow: 1px 14px 27px 0px rgba(0, 0, 0, 0.17);
}

.swiper-sea-prev.position-absolute.top-0.start-0 {
  padding: 4px 11px 4px 11px;
  top: 45px !important;
  z-index: 999999;
  transform: rotate(180deg);
  margin-right: 1%;
  box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.17);
  -webkit-box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.17);
  -moz-box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.17);
}

.f-sea {
  font-size: 11px !important;
}

p.d-inline.mx-2 {
  font-size: 12px;
}

.container.position-fixed.top-50.start-50.translate-middle {
  z-index: 99999;
  top: 295px !important;
}

@media (min-width: 481px) {
  .container.position-fixed.top-50.start-50.translate-middle {
      z-index: 99999;
      top: 330px !important;

  }
}

@media (max-width: 480px) {
  .container.position-fixed.top-50.start-50.translate-middle {
      z-index: 99999 !important;
      top: 400px !important;
      width: 95% !important;

  }

  .swiper.swiper-seabox.ms-3.mx-4.overflow-hidden.pb-5.pt-2.swiper-initialized.swiper-horizontal.swiper-rtl.swiper-backface-hidden {
      padding-bottom: 1rem !important;
  }

  .srows {
      height: 200px;
      overflow-x: hidden;
      overflow-y: auto;
  }

  .d-inline.rounded-4.m-2.w-50 {
      width: 44% !important;
  }

  .d-block.rounded-4.m-2.w-75 {
      width: 94% !important;
  }

  input.form-control.position-absolute {
      padding-right: 19%;
  }

  .swiper-geabox .swiper-pagination {
      width: 25%;
      padding: 4px 0 1px 0;
  }

  .swiper-sea-prev.position-absolute.top-0.start-0 {
      top: 39px !important;
  }

  .swiper-sea-next.position-absolute.top-0.end-0 {
      top: 39px !important;
  }
}

.stc-categories {
  visibility: hidden;
  position: absolute;
}

.news-letter .stc-email-field {
  display: inline-block;
  width: 65% !important;
}

.news-letter #stc-subscribe-btn {
  display: inline;
  width: 11%;
  position: absolute;
  bottom: 181px;
  left: 22%;
}

.news-letter #stc-update-btn {
  display: inline;
  width: 11%;
  position: absolute;
  bottom: 181px;
  left: 22%;
}

.stc-categories-label-title {
  display: none;
}

.news-letter .field-style {
  margin-top: -23px;
}

.third1 input {
  bottom: 10px !important;
  position: relative;
  width: 83% !important;
}

.third1 #stc-subscribe-btn {
  display: inline;
  width: 11%;
  position: absolute;
  bottom: 25px;
  left: 2%;
}

.third1 #stc-update-btn {
  display: inline;
  width: 11%;
  position: absolute;
  bottom: 25px;
  left: 22%;
}

.third1.flex-fill {
  margin-bottom: -20px;
}




.third3 input {
  bottom: 10px !important;
  position: relative;
  width: 83% !important;
}

.third3 input {
  bottom: 10px !important;
  position: relative;
  width: 83% !important;
}

.third3 #stc-subscribe-btn {
  display: inline;
  width: unset;
  position: absolute;
  bottom: 32px;
  left: 11%;
}

.third3 #stc-update-btn {
  display: inline;
  width: unset;
  position: absolute;
  bottom: 32px;
  left: 11%;
}

.third3.flex-fill {
  margin-bottom: -20px;
}

@media screen and (max-width: 480px) {
  .news-letter #stc-subscribe-btn {
      display: inline;
      width: 30%;
      position: absolute;
      bottom: 1px;
      left: 3%;
  }

  .news-letter #stc-update-btn {
      display: inline;
      width: 30%;
      position: absolute;
      bottom: 1px;
      left: 3%;
  }

  .third3 #stc-subscribe-btn {
      display: inline;
      width: unset;
      position: absolute;
      bottom: 32px;
      left: 7;
  }

  .third3 #stc-update-btn {
      display: inline;
      width: unset;
      position: absolute;
      bottom: 32px;
      left: 7%;
  }
}

.seecart {
  background-color: #49be78 !important;

}

.nav-header-cart-dropdown ul li img {
  height: auto !important;
  max-height: 80px !important;
  max-width: 25% !important;
  width: unset !important;

}

.gradient.product-ten .single_add_to_cart_button.cart11.loading span:first-child {
  background-color: #2d365d;
}

.gradient.product-ten:hover .add-to-cart.loading span:first-child {
  color: #2d365d;
}

.product-six .priceva .woocommerce-Price-amount {
  -webkit-border-radius: 0 15px;
  -moz-border-radius: 0 15px;
  border-radius: 0 15px;
  color: #fff;
  font-weight: 300;
  line-height: 21px;
}

.priceva span.woocommerce-Price-amount.amount {
  font-size: 16px;
  font-weight: 900;
  color: #ffffff;
  line-height: 24px;
  bottom: unset;
}

.priceva .woocommerce-Price-currencySymbol {
  color: #fff;
  font-size: 12px !important;
  font-weight: 100 !important;
  line-height: 21px !important;
}

.product-six .priceva.price .amount span:first-child {
  line-height: 30px;
  font-size: 20px;
  font-weight: 900;
  padding: 0 9px 0 0;
  margin-right: -8px
}



.product-thirteen span.woocommerce-Price-amount.amount {
  bottom: unset;
}

.product-thirteen-three:hover .detail .woocommerce-Price-amount {
  opacity: 0;
}

.product-thirteen .dashvar {
  bottom: unset;
}

.product-thirteen span.woocommerce-Price-amount.amount {
  font-size: 18px;
}

.product-eight .dashvar {
  margin: 0 4px;
}

.woocommerce-Price-amount .product-eight:hover .price {
  opacity: 0;
}

.product-eight .btn-success-2 {
  padding: 0px 22px;
  width: auto;
}

.product-eight .btn-success-2.loading span {
  display: none;
}

.product-eight .btn-success-2.loading {
  padding: 0px 16px;
}

a.added_to_cart.wc-forward {
  display: none;
}

.product-three span.woocommerce-Price-amount.amount {
  color: #ffffff;
  bottom: 0;
}

.product-three span.woocommerce-Price-currencySymbol {
  font-size: 10px !important;
  font-weight: 100;
  color: #fff;
}

.product-three .dashvar {
  bottom: 0;
  font-weight: 100 !important;
  position: relative;
}

.product-three .detail .price-offer span {
  font-weight: 900;
  font-size: 18px;
  line-height: 26px;
  margin: 0 auto 0 4px;
}

.product-not .dashvar {
  bottom: 0;
  position: relative;
}

.product-not .detail .icons-offer ul li a {
  position: relative;
}

.product-not span.woocommerce-Price-amount.amount {
  bottom: 0;
}



a.added_to_cart.wc-forward {
  display: none !important;
}

.product-seven span.woocommerce-Price-amount.amount {
  color: #ee232b;
}

.product-seven span.woocommerce-Price-currencySymbol {
  font-size: 11px;
  font-weight: 300;
  color: #ee232b;
}

.product-seven span.woocommerce-Price-amount.amount {
  font-size: 18px;
  line-height: 26px;
  bottom: 0;
}

.product-seven .dashvar {
  bottom: 0;
}

.woocommerce-Price-amount:first-child .woocommerce-Price-currencySymbol {
  display: none !important;
}

.woocommerce-Price-amount:only-child .woocommerce-Price-currencySymbol {
  display: inline-block !important;
}

.product-seven .price span {
  margin: 0 auto 0 0px;
}

.product-seven .price>del+span {
  margin: 0 auto 0 6px !important;
}

.product-ten .single_add_to_cart_button.cart11.loading span:first-child {
  background-color: #ffb035;
}

.product-ten:hover .add-to-cart.loading span:first-child {
  color: #ffb035;
}

.product-ten .add-to-cart.loading span:first-child {
  color: #2d365d00 !important;
}

.product-five span.woocommerce-Price-amount.amount {
  bottom: 0;
}

.product-five .dashvar {
  bottom: 0;
}

.product-two span.woocommerce-Price-amount.amount {
  bottom: 0;
}

.product-two span.woocommerce-Price-currencySymbol {
  font-size: 12px;
  line-height: 18px;
  margin-right: 3px;
  color: #232323;
}

.product-two span.woocommerce-Price-amount.amount {
  font-size: 16px;
  line-height: 24px;
}

.product-two .dashvar {
  bottom: 0;
}

.product-twelve span.woocommerce-Price-amount.amount {
  bottom: 0;
}

.product-twelve .dashvar {
  bottom: 0;
}

.product-thirteen.product .status {
  position: absolute;
  right: 17px;
  top: 23px;
}

.product-twelve .status {
  background-color: #fff3f0;
  color: #ff8a66;
  font-size: 12px;
  font-weight: 300;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  width: 60px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  position: absolute;
  right: 7px;
  top: 6px;
}

.product-eight:hover span.woocommerce-Price-amount.amount {
  visibility: hidden !important;
}

.amazing-offer-fiveteen .swiper-btns {
  padding: 10px 12px;
  margin-top: -13px;
}

@media only screen and (max-width: 800px) {
  .article figure .category-time a {
      padding: 0 12px;
  }
}

@media only screen and (max-width: 800px) {
  .article figure .category-time {
      width: 200px;
  }
}

@media only screen and (max-width: 575px) {
  .amazing-offer-two .swiper {
      height: 750px;
  }
}

@media only screen and (max-width: 767px) {
  .about-us-home-seven img {
      max-width: 80% !important;
  }
}

.amazing-offer-three-wrapper img {
  object-fit: contain;
}


@media only screen and (max-width: 499px) {

  .amazing-offer-six .swiper-button-prev,
  .amazing-offer-six .swiper-button-next {
      margin-top: 28px;
  }
}

@media only screen and (max-width: 499px) {
  .amazing-offer-six-wrapper {
      margin-top: 0;
  }
}

.landing-tow img {
  max-width: 90% !important;
}

@media only screen and (max-width: 991px) {
  .about-us-home-five img {
      max-width: 100% !important;
  }
}

.swiper-products-buy-vip .product-eight .image {
  -webkit-box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
  -moz-box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
  box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
}

.swiper-products-buy-vip .product-twelve {
  -webkit-box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
  -moz-box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
  box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
}

.amazing-offer-seven-item .image img {
  object-fit: contain;
}

.amazing-offer-seven-item h2 {
  margin-top: 24px;
}



@media only screen and (max-width: 575px) {
  .amazing-offer-seven-item .image img {
      width: 80% !important;
  }
}

@media only screen and (max-width: 575px) {
  .about-us-eleven img {
      max-width: 100% !important;
  }
}

@media only screen and (max-width: 575px) {
  .imgsli5 {
      max-width: 100% !important;
  }
}

@media only screen and (max-width: 575px) {
  .landing-sixteen-item .image img {
      max-width: 100% !important;
  }
}

@media only screen and (max-width: 575px) {
  .amazing-offer-sixteen-item .image img {
      max-width: 100% !important;
  }
}

@media only screen and (max-width: 767px) {
  .about-us-sixteen img {
      max-width: 90%;
  }
}

.amazing-offer-fiveteen-item .detail .content .btn.loading {
  padding-left: 35px !important;
}


@media only screen and (max-width: 767px) {
  .landing-fiveteen-wrapper .image img {
      max-width: 90% !important;
  }
}

@media only screen and (max-width: 767px) {
  .about-us-fiveteen .about-us-fiveteen-wrapper .ab6 img {
      max-width: 100% !important;
  }
}


.amazing-offer-fourteen .amazing-offer-fourteen-item .detail .btn.loading {
  padding-left: 35px !important;
}


.button.addonify-cp-button {
  padding-bottom: 12px !important;
}

.button.addonify-cp-button span {
  margin-left: 10px;

}

.button.addonify-cp-button.icon-position-left {
  z-index: 9999;
  position: relative;
  top: -434px;

}

.woosc-area .woosc-inner .woosc-bar .woosc-bar-btn .woosc-bar-btn-icon-wrapper .woosc-bar-btn-icon-inner {
  margin-left: unset;
  margin-right: 16px;
}

.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead tr th {
  text-align: right !important;
}

.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr.tr-image img {

  max-width: 50%;

}

tr .td-label {
  text-align: right !important;
}

.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td {
  text-align: right !important;
}

.woosc-area .woosc-inner .woosc-bar .woosc-bar-btn {

  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;

}

@media only screen and (min-width: 990px) {
  .woosc-popup .woosc-popup-inner .woosc-popup-content {
      width: 550px;
  }
}



.woosw-btn-icon.iconly.iconly-Heart.woosw-icon-4 {
  font-family: 'woosw' !important;
}

.woosw-btn-icon.iconly.iconly-Heart.woosw-icon-4::before {
  content: "\e913" !important;
}

.woosw-btn-icon.iconly.iconly-Heart.woosw-icon-8 {
  font-weight: bold;
  color: #ff8a66;
}


@media only screen and (max-width: 575px) {

  .top-header-auth a,
  .top-header-auth a:hover,
  .top-header-auth a:focus,
  .top-header-auth a:active {
      padding: 0 !important;
      -webkit-box-shadow: none !important;
      -moz-box-shadow: none !important;
      box-shadow: none !important;
      width: -webkit-fit-conten !important;
      width: -moz-fit-content !important;
      width: fit-content !important;
      border: none !important;
  }
}



.top-header-two-search .form-control {
  position: relative;
}

.price.d-flex.align-items-center.mt-3.mt-sm-0 span.woocommerce-Price-amount.amount {
  bottom: unset !important;
}

.colors-product ul li input:checked+label .name {
  font-size: 14px;
  line-height: 16px;

}


.woocommerce button.button.alt.disabled {
  background-color: #67b930;
  color: #fff;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  border-top: none;
  border-radius: 15px;
}

#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
  border-bottom: none;
}

.woocommerce-message::before {
  content: "";
  background-color: #8fae1b;
  opacity: 0.8;
  width: 96%;
  height: 40px;
  z-index: -1;
  position: absolute;
  border-radius: 21px;
  top: -5px;
  right: 2%;
}

.woocommerce-message::after {
  content: "";
  background-color: #8fae1b;
  opacity: 0.4;
  width: 90%;
  height: 40px;
  z-index: -2;
  position: absolute;
  border-radius: 21px;
  top: -9px;
  right: 5%;
}

.woocommerce-message::before {
  content: "";
  background-color: #8fae1b;
  opacity: 0.8;
  width: 96%;
  height: 40px;
  z-index: -1;
  position: absolute;
  border-radius: 21px;
  top: -5px;
  right: 2%;
}

.woocommerce-info::after {
  content: "";
  background-color: #a46497;
  opacity: 0.4;
  width: 90%;
  height: 40px;
  z-index: -2;
  position: absolute;
  border-radius: 21px;
  top: -9px;
  right: 5%;
}

.woocommerce-error::before {
  content: "";
  background-color: red;
  opacity: 0.8;
  width: 96%;
  height: 40px;
  z-index: -1;
  position: absolute;
  border-radius: 21px;
  top: -5px;
  right: 2%;
}

.woocommerce-error::after {
  content: "";
  background-color: red;
  opacity: 0.4;
  width: 90%;
  height: 40px;
  z-index: -2;
  position: absolute;
  border-radius: 21px;
  top: -9px;
  right: 5%;
}

.woocommerce-notices-wrapper {
  position: relative;
  margin-top: 30px;
}

.wcdm-map {
  padding: 0 !important;
  border-radius: 30px !important;
  overflow: hidden !important;
}

.woosw-list {
  background: #fff;
  box-shadow: 0 10px 50px rgba(0, 0, 0, 0.1);
  padding: 45px;
  margin-top: 75px;
  border-radius: 25px;
  z-index: 10;
  position: relative;
  margin-bottom: 75px;
}

.woocommerce-account .woosw-items::before {
  content: "لیست علاقه مندی ها";
  font-size: 28px;
  font-weight: 900;
  color: #000;
  top: -150px;
  position: relative;
}

.woocommerce-account .woosw-items::after {
  content: "لیست محصولاتی که به آن ها علاقه مندید و ممکن است قصد خریدیشان را درآینده داشته باشید";
  font-size: 18px;
  font-weight: 300;
  color: #000;
  top: -70px;
  right: 45px;
  position: absolute;
  z-index: 99;
  width: 100%;
  height: 100px;
}

.edform::before {
  content: "ویرایش پروفایل";
  font-size: 28px;
  font-weight: 900;
  color: #000;
  top: -146px;
  position: relative;
}

.edform::after {
  content: "جزییات پروفایل شما از این بخش قابل ویرایش هست.";
  font-size: 18px;
  font-weight: 300;
  color: #000;
  top: -750px;
  position: relative;
}

.edform {
  box-shadow: inset 0 0 10px 4px rgb(82 99 116 / 13%) !important;
  -webkit-box-shadow: inset 0 0 10px 4px rgb(82 99 116 / 13%) !important;
  -moz-box-shadow: inset 0 0 10px 4px rgb(82 99 116 / 13%) !important;
  border-radius: 35px !important;
}

.edadd::before {
  content: "مدیریت آدرس ها";
  font-size: 28px;
  font-weight: 900;
  color: #000;
  top: -100px;
  position: relative;
}

.edadd {
  box-shadow: inset 0 0 10px 4px rgb(82 99 116 / 13%) !important;
  -webkit-box-shadow: inset 0 0 10px 4px rgb(82 99 116 / 13%) !important;
  -moz-box-shadow: inset 0 0 10px 4px rgb(82 99 116 / 13%) !important;
  border-radius: 35px !important;
}

.col-lg.col-md-12.col-sm-12.woocommerce-Address {
  box-shadow: inset 0 0 10px 4px rgb(82 99 116 / 13%) !important;
  -webkit-box-shadow: inset 0 0 10px 4px rgb(82 99 116 / 13%) !important;
  -moz-box-shadow: inset 0 0 10px 4px rgb(82 99 116 / 13%) !important;
  border-radius: 15px !important;

}

.woocommerce-account a.edit {
  background-color: #F01313;
  color: #fff;
  padding: 5px 14px 5px 14px;
  border-radius: 55px;
}

.woocommerce-account .woosw-items {

  display: block;
}

.woocommerce-account .woosw-items .woosw-item {
  border: none;
  margin-bottom: 20px;
  display: block;
  border-radius: 15px;
  background: #fff !important;
  box-shadow: inset 0 0 10px 4px rgb(82 99 116 / 13%) !important;
  -webkit-box-shadow: inset 0 0 10px 4px rgb(82 99 116 / 13%) !important;
  -moz-box-shadow: inset 0 0 10px 4px rgb(82 99 116 / 13%) !important;
  padding: 10px;
}

.woosw-list .woosw-actions {
  display: none;
}

tbody,
td,
tfoot,
th,
thead,
tr {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  background: unset !important;
}

.container>.woosw-list::before {
  position: absolute;
  box-shadow: 0 10px 50px rgba(28, 76, 156, .15);
  top: -19px;
  left: 2%;
  background-color: #000;
  color: #fff;
  font-size: 18px;
  content: "علاقه مندی های من";
  z-index: -1;
  width: 96%;
  height: 46px;
  border-radius: 18px;
  padding: 14px;
  font-weight: bold;
}

.woosw-list table.woosw-items .woosw-item .woosw-item--remove span {
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  cursor: pointer;
  border: 1px solid #eee;
  border-radius: 155px;
  padding: 10px;

}

.product.product1.maip {
  height: 428px !important;
}

.woosw-list table.woosw-items .woosw-item .woosw-item--remove span::before {
  display: inline-block;
  content: '\e918';
  font-size: 16px;
  font-family: 'woosw';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  top: -8px;
  left: 8px;
}

.woosw-list table.woosw-items .woosw-item .woosw-item--remove span {
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  cursor: pointer;
  border: 1px solid #bdbdbd;
  border-radius: 155px;
  padding: 10px;
  top: 1px;
  position: relative;
}

.woosc-btn.woosc-btn-has-icon.woosc-btn-icon-text {
  position: absolute;
  z-index: 9;
  margin-right: 108px;
  /* margin-top: 19px; */
  background: #f03145;
  border-radius: 155px;
  padding: 4px 10px 4px 10px;
  font-size: 14px;
  color: #fff;
  margin-top: 79px;
  visibility: hidden;
}

.product.product-thirteen.product-thirteen-two .woosc-btn.woosc-btn-has-icon.woosc-btn-icon-text {
  margin-right: 76px;
  margin-top: 9px;
  visibility: hidden;
}

.product.product-thirteen.product-thirteen-three .woosc-btn.woosc-btn-has-icon.woosc-btn-icon-text {
  margin-right: 80px;
  visibility: hidden;
}

.product.product-thirteen .woosc-btn.woosc-btn-has-icon.woosc-btn-icon-text {
  margin-right: 80px;
  visibility: hidden;
}

.product-two-image .woosc-btn.woosc-btn-has-icon.woosc-btn-icon-text {
  margin-right: 80px;
  visibility: hidden;
}

.product-six .woosc-btn.woosc-btn-has-icon.woosc-btn-icon-text {
  margin-right: 80px;
  visibility: hidden;
}

.product.product-ten .woosc-btn.woosc-btn-has-icon.woosc-btn-icon-text {
  margin-right: 0px;
  visibility: hidden;
}

.product-eight .woosc-btn.woosc-btn-has-icon.woosc-btn-icon-text {
  margin-right: 0px;
  visibility: hidden;
}

.product.product-five .woosc-btn.woosc-btn-has-icon.woosc-btn-icon-text {
  margin-right: 80px;
  visibility: hidden;
}

.product-seven .woosc-btn.woosc-btn-has-icon.woosc-btn-icon-text {
  margin-right: 80px;
  visibility: hidden;
}

.product-image:hover .woosc-btn.woosc-btn-has-icon.woosc-btn-icon-text {
  visibility: visible !important;
}

.product-two:hover .woosc-btn.woosc-btn-has-icon.woosc-btn-icon-text {
  visibility: visible !important;
}

.product-three:hover .woosc-btn.woosc-btn-has-icon.woosc-btn-icon-text {
  visibility: visible !important;
}

.product-eight:hover .woosc-btn.woosc-btn-has-icon.woosc-btn-icon-text {
  visibility: visible !important;
}

.product-seven:hover .woosc-btn.woosc-btn-has-icon.woosc-btn-icon-text {
  visibility: visible !important;
}

.product-six:hover .woosc-btn.woosc-btn-has-icon.woosc-btn-icon-text {
  visibility: visible !important;
}

.product-twelve:hover .woosc-btn.woosc-btn-has-icon.woosc-btn-icon-text {
  visibility: visible !important;
}


ul.breadcrumb li {
  margin: 0 10px 0 10px;
  position: relative;
}

ul.breadcrumb li:last-child {
  font-weight: bold;
}

ul.breadcrumb li:not(:last-child)::before {
  position: absolute;
  box-shadow: 0 10px 50px rgba(28, 76, 156, .15);
  left: -11px;
  background-color: rgb(12, 30, 61);
  content: "";
  z-index: -1;
  width: 4px;
  height: 2px;
  border-radius: 18px;
  top: 9px;
}

.seeebox .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 20px;
}



button.bookmark.btn.btn-warning.p-0.position-absolute {
  background-color: #ffb035 !important;
}

.boostify-menu .menu-item-has-children>a:after {
  padding-left: 0 !important;
  content: "\e90a" !important;
  font-family: "icomoon" !important;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: unset;
  -moz-transition: unset;
  transition: unset;
}

.boostify-menu>li .menu-item-icon {
  padding: 0 0 0 0;
}

.nav-header-two .menu>li>a::after {
  display: none;
}

.nav-header-five .menu>li>a::before {
  background: none;
}

.nav-header-five .menu>li>a {
  display: flex;
}

.nav-header-fourteen .menu>li>a {
  display: flex;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button {
  border-radius: 7px;
  top: -5px;
  color: #ffffff;
  background-color: #ee273a;
}

.product-hover .woosw-btn {
  margin-left: 4px;
  color: #2d365d;
  border-radius: 50px;
  background-color: #f8f9fb;
}

.btn-success-4 {
  color: #ffffff;
}

del .woocommerce-Price-amount bdi:first-child .woocommerce-Price-currencySymbol {
  display: none !important;
}

ins {
  text-decoration-color: #fff;
}

del .woocommerce-Price-amount bdi:first-child {
  color: #ee232b;
  font-size: 16px;
  font-weight: bold;
  line-height: 25px;
  -webkit-text-decoration: line-through #707070;
  -moz-text-decoration: line-through #707070;
  text-decoration: line-through #707070;
  margin-left: 5px;
}

ins {
  text-decoration-color: #fff0;
}



.bp2b {
  margin-bottom: -62px !important;
  max-width: unset !important;
}

div#ajax_popup .modal-body {
  padding: 90px 35px 50px 40px !important;
}

.blog.mt-4 .category-sidebar {
  z-index: 999;
  -webkit-transition: all 0.3s ease-in-out 0.3s;
  -o-transition: all 0.3s ease-in-out 0.3s;
  -moz-transition: all 0.3s ease-in-out 0.3s;
  transition: all 0.3s ease-in-out 0.3s;
  opacity: 0;
  visibility: hidden;
}

.blog.mt-4 .category-sidebar {
  z-index: 999;
  -webkit-transition: all 0.3s ease-in-out 0.3s;
  -o-transition: all 0.3s ease-in-out 0.3s;
  -moz-transition: all 0.3s ease-in-out 0.3s;
  transition: all 0.3s ease-in-out 0.3s;
  opacity: 0;
  visibility: hidden;
}

.blog.mt-4 .category-sidebar-backdrop {
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

.blog.mt-4 .category-sidebar,
.blog.mt-4 .category-sidebar-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.blog.mt-4 .category-sidebar-content {
  position: absolute;
  top: 0;
  right: -280px;
  width: 280px;
  height: 100%;
  background-color: #fff;
  padding: 20px 20px 0;
  overflow: hidden auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.blog.mt-4 .category-sidebar-content::-webkit-scrollbar {
  display: none;
}

.blog.mt-4 .category-sidebar.open {
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

.blog.mt-4 .category-sidebar.open .blog.mt-4 .category-sidebar-content {
  right: 0;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.blog.mt-4 .category-sidebar.open .category-sidebar-content {
  right: 0;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.blog.mt-4 .category-sidebar.open .category-sidebar-content img {
  border-radius: 15px;
}

.lapost {
  margin: 30px auto;
  padding: 20px;
  background-color: #fff;
  -webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.15);
  box-shadow: 0 10px 50px rgba(0, 0, 0, 0.15);
  border-radius: 15px;
}

.lapost li a {
  z-index: 99999999;
}



.nav-header-eleven ul li a img {
  width: unset;
  height: unset;
  margin-bottom: 5px;
}

.qacol2.pr3 {
  position: static !important;
  display: block !important;
  margin-top: 65px;
  margin-bottom: 10px;
}

.mytu .woocommerce-Price-currencySymbol {
  font-size: 18px !important;
  font-weight: 300 !important;
  line-height: 27px !important;
  color: #232323 !important;
  font-style: normal !important;
}

.mytu .dashvar {
  bottom: unset;
  font-size: 18px !important;
  font-weight: 300 !important;
  line-height: 27px !important;
  color: #232323 !important;
  font-style: normal !important;

}

.swiper.swiper-send.overflow-hidden.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-rtl.swiper-backface-hidden {
  display: none;
}

.woocommerce .woocommerce-ordering {
  display: none;
}

.woocommerce .woocommerce-result-count {
  display: none;
}

.product-not .woosw-btn-has-icon {
  margin-top: 6px;
}

.product-thirteen .woosw-btn-has-icon {
  margin-top: 9px;
}

.contact-us iframe {
  width: 100%;
  border-radius: 50px;
  height: 100% !important;
}

.mapkavediv .elementor-widget-container {
  height: 100%;
}

.mapkavediv {
  height: calc(100% + 228px) !important;
  border-radius: 25px !important;
  transform: translatey(-128px)
}

.products-category .swiper-button-prev:after {
  content: 'prev' !important;
}

.products-category .swiper-button-next:after {
  content: 'next' !important;
}

.product-hover .btn:first-child {
  font-size: 13px;
}

.amazing-offer-eight-item .image img:last-child {
  -webkit-filter: unset !important;
  filter: unset !important;
}


.amazing-offer-sixteen-item .detail .btn.loading {
  padding-left: 28px;
}

.panel-sidebar-logo img {
  width: 55%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  height: auto;
}

.cart-sidebar .woocommerce-NoticeGroup {
  display: none;
}

.cart-sidebar .btn-success {
  z-index: 99999999;
  position: relative;
  margin-bottom: -31px;

}

.landing-fiveteen .swiper-pagination {
  bottom: 50px !important;
}

.product.product1.maip {
  height: 428px !important;
}


.megamenu {
  min-width: 100%;
  transition: 1s opacity, 1s transform;
  transform: translateX(-150%) translateY(0px);
  z-index: -99 !important;
}

.boostify-menu .menu-item-has-children:hover .megamenu {
  right: -151% !important;
  transition: 1s opacity, 1s transform;
}

.nav-bottom-four>a:nth-child(3) {
  background: unset !important;
}

.nav-header-cart-dropdown-two-products-item .delete {
  padding: 2px 11px 6px 4px !important;
}

@media (max-width: 990px) {
  .nomobile {
      display: none !important;
  }
}


.zangoole {
  width: 14% !important;
}


.namo,
.nam {
  background-color: #fff3f0 !important;
  color: #ff8a66 !important;
}



@media (max-width: 580px) {

  .pcf-field-container.w-80.mx-auto {
      width: 112% !important;
  }

  .modal-product .right .gallery .swiper {
      margin-right: 0 !important;
      margin-left: 10px !important;
  }


  .boostify-overlay.show,
  .boostify-menu-sidebar.show {
      display: none !important;

  }

}




@-webkit-keyframes imgLoadingH {
  0% {
      width: 0%;
      opacity: 1
  }

  95% {
      width: 100%;
      opacity: 1
  }

  100% {
      width: 100%;
      opacity: 0
  }
}

@keyframes imgLoadingH {
  0% {
      width: 0%;
      opacity: 1
  }

  95% {
      width: 100%;
      opacity: 1
  }

  100% {
      width: 100%;
      opacity: 0
  }
}

#loftloader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  z-index: 9999999;
  width: 100%;
  height: 100%;
  min-width: 100vw;
  min-height: 100vh;
  background: 0 0 !important
}

#loftloader-wrapper.adaptive-height {
  min-height: 100%
}

#loftloader-wrapper img {
  max-width: 100%
}



#loftloader-wrapper .loader-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1001;
  width: 100%;
  text-align: center;
  transition: all 0s;
  font-size: 0
}

#loftloader-wrapper .loader-inner #loader {
  position: relative;
  z-index: 1002;
  top: auto;
  left: auto;
  display: inline-block;
  margin: 0 auto;
  padding: 0;
  border: none;
  border-radius: 0;
  background: 0 0 !important;
  color: #248acc
}



#loftloader-wrapper .loader-bg {
  position: fixed;
  top: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  opacity: 1;
  background-color: #e0e0e0;
}



#loftloader-wrapper.loftloader-imgloading #loader {
  width: 200px !important;
  height: auto
}

#loftloader-wrapper.loftloader-imgloading #loader img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto
}

#loftloader-wrapper.loftloader-imgloading #loader img {
  opacity: .3
}

#loftloader-wrapper.loftloader-imgloading #loader .imgloading-container {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
  display: block;
  width: 100%;
  height: 100%;
  transition: 0s;
  overflow: hidden
}

#loftloader-wrapper.loftloader-imgloading #loader span {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  transition: 0s
}



#loftloader-wrapper.loftloader-imgloading.imgloading-horizontal #loader .imgloading-container {
  width: 0%;
  height: 100%;
  -webkit-animation: imgLoadingH 6s linear infinite;
  animation: imgLoadingH 6s linear infinite;
  will-change: width, opacity;
  transform-origin: 0 0
}

#loftloader-wrapper.loftloader-imgrotating #loader {
  width: auto;
  height: auto;
  backface-visibility: visible;
  transform-style: preserve-3d
}

#loftloader-wrapper.loftloader-imgrotating #loader img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto
}

.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top .woosw-popup-close {
  color: #ffffff;
}

@media screen and (max-width: 480px) {
  .cart-two-offer-code {
      display: block !important;
  }

  .cart-two-offer-code .form-control {
      max-width: 100% !important;
      margin-bottom: 15px !important;
  }

  .cart-two-offer-code .msfil {
      margin-right: 11% !important;
  }
}

.detail-product-icons .woosw-btn {
  padding: 1px !important;
}

.detail-product-icons .woosc-btn {
  position: relative !important;
}

.detail-product-icons .woosc-btn-icon-text .woosc-btn-text {
  display: none !important;
}

.detail-product-icons .woosc-btn.woosc-btn-has-icon.woosc-btn-icon-text {
  margin-right: 0 !important;
  margin-top: 0 !important;
  background: transparent !important;
  padding: 1px !important;
  font-size: 18px !important;
  color: #fff !important;
  visibility: visible !important;
}

.woocommerce-order span.woocommerce-Price-amount.amount {
  bottom: unset !important;
}

table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
  background-color: #fff;
  -webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 50px rgba(0, 0, 0, 0.2);
  border: none;
  border-radius: 25px;
  padding: 15px;
}

h2.woocommerce-order-details__title {
  font-size: 24px;
  padding-right: 15px;
  padding-bottom: 15px;
  font-weight: 900;
}

h2.woocommerce-column__title {
  font-size: 24px;
  padding-right: 15px;
  padding-bottom: 15px;
  font-weight: 900;
}

.woocommerce-customer-details address {
  background-color: #fff;
  -webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 50px rgba(0, 0, 0, 0.2);
  border: none !important;
  border-radius: 25px !important;
  padding: 15px !important;
}

.woosc-btn-icon-text .woosc-btn-text {
  margin-right: 5px;
  margin-left: 0px;
}

.woosw-popup {
  transition: 1s opacity, 1s transform;
  transform: translateX(-150%) translateY(0px);

}

.woosw-popup.woosw-show {
  right: -151% !important;
  transition: 1s opacity, 1s transform;
}

.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-close {
  left: 0 !important;
  right: auto !important;
}

ul.icons.d-flex.align-items-center .woosw-btn {
  padding: 1px !important;
}

ul.icons.d-flex.align-items-center .woosc-btn {
  position: relative !important;
}

ul.icons.d-flex.align-items-center .woosc-btn-icon-text .woosc-btn-text {
  display: none !important;
}

ul.icons.d-flex.align-items-center .woosc-btn.woosc-btn-has-icon.woosc-btn-icon-text {
  margin-right: 0 !important;
  margin-top: 4px !important;
  background: transparent !important;
  padding: 1px !important;
  font-size: 18px !important;
  color: #b3bbc7 !important;
  visibility: visible !important;
}

.count-price.d-flex.align-items-sm-center.justify-content-sm-between.position-relative.flex-column.flex-sm-row.mycu {
  min-height: 75px !important;
  background: #f3f3f3;
  padding: 10px;
  border-radius: 15px;
}

.price.d-flex.align-items-center.mt-3.mt-sm-0 {
  background: #fff !important;
  padding: 5px !important;
  border-radius: 12px !important;
}

button.faramosh {
  margin-top: -100px;
  position: relative;
  bottom: -17px;
}

table.vsup {
  display: none;
}

table.vcup {
  display: block;
}

table.vcup tr {
  display: inline;
  margin-right: 20px;
}

table.vcup tr:first-child {
  display: inline;
  margin-right: 0px;
}

table.vcup th label {
  margin-left: 15px;
}

.wpcvs-term.wpcvs-selected>span::before {
  display: none !important;
}

.wpcvs-type-color .wpcvs-term {
  border-radius: 3px;
}

.wpcvs-type-color .wpcvs-term {
  border-radius: 2px;
  height: 24px;
  width: 25px;
}

.wpcvs-type-color .wpcvs-term>span {
  height: 17px;
}

.wpcvs-type-button .wpcvs-term>span {
  padding: 0 12px;
}

.wpcvs-terms.wpcvs-style-rounded .wpcvs-term {
  border-radius: 10px;
}

.wpcvs-terms.wpcvs-style-rounded .wpcvs-term>span {
  border-radius: 8px;
}

.wpcvs-term>span {
  line-height: unset;
  height: unset;
  background-color: #fff;
}

.wpcvs-type-button .wpcvs-term {
  height: unset;
  line-height: unset;
}



.wc_payment_method .cart-wrapper p {
  color: #000000 !important;
}



.cart-sidebar .code-offer .form-control {
  margin-bottom: 19px;
  font-size: 14px;
  padding: 12px 17px;
  background: #d3d3d3 !important;
  color: #000 !important;
  font-weight: 900 !important;
}

h4.mt-3.fabaz {
  font-size: 18px;
  font-weight: 900;
  letter-spacing: -0.3px;
}

form button #loading {
  width: 25px !important;
  height: 25px !important;
  border: 3px solid rgb(255 255 255 / 70%);
}

.irsans span.woocommerce-Price-amount.amount {
  font-size: 22px;
  font-weight: 700;
}

.irsans .product .detail .price {
  font-size: 18px;
  font-weight: 700;
  color: #49be78;
  line-height: 26px;
}


.product-image>a>img {
  max-height: 200px;
  object-fit: contain;
}


.swiper-gallery-product-two .gallery-product-two-item img {
  max-height: 104px;
  object-fit: contain;
}

.detail-product-two select {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  width: 100%;
  height: 40px;
  padding: 0 5px 0 43px;
  text-align: left;
  line-height: 30px;
  font-weight: 300;
  font-size: 14px;
  background: #fff;
  border: 1px solid #c6c6c6;
}

.woocommerce-checkout-review-order span.woocommerce-Price-amount.amount {
  font-size: 24px;
  font-weight: 900;
  color: #49be78;
  line-height: 37px;
  bottom: unset;
  position: relative !important;
}

.woocommerce-checkout.woocommerce-page form h3 {
  font-weight: 900;
  font-size: 24px;
}

.woocommerce table.shop_table {
  border-radius: 15px;
}

p.must-log-in {
  margin-right: 18%;
}

.cmouse {
  cursor: pointer;
  font-weight: 900;
}

.amazing-offer-two-item .detail .price {
  position: absolute !important;
  margin-bottom: -110px !important;
}

.amazing-offer-two-item .detail h2 {
  line-height: 30px !important;
}


/* new */
.discount-products-right .timear li span,
.discount-products-right .timear li,
.header-three-auth>.btn:hover i,
.top-selling-products-heading .btn:hover,
.top-category-five-item .content .title,
.popular-products-left .swiper-button-next::after,
.popular-products-left .swiper-button-prev::after,
.section-heading-three-link i,
.header-two-cart>.btn span,
.header-two-favorite>span,
.header-auth>.btn,
.header-cart>.btn i,
.btn-outline-dark-2:hover,
.btn-dark-2,
.product-fifteen .btns li>*,
.product-fifteen .discount {
  color: #fff;
}

.our-characters-item .sup-title,
.header-three form input,
.top-selling-products-heading .text .sub-title,
.about-us-home-eleven-content p,
.header-two-auth>.btn,
.header-two form input,
.header-two form select,
.header form label,
.header-logo .left,
.header-logo .right,
.product .name-en {
  color: #919191;
}

.best-category-two-item:hover::before,
.best-brands-item:hover,
.carousel-dress .swiper-pagination-bullet,
.top-category-products-item .btn::after,
.top-category-products-item .btn::before,
.carpet-left .btn::before,
.top-selling-products-heading .nav-item.active,
.top-selling-products-heading .nav-item:hover,
.about-us-home-eleven-content,
.top-category-five-item .content,
.popular-products-left::before,
.header,
.product-two.round:hover {
  background-color: #fff;
}

.best-brands-item .title i,
.carousel-dress-item .detail .btn,
.section-heading-five p,
.new-products-offer-heading .btn i,
.new-products-offer-heading .btn,
.new-products-offer-heading .nav-item,
.top-category-products-two-item .content .title-en,
.carpet-item .detail .btn,
.top-selling-products-heading .btn,
.top-selling-products-heading .nav-item,
.about-us-home-eleven-content p,
.popular-products-right .btn,
.top-brands-item .content a,
.category-products-six-item .content .name,
.section-heading-three p,
.header-two-cart>.btn,
.header-two-auth>.btn,
.header-auth>.btn,
.header-cart>.btn span,
.header form label,
.product .name-en {
  font-size: 12px;
}

.best-category-two-item::before,
.best-brands-item,
.carousel-dress .swiper-pagination-bullet,
.our-characters-item::after,
.our-characters-item::before,
.top-selling-products-heading .nav,
.top-category-five-item .content,
.section-heading-three-link i,
.section-heading-three-link,
.header-two-auth>.btn,
.header-two form input,
.product-fifteen,
.product-two.round {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.best-category-two-item,
.best-brands-item,
.best-category-item,
.carousel-dress .swiper-pagination-bullet,
.carousel-dress-item .image img,
.carousel-dress-item .detail .sup-title span,
.carousel-dress-item .detail .title h2,
.carousel-dress-item .detail .btn,
.our-characters-item,
.top-category-products-two-item,
.top-category-products-item,
.carpet-item .image img,
.carpet-item .detail .sup-title span,
.carpet-item .detail .title h2,
.top-category-five-item,
.slider-home-three-wrapper .swiper-pagination-bullet {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.product .name-en {
  line-height: 19px;
  font-weight: 600;
}

.product-two.round {
  background-color: transparent;
}

.product-two.round .offer {
  left: 0;
}

.product-two.round:hover {
  border-color: #f5f3fc;
  -webkit-box-shadow: 0px 104px 204px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 104px 204px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 104px 204px rgba(0, 0, 0, 0.15);
}

.product-fifteen {
  border: 3px solid #f5f3fc;
  padding: 36px 116px 28px 20px;
}

.product-fifteen-row {
  gap: 24px 0;
}

.product-fifteen .discount {
  width: 88px;
  height: 30px;
  background-color: #ee273a;
  -webkit-border-radius: 20px 20px 0;
  -moz-border-radius: 20px 20px 0;
  border-radius: 20px 20px 0;
  -webkit-box-shadow: 0px -6px 24px rgba(210, 46, 28, 0.25);
  -moz-box-shadow: 0px -6px 24px rgba(210, 46, 28, 0.25);
  box-shadow: 0px -6px 24px rgba(210, 46, 28, 0.25);
  font-size: 14px;
  font-weight: bold;
  line-height: 22px;
  -webkit-transform: translate(1px, -1px);
  -moz-transform: translate(1px, -1px);
  -ms-transform: translate(1px, -1px);
  -o-transform: translate(1px, -1px);
  transform: translate(1px, -1px);
  direction: ltr;
}

.product-fifteen .btns {
  right: 37px;
  z-index: 3;
}

.product-fifteen .btns li:not(:last-child) {
  margin-bottom: 18px;
}

.product-fifteen .btns li>* {
  width: 43px;
  height: 43px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background-color: #0547c1;
  -webkit-box-shadow: -10px 24px 24px rgba(5, 71, 193, 0.15);
  -moz-box-shadow: -10px 24px 24px rgba(5, 71, 193, 0.15);
  box-shadow: -10px 24px 24px rgba(5, 71, 193, 0.15);
  font-size: 17px;
}

.product-fifteen .btns li:nth-child(2)>* {
  background-color: #ee273a;
}

.product-fifteen .btns li:last-child>* {
  background-color: #d3e1fc;
  color: #0547c1;
}

.product-fifteen .image-price img {
  width: 178px;
  height: 103px;
}

.product-fifteen .image-price .price {
  font-size: 14px;
  font-weight: 300;
  color: #232323;
  line-height: 22px;
  margin-top: 17px;
  z-index: 2;
}

.product-fifteen .image-price .price>div::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: -webkit-calc(100% + 24px);
  width: -moz-calc(100% + 24px);
  width: calc(100% + 24px);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 100%;
  background-color: #f8f9fb;
  z-index: -1;
}

.product-fifteen .image-price .price del {
  font-size: 19px;
  font-weight: 300;
  color: #ee232b;
  line-height: 20px;
  -webkit-text-decoration-color: #707070;
  -moz-text-decoration-color: #707070;
  text-decoration-color: #707070;
}

.product-fifteen .image-price .price>div span {
  font-size: 24px;
  font-weight: 900;
  line-height: 37px;
  color: #49be78;
  margin-left: 7px;
}

.product-fifteen .info {
  margin-right: 45px;
}

.product-fifteen .info .title {
  font-weight: 900;
}

.product-fifteen .info .title,
.product-fifteen .info .title-en {
  font-size: 14px;
  color: #2d365d;
  line-height: 22px;
}

.product-fifteen .info .title-en {
  font-weight: 600;
  margin-bottom: 12px;
  direction: ltr;
}

.product-fifteen .info ul li {
  list-style: inside disc;
  direction: ltr;
  font-size: 13px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.4);
  font-weight: 300;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-fifteen {
      padding-right: 80px;
  }

  .product-fifteen .btns {
      right: 20px;
  }

  .product-fifteen .info {
      margin-right: 20px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-fifteen {
      padding-right: 80px;
  }

  .product-fifteen .btns {
      right: 20px;
  }

  .product-fifteen .info {
      margin-right: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .product-fifteen {
      padding: 36px 12px 70px;
  }

  .product-fifteen .btns {
      gap: 12px;
      top: auto !important;
      right: 12px !important;
      bottom: 12px;
      left: auto !important;
      -webkit-transform: unset !important;
      -moz-transform: unset !important;
      -ms-transform: unset !important;
      -o-transform: unset !important;
      transform: unset !important;
  }

  .product-fifteen .btns li {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
  }

  .product-fifteen .btns li:not(:last-child) {
      margin: 0;
  }

  .product-fifteen .image-price {
      position: unset !important;
  }

  .product-fifteen .image-price img {
      width: 100px;
      height: auto;
  }

  .product-fifteen .image-price .price {
      font-size: 12px;
      line-height: 18px;
  }

  .product-fifteen .image-price .price del {
      font-size: 14px;
  }

  .product-fifteen .image-price .price>div::before {
      content: none;
  }

  .product-fifteen .image-price .price>div span {
      font-size: 16px;
      line-height: 24px;
  }

  .product-fifteen .info {
      margin-right: 12px;
  }

  .product-fifteen:hover .image-price img {
      -webkit-filter: none;
      filter: none;
  }
}

.btn-dark-2 {
  background-color: #121212;
}

.btn-outline-dark-2 {
  border: 1px solid #121212;
  color: #121212;
}

.btn-outline-dark-2:hover {
  background-color: #121212;
}

.my-100 {
  margin-top: 100px;
  margin-bottom: 100px;
}

.swiper-button-fill .swiper-button-next::after,
.swiper-button-fill .swiper-button-prev::after {
  content: "\e96b";
  font-family: "icomoon";
  font-size: 27px;
  color: #9da3ad;
}

.swiper-button-fill .swiper-button-next::after {
  content: "\e96c";
}

.header {
  -webkit-border-radius: 0 0 40px 40px;
  -moz-border-radius: 0 0 40px 40px;
  border-radius: 0 0 40px 40px;
  padding: 50px 0;
}

.header-logo {
  margin-left: 12px;
}

.header-logo .right {
  font-size: 10px;
  line-height: 16px;
}

.header-logo .right img {
  margin-bottom: 1px;
}

.header-logo .left {
  font-size: 9px;
  line-height: 13px;
  margin-right: 5px;
  padding-right: 10px;
  border-right: 1p solid rgba(145, 145, 145, 0.19);
}

.header-logo .left b {
  margin-bottom: 6px;
  font-size: 13px;
  font-weight: 900;
  color: #000;
}

.header form {
  margin: 0 auto 0 37px;
  max-width: 400px;
  width: 100%;
}

.header form input {
  background-color: rgba(235, 237, 240, 0.48);
  height: 44px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

.header form label {
  right: 25px;
  font-weight: 400;
  line-height: 18px;
}

.header form label b {
  color: #2d365d;
  font-weight: 400;
}

.header form button {
  left: 17px;
  width: 29px;
  height: 29px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  font-size: 11px;
}

.header-cart {
  padding-right: 27px;
  border-right: 1px solid rgba(145, 145, 145, 0.19);
  margin-left: 21px;
}

.header-cart>.btn {
  background-color: rgba(235, 237, 240, 0.66);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 8px 14px 7px 12px;
  width: auto;
  height: auto;
  font-size: 11px;
  font-weight: bold;
  line-height: 16px;
  color: #2d365d;
}

.header-cart>.btn i {
  width: 29px;
  height: 29px;
  background-color: #49be78;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  font-size: 13px;
  -webkit-box-shadow: 0px 10px 15px rgba(73, 190, 120, 0.251);
  -moz-box-shadow: 0px 10px 15px rgba(73, 190, 120, 0.251);
  box-shadow: 0px 10px 15px rgba(73, 190, 120, 0.251);
  margin-left: 7px;
}

.header-cart>.btn span {
  width: 29px;
  height: 29px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.header-auth>.btn {
  background-color: #d22e1c;
  -webkit-box-shadow: -40px 24px 60px rgba(250, 86, 98, 0.2);
  -moz-box-shadow: -40px 24px 60px rgba(250, 86, 98, 0.2);
  box-shadow: -40px 24px 60px rgba(250, 86, 98, 0.2);
  font-weight: bold;
  max-width: 155px;
}

.header-auth>.btn i {
  margin-right: 11px;
  width: 20px;
  height: 20px;
  font-size: 8px;
  color: #d22e1c;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.header-contact {
  margin-right: 33px;
  color: #d22e1c;
  font-size: 18px;
  line-height: 28px;
  font-weight: 900;
}

.header-contact span {
  color: #49be78;
}

.header-contact div {
  font-size: 15px;
  color: #2e365d;
  font-weight: bold;
  line-height: 23px;
}

@media only screen and (max-width: 1199px) {
  .header form {
      margin-left: 20px;
      max-width: 300px;
  }

  .header-cart {
      padding-right: 12px;
      margin-left: 12px;
  }

  .header-contact {
      margin-right: 16px;
  }
}

@media only screen and (max-width: 991px) {
  .header-cart {
      border: none;
      padding-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .header {
      padding: 24px 0;
  }
}

@media only screen and (max-width: 575px) {
  .header-auth>.btn {
      font-size: 20px;
      width: 50px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px;
  }

  .header-auth>.btn i:last-child {
      font-size: 20px;
  }
}

.header-two {
  padding: 24px 0;
}

.header-two form {
  max-width: 410px;
}

.header-two form select {
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  border-radius: 11px;
  -webkit-box-shadow: -11px 7px 13px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: -11px 7px 13px rgba(0, 0, 0, 0.05);
  box-shadow: -11px 7px 13px rgba(0, 0, 0, 0.05);
  max-width: 114px;
  font-size: 9px;
  font-weight: 400;
  line-height: 14px;
  right: 16px;
  height: 33px;
}

.header-two form input {
  background-color: rgba(235, 237, 240, 0.6);
  height: 51px;
  font-size: 11px;
  font-weight: 400;
  line-height: 17px;
  padding-right: 144px;
}

.header-two-auth>.btn {
  padding: 16px 21px;
  font-weight: 600;
  line-height: 18px;
  border: 1px solid rgba(235, 237, 240, 0.8);
  margin: 0 21px 0 33px;
}

.header-two-auth>.btn b {
  font-weight: 900;
  color: #494949;
}

.header-two-auth>.btn:hover {
  color: rgba(255, 255, 255, 0.6);
}

.header-two-auth>.btn:hover b {
  color: #fff;
}

.header-two-cart>.btn {
  width: 37px;
  height: 37px;
  background-color: #ee273a;
  -webkit-box-shadow: -10px 24px 44px rgba(238, 39, 58, 0.25);
  -moz-box-shadow: -10px 24px 44px rgba(238, 39, 58, 0.25);
  box-shadow: -10px 24px 44px rgba(238, 39, 58, 0.25);
  margin-left: 28px;
}

.header-two-cart>.btn span,
.header-two-favorite>span {
  width: 12px;
  height: 12px;
  background-color: #212341;
  font-size: 7px;
  font-weight: 400;
  top: -2px;
  right: -2px;
}

.header-two-favorite {
  width: 37px;
  height: 37px;
  font-size: 14px;
}

@media only screen and (max-width: 1199px) {
  .header-two form {
      max-width: 300px;
  }

  .header-two-auth {
      margin: 0 12px;
      padding: 16px 12px;
  }

  .header-two-cart>.btn {
      margin-left: 12px;
  }

  .header-two-contact {
      margin-right: 12px;
  }
}

@media only screen and (max-width: 575px) {
  .header-two-cart>.btn {
      margin-left: 0;
  }
}

.section-heading-three {
  padding-right: 150px;
  margin-bottom: 76px;
}

.section-heading-three::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 120px;
  height: 107px;
  background: url("./../../images/new/pattern.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  mix-blend-mode: multiply;
}

.section-heading-three-title {
  font-size: 32px;
  line-height: 50px;
  color: #000;
  font-weight: 300;
}

.section-heading-three-title b {
  font-weight: 900;
  color: #121212;
}

.section-heading-three p {
  background-image: -webkit-linear-gradient(277.05deg, #919191 5.5%, rgba(145, 145, 145, 0) 173.6%);
  background-image: -moz-linear-gradient(277.05deg, #919191 5.5%, rgba(145, 145, 145, 0) 173.6%);
  background-image: -o-linear-gradient(277.05deg, #919191 5.5%, rgba(145, 145, 145, 0) 173.6%);
  background-image: linear-gradient(172.95deg, #919191 5.5%, rgba(145, 145, 145, 0) 173.6%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  line-height: 31px;
  max-width: 481px;
  width: 100%;
  text-align: justify;
}

.section-heading-three-link {
  background-color: #e3edff;
  padding: 13px 22px 11px 21px;
  font-size: 17px;
  color: #121212;
  line-height: 26px;
  font-weight: 400;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin-right: 100px;
}

.section-heading-three-link::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 23px;
  background: url("./../../images/new/shape-02.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  width: 116px;
  height: 72px;
  pointer-events: none;
}

.section-heading-three-link strong {
  font-weight: 900;
}

.section-heading-three-link i {
  width: 52px;
  height: 52px;
  background-color: #0547c1;
  -webkit-box-shadow: 0px 50px 50px rgba(0, 0, 0, 0.02);
  -moz-box-shadow: 0px 50px 50px rgba(0, 0, 0, 0.02);
  box-shadow: 0px 50px 50px rgba(0, 0, 0, 0.02);
  margin-left: 11px;
  font-size: 23px;
}

@media only screen and (max-width: 1199px) {
  .section-heading-three {
      padding-right: 110px;
  }

  .section-heading-three::before {
      width: 100px;
      height: 87px;
  }

  .section-heading-three-title {
      font-size: 28px;
      line-height: 44px;
  }

  .section-heading-three p {
      max-width: 410px;
  }
}

@media only screen and (max-width: 991px) {
  .section-heading-three p {
      max-width: 470px;
  }
}

@media only screen and (max-width: 767px) {
  .section-heading-three {
      padding-right: 0;
  }

  .section-heading-three::before {
      content: none;
  }

  .section-heading-three-title {
      font-size: 20px;
      line-height: 32px;
  }

  .section-heading-three p {
      max-width: 100%;
  }

  .section-heading-three-link {
      font-size: 15px;
      margin-right: 0;
  }
}

.section-heading-four {
  margin-bottom: 34px;
}

.section-heading-four-title {
  font-size: 28px;
  line-height: 43px;
  font-weight: 400;
  color: #212341;
  margin-bottom: 33px;
}

.section-heading-four-title span {
  font-weight: 900;
}

.section-heading-four-link {
  color: #212341;
}

.section-heading-four-link:hover {
  color: #ee273a;
}


.auth-avatar img {
  -webkit-filter: drop-shadow(0px 10px 13px rgba(0, 0, 0, 0.19));
  filter: drop-shadow(0px 10px 13px rgba(0, 0, 0, 0.19));
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  border-radius: 11px;
}

.top-selling-products-heading {
  padding: 17px 127px 23px 59px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  border: 1px solid rgba(145, 145, 145, 0.3);
  margin-bottom: 70px;
}

.top-selling-products-heading .text {
  margin-left: 55px;
}

.top-selling-products-heading .text .title {
  font-size: 20px;
  font-weight: 900;
  line-height: 31px;
  color: #000;
}

.top-selling-products-heading .text .sub-title {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.top-selling-products-heading .nav {
  padding: 9px 18px;
  background-color: rgba(235, 237, 240, 0.6);
}

.top-selling-products-heading .nav-item {
  font-weight: 400;
  color: #121212;
  line-height: 16px;
  padding: 10px 16px 9px 12px;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  border-radius: 11px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.top-selling-products-heading .nav-item:not(:last-child) {
  margin-left: 8px;
}

.top-selling-products-heading .nav-item.active,
.top-selling-products-heading .nav-item:hover {
  font-weight: 900;
}

.top-selling-products-heading .btn {
  font-weight: 400;
  color: #121212;
  line-height: 20px;
  background-color: rgba(235, 237, 240, 0.66);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 12px 27px;
}

.top-selling-products-heading .btn i {
  font-size: 16px;
}

.top-selling-products-heading .btn:hover {
  background-color: #121212;
}

.top-selling-products .swiper-slide>* {
  opacity: 0;
  visibility: hidden;
}

.top-selling-products .swiper-slide-visible>* {
  opacity: 1;
  visibility: visible;
}

.top-selling-products .swiper-button-next,
.top-selling-products .swiper-button-prev {
  top: 49px;
  right: auto;
  left: 229px;
}

.top-selling-products .swiper-button-prev {
  left: 266px;
}

@media only screen and (max-width: 1199px) {
  .top-selling-products-heading {
      padding: 17px 28px 23px;
  }

  .top-selling-products-heading .text {
      margin-left: 20px;
  }

  .top-selling-products-heading .text::before {
      content: none;
  }

  .top-selling-products .swiper-button-next {
      left: 189px;
  }

  .top-selling-products .swiper-button-prev {
      left: 226px;
  }
}

@media only screen and (max-width: 991px) {
  .top-selling-products-heading {
      -webkit-border-radius: 32px;
      -moz-border-radius: 32px;
      border-radius: 32px;
  }

  .top-selling-products-heading .nav {
      width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .top-selling-products-heading .nav-item {
      padding: 10px 12px 9px;
  }

  .top-selling-products-heading .nav-item:not(:last-child) {
      margin-left: 4px;
  }
}

@media only screen and (max-width: 575px) {
  .top-selling-products-heading {
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
      padding: 14px 18px 20px;
  }

  .top-selling-products-heading .text {
      width: 100%;
  }

  .top-selling-products-heading .nav {
      width: -webkit-calc(100% + 36px);
      width: -moz-calc(100% + 36px);
      width: calc(100% + 36px);
      -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
      border-radius: 15px;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      overflow: auto hidden;
      -ms-overflow-style: none;
      scrollbar-width: none;
  }

  .top-selling-products-heading .nav::-webkit-scrollbar {
      display: none;
  }

  .top-selling-products-heading .nav-item {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 auto;
      -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      white-space: nowrap;
  }

  .top-selling-products-heading .btn {
      width: 100%;
  }

  .top-selling-products .swiper-button-next {
      left: 30px;
  }

  .top-selling-products .swiper-button-prev {
      left: 70px;
  }
}

.header-three {
  padding: 24px 0;
}

.header-three form {
  max-width: 447px;
  margin-left: 36px;
}

.header-three form select {
  right: 15px;
  -webkit-box-shadow: -11px 7px 13px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: -11px 7px 13px rgba(0, 0, 0, 0.05);
  box-shadow: -11px 7px 13px rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  border-radius: 11px;
  padding: 10px 34px 9px 14px;
  font-size: 9px;
  font-weight: 900;
  line-height: 14px;
  color: #121212;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("./../../images/new/icon-category.svg") right 14px center no-repeat;
  -webkit-background-size: 16px 16px;
  -moz-background-size: 16px 16px;
  -o-background-size: 16px 16px;
  background-size: 16px 16px;
}

.header-three form input {
  font-size: 11px;
  font-weight: 400;
  padding-right: 157px;
  height: 46px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.header-three-cart>.btn {
  background-color: #60008c;
  -webkit-box-shadow: -40px 15px 70px rgba(96, 0, 140, 0.2);
  -moz-box-shadow: -40px 15px 70px rgba(96, 0, 140, 0.2);
  box-shadow: -40px 15px 70px rgba(96, 0, 140, 0.2);
  -webkit-border-radius: 10px 0px 10px 10px;
  -moz-border-radius: 10px 0px 10px 10px;
  border-radius: 10px 0px 10px 10px;
  width: auto;
  height: auto;
  font-size: 13px;
  font-weight: bold;
  padding: 10px 20px 10px 13px;
}

.header-three-cart>.btn::after {
  content: "";
  position: absolute;
  top: -webkit-calc(100% + 3px);
  top: -moz-calc(100% + 3px);
  top: calc(100% + 3px);
  right: 14px;
  width: 21px;
  height: 1px;
  background-color: #60008c;
}

.header-three-cart>.btn i {
  font-size: 16px;
}

.header-three-cart>.btn span {
  margin-right: 20px;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0px 14px 24px rgba(96, 0, 140, 0.3);
  -moz-box-shadow: 0px 14px 24px rgba(96, 0, 140, 0.3);
  box-shadow: 0px 14px 24px rgba(96, 0, 140, 0.3);
  color: #121212;
  font-size: 9px;
  line-height: 14px;
  font-weight: 400;
}

.header-three-auth>.btn {
  margin-right: 20px;
  background-color: transparent;
  border: 1px solid #d2d2d2;
  -webkit-border-radius: 0 10px 10px;
  -moz-border-radius: 0 10px 10px;
  border-radius: 0 10px 10px;
  padding: 12px 19px 12px 24px;
  -webkit-filter: drop-shadow(-40px 24px 60px rgba(250, 86, 98, 0.2));
  filter: drop-shadow(-40px 24px 60px rgba(250, 86, 98, 0.2));
  width: auto;
  height: auto;
  font-size: 13px;
  font-weight: bold;
  color: #121212;
  line-height: 22px;
}

.header-three-auth>.btn::before {
  content: "";
  position: absolute;
  top: 18px;
  right: -1px;
  background-color: #d9d9d9;
  mix-blend-mode: hard-light;
  width: 1px;
  height: 12px;
}

.header-three-auth>.btn::after {
  content: "";
  position: absolute;
  right: 12px;
  bottom: -1px;
  background-color: #d9d9d9;
  mix-blend-mode: hard-light;
  width: 40px;
  height: 1px;
}

.header-three-auth>.btn i {
  font-size: 20px;
  color: #60008c;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.header-three-auth>.btn span::before {
  content: "";
  position: absolute;
  top: 21px;
  right: -2px;
  width: 5px;
  height: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #60008c;
}

.header-three-auth>.btn span::after {
  content: "";
  position: absolute;
  right: 19px;
  bottom: -1px;
  width: 21px;
  height: 1px;
  background-color: #60008c;
}

.header-three-auth>.btn:hover {
  background-color: #60008c;
}

@media only screen and (max-width: 575px) {
  .header-three-cart>.btn {
      background-color: transparent;
      padding: 0;
      color: #60008c;
  }

  .header-three-cart>.btn i {
      font-size: 20px;
  }

  .header-three-cart>.btn::after {
      content: none;
  }

  .header-three-auth>.btn {
      border: none;
      padding: 0;
  }

  .header-three-auth>.btn::after,
  .header-three-auth>.btn::before,
  .header-three-auth>.btn span::before,
  .header-three-auth>.btn span::after {
      content: none;
  }
}


.new-products-offer-heading {
  margin-bottom: 46px;
}

.new-products-offer-heading .nav-item {
  line-height: 18px;
  color: #121212;
  font-weight: 400;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.new-products-offer-heading .nav-item:not(:last-child) {
  margin-left: 21px;
}

.new-products-offer-heading .nav-item.active,
.new-products-offer-heading .nav-item:hover {
  font-weight: 900;
}

.new-products-offer-heading .btn {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-weight: 900;
  padding: 12px 24px;
  line-height: 20px;
}

.new-products-offer-heading .btn i {
  margin-right: 10px;
}

.new-products-offer .swiper-button-next,
.new-products-offer .swiper-button-prev {
  top: 0;
  right: auto;
  left: 0;
  -webkit-transform: translate(185px, -69px);
  -moz-transform: translate(185px, -69px);
  -ms-transform: translate(185px, -69px);
  -o-transform: translate(185px, -69px);
  transform: translate(185px, -69px);
}

.new-products-offer .swiper-button-next::after,
.new-products-offer .swiper-button-prev::after {
  content: "\e90e";
  font-family: "icomoon";
  font-size: 18px;
  color: #121212;
}

.new-products-offer .swiper-button-prev {
  left: 40px;
}

.new-products-offer .swiper-button-prev::after {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

@media only screen and (max-width: 767px) {
  .new-products-offer-heading .nav {
      overflow: auto hidden;
      -ms-overflow-style: none;
      scrollbar-width: none;
  }

  .new-products-offer-heading .nav::-webkit-scrollbar {
      display: none;
  }

  .new-products-offer-heading .nav-item {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 auto;
      -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  }

  .new-products-offer-heading .btn {
      max-width: -webkit-calc(100% - 100px);
      max-width: -moz-calc(100% - 100px);
      max-width: calc(100% - 100px);
  }

  .new-products-offer .swiper-button-next,
  .new-products-offer .swiper-button-prev {
      -webkit-transform: translate(0, -69px);
      -moz-transform: translate(0, -69px);
      -ms-transform: translate(0, -69px);
      -o-transform: translate(0, -69px);
      transform: translate(0, -69px);
  }
}

.section-heading-five {
  padding-right: 181px;
  margin-bottom: 107px;
}

.section-heading-five::before,
.section-heading-five::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 164px;
  height: 164px;
  background: url("./../../images/new/image-05.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}

.section-heading-five::after {
  z-index: -2;
  -webkit-transform: translate(10px, -10px);
  -moz-transform: translate(10px, -10px);
  -ms-transform: translate(10px, -10px);
  -o-transform: translate(10px, -10px);
  transform: translate(10px, -10px);
  -webkit-filter: blur(27.5px);
  filter: blur(27.5px);
}

.section-heading-five-title {
  font-size: 32px;
  line-height: 54px;
  font-weight: 400;
  color: #000;
  margin-bottom: 18px;
}

.section-heading-five-title b {
  font-weight: 900;
}

.section-heading-five p {
  font-weight: 400;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5.5%, #919191), color-stop(173.6%, rgba(145, 145, 145, 0)));
  background-image: -webkit-linear-gradient(top, #919191 5.5%, rgba(145, 145, 145, 0) 173.6%);
  background-image: -moz-linear-gradient(top, #919191 5.5%, rgba(145, 145, 145, 0) 173.6%);
  background-image: -o-linear-gradient(top, #919191 5.5%, rgba(145, 145, 145, 0) 173.6%);
  background-image: linear-gradient(to bottom, #919191 5.5%, rgba(145, 145, 145, 0) 173.6%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  max-width: 481px;
  line-height: 31px;
}

@media only screen and (max-width: 767px) {
  .section-heading-five {
      padding-right: 0;
  }

  .section-heading-five::before,
  .section-heading-five::after {
      content: none;
  }

  .section-heading-five-title {
      font-size: 24px;
      line-height: 36px;
  }
}


.list-category {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -webkit-box-shadow: 0px 104px 105px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 104px 105px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 104px 105px rgba(0, 0, 0, 0.06);
  max-width: 267px;
  padding: 41px 42px 47px 24px;
}

.list-category li {
  font-size: 16px;
  font-weight: 400;
  color: #494949;
  line-height: 28px;
}

.list-category li:not(:last-child) {
  margin-bottom: 33px;
}

.list-category li .image {
  width: 36px;
  margin-left: 10px;
}

.best-category-three-item .image {
  margin-bottom: 44px;
}

.best-category-three-item .image::before {
  content: "";
  position: absolute;
  top: 47px;
  bottom: -25px;
  left: 0;
  width: 100%;
  background-color: #f2c648;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  z-index: -2;
}

.best-category-three-item .image img {
  max-width: 138px;
  width: 138px;
  max-height: 160px;
  height: 160px;
}

.best-category-three-item .image img:last-child {
  -webkit-transform: translate(-10px, 20px);
  -moz-transform: translate(-10px, 20px);
  -ms-transform: translate(-10px, 20px);
  -o-transform: translate(-10px, 20px);
  transform: translate(-10px, 20px);
  z-index: -1;
  -webkit-filter: blur(31.5px);
  filter: blur(31.5px);
  opacity: 0.8;
}

.best-category-three-item .title {
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  color: #000;
}

.best-category-three-item-2 .image::before {
  background-color: #e9d1c7;
}

.best-category-three-item-3 .image::before {
  background-color: #facd27;
}

.best-category-three-item-4 .image::before {
  background-color: #fbdbc7;
}

.best-category-three-item-5 .image::before {
  background-color: #915eba;
}

.best-category-three-item-6 .image::before {
  background-color: #ff9643;
}

.best-category-three-item-7 .image::before {
  background-color: #fdceb2;
}

.best-category-three-item-8 .image::before {
  background-color: #ff829f;
}

.best-category-three-item-9 .image::before {
  background-color: #b7d689;
}

.best-category-three-item-10 .image::before {
  background-color: #f7dccb;
}

.best-category-three-item-11 .image::before {
  background-color: #9d8e6c;
}

.best-category-three-item-12 .image::before {
  background-color: #ed8878;
}

.best-category-three .row {
  gap: 40px 0;
}

.article-five figure ul li {
  width: auto !important;
  padding: 0px 6px !important;
}

.icon-arrow-toggle:before {
  content: "\e969";
}

.icon-eye-2:before {
  content: "\e96a";
}

.icon-arrow-square-right:before {
  content: "\e96b";
}

.icon-arrow-square-left:before {
  content: "\e96c";
}

.categories-my-products .swiper-slide>*,
.amazing-offer-products-pagination .swiper-slide>*,
.amazing-offer-products-item-two::before,
.amazing-offer-products-item-two::after,
.brands-six-carousel .swiper-slide>*,
.our-products-categories .swiper-slide>*,
.new-category .swiper-slide>*,
.new-products .swiper-slide>*,
.selling-specials .swiper-slide>*,
.product-category-three .swiper-slide>*,
.new-products-category-two .swiper-slide>*,
.top-selling-products-two .swiper-slide>*,
.categories-products-item,
.category-specials-item,
[class*=" btn-gradient-"]::before,
.best-category-five-item,
.swiper-visible .swiper-slide>* {
  opacity: 0;
}

.categories-my-products .swiper-slide-active>*,
.categories-my-products .swiper-slide-active~.swiper-slide>*,
.carousel-gifts .swiper-pagination-bullet,
.selling-specials-two .swiper-pagination-bullet,
.amazing-offer-products-pagination .swiper-slide-thumb-active>*::before,
.amazing-offer-products-pagination .swiper-slide-thumb-active>*::after,
.amazing-offer-products-pagination .swiper-slide-visible>*,
.categories-products-three .swiper-categories-products-three-pagination .swiper-pagination-bullet,
.categories-products-three .swiper .swiper-pagination-bullet,
.brands-six-carousel .swiper-slide-active>*,
.brands-six-carousel .swiper-slide-active~.swiper-slide>*,
.our-products-categories .swiper-slide-active>*,
.our-products-categories .swiper-slide-active~.swiper-slide>*,
.categories-products-two .swiper-pagination-bullet,
.carousel-two .swiper-pagination-bullet,
.latest-products-two-banners .swiper-pagination-bullet,
.new-category .swiper-slide-active>*,
.new-category .swiper-slide-active~.swiper-slide>*,
.new-products .swiper-slide-active>*,
.new-products .swiper-slide-active~.swiper-slide>*,
.selling-specials .swiper-slide-active>*,
.selling-specials .swiper-slide-active~.swiper-slide>*,
.product-category-three .swiper-slide-active>*,
.product-category-three .swiper-slide-active~.swiper-slide>*,
.new-products-category-two .swiper-slide-active>*,
.new-products-category-two .swiper-slide-active~.swiper-slide>*,
.carousel-home-two .swiper-pagination-bullet,
.top-selling-products-two .swiper-slide-visible>*,
.categories-products .swiper-slide-active>*,
.categories-products .swiper-slide-active~.swiper-slide>*,
.swiper-discount-product-special .swiper-pagination-bullet,
.carousel-home .swiper-pagination-bullet,
.swiper-slide-visible .category-specials-item,
.landing-seventeen .swiper-pagination-bullet,
[class*=" btn-gradient-"]:hover::before,
.swiper-slide-visible .best-category-five-item,
.swiper-visible .swiper-slide-visible>* {
  opacity: 1;
}

.categories-my-products .swiper-slide>*,
.amazing-offer-products-pagination .swiper-slide>*,
.brands-six-carousel .swiper-slide>*,
.our-products-categories .swiper-slide>*,
.new-category .swiper-slide>*,
.new-products .swiper-slide>*,
.selling-specials .swiper-slide>*,
.product-category-three .swiper-slide>*,
.new-products-category-two .swiper-slide>*,
.top-selling-products-two .swiper-slide>*,
[class*=" btn-gradient-"]::before,
.best-category-five-item,
.swiper-visible .swiper-slide>* {
  visibility: hidden;
}

.categories-my-products .swiper-slide-active>*,
.categories-my-products .swiper-slide-active~.swiper-slide>*,
.amazing-offer-products-pagination .swiper-slide-visible>*,
.brands-six-carousel .swiper-slide-active>*,
.brands-six-carousel .swiper-slide-active~.swiper-slide>*,
.our-products-categories .swiper-slide-active>*,
.our-products-categories .swiper-slide-active~.swiper-slide>*,
.new-category .swiper-slide-active>*,
.new-category .swiper-slide-active~.swiper-slide>*,
.new-products .swiper-slide-active>*,
.new-products .swiper-slide-active~.swiper-slide>*,
.selling-specials .swiper-slide-active>*,
.selling-specials .swiper-slide-active~.swiper-slide>*,
.product-category-three .swiper-slide-active>*,
.product-category-three .swiper-slide-active~.swiper-slide>*,
.new-products-category-two .swiper-slide-active>*,
.new-products-category-two .swiper-slide-active~.swiper-slide>*,
.top-selling-products-two .swiper-slide-visible>*,
[class*=" btn-gradient-"]:hover::before,
.swiper-slide-visible .best-category-five-item,
.swiper-visible .swiper-slide-visible>* {
  visibility: visible;
}

.categories-my-products .swiper-slide>*,
.amazing-offer-products-pagination .swiper-slide>*,
.brands-six-carousel .swiper-slide>*,
.our-products-categories .swiper-slide>*,
.new-category .swiper-slide>*,
.new-products .swiper-slide>* {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.selling-specials .swiper-slide>*,
.product-category-three .swiper-slide>*,
.new-products-category-two .swiper-slide>*,
.top-selling-products-two .swiper-slide>*,
.categories-products-item,
.best-category-five-item,
.swiper-visible .swiper-slide>* {
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
}

.categories-my-products .swiper-slide-active>*,
.categories-my-products .swiper-slide-active~.swiper-slide>*,
.amazing-offer-products-pagination .swiper-slide-visible>*,
.brands-six-carousel .swiper-slide-active>*,
.brands-six-carousel .swiper-slide-active~.swiper-slide>*,
.our-products-categories .swiper-slide-active>*,
.our-products-categories .swiper-slide-active~.swiper-slide>*,
.new-category .swiper-slide-active>*,
.new-category .swiper-slide-active~.swiper-slide>*,
.new-products .swiper-slide-active>*,
.new-products .swiper-slide-active~.swiper-slide>*,
.selling-specials .swiper-slide-active>*,
.selling-specials .swiper-slide-active~.swiper-slide>*,
.product-category-three .swiper-slide-active>*,
.product-category-three .swiper-slide-active~.swiper-slide>*,
.new-products-category-two .swiper-slide-active>*,
.new-products-category-two .swiper-slide-active~.swiper-slide>*,
.top-selling-products-two .swiper-slide-visible>*,
.categories-products .swiper-slide-active>*,
.categories-products .swiper-slide-active~.swiper-slide>*,
.swiper-slide-visible .category-specials-item,
.swiper-slide-visible .best-category-five-item,
.swiper-visible .swiper-slide-visible>* {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.categories-my-products-right .swiper-button-next::after,
.categories-my-products-right .swiper-button-prev::after,
.categories-products-three .swiper-categories-products-three-button-next::after,
.categories-products-three .swiper-categories-products-three-button-prev::after,
.top-selling-products-two .swiper-button-next::after,
.top-selling-products-two .swiper-button-prev::after,
.categories-products .swiper-button-next::after,
.categories-products .swiper-button-prev::after,
.category-specials .swiper-button-next::after,
.category-specials .swiper-button-prev::after,
.swiper-button-arrow .swiper-button-next::after,
.swiper-button-arrow .swiper-button-prev::after {
  content: "\e90e";
  font-family: "icomoon";
}

.categories-my-products-right .swiper-button-prev::after,
.categories-products-three .swiper-categories-products-three-button-prev::after,
.top-selling-products-two .swiper-button-prev::after,
.swiper-button-arrow .swiper-button-prev::after {
  -webkit-transform: scale(-1) translateY(2px);
  -moz-transform: scale(-1) translateY(2px);
  -ms-transform: scale(-1) translateY(2px);
  -o-transform: scale(-1) translateY(2px);
  transform: scale(-1) translateY(2px);
}

.categories-my-products-right .swiper-button-next::after,
.categories-my-products-right .swiper-button-prev::after,
.section-heading-nine .title-en,
.categories-products-three .swiper-categories-products-three-button-next::after,
.categories-products-three .swiper-categories-products-three-button-prev::after,
.category-specials-two-heading .title,
.new-category-left .heading .title,
.top-selling-products-two .swiper-button-next::after,
.top-selling-products-two .swiper-button-prev::after,
.categories-products .swiper-button-next::after,
.categories-products .swiper-button-prev::after,
.swiper-button-arrow .swiper-button-next::after,
.swiper-button-arrow .swiper-button-prev::after {
  font-size: 24px;
}

.categories-my-products-right .swiper-button-next::after,
.categories-my-products-right .swiper-button-prev::after,
.amazing-offer-products-item .content .btn,
.amazing-offer-products-item .content ul li,
.amazing-offer-products-item .content .size,
.amazing-offer-products-item .content .title,
.amazing-offer-products-right .title,
.categories-products-three .swiper-categories-products-three-button-next::after,
.categories-products-three .swiper-categories-products-three-button-prev::after,
.about-us-two .socials ul li a:hover,
.about-us-two .socials .text b,
.latest-products-sort li,
.new-category-left .heading .title,
.new-products-right .title,
.specials-sale-heading-sort li,
.top-selling-products-two .swiper-button-next::after,
.top-selling-products-two .swiper-button-prev::after,
.categories-products .swiper-button-next::after,
.categories-products .swiper-button-prev::after,
.category-specials-item .title,
.btn-outline-light-2,
.btn-outline-light-2:hover,
.btn-outline-light-2:active,
.btn-outline-light-2:focus,
.btn-light-2,
.btn-warning-3,
.swiper-button-arrow .swiper-button-next::after,
.swiper-button-arrow .swiper-button-prev::after {
  color: #121212;
}

.section-heading-nine a,
.amazing-offer-products-pagination .swiper-slide-thumb-active>* .title,
.product-eight-offer .tags li a:hover,
.carousel-home .swiper-bottom i,
.category-specials p span,
.landing-seventeen .swiper-bottom i,
.landing-seventeen .btns .btn,
.btn-gradient-blue,
.btn-gradient-blue:hover,
.btn-gradient-blue:active,
.btn-gradient-blue:focus,
.btn-gradient-white,
.btn-gradient-white:hover,
.btn-purple-2:hover,
.btn-purple-2:focus,
.btn-purple-2:active,
.btn-purple-2,
.btn-primary-2:hover,
.btn-primary-2:focus,
.btn-primary-2:active,
.btn-primary-2,
.btn-light-2:hover,
.btn-light-2:focus,
.btn-light-2:active,
.btn-dark-5:hover,
.btn-dark-5:focus,
.btn-dark-5:active,
.btn-dark-5,
.btn-dark-4:hover,
.btn-dark-4:focus,
.btn-dark-4:active,
.btn-dark-4,
.btn-dark-3:hover,
.btn-dark-3:focus,
.btn-dark-3:active,
.btn-dark-3,
.btn-warning-3:hover,
.btn-warning-3:focus,
.btn-warning-3:active {
  color: #fff;
}

.amazing-offer-products-item-two,
.new-category-left .heading,
.carousel-home .swiper-pagination-bullet,
.landing-seventeen .swiper-pagination-bullet,
.product-img-line .product-image a,
[class*=" btn-gradient-"] {
  position: relative;
}

.categories-my-products .swiper-slide>*,
.carousel-gifts .swiper-pagination-bullet,
.top-products-seven-item,
.amazing-offer-products .swiper-pagination-bullet,
.amazing-offer-products-pagination .swiper-slide>*,
.amazing-offer-products-item-two::before,
.amazing-offer-products-item-two::after,
.amazing-offer-products-item-two,
.brands-six-carousel .swiper-slide>*,
.our-products-categories .swiper-slide>*,
.carousel-two .swiper-pagination-bullet,
.top-selling-products-three .swiper-slide>*,
.latest-products-two-banners .swiper-pagination-bullet,
.new-category .swiper-slide>*,
.new-products .swiper-slide>*,
.selling-specials .swiper-slide>*,
.product-category-three .swiper-slide>*,
.new-products-category-two .swiper-slide>*,
.carousel-home-two .swiper-pagination-bullet,
.top-selling-products-two .swiper-slide>*,
.categories-products-item,
.swiper-discount-product-special .swiper-pagination-bullet,
.carousel-home .swiper-pagination-bullet,
.category-specials-item,
.landing-seventeen .swiper-pagination-bullet,
[class*=" btn-gradient-"]::before,
.best-category-five-item,
.swiper-visible .swiper-slide>* {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.amazing-offer-products-item-two,
.new-category-left .heading,
.selling-specials-right .btn,
.product-category-three-right,
.new-products-category-two-right,
.best-category-five-item img,
[class*=" btn-gradient-"] {
  z-index: 2;
}

.section-heading-teen .icon::after,
.categories-my-products-right .title::before,
.carousel-gifts .swiper-pagination::before,
.section-heading-nine a::before,
.amazing-offer-products-item-two::before,
.amazing-offer-products-item .content::before,
.amazing-offer-products-item .content::after,
.amazing-offer-products-item .image::before,
.brands-six-wrapper::before,
.our-products-categories-item::before,
.our-products-categories-right a::before,
.categories-products-two-item::before,
.about-us-two .titr::before,
.about-us-two .sup-title::before,
.about-us-two::before,
.category-specials-two-item::before,
.latest-products-two-wrapper::before,
.latest-products-wrapper::after,
.new-category .swiper::after,
.new-category-left .heading::before,
.new-category-image::before,
.new-products::before,
.selling-specials-right .image img:last-child,
.selling-specials-right .title::before,
.selling-specials::before,
.product-category-three-item::before,
.product-category-three-right .title::before,
.new-products-category-two-right .title::before,
.products-specials-right .title::before,
.best-category-five-item .content::after,
.section-heading-seven .title::before,
.carousel-home-two .swiper-pagination::before,
.categories-products-item .image::before,
.categories-products-item .image::after,
.landing-seventeen .image::before,
.category-specials-item .image::before,
.product-img-line .product-image a::before,
.btn-dark-3::before,
[class*=" btn-gradient-"]::before {
  z-index: -1;
}

.section-heading-teen .icon::after,
.categories-my-products-item .image::before,
.categories-my-products-right .title::before,
.carousel-gifts .swiper-pagination::before,
.carousel-gifts-wrapper::before,
.top-products-seven-box::before,
.section-heading-nine a::before,
.amazing-offer-products-item-two::before,
.amazing-offer-products-item-two::after,
.amazing-offer-products-item .content .title::before,
.amazing-offer-products-item .content .title::after,
.amazing-offer-products-item .content::before,
.amazing-offer-products-item .content::after,
.amazing-offer-products-item .image .img::before,
.amazing-offer-products-item .image::after,
.amazing-offer-products-item .image .img::after,
.amazing-offer-products-item .image::before,
.categories-products-three-item::before,
.brands-six-title .title::before,
.brands-six-wrapper::before,
.our-products-categories-item::after,
.our-products-categories-item::before,
.our-products-categories-right a::before,
.categories-products-two-item::after,
.categories-products-two-item::before,
.about-us-two .socials .text::before,
.about-us-two .titr::before,
.about-us-two .sup-title::before,
.about-us-two::before,
.top-selling-products-three-item::before,
.offer-books-wrapper::before,
.offer-books-wrapper::after,
.offer-books-heading::after,
.latest-products-book-heading::before,
.category-specials-two-item .title::after,
.category-specials-two-item::before,
.category-specials-two::after,
.category-specials-two::before,
.latest-products-two-wrapper::before,
.latest-products-heading::before,
.latest-products-wrapper::after,
.latest-products-wrapper::before,
.new-category .swiper::after,
.new-category-left .heading::before,
.new-category-image::before,
.new-products-left::before,
.new-products::before,
.selling-specials-right .image::before,
.selling-specials-right .title::before,
.selling-specials::before,
.product-category-three-item::before,
.product-category-three-right .title::before,
.new-products-category-two-right .title::before,
.products-specials-right .title::before,
.best-category-five-item .content::after,
.best-category-five-item .content::before,
.section-heading-seven .title::before,
.section-heading-seven::before,
.section-heading-seven::after,
.carousel-home-two .swiper-pagination::before,
.carousel-home-two-wrapper::before,
.top-selling-products-two-heading::before,
.top-selling-products-two-heading::after,
.categories-products-item .btn::before,
.categories-products-item .image::before,
.categories-products-item .image::after,
.categories-products-right::before,
.best-category-four-item::after,
.best-category-four-item::before,
.section-heading-six .btn::before,
.section-heading-six .right::before,
.section-heading-six::after,
.section-heading-six::before,
.carousel-home .swiper-pagination-bullet::before,
.category-specials::after,
.category-specials::before,
.landing-seventeen .swiper-pagination-bullet::before,
.landing-seventeen::before,
.landing-seventeen .image::after,
.landing-seventeen .image .img::before,
.landing-seventeen .image .img::after,
.category-specials-item .image::after,
.category-specials-item .image .img::before,
.category-specials-item .image .img::after,
.landing-seventeen .image::before,
.category-specials-item .image::before,
.product-img-line .product-image a::before,
.btn-dark-3::before,
[class*=" btn-gradient-"]::before {
  content: "";
}

.amazing-offer-products-item-two::before,
.categories-products-three-item::before,
.carousel-home-two .swiper-pagination::before,
.btn-dark-3::before,
[class*=" btn-gradient-"]::before {
  -webkit-border-radius: inherit;
  -moz-border-radius: inherit;
  border-radius: inherit;
}

.amazing-offer-products-item .content .btn,
.best-category-five-item .content .quantity,
.section-heading-six .btn,
.carousel-home img,
.btn-gradient-white {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

.categories-my-products-right .btn,
.selling-specials-right .btn,
.product-category-three-right .btn,
.new-products-category-two-right .btn,
.specials-sale-heading .btn,
.products-specials-right .btn {
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
}

.carousel-gifts .swiper-pagination-bullet,
.top-products-seven-box,
.amazing-offer-products .swiper-pagination-bullet,
.carousel-two .swiper-pagination-bullet,
.top-selling-products-three-item::before,
.carousel-home-two .swiper-pagination-bullet,
.product-img-line .product-image a img {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.section-heading-teen-title,
.categories-my-products-right .title,
.section-heading-nine a,
.section-heading-nine,
.our-products-categories-right a,
.about-us-two .sup-title,
.latest-products-two-heading,
.new-category-left .heading .title,
.new-category-left .heading,
.selling-specials-right .btn,
.product-category-three-right .btn,
.new-products-category-two-right .btn,
.product-category-three-right .title,
.new-products-category-two-right .title,
.products-specials-right .btn,
.products-specials-right .title,
.section-heading-seven .title,
.carousel-home-two .swiper-pagination,
.categories-products-item .image,
.categories-products .btn-my-products,
.landing-seventeen .image,
.category-specials-item .image,
.product-img-line .product-image {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.categories-my-products-right,
.categories-my-products-left,
.amazing-offer-products-item .image,
.our-products-categories-left,
.our-products-categories-right,
.new-category-image,
.new-category-left,
.new-products-right,
.new-products-left,
.selling-specials-right,
.selling-specials-left,
.product-category-three-right,
.product-category-three-left,
.new-products-category-two-right,
.new-products-category-two-left,
.products-specials-right,
.products-specials-left,
.categories-products-right,
.categories-products-left {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.icon-pause:before {
  content: "\e96d";
}

.icon-play:before {
  content: "\e96e";
}

.icon-angle-circle-top-left:before {
  content: "\e96f";
}

.icon-filter-2:before {
  content: "\e970";
}

.icon-box-2:before {
  content: "\e971";
}

.icon-security-2:before {
  content: "\e972";
}

.icon-seven-plus-2:before {
  content: "\e973";
}

.icon-suport-2:before {
  content: "\e974";
}

.icon-direct:before {
  content: "\e975";
}

[class*=" btn-gradient-"]::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.btn-warning-3 {
  background-color: #f2e5dd;
}

.btn-warning-3:hover,
.btn-warning-3:focus,
.btn-warning-3:active {
  background-color: #000;
}

.btn-dark-3 {
  background-color: #000;
}

.btn-dark-3::before {
  position: absolute;
  top: 8px;
  left: 4px;
  width: 100%;
  height: 100%;
  background-image: -webkit-linear-gradient(171.14deg, #e3e3e3 0.42%, rgba(227, 227, 227, 0) 93.26%);
  background-image: -moz-linear-gradient(171.14deg, #e3e3e3 0.42%, rgba(227, 227, 227, 0) 93.26%);
  background-image: -o-linear-gradient(171.14deg, #e3e3e3 0.42%, rgba(227, 227, 227, 0) 93.26%);
  background-image: linear-gradient(278.86deg, #e3e3e3 0.42%, rgba(227, 227, 227, 0) 93.26%);
}

.btn-dark-3:hover,
.btn-dark-3:focus,
.btn-dark-3:active {
  background-color: #b69d74;
}

.btn-dark-4 {
  background-color: #222341;
}

.btn-dark-4:hover,
.btn-dark-4:focus,
.btn-dark-4:active {
  background-color: #b69d74;
}

.btn-dark-5 {
  background-color: #39375b;
}

.btn-dark-5:hover,
.btn-dark-5:focus,
.btn-dark-5:active {
  background-color: #b69d74;
}

.btn-light-2 {
  background-color: rgba(235, 237, 240, 0.66);
}

.btn-light-2:hover,
.btn-light-2:focus,
.btn-light-2:active {
  background-color: #4442a3;
}

.btn-primary-2 {
  background-color: #0547c1;
}

.btn-primary-2:hover,
.btn-primary-2:focus,
.btn-primary-2:active {
  background-color: #04358f;
}

.btn-purple-2 {
  background: #60008c url("./../../images/new-two/bg-10.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  -webkit-box-shadow: 0px 54px 54px rgba(96, 0, 140, 0.13);
  -moz-box-shadow: 0px 54px 54px rgba(96, 0, 140, 0.13);
  box-shadow: 0px 54px 54px rgba(96, 0, 140, 0.13);
}

.btn-purple-2:hover,
.btn-purple-2:focus,
.btn-purple-2:active {
  background-color: #3d0059;
}

.btn-gradient-white {
  -webkit-filter: drop-shadow(0px 44px 54px rgba(34, 35, 65, 0.05));
  filter: drop-shadow(0px 44px 54px rgba(34, 35, 65, 0.05));
  padding: 14px 25px 13px;
  background-image: -webkit-linear-gradient(181.37deg, rgba(255, 255, 255, 0.2) -11.15%, rgba(255, 255, 255, 0.0161607) 63.1%, rgba(255, 255, 255, 0) 142.61%);
  background-image: -moz-linear-gradient(181.37deg, rgba(255, 255, 255, 0.2) -11.15%, rgba(255, 255, 255, 0.0161607) 63.1%, rgba(255, 255, 255, 0) 142.61%);
  background-image: -o-linear-gradient(181.37deg, rgba(255, 255, 255, 0.2) -11.15%, rgba(255, 255, 255, 0.0161607) 63.1%, rgba(255, 255, 255, 0) 142.61%);
  background-image: linear-gradient(268.63deg, rgba(255, 255, 255, 0.2) -11.15%, rgba(255, 255, 255, 0.0161607) 63.1%, rgba(255, 255, 255, 0) 142.61%);
}

.btn-gradient-blue {
  background-image: -webkit-linear-gradient(355.01deg, #222341 -16.95%, #3c3e68 96.61%);
  background-image: -moz-linear-gradient(355.01deg, #222341 -16.95%, #3c3e68 96.61%);
  background-image: -o-linear-gradient(355.01deg, #222341 -16.95%, #3c3e68 96.61%);
  background-image: linear-gradient(94.99deg, #222341 -16.95%, #3c3e68 96.61%);
}

.btn-gradient-blue::before {
  background-image: -webkit-linear-gradient(184.99deg, #222341 -16.95%, #3c3e68 96.61%);
  background-image: -moz-linear-gradient(184.99deg, #222341 -16.95%, #3c3e68 96.61%);
  background-image: -o-linear-gradient(184.99deg, #222341 -16.95%, #3c3e68 96.61%);
  background-image: linear-gradient(-94.99deg, #222341 -16.95%, #3c3e68 96.61%);
}

.btn-outline-light-2,
.btn-outline-light-2:hover,
.btn-outline-light-2:active,
.btn-outline-light-2:focus {
  border: 1px solid #dcdcdc;
}

.btn-outline-light-2:hover,
.btn-outline-light-2:active,
.btn-outline-light-2:focus {
  background-color: #dcdcdc;
}

.product-img-line .product-image {
  margin: 0 auto;
  padding: 54px 12px 0;
}

.product-img-line .product-image a {
  padding: 7px;
  display: block;
}

.product-img-line .product-image a::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTk3IiBoZWlnaHQ9IjE5NyIgdmlld0JveD0iMCAwIDE5NyAxOTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iMTk2IiBoZWlnaHQ9IjE5NiIgcng9IjE5LjUiIHN0cm9rZT0idXJsKCNwYWludDBfbGluZWFyXzVfNDU2MjkpIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfNV80NTYyOSIgeDE9Ijk4LjUiIHkxPSIwIiB4Mj0iOTguNSIgeTI9IjE5NyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjQkFBRjhDIi8+CjxzdG9wIG9mZnNldD0iMC42NjcwNjkiIHN0b3AtY29sb3I9IiNCQUFGOEMiIHN0b3Atb3BhY2l0eT0iMC4wOTA2MjQzIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0JBQUY4QyIgc3RvcC1vcGFjaXR5PSIwIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==") 0 0/100% 100%;
  mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTk3IiBoZWlnaHQ9IjE5NyIgdmlld0JveD0iMCAwIDE5NyAxOTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iMTk2IiBoZWlnaHQ9IjE5NiIgcng9IjE5LjUiIHN0cm9rZT0idXJsKCNwYWludDBfbGluZWFyXzVfNDU2MjkpIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfNV80NTYyOSIgeDE9Ijk4LjUiIHkxPSIwIiB4Mj0iOTguNSIgeTI9IjE5NyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjQkFBRjhDIi8+CjxzdG9wIG9mZnNldD0iMC42NjcwNjkiIHN0b3AtY29sb3I9IiNCQUFGOEMiIHN0b3Atb3BhY2l0eT0iMC4wOTA2MjQzIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0JBQUY4QyIgc3RvcC1vcGFjaXR5PSIwIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==") 0 0/100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: #baaf8c;
}

.landing-seventeen .image::before,
.landing-seventeen .image::after,
.landing-seventeen .image .img::before,
.landing-seventeen .image .img::after,
.landing-seventeen .image .img img,
.category-specials-item .image::before,
.category-specials-item .image::after,
.category-specials-item .image .img::before,
.category-specials-item .image .img::after,
.category-specials-item .image .img img {
  -webkit-border-radius: 660px 660px 0px 0px;
  -moz-border-radius: 660px 660px 0px 0px;
  border-radius: 660px 660px 0px 0px;
}

.landing-seventeen .image::before,
.category-specials-item .image::before {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 0px 0px 111px rgba(228, 233, 242, 0.25);
  -moz-box-shadow: 0px 0px 111px rgba(228, 233, 242, 0.25);
  box-shadow: 0px 0px 111px rgba(228, 233, 242, 0.25);
  border: 1px solid rgba(255, 255, 255, 0.7);
}

.landing-seventeen .image::after,
.landing-seventeen .image .img::before,
.landing-seventeen .image .img::after,
.category-specials-item .image::after,
.category-specials-item .image .img::before,
.category-specials-item .image .img::after {
  position: absolute;
  border: 1px solid transparent;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), color-stop(56.25%, rgba(255, 255, 255, 0))) border-box;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 56.25%) border-box;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 56.25%) border-box;
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 56.25%) border-box;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 56.25%) border-box;
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) padding-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  -webkit-mask: -webkit-linear-gradient(#fff 0 0) padding-box, -webkit-linear-gradient(#fff 0 0);
  mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) padding-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: xor;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

@-webkit-keyframes timeLine {
  0% {
      width: 0;
  }

  100% {
      width: 100%;
  }
}

@-moz-keyframes timeLine {
  0% {
      width: 0;
  }

  100% {
      width: 100%;
  }
}

@-o-keyframes timeLine {
  0% {
      width: 0;
  }

  100% {
      width: 100%;
  }
}

@keyframes timeLine {
  0% {
      width: 0;
  }

  100% {
      width: 100%;
  }
}

.section-heading-six {
  padding: 34px 0 0;
  margin-bottom: 82px;
}

.section-heading-six::before {
  position: absolute;
  top: 0;
  right: 0;
  width: -webkit-calc(100% - 210px);
  width: -moz-calc(100% - 210px);
  width: calc(100% - 210px);
  height: 1px;
  border-top: 1px solid transparent;
  background: -webkit-linear-gradient(359.75deg, #bcbaba 11.65%, rgba(188, 186, 186, 0) 101.48%) border-box;
  background: -moz-linear-gradient(359.75deg, #bcbaba 11.65%, rgba(188, 186, 186, 0) 101.48%) border-box;
  background: -o-linear-gradient(359.75deg, #bcbaba 11.65%, rgba(188, 186, 186, 0) 101.48%) border-box;
  background: linear-gradient(90.25deg, #bcbaba 11.65%, rgba(188, 186, 186, 0) 101.48%) border-box;
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) padding-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  -webkit-mask: -webkit-linear-gradient(#fff 0 0) padding-box, -webkit-linear-gradient(#fff 0 0);
  mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) padding-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: xor;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

.section-heading-six::after {
  position: absolute;
  top: 0;
  left: 180px;
  width: 100px;
  height: 50%;
  border-top: 1px solid #bcbaba;
  border-left: 1px solid #bcbaba;
  -webkit-border-radius: 30px 0 0;
  -moz-border-radius: 30px 0 0;
  border-radius: 30px 0 0;
}

.section-heading-six .right {
  padding-right: 59px;
}

.section-heading-six .right::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 48px;
  height: 42px;
  background: url("./../../images/new-two/pattern-01.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  background-blend-mode: multiply;
  mix-blend-mode: multiply;
}

.section-heading-six-sup-title {
  font-size: 19px;
  line-height: 21px;
  color: #000;
  font-weight: 400;
}

.section-heading-six-title {
  margin-top: 3px;
  color: #000;
  font-size: 25px;
  font-weight: 900;
  line-height: 28px;
}

.section-heading-six-title span {
  font-weight: 400;
}

.section-heading-six p {
  margin: 0 28px 0 82px;
  color: #919191;
  font-size: 11px;
  font-weight: 400;
  line-height: 32px;
}

.section-heading-six .btn {
  padding: 18px 35px 16px;
  -webkit-box-shadow: 0px 44px 54px rgba(34, 35, 65, 0.05);
  -moz-box-shadow: 0px 44px 54px rgba(34, 35, 65, 0.05);
  box-shadow: 0px 44px 54px rgba(34, 35, 65, 0.05);
  font-size: 11px;
  font-weight: bold;
  line-height: 17px;
  margin-top: -34px;
}

.section-heading-six .btn::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 181px;
  height: 50%;
  border: 1px solid;
  border-color: transparent #bcbaba #bcbaba transparent;
  -webkit-border-radius: 0 0 30px;
  -moz-border-radius: 0 0 30px;
  border-radius: 0 0 30px;
}

@media only screen and (max-width: 575px) {

  .section-heading-six::before,
  .section-heading-six::after,
  .section-heading-six .right::before,
  .section-heading-six .btn::before {
      content: none;
  }

  .section-heading-six .right {
      padding-right: 0;
  }

  .section-heading-six .btn {
      margin-top: 0;
  }
}

.product-eight-offer .image {
  overflow: visible;
}

.product-eight-offer .image .offer {
  top: 0;
  right: 0;
  -webkit-transform: translateY(-61px);
  -moz-transform: translateY(-61px);
  -ms-transform: translateY(-61px);
  -o-transform: translateY(-61px);
  transform: translateY(-61px);
}

.product-eight-offer .image .status {
  background-color: #fff3f0;
  color: #ff8a66;
  font-size: 14px;
  font-weight: 300;
  width: 66px;
  height: 25px;
  line-height: 25px;
  right: 65px;
  -webkit-transform: translateY(-58px);
  -moz-transform: translateY(-58px);
  -ms-transform: translateY(-58px);
  -o-transform: translateY(-58px);
  transform: translateY(-58px);
}

.product-eight-offer .image img {
  -webkit-border-radius: 35px 35px 35px 0;
  -moz-border-radius: 35px 35px 35px 0;
  border-radius: 35px 35px 35px 0;
}

.product-eight-offer .tags {
  margin-bottom: 22px;
  gap: 7px;
}

.product-eight-offer .tags li a {
  line-height: 23px;
  background-color: #f6f6f6;
  padding: 0 10px;
  font-size: 8px;
  color: #919191;
  font-weight: 400;
}

.product-eight-offer .tags li a:hover {
  background-color: #f1313a;
}

.swiper-discount-product-special {
  padding-top: 61px;
}

.swiper-discount-product-special .swiper-pagination {
  top: 8px;
  bottom: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.swiper-discount-product-special .swiper-pagination-bullet {
  width: 3px;
  height: 3px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #f8bcbf;
}

.swiper-discount-product-special .swiper-pagination-bullet-active {
  width: 25px;
  background-color: #f1313a;
}

.section-heading-seven {
  max-width: 360px;
  margin-bottom: 58px;
}

.section-heading-seven::before,
.section-heading-seven::after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url("./../../images/new-two/pattern-02.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  background-blend-mode: multiply;
  mix-blend-mode: multiply;
  width: 68px;
  height: 60px;
}

.section-heading-seven::before {
  left: -webkit-calc(100% + 40px);
  left: -moz-calc(100% + 40px);
  left: calc(100% + 40px);
}

.section-heading-seven::after {
  right: -webkit-calc(100% + 40px);
  right: -moz-calc(100% + 40px);
  right: calc(100% + 40px);
}

.section-heading-seven .title {
  font-size: 32px;
  line-height: 36px;
  font-weight: 900;
  color: #000;
  margin-bottom: 18px;
}

.section-heading-seven .title::before {
  position: absolute;
  top: 8px;
  right: 5px;
  bottom: 5px;
  width: 61px;
  background-color: #fde7e5;
}

.section-heading-seven .title span {
  font-weight: 400;
}

.section-heading-seven p {
  font-size: 12px;
  line-height: 31px;
  color: #919191;
}

@media only screen and (max-width: 575px) {
  .section-heading-seven .title {
      font-size: 16px;
  }
}

.options-website .row {
  gap: 24px 0;
}

.options-website-item i {
  width: 83px;
  height: 83px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background: -webkit-gradient(linear, left top, left bottom, from(#fde7e5), color-stop(62.25%, rgba(253, 231, 229, 0.186275)), to(rgba(253, 231, 229, 0)));
  background: -webkit-linear-gradient(top, #fde7e5 0%, rgba(253, 231, 229, 0.186275) 62.25%, rgba(253, 231, 229, 0) 100%);
  background: -moz-linear-gradient(top, #fde7e5 0%, rgba(253, 231, 229, 0.186275) 62.25%, rgba(253, 231, 229, 0) 100%);
  background: -o-linear-gradient(top, #fde7e5 0%, rgba(253, 231, 229, 0.186275) 62.25%, rgba(253, 231, 229, 0) 100%);
  background: linear-gradient(180deg, #fde7e5 0%, rgba(253, 231, 229, 0.186275) 62.25%, rgba(253, 231, 229, 0) 100%);
  font-size: 38px;
  color: #2d365d;
  margin-left: 14px;
}

.options-website-item div {
  font-size: 15px;
  line-height: 23px;
  color: #000;
}

.options-website-item div span {
  font-weight: 900;
  color: #de027a;
}

.specials-sale-heading {
  margin-bottom: 80px;
  padding-left: 90px;
}

.specials-sale-heading-right {
  margin-left: 78px;
}

.specials-sale-heading-title {
  color: #000;
  font-size: 25px;
  line-height: 28px;
  font-weight: 400;
}

.specials-sale-heading-title span {
  font-weight: 900;
}

.specials-sale-heading-title-en {
  margin-bottom: 1px;
  color: #000;
  font-size: 26px;
  line-height: 29px;
  direction: ltr;
}

.specials-sale-heading-sort li {
  font-size: 13px;
  font-weight: 400;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.specials-sale-heading-sort li:not(:last-child) {
  margin-left: 20px;
}

.specials-sale-heading-sort li.active {
  font-weight: 900;
}

.specials-sale-heading-sort li:not(.active):hover {
  color: #de027a;
}

.specials-sale-heading .btn {
  font-size: 12px;
  font-weight: 600;
  padding: 14px 13px;
}

.specials-sale-heading .btn i {
  font-size: 8px;
  margin-right: 6px;
}

.specials-sale .swiper-button-next,
.specials-sale .swiper-button-prev {
  top: 40px;
  right: auto;
  left: 12px;
}

.specials-sale .swiper-button-prev {
  left: 52px;
}

@media only screen and (max-width: 1199px) {
  .specials-sale-heading-right {
      margin-left: 20px;
  }

  .specials-sale-heading-sort li:not(:last-child) {
      margin-left: 16px;
  }
}

@media only screen and (max-width: 991px) {
  .specials-sale-heading {
      padding-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .specials-sale-heading-sort {
      width: 100%;
  }

  .specials-sale-heading .btn {
      width: -webkit-calc(100% - 90px);
      width: -moz-calc(100% - 90px);
      width: calc(100% - 90px);
  }

  .specials-sale .swiper {
      position: relative;
  }

  .specials-sale .swiper-button-next,
  .specials-sale .swiper-button-prev {
      top: 0;
      left: 0;
      -webkit-transform: translateY(-93px);
      -moz-transform: translateY(-93px);
      -ms-transform: translateY(-93px);
      -o-transform: translateY(-93px);
      transform: translateY(-93px);
  }

  .specials-sale .swiper-button-prev {
      left: 40px;
  }
}

@media only screen and (max-width: 575px) {
  .specials-sale-heading-title {
      font-size: 19px;
  }

  .specials-sale-heading-title-en {
      font-size: 20px;
  }

  .specials-sale-heading-sort {
      overflow: auto hidden;
      -ms-overflow-style: none;
      scrollbar-width: none;
  }

  .specials-sale-heading-sort::-webkit-scrollbar {
      display: none;
  }

  .specials-sale-heading-sort li {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 auto;
      -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  }
}


.new-products::before {
  position: absolute;
  top: 30px;
  right: 0;
  background: url("./../../images/new-two/shape-04.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  width: 103px;
  height: 238px;
}

.new-products-right {
  max-width: 243px;
  margin-top: 36px;
  z-index: 6;
}

.new-products-right .title {
  font-size: 39px;
  font-weight: 900;
  line-height: 44px;
}

.new-products-right .sub-title {
  font-size: 39px;
  color: #818181;
  font-weight: 300;
  line-height: 46px;
  margin: 23px 0 116px;
}

.new-products-right .btn {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  padding: 16px 18px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.new-products-right .btn i {
  font-size: 8px;
  margin-right: 11px;
}

.new-products-left {
  max-width: -webkit-calc(100% - 243px);
  max-width: -moz-calc(100% - 243px);
  max-width: calc(100% - 243px);
  padding: 59px 34px 0 0;
}

.new-products-left::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 116px;
  width: 100vw;
  background-color: #dfdfdf;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.new-products .swiper-button-next,
.new-products .swiper-button-prev {
  top: 220px;
  right: 12px;
  left: auto;
  -webkit-transform: translateX(255px);
  -moz-transform: translateX(255px);
  -ms-transform: translateX(255px);
  -o-transform: translateX(255px);
  transform: translateX(255px);
}

.new-products .swiper-button-next {
  right: 52px;
}

@media only screen and (max-width: 1199px) {
  .new-products-right {
      max-width: 200px;
  }

  .new-products-left {
      max-width: -webkit-calc(100% - 200px);
      max-width: -moz-calc(100% - 200px);
      max-width: calc(100% - 200px);
  }

  .new-products .swiper-button-next,
  .new-products .swiper-button-prev {
      -webkit-transform: translateX(213px);
      -moz-transform: translateX(213px);
      -ms-transform: translateX(213px);
      -o-transform: translateX(213px);
      transform: translateX(213px);
  }
}

@media only screen and (max-width: 575px) {
  .new-products::before {
      content: none;
  }

  .new-products-right,
  .new-products-left {
      max-width: 100%;
  }

  .new-products-right .sub-title,
  .new-products-left .sub-title {
      margin: 23px 0;
  }

  .new-products-right .title,
  .new-products-right .sub-title {
      font-size: 30px;
      line-height: 34px;
  }

  .new-products-left {
      padding-right: 0;
  }

  .new-products-left::before {
      right: -12px;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
  }

  .new-products .swiper-slide>* {
      opacity: 1;
      visibility: visible;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
  }

  .new-products .swiper-button-next,
  .new-products .swiper-button-prev {
      top: 0;
      right: auto;
      left: 0;
      -webkit-transform: translate(0, -37px);
      -moz-transform: translate(0, -37px);
      -ms-transform: translate(0, -37px);
      -o-transform: translate(0, -37px);
      transform: translate(0, -37px);
  }

  .new-products .swiper-button-prev {
      left: 40px;
  }
}

.new-category-image {
  max-width: 233px;
  z-index: 3;
}

.new-category-image::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 138px;
  height: 100%;
  background-color: #ccc6b3;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.new-category-image img {
  width: 192px;
  height: 271px;
}

.new-category-left {
  margin-right: 27px;
  max-width: -webkit-calc(100% - 233px);
  max-width: -moz-calc(100% - 233px);
  max-width: calc(100% - 233px);
  border: 1px solid #000;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.new-category-left .heading {
  margin: -18px 0;
  margin-bottom: 58px;
  padding-left: 12px;
}

.new-category-left .heading::before {
  position: absolute;
  top: 0;
  right: -1px;
  bottom: -13px;
  width: 4px;
  background-color: #fff;
}

.new-category-left .heading .title {
  font-weight: 300;
  line-height: 37px;
  padding-left: 32px;
}

.new-category-left .heading .title b {
  font-weight: 900;
}

.new-category-left .heading .sub-title {
  font-size: 12px;
  line-height: 31px;
  color: #919191;
}

.new-category-item {
  padding: 6px 0 7px 29px;
}

.new-category-item img {
  width: 95px;
  height: 57px;
}

.new-category-item .detail .title {
  font-size: 13px;
  line-height: 20px;
  font-weight: 900;
  color: #000;
  margin-bottom: 7px;
}

.new-category-item .detail .title-en {
  direction: ltr;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  color: #000;
  padding-left: 20px;
}

.new-category-item .detail i {
  left: 29px;
  bottom: 15px;
}

.new-category .swiper {
  margin: 0 34px 98px;
}

.new-category .swiper::after {
  position: absolute;
  width: 50%;
  background-color: #fff;
  top: -39px;
  right: 90%;
  bottom: -41px;
}

.new-category .swiper-button-next,
.new-category .swiper-button-prev {
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  -webkit-transform: translateY(72px);
  -moz-transform: translateY(72px);
  -ms-transform: translateY(72px);
  -o-transform: translateY(72px);
  transform: translateY(72px);
}

.new-category .swiper-button-prev {
  left: 40px;
}

.swiper-slide:not(:last-child) .new-category-item {
  border-left: 1px solid rgba(0, 0, 0, 0.2);
}

@media only screen and (max-width: 1199px) {
  .new-category-image {
      max-width: 200px;
  }

  .new-category-left {
      margin-right: 16px;
      max-width: -webkit-calc(100% - 200px);
      max-width: -moz-calc(100% - 200px);
      max-width: calc(100% - 200px);
  }

  .new-category .swiper {
      margin: 0 16px 98px;
  }

  .new-category-item {
      padding-left: 12px;
  }

  .new-category-item .detail i {
      left: 12px;
  }
}

@media only screen and (max-width: 767px) {
  .new-category-left {
      margin: 0;
      max-width: 100%;
  }

  .new-category-left .heading .title {
      font-size: 18px;
      line-height: 30px;
  }
}

@media only screen and (max-width: 575px) {
  .new-category .swiper::after {
      width: 100vw;
      right: auto;
      left: -29px;
  }

  .new-category .swiper-slide>* {
      opacity: 1;
      visibility: visible;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
  }
}

.latest-products-wrapper {
  padding: 0 18px 0 28px;
}

.latest-products-wrapper::before {
  position: absolute;
  top: 32px;
  bottom: 141px;
  left: 0;
  width: 100%;
  border: 1px solid #000;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  z-index: -2;
}

.latest-products-wrapper::after {
  position: absolute;
  right: 12px;
  bottom: 111px;
  left: 12px;
  height: 61px;
  background-color: #fff;
}

.latest-products-heading {
  max-width: 391px;
  padding: 0 28px 14px 29px;
  margin-bottom: 25px;
}

.latest-products-heading::before {
  position: absolute;
  bottom: 0;
  right: 28px;
  left: 29px;
  height: 1px;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.4)), color-stop(110.6%, rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 110.6%);
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 110.6%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 110.6%);
  background-image: linear-gradient(-270deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 110.6%);
}

.latest-products-heading .title {
  font-size: 20px;
  line-height: 31px;
  font-weight: 400;
  color: #000;
}

.latest-products-heading .title span {
  font-weight: 900;
  color: #ae9368;
}

.latest-products-heading .sub-title {
  font-size: 12px;
  line-height: 31px;
}

.latest-products-sort {
  margin-bottom: 43px;
}

.latest-products-sort li {
  font-size: 12px;
  line-height: 18px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.latest-products-sort li:not(:last-child) {
  margin-left: 21px;
}

.latest-products-sort li.active {
  font-weight: 900;
}

@media only screen and (max-width: 575px) {
  .latest-products-heading .title {
      font-size: 16px;
  }

  .latest-products-sort {
      overflow: auto hidden;
      -ms-overflow-style: none;
      scrollbar-width: none;
      max-width: -webkit-fit-content;
      max-width: -moz-fit-content;
      max-width: fit-content;
  }

  .latest-products-sort::-webkit-scrollbar {
      display: none;
  }

  .latest-products-sort li {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 auto;
      -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  }
}

.latest-products-two-wrapper {
  padding-left: 25px;
}

.latest-products-two-wrapper::before {
  position: absolute;
  top: 35px;
  right: 54px;
  bottom: 88px;
  left: 0;
  border: 1px solid #000;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.latest-products-two-heading {
  margin-right: 173px;
  padding: 0 17px 0 40px;
  margin-bottom: 42px;
}

.latest-products-two-heading .title {
  font-size: 20px;
  font-weight: 400;
  line-height: 31px;
  outline: #000;
  margin-bottom: 7px;
}

.latest-products-two-heading .title span {
  font-weight: 900;
  color: #ae9368;
}

.latest-products-two-heading .sub-title {
  font-size: 12px;
  line-height: 31px;
  color: #919191;
}

.latest-products-two-banners {
  max-width: 25%;
}

.latest-products-two-banners img {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.latest-products-two-banners .swiper-pagination {
  top: 37px;
  bottom: auto;
}

.latest-products-two-banners .swiper-pagination-bullet {
  width: 24px;
  height: 3px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: rgba(206, 206, 206, 0.5);
}

.latest-products-two-banners .swiper-pagination-bullet-active {
  width: 40px;
  background-color: #fff;
}

.latest-products-two-products {
  max-width: 75%;
  padding-right: 24px;
}

@media only screen and (max-width: 991px) {
  .latest-products-two-banners {
      max-width: 33.3333333%;
  }

  .latest-products-two-products {
      max-width: 66.666667%;
  }
}

@media only screen and (max-width: 767px) {
  .latest-products-two-heading {
      margin-right: 80px;
  }

  .latest-products-two-banners,
  .latest-products-two-products {
      max-width: 50%;
  }
}

@media only screen and (max-width: 575px) {
  .latest-products-two-wrapper {
      padding: 0 12px;
  }

  .latest-products-two-wrapper::before {
      right: 0;
  }

  .latest-products-two-heading {
      padding: 0 17px;
      margin: 0 auto 42px;
  }

  .latest-products-two-heading .title {
      font-size: 16px;
  }

  .latest-products-two-banners,
  .latest-products-two-products {
      max-width: 100%;
  }

  .latest-products-two-banners .swiper-pagination {
      top: auto;
      bottom: 20px;
  }

  .latest-products-two-products {
      padding-right: 0;
  }
}


.about-us-two::before {
  position: absolute;
  top: 32px;
  right: 0;
  background: url("./../../images/new-two/shape-07.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  width: 73px;
  height: 91px;
  -webkit-filter: blur(12px);
  filter: blur(12px);
}

.about-us-two .sup-title {
  font-size: 16px;
  line-height: 16px;
  color: #0547c1;
}

.about-us-two .sup-title::before {
  position: absolute;
  right: -webkit-calc(100% + 13px);
  right: -moz-calc(100% + 13px);
  right: calc(100% + 13px);
  bottom: -webkit-calc(100% + 4px);
  bottom: -moz-calc(100% + 4px);
  bottom: calc(100% + 4px);
  width: 59px;
  height: 50px;
  background: url("./../../images/new-two/shape-06.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}

.about-us-two .title {
  line-height: 63px;
  font-size: 48px;
  font-weight: 900;
  color: #212121;
}

.about-us-two .titr {
  padding: 27px 0 11px;
  width: 90px;
}

.about-us-two .titr::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTAiIGhlaWdodD0iNTUiIHZpZXdCb3g9IjAgMCA5MCA1NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDE2LjY4MzFWMzkuOTU1OUMwIDQ4LjI0MDEgNi43MTU3MyA1NC45NTU5IDE1IDU0Ljk1NTlINzVDODMuMjg0MyA1NC45NTU5IDkwIDQ4LjI0MDEgOTAgMzkuOTU1OFYwSDg5LjM0MzFWMS42ODMwN0M4OS4zNDMxIDkuOTY3MzQgODIuNjI3MyAxNi42ODMxIDc0LjM0MzEgMTYuNjgzMUgwWiIgZmlsbD0iIzA1NDdDMSIvPgo8L3N2Zz4K") 0 0/100% 100%;
  mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTAiIGhlaWdodD0iNTUiIHZpZXdCb3g9IjAgMCA5MCA1NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDE2LjY4MzFWMzkuOTU1OUMwIDQ4LjI0MDEgNi43MTU3MyA1NC45NTU5IDE1IDU0Ljk1NTlINzVDODMuMjg0MyA1NC45NTU5IDkwIDQ4LjI0MDEgOTAgMzkuOTU1OFYwSDg5LjM0MzFWMS42ODMwN0M4OS4zNDMxIDkuOTY3MzQgODIuNjI3MyAxNi42ODMxIDc0LjM0MzEgMTYuNjgzMUgwWiIgZmlsbD0iIzA1NDdDMSIvPgo8L3N2Zz4K") 0 0/100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: #0547c1;
  font-size: 12px;
}

.about-us-two .socials .text {
  font-size: 12px;
  color: #494949;
  line-height: 18px;
  padding-left: 26px;
  margin-left: 18px;
}

.about-us-two .socials .text::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 24px;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.about-us-two .socials .text b {
  font-size: 14px;
  font-weight: 900;
  line-height: 20px;
}

.about-us-two .socials ul li:not(:last-child) {
  margin-left: 17px;
}

.about-us-two .socials ul li a {
  font-size: 18px;
  color: #919191;
}

.about-us-two p {
  margin: 20px 0 30px;
  color: #a9a9a9;
  font-size: 13px;
  line-height: 32px;
}

.about-us-two .date {
  border: 1px solid #4442a3;
  padding: 10px 20px 10px 23px;
  font-size: 12px;
  line-height: 15px;
  color: #4442a3;
}

.about-us-two .date i {
  font-size: 14px;
}

.about-us-two .btn {
  padding: 11px 14px;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
}

@media only screen and (max-width: 1199px) {
  .about-us-two .socials .text {
      padding-left: 18px;
  }
}

@media only screen and (max-width: 991px) {

  .about-us-two::before,
  .about-us-two .sup-title::before {
      content: none;
  }
}

@media only screen and (max-width: 399px) {
  .about-us-two .date-btn {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: unset !important;
      -webkit-align-items: unset !important;
      -moz-box-align: unset !important;
      -ms-flex-align: unset !important;
      align-items: unset !important;
  }

  .about-us-two .date-btn * {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
  }
}

.carousel-two .swiper {
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
}

.carousel-two .swiper-center {
  z-index: 5;
  left: 42px;
}

.carousel-two .swiper-center>span {
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0.46em;
  color: rgba(255, 255, 255, 0.8);
  -webkit-transform: rotate(90deg) translatey(80px);
  -moz-transform: rotate(90deg) translatey(80px);
  -ms-transform: rotate(90deg) translatey(80px);
  -o-transform: rotate(90deg) translatey(80px);
  transform: rotate(90deg) translatey(80px);
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -ms-transform-origin: center;
  -o-transform-origin: center;
  transform-origin: center;
}

.carousel-two .swiper-button-next::after,
.carousel-two .swiper-button-prev::after {
  font-size: 16px;
  color: #d7d7d7;
}

.carousel-two .swiper-button-next {
  -webkit-transform: rotate(-90deg) translateY(5px);
  -moz-transform: rotate(-90deg) translateY(5px);
  -ms-transform: rotate(-90deg) translateY(5px);
  -o-transform: rotate(-90deg) translateY(5px);
  transform: rotate(-90deg) translateY(5px);
}

.carousel-two .swiper-button-prev {
  -webkit-transform: rotate(-90deg) translateY(7px);
  -moz-transform: rotate(-90deg) translateY(7px);
  -ms-transform: rotate(-90deg) translateY(7px);
  -o-transform: rotate(-90deg) translateY(7px);
  transform: rotate(-90deg) translateY(7px);
}

.carousel-two .swiper-pagination {
  -webkit-transform: unset;
  -moz-transform: unset;
  -ms-transform: unset;
  -o-transform: unset;
  transform: unset;
}

.carousel-two .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background-color: rgba(255, 255, 255, 0.4);
}

.carousel-two .swiper-pagination-bullet-active {
  height: 21px;
  background-color: #fff;
}

@media only screen and (max-width: 991px) {
  .carousel-two .swiper {
      -webkit-border-radius: 40px;
      -moz-border-radius: 40px;
      border-radius: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .carousel-two img {
      -o-object-fit: cover;
      object-fit: cover;
  }

  .carousel-two .swiper {
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
  }

  .carousel-two .swiper-center {
      left: 20px;
  }
}

.categories-products-two {
  padding-top: 38px;
}

.categories-products-two-item {
  padding: 0 12px;
}

.categories-products-two-item::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 85px;
  background: #2d0f95 url("./../../images/new-two/bg-07.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  -webkit-border-radius: 20px 20px 20px 0px;
  -moz-border-radius: 20px 20px 20px 0px;
  border-radius: 20px 20px 20px 0px;
}

.categories-products-two-item::after {
  position: absolute;
  right: -4px;
  bottom: 30px;
  width: 90px;
  height: 94px;
  background: url("./../../images/new-two/shape-08.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  z-index: -2;
}

.categories-products-two-item img {
  width: 101px;
  height: 151px;
}

.categories-products-two-item .title {
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
}

.categories-products-two-item .title strong {
  font-weight: 900;
}

.categories-products-two .swiper-bottom {
  -webkit-transform: translateY(-38px);
  -moz-transform: translateY(-38px);
  -ms-transform: translateY(-38px);
  -o-transform: translateY(-38px);
  transform: translateY(-38px);
}

.categories-products-two .swiper-pagination-bullet {
  background-color: rgba(18, 18, 18, 0.15);
  width: 17px;
  height: 2px;
}

.categories-products-two .swiper-pagination-bullet-active {
  background-color: rgba(18, 18, 18, 0.4);
}

.our-products-categories-right {
  max-width: 291px;
  padding-left: 62px;
}

.our-products-categories-right .title {
  margin: 3px 0 7px;
  color: #000;
  font-size: 32px;
  line-height: 38px;
  font-weight: 900;
}

.our-products-categories-right .title span {
  color: #788086;
  font-weight: 400;
}

.our-products-categories-right .title-en {
  font-size: 32px;
  font-weight: 400;
  line-height: 35px;
  direction: ltr;
}

.our-products-categories-right p {
  font-size: 12px;
  line-height: 31px;
  color: #919191;
}

.our-products-categories-right a {
  margin-top: -10px;
  font-size: 12px;
  padding: 27px 25px 11px 20px;
}

.our-products-categories-right a::before {
  position: absolute;
  top: 0;
  right: -10px;
  left: 0;
  height: 100%;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTM3IiBoZWlnaHQ9IjU1IiB2aWV3Qm94PSIwIDAgMTM3IDU1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTAgMTYuNjgzMVYzOS45NTU5QzAgNDguMjQwMSA2LjcxNTczIDU0Ljk1NTkgMTUgNTQuOTU1OUgxMjJDMTMwLjI4NCA1NC45NTU5IDEzNyA0OC4yNDAxIDEzNyAzOS45NTU4VjBIMTM2VjEuNjgzMTNDMTM2IDkuOTY3NCAxMjkuMjg0IDE2LjY4MzEgMTIxIDE2LjY4MzFIMFoiIGZpbGw9IiMwNTQ3QzEiLz4KPC9zdmc+Cg==") 0 0/100% 100%;
  mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTM3IiBoZWlnaHQ9IjU1IiB2aWV3Qm94PSIwIDAgMTM3IDU1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTAgMTYuNjgzMVYzOS45NTU5QzAgNDguMjQwMSA2LjcxNTczIDU0Ljk1NTkgMTUgNTQuOTU1OUgxMjJDMTMwLjI4NCA1NC45NTU5IDEzNyA0OC4yNDAxIDEzNyAzOS45NTU4VjBIMTM2VjEuNjgzMTNDMTM2IDkuOTY3NCAxMjkuMjg0IDE2LjY4MzEgMTIxIDE2LjY4MzFIMFoiIGZpbGw9IiMwNTQ3QzEiLz4KPC9zdmc+Cg==") 0 0/100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: #0547c1;
}

.our-products-categories-left {
  max-width: -webkit-calc(100% - 291px);
  max-width: -moz-calc(100% - 291px);
  max-width: calc(100% - 291px);
}

.our-products-categories-item {
  padding: 0 24px 0 12px;
}

.our-products-categories-item::before {
  position: absolute;
  top: 116px;
  right: 0;
  bottom: 0;
  left: 60px;
  background: #3e0f95 url("./../../images/new-two/bg-08.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  -webkit-border-radius: 20px 20px 20px 0px;
  -moz-border-radius: 20px 20px 20px 0px;
  border-radius: 20px 20px 20px 0px;
}

.our-products-categories-item::after {
  position: absolute;
  right: -26px;
  bottom: 36px;
  z-index: -2;
  width: 118px;
  height: 123px;
  background: url("./../../images/new-two/shape-09.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}

.our-products-categories-item img {
  width: 198px;
  height: 250px;
}

.our-products-categories-item .content {
  max-width: -webkit-calc(100% - 60px);
  max-width: -moz-calc(100% - 60px);
  max-width: calc(100% - 60px);
  padding-bottom: 10px;
}

.our-products-categories-item .content .title {
  font-size: 16px;
  font-weight: 400;
  line-height: 31px;
}

.our-products-categories-item .content .title span {
  font-weight: 900;
}

.our-products-categories-item .content .title-en {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  direction: ltr;
  left: 100%;
}

@media only screen and (max-width: 1199px) {
  .our-products-categories-right {
      max-width: 260px;
  }

  .our-products-categories-left {
      max-width: -webkit-calc(100% - 260px);
      max-width: -moz-calc(100% - 260px);
      max-width: calc(100% - 260px);
      padding-left: 40px;
  }

  .our-products-categories-item::before {
      top: 90px;
  }

  .our-products-categories-item img {
      width: 170px;
      height: 215px;
  }
}

@media only screen and (max-width: 991px) {
  .our-products-categories-item::before {
      left: 0;
  }

  .our-products-categories-item .content {
      max-width: 100%;
  }
}

@media only screen and (max-width: 575px) {

  .our-products-categories-right,
  .our-products-categories-left {
      max-width: 100%;
  }

  .our-products-categories .swiper-slide>* {
      opacity: 1;
      visibility: visible;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
  }
}

.section-heading-eight {
  margin-bottom: 120px;
}

.section-heading-eight-title {
  font-size: 19px;
  line-height: 29px;
  color: #000;
}

.section-heading-eight-title b {
  font-weight: 900;
}

.section-heading-eight-title-en {
  color: #000;
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 3px;
}

.section-heading-eight p {
  margin: 0 32px 0 49px;
  font-size: 12px;
  color: #919191;
  line-height: 32px;
}

.section-heading-eight .btn {
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  padding: 13px 28px 13px 29px;
  -webkit-border-radius: 15px 0 15px 15px;
  -moz-border-radius: 15px 0 15px 15px;
  border-radius: 15px 0 15px 15px;
}

@media only screen and (max-width: 575px) {
  .section-heading-eight .btn {
      width: 100%;
  }
}

.section-heading-nine {
  margin-bottom: 61px;
}

.section-heading-nine .title {
  font-size: 25px;
  line-height: 27px;
  color: #000;
  font-weight: 400;
}

.section-heading-nine .title b {
  font-weight: 900;
}

.section-heading-nine .title-en {
  direction: ltr;
  color: #000;
  line-height: 27px;
  margin-bottom: 7px;
}

.section-heading-nine a {
  padding: 27px 25px 11px 20px;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  margin-top: -10px;
}

.section-heading-nine a::before {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTM3IiBoZWlnaHQ9IjU1IiB2aWV3Qm94PSIwIDAgMTM3IDU1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTAgMTYuNjgzMVYzOS45NTU5QzAgNDguMjQwMSA2LjcxNTczIDU0Ljk1NTkgMTUgNTQuOTU1OUgxMjJDMTMwLjI4NCA1NC45NTU5IDEzNyA0OC4yNDAxIDEzNyAzOS45NTU4VjBIMTM2VjEuNjgzMTNDMTM2IDkuOTY3NCAxMjkuMjg0IDE2LjY4MzEgMTIxIDE2LjY4MzFIMFoiIGZpbGw9IiMwNTQ3QzEiLz4KPC9zdmc+Cg==") 0 0/100% 100%;
  mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTM3IiBoZWlnaHQ9IjU1IiB2aWV3Qm94PSIwIDAgMTM3IDU1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTAgMTYuNjgzMVYzOS45NTU5QzAgNDguMjQwMSA2LjcxNTczIDU0Ljk1NTkgMTUgNTQuOTU1OUgxMjJDMTMwLjI4NCA1NC45NTU5IDEzNyA0OC4yNDAxIDEzNyAzOS45NTU4VjBIMTM2VjEuNjgzMTNDMTM2IDkuOTY3NCAxMjkuMjg0IDE2LjY4MzEgMTIxIDE2LjY4MzFIMFoiIGZpbGw9IiMwNTQ3QzEiLz4KPC9zdmc+Cg==") 0 0/100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: #0547c1;
  width: 100%;
  height: 100%;
}

.top-products-seven .row {
  gap: 24px 0;
}

.top-products-seven-box {
  background-color: #fff;
  border: 3px solid rgba(245, 243, 252, 0.1);
  padding: 27px 13px 0;
  -webkit-box-shadow: 0px 165px 250px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: 0px 165px 250px rgba(0, 0, 0, 0.09);
  box-shadow: 0px 165px 250px rgba(0, 0, 0, 0.09);
}

.top-products-seven-box::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(bottom, #fff, rgba(255, 255, 255, 0));
  background-image: -moz-linear-gradient(bottom, #fff, rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(bottom, #fff, rgba(255, 255, 255, 0));
  background-image: linear-gradient(to top, #fff, rgba(255, 255, 255, 0));
  z-index: 9;
  -webkit-border-radius: 0 0 20px 20px;
  -moz-border-radius: 0 0 20px 20px;
  border-radius: 0 0 20px 20px;
}

.top-products-seven-box-title {
  font-size: 22px;
  font-weight: 900;
  line-height: 34px;
}

.top-products-seven-box ul {
  padding-right: 24px;
  overflow: hidden auto;
  max-height: 400px;
  direction: ltr;
  scrollbar-width: 2;
  scrollbar-color: rgba(217, 217, 217, 0.7) #60008c;
  padding-bottom: 18px;
}

.top-products-seven-box ul::-webkit-scrollbar {
  width: 2px;
  background-color: rgba(217, 217, 217, 0.7);
}

.top-products-seven-box ul::-webkit-scrollbar-thumb {
  background-color: #60008c;
}

.top-products-seven-item {
  padding: 4px 4px 18px 12px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  border: solid transparent;
  border-width: 0 1px 1px 0;
  direction: rtl;
}

.top-products-seven-item:not(:last-child) {
  margin-bottom: 12px;
}

.top-products-seven-item img {
  width: 90px;
  height: 88px;
}

.top-products-seven-item .detail {
  padding-right: 6px;
  width: -webkit-calc(100% - 90px);
  width: -moz-calc(100% - 90px);
  width: calc(100% - 90px);
}

.top-products-seven-item .detail .title {
  font-size: 12px;
  font-weight: 900;
  line-height: 19px;
  color: #2d365d;
}

.top-products-seven-item .detail .price {
  font-size: 14px;
  font-weight: 300;
  color: #232323;
  line-height: 22px;
}

.top-products-seven-item .detail .price span {
  font-size: 20px;
  line-height: 31px;
  color: #39375b;
  font-weight: 900;
}

.top-products-seven-item:hover {
  border-color: #a9a9a9;
}

@media only screen and (max-width: 575px) {
  .top-products-seven-box ul {
      padding-right: 12px;
  }
}



.section-heading-teen {
  margin-bottom: 64px;
  max-width: 404px;
}

.section-heading-teen .icon {
  width: 86px;
  height: 86px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fde7e5), color-stop(47.7%, rgba(253, 231, 229, 0.186275)), to(rgba(253, 231, 229, 0)));
  background-image: -webkit-linear-gradient(top, #fde7e5 0%, rgba(253, 231, 229, 0.186275) 47.7%, rgba(253, 231, 229, 0) 100%);
  background-image: -moz-linear-gradient(top, #fde7e5 0%, rgba(253, 231, 229, 0.186275) 47.7%, rgba(253, 231, 229, 0) 100%);
  background-image: -o-linear-gradient(top, #fde7e5 0%, rgba(253, 231, 229, 0.186275) 47.7%, rgba(253, 231, 229, 0) 100%);
  background-image: linear-gradient(180deg, #fde7e5 0%, rgba(253, 231, 229, 0.186275) 47.7%, rgba(253, 231, 229, 0) 100%);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  color: #872eb0;
  font-size: 38px;
  margin-bottom: 30px;
}

.section-heading-teen .icon::after {
  position: absolute;
  top: -11px;
  right: -11px;
  bottom: -11px;
  left: -11px;
  border: 1px solid transparent;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), color-stop(49.83%, rgba(0, 0, 0, 0.002)), to(rgba(0, 0, 0, 0))) border-box;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.002) 49.83%, rgba(0, 0, 0, 0) 100%) border-box;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.002) 49.83%, rgba(0, 0, 0, 0) 100%) border-box;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.002) 49.83%, rgba(0, 0, 0, 0) 100%) border-box;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.002) 49.83%, rgba(0, 0, 0, 0) 100%) border-box;
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) padding-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  -webkit-mask: -webkit-linear-gradient(#fff 0 0) padding-box, -webkit-linear-gradient(#fff 0 0);
  mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) padding-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: xor;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

.section-heading-teen-title {
  font-size: 25px;
  line-height: 28px;
  font-weight: 400;
  color: #000;
}

.section-heading-teen-title b {
  font-weight: 900;
}

.section-heading-teen-title-en {
  font-size: 26px;
  line-height: 30px;
  color: #000;
}

.section-heading-teen p {
  font-size: 12px;
  font-weight: 400;
  color: #919191;
  line-height: 31px;
}

@media only screen and (max-width: 575px) {
  .section-heading-teen-title {
      font-size: 20px;
  }

  .section-heading-teen-title-en {
      font-size: 21px;
  }
}

.icon-toman:before {
  content: "\e978";
}

.icon-icon-action-star:before {
  content: "\e979";
}

.icon-icon-action-star-on:before {
  content: "\e97a";
}

.icon-arrow-left-line:before {
  content: "\e97b";
}

.icon-arrow-right-line:before {
  content: "\e97c";
}

.btn-danger-4 {
  background-color: #f04d7d;
  border: 1px solid #f04d7d;
  color: #fff;
}

.btn-danger-4:hover,
.btn-danger-4:focus,
.btn-danger-4:active {
  background-color: transparent;
  color: #f04d7d;
}

.btn-outline-dark-3 {
  border: 1px solid #000;
  color: #000;
}

.btn-outline-dark-3:hover,
.btn-outline-dark-3:focus,
.btn-outline-dark-3:active {
  background-color: #000;
  color: #fff;
}

.product-fifteen {
  padding: 12px 12px 24px;
}

.product-fifteen .off-timear,
.product-fifteen .image {
  margin-bottom: 12px;
}

.product-fifteen .timear {
  font-size: 14px;
  color: #f04d7d;
  gap: 2px;
}

.product-fifteen .image {
  background-color: rgba(0, 0, 0, 0.03);
  padding: 48px 0;
}

.product-fifteen .image .category {
  padding: 0 12px;
  color: #434343;
  font-size: 14px;
  font-weight: 400;
  min-height: 36px;
}

.product-fifteen .image .offer,
.product-fifteen .image ul {
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.product-fifteen .image .offer {
  padding: 0 12px;
  min-height: 48px;
  background-color: #262626;
  font-size: 14px;
  font-weight: 600;
  direction: ltr;
}

.product-fifteen .image ul {
  padding: 12px 8px 8px;
  -webkit-transform: translateY(40px);
  -moz-transform: translateY(40px);
  -ms-transform: translateY(40px);
  -o-transform: translateY(40px);
  transform: translateY(40px);
}

.product-fifteen .image .colors {
  gap: 12px;
}

.product-fifteen .image .colors li a {
  width: 20px;
  height: 20px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  border: 1px solid #e9e9e9;
}

.product-fifteen .image .sizes {
  gap: 16px;
}

.product-fifteen .image .sizes li a {
  font-size: 14px;
  font-weight: 400;
  color: #000;
}

.product-fifteen .image img {
  mix-blend-mode: darken;
}

.product-fifteen .title {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #000;
  font-weight: 500;
}

.product-fifteen .rate {
  font-size: 12px;
  color: #434343;
  line-height: 18px;
}

.product-fifteen .rate i {
  margin-right: 2px;
  font-size: 14px;
}

.product-fifteen .price {
  margin-top: 18px;
  font-size: 18px;
  color: #000;
  font-weight: 500;
}

.product-fifteen .price del {
  color: #7b7b7b;
  font-size: 14px;
  font-weight: 400;
}

.product-fifteen .price i {
  font-size: 24px;
}

.product-fifteen:hover .image .offer {
  -webkit-transform: translateY(-40px);
  -moz-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
}

.product-fifteen:hover .image ul {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.digi-amazing-right,
.digi-amazing-left,
.top-selling-products-digi-right,
.top-selling-products-digi-left {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.digi-amazing-right,
.top-selling-products-digi-right {
  max-width: 245px;
  padding: 16px 0 0 40px;
}

.digi-amazing .btn-more,
.top-selling-products-digi .btn-more {
  margin-top: 295px;
  font-size: 16px;
  line-height: 24px;
  padding: 7px 21px;
}

.digi-amazing-left,
.top-selling-products-digi-left {
  max-width: -webkit-calc(100% - 245px);
  max-width: -moz-calc(100% - 245px);
  max-width: calc(100% - 245px);
}

.digi-amazing-left .swiper,
.top-selling-products-digi-left .swiper {
  padding-left: 12px;
}

.digi-amazing-left .swiper-button-disabled,
.top-selling-products-digi-left .swiper-button-disabled {
  opacity: 0;
}

.digi-amazing-left .swiper-button-next,
.digi-amazing-left .swiper-button-prev,
.top-selling-products-digi-left .swiper-button-next,
.top-selling-products-digi-left .swiper-button-prev {
  background-color: rgba(255, 255, 255, 0.6);
  width: 64px;
  height: 64px;
}

.digi-amazing-left .swiper-button-next::after,
.digi-amazing-left .swiper-button-prev::after,
.top-selling-products-digi-left .swiper-button-next::after,
.top-selling-products-digi-left .swiper-button-prev::after {
  content: "\e97b";
  font-family: "icomoon";
  font-size: 48px;
  line-height: 48px;
}

.digi-amazing-left .swiper-button-next,
.top-selling-products-digi-left .swiper-button-next {
  left: 0;
}

.digi-amazing-left .swiper-button-prev,
.top-selling-products-digi-left .swiper-button-prev {
  right: 0;
}

.digi-amazing-left .swiper-button-prev::after,
.top-selling-products-digi-left .swiper-button-prev::after {
  content: "\e97c";
}

@media only screen and (max-width: 1399px) {

  .digi-amazing-right,
  .top-selling-products-digi-right {
      max-width: 180px;
  }

  .digi-amazing-left,
  .top-selling-products-digi-left {
      max-width: -webkit-calc(100% - 180px);
      max-width: -moz-calc(100% - 180px);
      max-width: calc(100% - 180px);
  }
}

@media only screen and (max-width: 1199px) {

  .digi-amazing-right,
  .top-selling-products-digi-right {
      max-width: 160px;
      padding-left: 20px;
  }

  .digi-amazing-left,
  .top-selling-products-digi-left {
      max-width: -webkit-calc(100% - 160px);
      max-width: -moz-calc(100% - 160px);
      max-width: calc(100% - 160px);
  }
}

@media only screen and (max-width: 767px) {

  .digi-amazing-right,
  .digi-amazing-left,
  .top-selling-products-digi-right,
  .top-selling-products-digi-left {
      max-width: 100%;
  }

  .digi-amazing-right,
  .top-selling-products-digi-right {
      padding: 0;
  }

  .digi-amazing .btn-more,
  .top-selling-products-digi .btn-more {
      max-width: -webkit-fit-content;
      max-width: -moz-fit-content;
      max-width: fit-content;
  }
}

.digi-amazing {
  padding: 76px 0;
  background-color: #f5f5f5;
}

@media only screen and (max-width: 767px) {
  .digi-amazing {
      padding: 32px 0;
  }

  .digi-amazing .container-fluid {
      padding: 0;
  }
}

.top-selling-products-digi-right .title {
  width: 90px;
  font-size: 24px;
  font-weight: 400;
  line-height: 34px;
}

@media only screen and (max-width: 575px) {
  .top-selling-products-digi .container {
      padding: 0;
  }
}

.digi-articles-heading {
  margin-bottom: 20px;
  padding: 0 16px;
}

.digi-articles-heading-title {
  color: #080a38;
  font-size: 16px;
  line-height: 25px;
}

.digi-articles-heading-link {
  font-size: 12px;
}

.digi-articles-heading-link,
.digi-articles-heading-link:hover {
  color: #19bfd3;
}

.digi-articles-heading-link i {
  font-size: 8px;
}

.digi-articles .row {
  gap: 24px 0;
}

.digi-articles-item {
  border: 1px solid #e0e0e6;
}

.digi-articles-item .title {
  margin-top: 12px;
  font-size: 12px;
  color: #080a38;
  line-height: 26px;
  height: 52px;
}

@media only screen and (max-width: 767px) {
  .digi-articles-heading {
      padding: 0;
  }
}

.product-sixteen {
  background-color: #161616;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.product-sixteen .image img {
  width: 156px;
  height: 156px;
}

.product-sixteen .title {
  font-size: 13px;
  line-height: 18px;
}

.product-sixteen .detail {
  font-size: 10px;
  line-height: 20px;
  margin: 10px 0;
  color: #707070;
}

.product-sixteen .colors {
  gap: 10px;
  margin-bottom: 10px;
}

.product-sixteen .colors li a {
  width: 14px;
  height: 14px;
  -webkit-box-shadow: inset 0 2px 1.5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 2px 1.5px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 2px 1.5px rgba(0, 0, 0, 0.15);
}

.product-sixteen .price {
  font-size: 13px;
  line-height: 20px;
}

.product-sixteen .price del {
  color: #d4d3d3;
}

.product-sixteen .price del+div {
  color: #ff7800;
}

.product-sixteen .price>div {
  color: #fff;
}

.product-sixteen:hover {
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -ms-transform: scale(1.03);
  -o-transform: scale(1.03);
  transform: scale(1.03);
  background-color: #272727;
}

.brands-nic {
  background-color: #232323;
}

.brands-nic img {
  max-height: 35px;
}

.brands-nic .swiper-wrapper {
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}

.options-nic-items {
  gap: 24px;
}

.options-nic-item {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  color: red;
  background-color: #161616;
  float: 0 0 auto;
  max-width: -webkit-calc(20% - 19px);
  max-width: -moz-calc(20% - 19px);
  max-width: calc(20% - 19px);
}

.options-nic-item .title {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}

.options-nic-item:nth-child(2) {
  color: blue;
}

.options-nic-item:nth-child(3) {
  color: orange;
}

.options-nic-item:nth-child(4) {
  color: #f36c5f;
}

.options-nic-item:nth-child(5) {
  color: green;
}

@media only screen and (max-width: 991px) {
  .options-nic-items {
      overflow: auto hidden;
      -ms-overflow-style: none;
      scrollbar-width: none;
      -webkit-scroll-snap-type: x mandatory;
      -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
      gap: 12px;
  }

  .options-nic-items::-webkit-scrollbar {
      display: none;
  }

  .options-nic-item {
      scroll-snap-align: start;
      max-width: 23%;
  }
}

@media only screen and (max-width: 767px) {
  .options-nic-item {
      max-width: 36%;
  }
}

@media only screen and (max-width: 575px) {
  .options-nic .container {
      padding: 0;
  }

  .options-nic-items {
      padding: 0 12px;
  }

  .options-nic-item {
      scroll-snap-align: none;
  }
}

@media only screen and (max-width: 499px) {
  .options-nic-item {
      max-width: 47%;
  }
}

@media only screen and (max-width: 399px) {
  .options-nic-item {
      max-width: 75%;
  }
}

.icon-heart-3:before {
  content: "\e97d";
}

.icon-eye-3:before {
  content: "\e97e";
}

.btn-outline-dark-4 {
  border: 1px solid #bdc4d3;
  color: #00bf6f;
}

.btn-outline-dark-4:hover,
.btn-outline-dark-4:focus,
.btn-outline-dark-4:active {
  border-color: #00bf6f;
  color: #0bcf74;
}

.product-seventeen .image>a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(111, 115, 119, 0.07);
  z-index: 2;
}

.product-seventeen .image>a img {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.product-seventeen .image>a img:last-child {
  opacity: 0;
  visibility: hidden;
}

.product-seventeen .image .offer {
  width: 70px;
  height: 40px;
  -webkit-border-radius: 0 20px 20px 0;
  -moz-border-radius: 0 20px 20px 0;
  border-radius: 0 20px 20px 0;
  background-color: #f16422;
  top: 30px;
  font-size: 19px;
  z-index: 3;
  direction: ltr;
}

.product-seventeen .image .icons,
.product-seventeen .image .colors {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.product-seventeen .image .icons {
  top: 23px;
  right: 35px;
  z-index: 3;
}

.product-seventeen .image .icons li {
  width: 45px;
  height: 45px;
  -webkit-box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1);
  font-size: 18px;
  color: #030405;
  cursor: pointer;
}

.product-seventeen .image .icons li:not(:last-child) {
  margin-bottom: 15px;
}

.product-seventeen .image .colors {
  bottom: 8px;
  gap: 5px;
  z-index: 3;
}

.product-seventeen .image .colors li {
  width: 48px;
  border: 1px solid #e6e6e6;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 2px;
}

.product-seventeen .image .colors li img {
  max-height: 45px;
}

.product-seventeen .image .colors li.count {
  font-weight: 500;
  color: #f16422;
  direction: ltr;
}

.product-seventeen .image .colors li.active {
  border-color: #1dac77;
}

.product-seventeen .brand {
  font-size: 18px;
  color: #000;
  line-height: 28px;
}

.product-seventeen .last-price {
  font-size: 12px;
  font-weight: 500;
  color: #8c8c8c;
}

.product-seventeen .title {
  font-size: 14px;
  color: #666;
  max-width: 60%;
}

.product-seventeen .price {
  color: #00bf6f;
  font-size: 15px;
  font-weight: 500;
}

.product-seventeen .sizes {
  gap: 5px;
}

.product-seventeen .sizes li a {
  font-size: 12px;
  line-height: 28px;
  padding: 0 10px;
  color: #323232;
  border: 1px solid #d6d5d5;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-weight: 400;
  direction: ltr;
}

.product-seventeen .sizes li a.more {
  color: #f16422;
}

.product-seventeen .send-product {
  margin-top: 10px;
  font-size: 13px;
  color: #6f6f6f;
}

.product-seventeen .send-product img {
  width: 33px;
  height: 33px;
}

.product-seventeen:hover .image>a img:first-child {
  opacity: 0;
  visibility: hidden;
}

.product-seventeen:hover .image>a img:last-child {
  opacity: 1;
  visibility: visible;
}

.product-seventeen:hover .image .icons,
.product-seventeen:hover .image .colors {
  opacity: 1;
  visibility: visible;
}

.article-bani .title {
  font-size: 15px;
  color: #000;
  line-height: 30px;
  font-weight: 500;
  margin-top: 30px;
}

.article-bani:hover .title {
  color: #00bf6f;
}

.swiper-bani .swiper-button-next::after,
.swiper-bani .swiper-button-prev::after {
  font-size: 22px;
  color: #707070;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.swiper-bani .swiper-button-next:hover::after,
.swiper-bani .swiper-button-prev:hover::after {
  color: #00bf6f;
}

.swiper-bani .swiper-button-next {
  -webkit-transform: translateX(-50px);
  -moz-transform: translateX(-50px);
  -ms-transform: translateX(-50px);
  -o-transform: translateX(-50px);
  transform: translateX(-50px);
}

.swiper-bani .swiper-button-prev {
  -webkit-transform: translateX(50px);
  -moz-transform: translateX(50px);
  -ms-transform: translateX(50px);
  -o-transform: translateX(50px);
  transform: translateX(50px);
}

@media only screen and (max-width: 1399px) {
  .swiper-bani .swiper-button-next {
      -webkit-transform: translateX(-45px);
      -moz-transform: translateX(-45px);
      -ms-transform: translateX(-45px);
      -o-transform: translateX(-45px);
      transform: translateX(-45px);
  }

  .swiper-bani .swiper-button-prev {
      -webkit-transform: translateX(45px);
      -moz-transform: translateX(45px);
      -ms-transform: translateX(45px);
      -o-transform: translateX(45px);
      transform: translateX(45px);
  }
}

@media only screen and (max-width: 1199px) {
  .swiper-bani .swiper-button-next {
      -webkit-transform: translateX(-30px);
      -moz-transform: translateX(-30px);
      -ms-transform: translateX(-30px);
      -o-transform: translateX(-30px);
      transform: translateX(-30px);
  }

  .swiper-bani .swiper-button-prev {
      -webkit-transform: translateX(30px);
      -moz-transform: translateX(30px);
      -ms-transform: translateX(30px);
      -o-transform: translateX(30px);
      transform: translateX(30px);
  }
}

@media only screen and (max-width: 575px) {
  .swiper-bani .swiper .swiper {
      overflow: visible !important;
  }
}

.btn-more-bani {
  font-size: 18px;
  font-weight: 500;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding: 14px 24px;
  line-height: 20px;
  min-width: 270px;
}

.top-selling-products-bani-title {
  font-size: 26px;
  font-weight: 500;
  color: #212529;
  line-height: 39px;
}

@media only screen and (max-width: 767px) {
  .top-selling-products-bani-title {
      font-size: 20px;
      line-height: 32px;
  }
}

.amazing-offer-bani-heading .timear>span {
  font-size: 18px;
  color: #27af6e;
  margin-left: 20px;
}

.amazing-offer-bani-heading .timear ul {
  gap: 6px;
  color: #f16423;
}

.amazing-offer-bani-heading .timear ul li {
  width: 50px;
  height: 50px;
  background-color: #f16423;
}

@media only screen and (max-width: 991px) {
  .amazing-offer-bani-heading img {
      width: auto;
      height: 42px;
  }
}

@media only screen and (max-width: 575px) {
  .amazing-offer-bani-heading img {
      height: 24px;
  }

  .amazing-offer-bani-heading .timear ul,
  .amazing-offer-bani-heading .timear ul ul {
      font-size: 14px !important;
  }

  .amazing-offer-bani-heading .timear ul li {
      width: 32px;
      height: 32px;
      font-size: 16px !important;
  }
}

.top-brands-bani {
  padding: 60px 0;
  background-color: #f9f9f9;
}

.top-brands-bani-title {
  font-size: 26px;
  font-weight: 500;
  margin-bottom: 60px;
  color: #212529;
}

.top-brands-bani .swiper img {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.options-bani .row {
  gap: 24px 0;
}

.options-bani-item {
  z-index: 2;
}

.options-bani-item img {
  max-height: 98px;
}

.options-bani-item .content {
  height: 158px;
}

.options-bani-item .content::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 200px;
  z-index: -2;
  background: url("./../../images/banimode/shape-01.png") center bottom no-repeat;
  -webkit-background-size: 85% 85%;
  -moz-background-size: 85%;
  -o-background-size: 85%;
  background-size: 85%;
}

.options-bani-item .content::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 200px;
  background-color: #fff;
  z-index: -1;
  opacity: 0.95;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.options-bani-item .content .title {
  font-size: 20px;
  line-height: 28px;
  color: #666;
  max-width: 80%;
}

.options-bani-item .content p {
  max-width: 240px;
  color: #666;
  font-size: 13px;
  line-height: 20px;
}

.options-bani-item:hover .content::after {
  opacity: 0.84;
}

@media only screen and (max-width: 991px) {

  .options-bani-item .content::before,
  .options-bani-item .content::after {
      content: none;
  }

  .options-bani-item .content .title {
      max-width: 100%;
      font-size: 18px;
  }
}

@media only screen and (max-width: 767px) {
  .options-bani .row {
      margin: 0 -6px;
  }

  .options-bani .row>* {
      padding: 0 6px;
  }

  .options-bani-item img {
      width: auto;
      height: 64px;
  }

  .options-bani-item .content .title {
      font-size: 16px;
  }
}

@media only screen and (max-width: 575px) {
  .options-bani-item img {
      width: 36px;
      height: 34px;
  }

  .options-bani-item .content .title {
      font-size: 12px;
      max-width: 60px;
      line-height: 17px;
      color: #000;
  }
}

.last-articles-bani-title {
  font-size: 26px;
  font-weight: 500;
  color: #212529;
  line-height: 39px;
}

.icon-arrow-left-4:before {
  content: "\e97f";
}

.icon-dots-more:before {
  content: "\e980";
}

.icon-toman-2:before {
  content: "\e981";
}

.icon-stars:before {
  content: "\e982";
}

.icon-discount:before {
  content: "\e983";
}

.icon-add:before {
  content: "\e984";
}

.icon-today:before {
  content: "\e985";
}

.btn-outline-light-3 {
  border: 1px solid #fff;
}

.btn-outline-light-3,
.btn-outline-light-3:hover,
.btn-outline-light-3:focus,
.btn-outline-light-3:active {
  color: #fff;
}

.product-eighteen img {
  width: 86px;
  height: 86px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.product-eighteen .number {
  font-size: 26px;
  font-weight: 800;
  line-height: 26px;
  color: #19bfd3;
  margin: 0 12px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.product-eighteen .name {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 1%;
  -moz-box-flex: 1;
  -ms-flex: 1 0 1%;
  flex: 1 0 1%;
}

.product-eighteen .title {
  font-size: 12px;
  line-height: 26px;
  color: #3f4064;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.product-nineteen {
  padding: 12px 16px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.product-nineteen .offer {
  width: 34px;
  height: 20px;
  background-color: #ef394e;
  font-size: 12px;
}

.product-nineteen .price {
  font-size: 16px;
  line-height: 34px;
  color: #3f4064;
}

.product-nineteen .price i {
  font-size: 13px;
}

.product-nineteen .last-price {
  padding-left: 20px;
  font-size: 12px;
  color: #c3c3ce;
  line-height: 26px;
}

.product-nineteen .progress-time {
  background-color: #f1f2f4;
  height: 4px;
}

.product-nineteen .progress-time span {
  background-color: #ef394e;
}

.product-nineteen .sold {
  font-size: 11px;
  line-height: 16px;
  color: #767790;
}

.product-nineteen .sold span {
  color: #ef394e;
  font-size: 10px;
}

.product-nineteen .timear {
  font-size: 12px;
  color: #ef394e;
  gap: 4px;
}

.product-twenty {
  padding: 12px 8px 12px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.product-twenty .offer-top {
  height: 26px;
}

.product-twenty .image img {
  width: 240px;
  height: auto;
}

.product-twenty .image .colors li:not(.more) {
  width: 8px;
  height: 8px;
  outline: 1px solid rgba(0, 0, 0, 0.1);
}

.product-twenty .image .colors li:not(:last-child) {
  margin-bottom: 8px;
}

.product-twenty .image .colors li.more {
  color: #080a38;
  line-height: 8px;
}

.product-twenty .send-free {
  height: 24px;
}

.product-twenty .send-free span {
  background-color: rgba(242, 242, 242, 0.5);
  color: #81858b;
  font-size: 11px;
  line-height: 24px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.product-twenty .title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 12px;
  line-height: 26px;
  height: 52px;
}

.product-twenty .today {
  font-size: 11px;
  color: #5a5c7a;
}

.product-twenty .today i {
  color: #1028ff;
}

.product-twenty .amount {
  font-size: 11px;
  color: #ef394e;
  line-height: 24px;
  font-weight: 500;
}

.product-twenty .rate {
  color: #3f4064;
  font-size: 12px;
}

.product-twenty .rate i {
  color: #f9bc00;
}

.product-twenty .offer {
  width: 34px;
  height: 20px;
  background-color: #ef394e;
  font-size: 12px;
  line-height: 20px;
}

.product-twenty .price {
  font-size: 16px;
  color: #3f4064;
  line-height: 34px;
}

.product-twenty .price i {
  font-size: 12px;
}

.product-twenty .last-price {
  font-size: 12px;
  line-height: 26px;
  color: #c3c3ce;
  padding-left: 25px;
}

.product-twenty:hover {
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}

.swiper-kala .swiper-button-disabled {
  opacity: 0;
}

.swiper-kala .swiper-button-next,
.swiper-kala .swiper-button-prev {
  width: 40px;
  height: 40px;
  border: 1px solid #e0e0e6;
}

.swiper-kala .swiper-button-next::after,
.swiper-kala .swiper-button-prev::after {
  color: #3f4064;
  opacity: 0.7;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 12px;
  font-weight: 700;
}

.swiper-kala .swiper-button-next:hover::after,
.swiper-kala .swiper-button-prev:hover::after {
  opacity: 1;
}


.icon-printer:before {
  content: "\e976";
}

.icon-folder-2:before {
  content: "\e977";
}

.btn-outline-default {
  border: 0.75px solid #494949;
  color: #494949;
}

.btn-outline-default:hover,
.btn-outline-default:focus,
.btn-outline-default:active {
  background-color: #494949;
  color: #fff;
}

.icon-email-3:before {
  content: "\e986";
}

.icon-location-2:before {
  content: "\e987";
}

.icon-share-2:before {
  content: "\e988";
}

.icon-heart-4:before {
  content: "\e989";
}

.icon-bell-2:before {
  content: "\e98a";
}

.icon-box-tick:before {
  content: "\e98b";
}

.icon-brush:before {
  content: "\e98c";
}

.icon-cube:before {
  content: "\e98d";
}

.icon-cube-rotate:before {
  content: "\e98e";
}

.icon-flower:before {
  content: "\e98f";
}

.icon-messages:before {
  content: "\e990";
}

.icon-message-text:before {
  content: "\e991";
}

.icon-message-text-2:before {
  content: "\e992";
}

.icon-shield-tick:before {
  content: "\e993";
}

.icon-shopping-cart:before {
  content: "\e994";
}

.icon-truck:before {
  content: "\e995";
}

.icon-truck-fast:before {
  content: "\e996";
}

.icon-angle-circle-left:before {
  content: "\e997";
}

.icon-toman-3:before {
  content: "\e998";
}

.icon-home-5:before {
  content: "\e999";
}

.icon-close-circle:before {
  content: "\e99a";
}

.lg-content {
  direction: ltr;
}

.lg-container>* {
  z-index: 9999;
}

.icons-detail-product {
  top: 22px;
  right: 27px;
  z-index: 10;
}

.icons-detail-product>button {
  width: 39px;
  height: 39px;
  background-color: #ac00fb;
  font-size: 10px;
  font-weight: 800;
}

.icons-detail-product ul {
  background-color: #1e002c;
  -webkit-box-shadow: -20px 44px 51px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: -20px 44px 51px rgba(0, 0, 0, 0.08);
  box-shadow: -20px 44px 51px rgba(0, 0, 0, 0.08);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  padding: 19px 0 21px;
  width: 44px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.icons-detail-product ul li {
  font-size: 18px;
  cursor: pointer;
}

.icons-detail-product ul.hidden {
  opacity: 0;
  visibility: hidden;
}

.timear-detail-product li {
  -webkit-box-shadow: 0px 24px 16px rgba(0, 0, 0, 0.02);
  -moz-box-shadow: 0px 24px 16px rgba(0, 0, 0, 0.02);
  box-shadow: 0px 24px 16px rgba(0, 0, 0, 0.02);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 30px;
  height: 30px;
  font-size: 8px;
  color: #494949;
  line-height: 12px;
}

.timear-detail-product li span {
  font-size: 12px;
  line-height: 15px;
}

.star-comments .star,
.star-comments .comments-text {
  font-size: 12px;
  line-height: 18px;
}

.star-comments .star {
  color: #303030;
}

.star-comments .star i {
  color: #fac712;
}

.star-comments .comments-text {
  color: #60008c;
  margin-right: 18px;
}

.top-selling-month-detail-product {
  font-size: 11px;
  color: #000;
  line-height: 17px;
}

.top-selling-month-detail-product i {
  margin-left: 6px;
  color: #60008c;
  font-size: 16px;
}

.category-detail-product li:not(:last-child)::after {
  content: "/";
  margin: 0 6px;
}

.category-detail-product li a {
  font-size: 12px;
  color: #000;
  line-height: 36px;
}

.title-detail-product {
  color: #121212;
  line-height: 36px;
  margin-bottom: 14px;
}

/* start detail4 */
.icon-email-3:before {
  content: "\e986";
}

.icon-location-2:before {
  content: "\e987";
}

.icon-share-2:before {
  content: "\e988";
}

.icon-heart-4:before {
  content: "\e989";
}

.icon-bell-2:before {
  content: "\e98a";
}

.icon-box-tick:before {
  content: "\e98b";
}

.icon-brush:before {
  content: "\e98c";
}

.icon-cube:before {
  content: "\e98d";
}

.icon-cube-rotate:before {
  content: "\e98e";
}

.icon-flower:before {
  content: "\e98f";
}

.icon-messages:before {
  content: "\e990";
}

.icon-message-text:before {
  content: "\e991";
}

.icon-message-text-2:before {
  content: "\e992";
}

.icon-shield-tick:before {
  content: "\e993";
}

.icon-shopping-cart:before {
  content: "\e994";
}

.icon-truck:before {
  content: "\e995";
}

.icon-truck-fast:before {
  content: "\e996";
}

.icon-angle-circle-left:before {
  content: "\e997";
}

.icon-toman-3:before {
  content: "\e998";
}

.icon-home-5:before {
  content: "\e999";
}

.icon-close-circle:before {
  content: "\e99a";
}

.lg-content {
  direction: ltr;
}

.lg-container>* {
  z-index: 9999;
}

.icons-detail-product {
  top: 22px;
  right: 27px;
  z-index: 10;
}

.icons-detail-product>button {
  width: 39px;
  height: 39px;
  background-color: #ac00fb;
  font-size: 10px;
  font-weight: 800;
}

.icons-detail-product ul {
  background-color: #1e002c;
  -webkit-box-shadow: -20px 44px 51px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: -20px 44px 51px rgba(0, 0, 0, 0.08);
  box-shadow: -20px 44px 51px rgba(0, 0, 0, 0.08);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  padding: 19px 0 21px;
  width: 44px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.icons-detail-product ul li {
  font-size: 18px;
  cursor: pointer;
}

.icons-detail-product ul.hidden {
  opacity: 0;
  visibility: hidden;
}

.timear-detail-product li {
  -webkit-box-shadow: 0px 24px 16px rgba(0, 0, 0, 0.02);
  -moz-box-shadow: 0px 24px 16px rgba(0, 0, 0, 0.02);
  box-shadow: 0px 24px 16px rgba(0, 0, 0, 0.02);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 30px;
  height: 30px;
  font-size: 8px;
  color: #494949;
  line-height: 12px;
}

.timear-detail-product li span {
  font-size: 14px;
  line-height: 15px;
}

.star-comments .star,
.star-comments .comments-text {
  font-size: 14px;
  line-height: 18px;
}

.star-comments .star {
  color: #303030;
}

.star-comments .star i {
  color: #fac712;
}

.star-comments .comments-text {
  color: #60008c;
  margin-right: 18px;
}

.top-selling-month-detail-product {
  font-size: 11px;
  color: #000;
  line-height: 17px;
}

.top-selling-month-detail-product i {
  margin-left: 6px;
  color: #60008c;
  font-size: 16px;
}

.category-detail-product li:not(:last-child)::after {
  content: "/";
  margin: 0 6px;
}

.category-detail-product li a {
  font-size: 14px;
  color: #000;
  line-height: 36px;
}

.title-detail-product {
  color: #121212;
  line-height: 36px;
  margin-bottom: 14px;
}

.options-three {
  margin: 60px 0 55px;
  padding: 85px 0;
  background-color: rgba(255, 249, 245, 0.3);
}

.options-three-items li {
  padding: 0 12px;
  max-width: 20%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.options-three-items li:not(:last-child) {
  border-left: 1px solid rgba(145, 145, 145, 0.6);
}

.options-three-items li img {
  width: 40px;
  height: 40px;
  margin-left: 12px;
}

.options-three-items li .title,
.options-three-items li .sub-title {
  font-size: 14px;
  line-height: 22px;
  color: #000;
}

.options-three-items li .title {
  font-weight: 800;
}

@media only screen and (max-width: 991px) {
  .options-three-items {
      gap: 24px 0;
      overflow: auto hidden;
      -ms-overflow-style: none;
      scrollbar-width: none;
      -webkit-scroll-snap-type: x mandatory;
      -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
  }

  .options-three-items::-webkit-scrollbar {
      display: none;
  }

  .options-three-items li {
      max-width: 30%;
      scroll-snap-align: start;
  }
}

@media only screen and (max-width: 767px) {
  .options-three {
      padding: 40px 0;
      margin: 32px 0;
  }

  .options-three-items li {
      max-width: 37%;
  }
}

@media only screen and (max-width: 575px) {
  .options-three-items li {
      max-width: 55%;
  }

  .options-three-items li img {
      width: 32px;
      height: 32px;
      margin-left: 8px;
  }
}

.modal-info-product .modal-dialog {
  --bs-modal-width: 369px;
  --bs-modal-border-radius: 30px;
}

.modal-info-product .modal-content {
  padding: 0 24px;
}

.modal-info-product .modal-header {
  padding: 24px 0 14px;
  margin-bottom: 19px;
}

.modal-info-product .modal-header button {
  font-size: 20px;
  color: #292d32;
}

.modal-info-product .modal-title {
  font-size: 14px;
  color: #000;
  line-height: 18px;
}

.modal-info-product .modal-title span {
  font-weight: 900;
}

.modal-info-product .modal-body {
  padding: 0 0 38px;
}

.modal-info-product .modal-body ul li:not(:last-child) {
  margin-bottom: 11px;
}

.modal-info-product .modal-body ul li::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 5px;
  height: 100%;
  background-color: #f8f9fb;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.modal-info-product .modal-body ul li span {
  padding: 0 12px;
  font-size: 12px;
  line-height: 16px;
}

.modal-info-product .modal-body ul li span:first-child {
  max-width: 110px;
}

.modal-info-product .modal-body ul li span:last-child {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 1%;
  -moz-box-flex: 1;
  -ms-flex: 1 0 1%;
  flex: 1 0 1%;
  background-color: #f8f9fb;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding: 13px 17px;
}

@media only screen and (max-width: 575px) {
  .modal-info-product .modal-dialog {
      --bs-modal-border-radius: 15px;
  }

  .modal-info-product .modal-content {
      padding: 0 16px;
  }
}

.js-image-zoom__zoomed-image {
  width: 100% !important;
  height: 100% !important;
  border: 1px solid #f2e5dd;
  z-index: 99;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #fff;
}


h1.title-detail-product.fw-semibold.fs-6 {
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 33px !important;
  margin-bottom: 0 !important;
}

.detail4-img {
  width: 451px !important;
  height: 300px !important;
  object-fit: cover;
}



/* start detail4 */


@media only screen and (max-width: 575px) {
  .product {
      -webkit-border-radius: 16px;
      -moz-border-radius: 16px;
      border-radius: 16px;
  }

  .product .status {
      font-size: 12px;
      line-height: 22px;
      width: 54px;
      height: 22px;
  }

  .product-image {
      padding-top: 40px;
  }

  .product-image .discount {
      font-size: 10px;
      line-height: 20px;
      width: 42px;
      height: 26px;
  }

  .product-image .status {
      font-size: 10px;
      line-height: 22px;
      top: 12px;
      right: 12px;
  }

  .product .detail {
      padding: 0 8px 12px;
  }

  .product .detail h2 {
      margin-top: 12px;
  }

  .product .detail h2 a {
      font-size: 12px;
  }

  .product .detail .offer {
      font-size: 12px;
      line-height: 18px;
  }

  .product .detail .price {
      font-size: 14px;
      line-height: 20px;
  }

  .product .detail .price span {
      margin-right: 4px;
      font-size: 10px;
  }

  .product-hover {
      padding: 12px 8px;
  }

  .product-hover .btn:first-child {
      padding: 7px 8px;
      margin-left: 4px;
      font-size: 12px;
  }

  .product-hover .btn:last-child {
      width: 30px;
      height: 30px;
      font-size: 12px;
  }

  .product-two {
      padding: 35px 5px 8px;
  }

  .product-two-image {
      padding-bottom: 12px;
  }

  .product-two-image img {
      max-width: 100%;
      height: 120px;
  }

  .product-two-detail {
      padding-top: 8px;
  }

  .product-two-detail .status {
      width: 52px;
      line-height: 20px;
      font-size: 10px;
      top: 8px;
      right: 8px;
  }

  .product-two-detail .offer {
      width: 35px;
      height: 20px;
      line-height: 20px;
      font-size: 10px;
      top: 5px;
  }

  .product-two-detail h2 {
      font-size: 12px;
      margin-bottom: 8px;
  }

  .product-two-detail .offer-price del {
      font-size: 12px;
      line-height: 18px;
      margin-left: 4px;
  }

  .product-two-detail .offer-price span {
      font-size: 12px;
      line-height: 18px;
  }

  .product-two-detail .offer-price span i {
      font-size: 12px;
      line-height: 18px;
      margin-right: 3px;
  }

  .product-two-detail .btn {
      font-size: 12px;
      bottom: 16px;
      left: 5px;
      max-width: -webkit-calc(100% - 10px);
      max-width: -moz-calc(100% - 10px);
      max-width: calc(100% - 10px);
  }

  .product-three {
      padding: 34px 5px 12px;
  }

  .product-three .image img {
      width: auto;
      height: 120px;
  }

  .product-three .detail {
      padding: 0;
  }

  .product-three .detail .status {
      top: 8px;
      right: 8px;
  }

  .product-three .detail .offer {
      height: 20px;
      line-height: 20px;
      bottom: 38px;
      left: 14px;
  }

  .product-three .detail .price-offer {
      font-size: 11px;
      line-height: 30px;
  }

  .product-three .detail .price-offer del {
      font-size: 12px;
      line-height: 18px;
      margin-left: 4px;
  }

  .product-three .detail .price-offer span {
      font-size: 12px;
      line-height: 18px;
  }

  .product-three .detail .price-offer span.woocommerce-Price-currencySymbol {
      font-size: 12px;
      line-height: 18px;
      font-weight: 300;
      margin-right: 4px;
  }

  .product-three .detail .btn {
      bottom: 12px;
      left: 5px;
      max-width: -webkit-calc(100% - 10px);
      max-width: -moz-calc(100% - 10px);
      max-width: calc(100% - 10px);
  }

  .product-four .product-image .discount {
      width: 36px;
      height: 24px;
      line-height: 24px;
  }

  .product-five,
  .product-five .product-image {
      -webkit-border-radius: 16px;
      -moz-border-radius: 16px;
      border-radius: 16px;
  }

  .product-five .content {
      padding: 16px 8px 12px;
  }

  .product-five .content h2 {
      font-size: 12px;
  }

  .product-five .content .price {
      font-size: 12px;
  }

  .product-five .content .price del {
      font-size: 13px;
      line-height: 20px;
  }

  .product-five .content .price span {
      font-size: 15px;
      line-height: 22px;
      margin: 0 4px;
  }

  .product-five .content .product-hover {
      padding: 4px 8px 8px;
  }

  .product-five .product-image {
      padding: 32px 16px 20px;
  }

  .product-six {
      padding: 12px 5px;
  }

  .product-six h2 {
      font-size: 12px;
  }

  .product-six .image {
      margin-bottom: 12px;
  }

  .product-six .image img {
      width: auto;
      height: 120px;
  }

  .product-six .image .offer {
      font-size: 12px;
      width: 34px;
      height: 32px;
      line-height: 34px;
  }

  .product-six .price {
      font-size: 10px;
  }

  .product-six .price del {
      font-size: 12px;
      line-height: 18px;
      padding: 6px 6px;
  }

  .product-six .price span {
      font-size: 12px;
      line-height: 30px;
  }

  .product-six .btn {
      font-size: 12px;
      left: 5px;
      bottom: 12px;
      max-width: -webkit-calc(100% - 10px);
      max-width: -moz-calc(100% - 10px);
      max-width: calc(100% - 10px);
  }

  .product-seven {
      padding: 10px 5px;
  }

  .product-seven h2 {
      font-size: 12px;
      margin-bottom: 12px;
  }

  .product-seven .image {
      margin-bottom: 12px;
  }

  .product-seven .image img,
  .product-eight .image:not(.full-width) img {
      width: auto;
      height: 120px;
  }

  .product-seven .price {
      padding: 3px 4px 4px;
      font-size: 10px;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      height: 30px;
  }

  .product-seven .price del {
      font-size: 12px;
      line-height: 18px;
      margin-left: 4px;
      font-weight: bold;
  }

  .product-seven .price span {
      font-size: 10px;
      line-height: 16px;
      margin-right: 4px;
  }

  .product-seven .d-flex>.btn:first-child {
      font-size: 12px;
      line-height: 20px;
      height: 24px;
      width: 48px;
      margin-right: 5px !important;
  }

  .product-seven .offer {
      font-size: 12px;
      line-height: 24px;
      width: 42px;
      height: 24px;
      margin-left: 5px !important;
  }

  .product-seven>.btn {
      font-size: 12px;
      max-width: -webkit-calc(100% - 10px);
      max-width: -moz-calc(100% - 10px);
      max-width: calc(100% - 10px);
      padding: 5px 4px;
      bottom: 46px;
  }

  .product-eight .image {
      -webkit-border-radius: 20px 20px 20px 0;
      -moz-border-radius: 20px 20px 20px 0;
      border-radius: 20px 20px 20px 0;
      margin-bottom: 12px;
  }

  .product-eight .image .offer {
      width: 45px;
      height: 22px;
      font-size: 12px;
      line-height: 22px;
      top: 8px;
      right: 8px;
  }

  .product-eight h2 {
      font-size: 12px;
      margin-bottom: 12px;
  }

  .product-eight .price {
      font-size: 11px;
      line-height: 16px;
  }

  .product-eight .price del {
      font-size: 12px;
      line-height: 18px;
  }

  .product-eight .price span {
      font-size: 14px;
      line-height: 20px;
  }

  .product-eight .d-flex .btn {
      font-size: 11px;
      line-height: 18px;
      width: 40px;
      height: 22px;
      bottom: 2px;
  }

  .product-eight .content {
      padding: 0;
  }

  .product-eight .content>.btn {
      max-width: -webkit-calc(100% - 54px);
      max-width: -moz-calc(100% - 54px);
      max-width: calc(100% - 54px);
      font-size: 10px;
      padding: 5px 4px;
      bottom: 0;
      line-height: 16px;
  }

  .product-not .product-image {
      margin-bottom: 12px;
      padding: 40px 8px 0;
  }

  .product-not .product-image img {
      max-width: 100%;
      width: auto;
      height: 120px;
  }

  .product-not .detail h2 {
      margin: 0 0 8px;
  }

  .product-not .detail .icons-offer ul {
      margin-left: 4px;
  }

  .product-not .detail .icons-offer ul li:not(:last-child) {
      margin-left: 3px;
  }

  .product-not .detail .icons-offer ul li a {
      width: 30px;
      height: 30px;
      line-height: 30px;
      font-size: 13px;
  }

  .product-not .detail .icons-offer span {
      width: 28px;
      height: 24px;
      line-height: 24px;
      font-size: 12px;
      margin-right: auto;
  }

  .product-ten .product-image {
      height: auto;
      margin-bottom: 12px;
      padding-top: 32px;
  }

  .product-ten .product-image img {
      max-width: 100%;
      height: 120px;
  }

  .product-ten .product-image .status {
      top: 8px;
      right: 8px;
  }

  .product-ten .add-to-cart span:first-child {
      width: 32px;
      height: 32px;
      font-size: 28px;
  }

  .product-ten .add-to-cart span:last-child {
      margin-right: 4px;
      font-size: 11px;
      line-height: 17px;
  }

  .product-ten .detail h2 {
      margin: 0 0 8px;
  }

  .product-eleven .product-image .discount {
      top: 37px;
      right: 8px;
      width: 40px;
      height: 24px;
      line-height: 24px;
      font-size: 12px;
  }

  .product-eleven .product-image .bookmark {
      top: 8px;
      right: 8px;
      width: 40px;
      height: 28px;
      line-height: 28px;
      font-size: 14px;
  }

  .product-eleven .product-image .colors {
      top: 8px;
      left: 8px;
  }

  .product-eleven .product-image .colors li:not(:last-child) {
      margin-bottom: 2px;
  }

  .product-eleven .product-image .colors li a {
      width: 8px;
      height: 8px;
  }

  .product-eleven .product-image img {
      padding: 0 8px;
  }

  .product-eleven .detail .offer {
      margin-top: 18px;
  }

  .product-eleven .detail h2 {
      margin-bottom: 12px;
  }

  .product-eleven .detail .btns {
      padding-top: 12px;
  }

  .product-eleven .detail .btns>button {
      font-size: 14px;
  }

  .product-thirteen {
      padding: 48px 5px 16px;
  }

  .product-thirteen .discount {
      width: 32px;
      height: 32px;
      line-height: 32px;
      font-size: 12px;
      top: 8px;
      right: 8px;
  }

  .product-thirteen .product-image {
      margin-bottom: 12px;
  }

  .product-thirteen .btns {
      top: 8px;
      left: 8px;
  }

  .product-thirteen .btns li a {
      width: 32px;
      height: 32px;
      line-height: 32px;
      font-size: 12px;
  }

  .product-thirteen-two .btns {
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%) scale(0);
      -moz-transform: translate(-50%, -50%) scale(0);
      -ms-transform: translate(-50%, -50%) scale(0);
      -o-transform: translate(-50%, -50%) scale(0);
      transform: translate(-50%, -50%) scale(0);
  }

  .product-thirteen-three .btns {
      top: auto;
      left: 50%;
      -webkit-transform: translate(-50%, 90px);
      -moz-transform: translate(-50%, 90px);
      -ms-transform: translate(-50%, 90px);
      -o-transform: translate(-50%, 90px);
      transform: translate(-50%, 90px);
  }
}

@media only screen and (max-width: 991px) {

  .top-products-tabs,
  .top-products-two-tabs,
  .top-products-three-tabs,
  .top-seller-products-tabs,
  .top-seller-products-two-tabs,
  .top-products-five-tabs,
  .top-products-six .nav-pills {
      overflow: auto hidden;
      -ms-overflow-style: none;
      scrollbar-width: none;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  }

  .top-products-tabs::-webkit-scrollbar,
  .top-products-two-tabs::-webkit-scrollbar,
  .top-products-three-tabs::-webkit-scrollbar,
  .top-seller-products-tabs::-webkit-scrollbar,
  .top-seller-products-two-tabs::-webkit-scrollbar,
  .top-products-five-tabs::-webkit-scrollbar,
  .top-products-six .nav-pills::-webkit-scrollbar {
      display: none;
  }

  .top-seller-products-two-tabs {
      max-width: -webkit-fit-content;
      max-width: -moz-fit-content;
      max-width: fit-content;
      margin: 0 auto;
      -webkit-box-pack: start !important;
      -webkit-justify-content: flex-start !important;
      -moz-box-pack: start !important;
      -ms-flex-pack: start !important;
      justify-content: flex-start !important;
  }

  .top-products-six .nav-pills {
      padding: 0 24px;
      margin: 0 -12px;
  }

  .top-seller-products-tabs,
  .top-products-six .nav-pills {
      -webkit-box-pack: start !important;
      -webkit-justify-content: flex-start !important;
      -moz-box-pack: start !important;
      -ms-flex-pack: start !important;
      justify-content: flex-start !important;
  }

  .top-seller-products-tabs li:first-child,
  .top-products-six .nav-pills li:first-child {
      margin-right: auto;
  }

  .top-seller-products-tabs li:last-child,
  .top-products-six .nav-pills li:last-child {
      margin-left: auto;
  }
}

@media only screen and (max-width: 575px) {
  .amazing-offer .product-image .discount {
      width: 42px;
      height: 26px;
      line-height: 26px;
  }

  .amazing-offer .product-image .date-discount {
      font-size: 12px;
      width: 64px;
      height: 26px;
      line-height: 26px;
  }

  .amazing-offer .product .detail .price {
      font-size: 12px;
      line-height: 18px;
  }

  .amazing-offer-slide {
      padding: 0 8px;
  }

  .top-products-two-wrapper {
      margin: 0 -12px;
  }

  .products-category-wrapper {
      padding: 0 12px 30px;
      margin: 0 -12px;
  }

  .new-products-category .swiper {
      margin-right: 0;
  }

  .buy-vip .swiper .product-seven {
      padding: 30px 5px 18px;
  }

  .buy-vip .swiper .product-seven .price {
      padding: 1px 4px 0;
  }

  .buy-vip .swiper .product-seven .price del {
      font-size: 12px;
      line-height: 18px;
      margin-left: 4px;
  }

  .buy-vip .swiper .product-seven .price span {
      font-size: 14px;
      line-height: 20px;
  }

  .buy-vip .swiper .product-seven .btn {
      bottom: 45px;
  }

  .product-ten.gradient {
      -webkit-border-radius: 16px;
      -moz-border-radius: 16px;
      border-radius: 16px;
  }
}

@media only screen and (max-width: 575px) {
  .row-mobile {
      margin: 0 -8px;
      gap: 16px 0;
  }

  .row-mobile>* {
      padding: 0 4px;
  }

  span.woocommerce-Price-amount.amount,
  .product-two span.woocommerce-Price-amount.amount,
  .priceva span.woocommerce-Price-amount.amount,
  .product-twelve .detail .price b,
  .product-thirteen span.woocommerce-Price-amount.amount,
  .product.product1.maip .detail .price {
      font-size: 14px;
      line-height: 24px;
      bottom: 0;
  }

  .priceva span.woocommerce-Price-amount.amount {
      line-height: 30px;
  }

  .container .elementor-column-gap-default>.elementor-column>.elementor-element-populated,
  .container .container {
      padding-right: 0;
      padding-left: 0;
  }

  .elementor-section.elementor-section-stretched .container {
      padding: 0 12px;
  }

  .product-image>a>img {
      max-height: 100px;
  }

  .product-hover .btn:first-child,
  .product-hover .btn:last-child {
      display: none;
  }



  .product-four,
  .product-ten {
      border-radius: 0;
  }

  .product-seven span.woocommerce-Price-amount.amount {
      font-size: 12px;
  }

  .product-eight .image:not(.full-width) {
      min-height: 168px;
  }

  .product-two-image img {
      width: auto;
      height: 120px;
  }

  del .woocommerce-Price-amount bdi:first-child {
      font-size: 14px;
      line-height: 20px;
      font-weight: bold;
  }

  del .woocommerce-Price-amount bdi:first-child {
      font-size: 12px;
  }

  .product-ten {
      height: 332px;
  }
}

.product-not .detail .icons-offer ul li span {
  line-height: 30px;
  height: 100%;
}

.product-not .woosw-btn-has-icon {
  padding: 0;
  margin: 0;
}

.product-eight .content,
.product-four,
.product-four .detail,
.product-ten,
.product-ten .detail,
.product-eleven,
.product-eleven .detail,
.product-twelve .detail,
.product-two,
.product-two-detail,
.product-three,
.product-three .detail,
.product-eight,
.product-seven,
.product-six,
.product-not,
.product-thirteen,
.product-thirteen .detail,
.product1,
.product1 .detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.product-not .detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
}

.product-not .detail .offer {
  width: 100%;
}

.product-not .detail span.woocommerce-Price-amount.amount,
.product-not .dashvar {
  margin-top: 28px;
}

.product-eleven .detail,
.product-three .detail,
.product-eight .content,
.product-four .detail,
.product-thirteen .detail,
.product1 .detail,
.product-two-detail {
  height: 100%;
}

.product-four .detail h2+div,
.product-twelve .detail h2+div,
.product-two-detail h2+div,
.product-three .detail h2+div,
.product-eight .content h2+div,
.product-six .price,
.product-thirteen .detail h2+div,
.product-not .icons-offer {
  margin-top: auto;
}

.product-ten .detail h2 {
  margin-top: 0;
}


.product-six .price span.woocommerce-Price-currencySymbol,
.product-two span.woocommerce-Price-currencySymbol {
  font-weight: 300;
  font-style: 12px;
  line-height: 18px;
}

.product-twelve .detail h2+div {
  align-self: center;
  height: 100%;
}

.product-eight .content h2+div>a {
  bottom: 16px;
}

.product-ten .detail>*:first-child:not(.offer) {
  margin: 48px 0 8px;
}

.product-ten .detail .price {
  margin-bottom: 8px;
}

.product-eleven .detail>*:first-child:not(.offer) {
  margin: auto 0 0;
  transform: translateY(4px);
}

.product-six .priceva del {
  padding: 0 6px;
}

.product-six .priceva del span.woocommerce-Price-amount.amount {
  padding: 0;
}

.product-six .priceva del span.woocommerce-Price-amount.amount bdi {
  margin: 0;
  color: #fff;
}

.product-three del .woocommerce-Price-amount bdi:first-child {
  color: #fff;
}

.product-seven .price del span {
  color: #212341;
}

.product-ten .detail {
  padding-bottom: 40px;
}

.product-six .priceva span.woocommerce-Price-amount.amount:last-child:not(:nth-child(3)) {
  margin: 0 auto;
}

.product-seven .price del span bdi {
  color: #212341;
  font-weight: 300;
}

.product-not .detail>div:first-child {
  height: 55px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.product-not .detail>div:first-child .offer,
.product-not .detail>div:first-child>span.woocommerce-Price-amount.amount,
.product-not .detail>div:first-child>span.dashvar {
  margin-top: 0;
}

.product-not .detail>div:first-child>span.dashvar {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  transform: translateY(-5px);
}

@media only screen and (max-width: 575px) {
  .product-eleven .detail>*:first-child:not(.offer) {
      transform: unset;
      margin: 33px 0 0;
  }

  .product-not .detail span.woocommerce-Price-amount.amount,
  .product-not .dashvar {
      margin-top: 20px;
  }

  .product-not .detail>div:first-child>span.dashvar {
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
      -o-transform: translateY(0px);
      transform: translateY(0px);
  }
}

@media only screen and (max-width: 575px) {
  .product.product1.maip {
      height: 271px !important;
  }
}

@media only screen and (max-width: 575px) {
  .dashvar {
      bottom: 0px;
      position: relative;
  }
}

@media only screen and (max-width: 575px) {
  .woosc-btn.woosc-btn-has-icon.woosc-btn-icon-text {
      margin-right: 45px !important;
      margin-top: 19px !important;
  }
}

@media only screen and (max-width: 575px) {
  .product-two {
      height: 300px !important;
  }
}

@media only screen and (max-width: 575px) {
  .product.product1 {
      height: 280px;
  }
}

@media only screen and (max-width: 575px) {
  .product-three {
      height: 285px;
  }
}

@media only screen and (max-width: 575px) {
  .product-four {
      height: 280px;
  }
}

@media only screen and (max-width: 575px) {
  .product-not {
      height: 302px;
  }
}

@media only screen and (max-width: 575px) {
  .product-ten {
      height: 313px;
  }
}

@media only screen and (max-width: 575px) {
  .product-eleven {
      height: 336px;
  }
}

@media only screen and (max-width: 575px) {
  .product-thirteen {
      height: 274px;
  }
}

@media only screen and (max-width: 575px) {
  .product-eight {
      height: 305px;
  }
}

@media only screen and (max-width: 575px) {
  .product-seven {
      height: 290px;
  }
}

@media only screen and (max-width: 575px) {
  .product-six {
      height: 288px;
  }
}

.popular-products {
  margin: 0;
}

.top-category-five-item .image img {
  object-fit: contain;
}

.swiper-new-products-offer .product {
  -webkit-box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
  -moz-box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
  box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
  margin-top: 10px;
}

.swiper-new-products-offer .product-five .product-image {
  -webkit-box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
  -moz-box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
  box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
}

.swiper-new-products-offer .product-eight .image {
  -webkit-box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
  -moz-box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
  box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
}

.swiper-new-products-offer .product-twelve {
  -webkit-box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
  -moz-box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
  box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
  margin-top: 15px;
}

.carpet-wrapper {
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}

.carpet-item .image .shape-1 {
  width: 275px;
  height: 275px;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}

.carpet-wrapper {
  max-width: unset !important;
}

.carpet-left {
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}

.carpet-item .image img {
  object-fit: contain;
}

.carousel-dress-wrapper {
  max-width: unset;
}

.carousel-dress-item .image img {
  object-fit: contain;
}

.carousel-dress-wrapper {
  background-size: cover !important;
}

.brands-six-wrapper::before {
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}

.offer-books-wrapper::before {
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}

.section-heading-nine {
  margin-bottom: 0;
}

.swiper-discount-products-two .product {
  -webkit-box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
  -moz-box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
  box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
  margin-top: 10px;
}

.swiper-discount-products-two .product-five .product-image {
  -webkit-box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
  -moz-box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
  box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
}

.swiper-discount-products-two .product-eight .image {
  -webkit-box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
  -moz-box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
  box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
}

.swiper-discount-products-two .product-twelve {
  -webkit-box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
  -moz-box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
  box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
  margin-top: 15px;
}

.discount-products-right::after {
  -webkit-background-size: contain !important;
  -moz-background-size: contain !important;
  -o-background-size: contain !important;
  background-size: contain !important;
}

.discount-products-right .swiper-slide>* {
  margin-right: 74px;
}

.swiper-discount-products .product {
  -webkit-box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
  -moz-box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
  box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
  margin-top: 10px;
}

.swiper-discount-products .product-five .product-image {
  -webkit-box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
  -moz-box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
  box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
}

.swiper-discount-products .product-eight .image {
  -webkit-box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
  -moz-box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
  box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
}

.swiper-discount-products .product-twelve {
  -webkit-box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
  -moz-box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
  box-shadow: inset 0 10px 15px rgb(0 0 0 / 5%) !important;
  margin-top: 15px;
}

.swiper-carousel-home img {
  object-fit: cover !important;
}

.best-category-four-item .image img {
  object-fit: contain !important;
}

.category-products-six .swiper-button-next,
.category-products-six .swiper-button-prev {
  top: -50px;
}

.category-products-six {
  margin: 0;
}

.slider-home-three {
  margin: 0;
}

.best-category-two-item img {
  object-fit: contain;
}

.woocommerce-pagination {
  text-align: center;
  margin-top: 25px;
  margin-bottom: 25px;
}

a.page-numbers {
  margin: 4px;
  padding: 8px 15px 8px 15px;
  color: #000;
  background-color: #fff;
  font-size: 16px;
  font-weight: bold;
  border-radius: 10px;
  -webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 50px rgba(0, 0, 0, 0.2);
}

span.page-numbers.current {
  margin: 4px;
  padding: 8px 15px 8px 15px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  border-radius: 10px;
  -webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 50px rgba(0, 0, 0, 0.2);
}

.woocommerce nav.woocommerce-pagination ul {
  border: none;
}

.woocommerce .woocommerce-pagination ul.page-numbers li,
.woocommerce-page .woocommerce-pagination ul.page-numbers li {
  display: inline-block;
  border: none;
}

.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
  color: #fff;
  padding: 10px 15px 10px 15px;
  margin: 5px;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  padding: 10px 15px 10px 15px;
  background: #fff;
  margin: 5px;
  border-radius: 10px;
  -webkit-box-shadow: unset;
  -moz-box-shadow: unset;
  box-shadow: unset;

}

.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
  float: left !important;
  margin-left: 0 !important;
  padding: 15px 35px 16px 35px !important;
  border-radius: 100px !important;
}

.tamsho {
  font-weight: 900;
  font-size: 22px;
  margin-bottom: unset;
}

.boostify-menu .menu-item-has-children>a:after {
  content: '\f3d0' !important;
  font-family: "Ionicons" !important;
  padding-right: 5px !important;
}

.detail-blog-content ul li {
  list-style: unset;
  list-style-type: disc !important;
  margin-right: 30px;
  line-height: 35px;
}

.detail-blog-content p,
.detail-blog-content h1,
.detail-blog-content h2,
.detail-blog-content h3,
.detail-blog-content h4,
.detail-blog-content h5,
.detail-blog-content h6 {
  margin-bottom: 10px;
}

span.position-absolute.top-0.end-0.bg-porp.me-3.mt-3 {
  background: #c1c1c1;
  padding: 3px 3px 3px 8px;
  top: -7px !important;
  border-radius: 7px;
}

.detail-product-info .gallery-image-origin img {
  width: 90%;
  max-height: 235px;
  object-fit: contain;
}

.detail-product-info .gallery-image-item img {
  max-height: 110px;
  object-fit: contain;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: inline-block
}

.nav-header-cart-dropdown-two-products-item .delete {
  border-radius: 15px;
}

.nav-header-cart-dropdown-two-products-item {
  border-radius: 20px;
}

.cart-mobile-products-item .quantity .input-text.qty.text {
  font-size: 15px !important;
  width: 32px !important;
  height: 32px !important;
  margin: 0 5px !important;
}

.cart-first-total .total-price {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background-color: #ededed;
  padding: 4px 30px 4px 34px;
  max-width: 70%;
  margin-left: 21px;
  margin-bottom: 10px;
}

.cart-first-total .total-price>span {
  font-size: 18px;
  font-weight: 900;
  color: #232323;
  line-height: 28px;
}

.cart-first-total .total-price>div>span {
  font-size: 19px;
  margin-right: 3px;
  line-height: 29px;
}

.cart-first-total .total-price>div {
  font-size: 22px;
  color: #1d1d1d;
  font-weight: 500;
  line-height: 59px;
}

.pr4min.product {
  background-color: #fff !important;
  -webkit-box-shadow: unset !important;
  -moz-box-shadow: unset !important;
  border-radius: 0 !important;
  box-shadow: unset !important;

}



.product-fifteen .btns li {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.product-fifteen .btns li:nth-child(2) {
  -webkit-transition-delay: 0.15s;
  -moz-transition-delay: 0.15s;
  -o-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

.product-fifteen .btns li:last-child {
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.product-fifteen:hover .btns li {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.product-fifteen .btns,
.product-fifteen .image-price img,
.product-fifteen .image-price .price {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.product-fifteen:hover .image-price img,
.product-fifteen:hover .image-price .price {
  -webkit-filter: blur(8px);
  filter: blur(8px);
}

.product-fifteen .discount {
  z-index: 9;
}

.product-fifteen .image-price img {
  -o-object-fit: contain;
  object-fit: contain;
}

.elementor-100 .elementor-element.elementor-element-4e33a11>.elementor-widget-container {
  margin: 0;
}

@media only screen and (max-width: 991px) {
  .amazing-offer-nine .amazing-offer-seven-item {
      background: linear-gradient(0deg, #00ff93 -71.98%, rgba(0, 255, 147, 0.0402883) 21.82%, rgba(0, 255, 147, 0) 108.84%);
      padding-bottom: 20px;
  }

  .amazing-offer-nine .amazing-offer-seven-item .content {
      position: unset;
  }

  .amazing-offer-nine .amazing-offer-seven-item .content .btns {
      transform: translate(24px, -24px);
  }

  .amazing-offer-nine .amazing-offer-seven-item .progress-circle {
      position: absolute !important;
      top: 0;
      left: 0;
      margin: 0;
      transform: scale(0.75) translate(70px, -130px);
  }

  .amazing-offer-nine .swiper-button-next,
  .amazing-offer-nine .swiper-button-prev {
      top: 50%;
      background-color: transparent;
      border: 2px solid #fff;
  }

  .amazing-offer-nine .swiper-button-next::after,
  .amazing-offer-nine .swiper-button-prev::after {
      color: #fff;
      font-weight: 900;
  }

  .amazing-offer-nine .swiper-button-next {
      left: 0;
      transform: translate(-24px, -50%);
  }

  .amazing-offer-nine .swiper-button-prev {
      right: 0;
      left: auto;
      transform: translate(24px, -50%);
  }

  .amazing-offer-two .container::before {
      height: 288px;
  }

  .amazing-offer-two .section-heading {
      padding: 36px 0 0;
      margin-bottom: 35px;
  }

  .amazing-offer-two-item {
      padding-top: 64px;
  }

  .amazing-offer-two-item img {
      margin: 0 auto 20px;
  }

  .amazing-offer-two-item .detail .info {
      display: flex;
      flex-wrap: wrap;
      gap: 12px 0;
  }

  .amazing-offer-two-item .detail .info li {
      flex: 1 0 25%;
  }

  .amazing-offer-two-item .detail .timer {
      left: 50%;
      transform: translateX(-50%);
  }

  .amazing-offer-two .swiper {
      padding: 7px 32px 32px;
  }

  .amazing-offer-two .swiper,
  .amazing-offer-five .swiper,
  .amazing-offer-sixteen .swiper {
      position: relative;
      overflow: visible !important;
      margin: 0 24px;
  }

  .amazing-offer-two .swiper-button-next,
  .amazing-offer-two .swiper-button-prev,
  .amazing-offer-five .swiper-button-next,
  .amazing-offer-five .swiper-button-prev,
  .amazing-offer-sixteen .swiper-button-next,
  .amazing-offer-sixteen .swiper-button-prev {
      border: 2px solid #000;
      width: 33px;
      height: 33px;
      top: 50%;
      border-radius: 50%;
      opacity: 0.4;
  }

  .amazing-offer-two .swiper-button-next::after,
  .amazing-offer-two .swiper-button-prev::after,
  .amazing-offer-five .swiper-button-next::after,
  .amazing-offer-five .swiper-button-prev::after,
  .amazing-offer-sixteen .swiper-button-next::after,
  .amazing-offer-sixteen .swiper-button-prev::after {
      color: #000;
      font-size: 12px;
      line-height: 1;
      font-weight: 900;
  }

  .amazing-offer-two .swiper-button-next,
  .amazing-offer-five .swiper-button-next,
  .amazing-offer-sixteen .swiper-button-next {
      left: 0;
      transform: translate(-24px, -50%);
  }

  .amazing-offer-two .swiper-button-prev,
  .amazing-offer-five .swiper-button-prev,
  .amazing-offer-sixteen .swiper-button-prev {
      right: 0;
      left: auto;
      transform: translate(24px, -50%);
  }

  .amazing-offer-five .container::after {
      width: 100vw;
      height: 50%;
      border-radius: 0;
      left: 0;
  }

  .amazing-offer-five-wrapper {
      padding-top: 32px;
  }

  .amazing-offer-five .section-heading {
      margin-bottom: 32px;
  }

  .amazing-offer-five-slider::after {
      left: 24px;
      width: calc(100% - 48px);
  }

  .amazing-offer-eight .right {
      display: flex;
      align-items: center;
      justify-content: space-between;
  }

  .amazing-offer-eight .right .title {
      margin-bottom: 0;
  }

  .amazing-offer-eight-item .timear {
      transform: translate(180px, -130px);
  }

  .amazing-offer-eight .swiper-button-next,
  .amazing-offer-eight .swiper-button-prev {
      right: auto;
      transform: translate(110px, -55px);
  }

  .amazing-offer-eight .swiper-button-next {
      left: 0;
  }

  .amazing-offer-eight .swiper-button-prev {
      left: 35px;
  }

  .amazing-offer-sixteen {
      position: relative;
  }

  .amazing-offer-sixteen-wrapper {
      padding: 0;
      position: unset !important;
  }

  .amazing-offer-sixteen-wrapper .left {
      margin-top: 32px;
  }

  .amazing-offer-sixteen-wrapper .left::before {
      content: "";
      width: 62%;
      height: 214px;
      border-radius: 100px 0 0 100px;
      top: 120px;
  }

  .amazing-offer-sixteen-wrapper .left::after {
      content: none;
  }

  .amazing-offer-sixteen-item .timear {
      position: relative !important;
      top: 0;
      left: 0;
      transform: unset;
      justify-content: center;
      order: 2;
  }

  .amazing-offer-sixteen-item .image {
      order: 1;
  }

  .amazing-offer-sixteen-item .detail {
      order: 3;
      border-radius: 15px;
      background-color: rgba(249, 249, 249, 0.7);
      padding: 19px 24px 34px;
      margin-top: 24px;
  }

  .amazing-offer-sixteen-item .detail h2 {
      font-size: 16px;
      line-height: 25px;
      font-weight: 700;
  }

  .amazing-offer-sixteen-item .detail ul {
      margin-bottom: 25px;
  }

  .amazing-offer-sixteen-item .detail .offer,
  .amazing-offer-sixteen-item .detail .price {
      display: inline-block;
      vertical-align: middle;
  }

  .amazing-offer-sixteen-item .detail .price {
      margin-right: 20px;
  }

  .amazing-offer-sixteen-item .detail .price>div {
      margin-top: 0;
  }

  .amazing-offer-sixteen-item .detail .btn {
      max-width: -moz-fit-content;
      max-width: fit-content;
      display: block;
  }

  .amazing-offer-sixteen .swiper {
      margin: 0;
  }

  .amazing-offer-sixteen .swiper-button-next,
  .amazing-offer-sixteen .swiper-button-prev {
      top: auto;
      bottom: 38px;
      left: 24px;
      transform: translate(0, 0);
  }

  .amazing-offer-sixteen .swiper-button-prev {
      right: auto;
      left: 72px;
  }


  .amazing-offer-fourteen-wrapper::before {
      content: none;
  }

  .amazing-offer-fourteen .content::before,
  .amazing-offer-fourteen .content::after {
      content: "";
  }

  .amazing-offer-fourteen .content::before {
      transform: rotate(37deg) translateX(-40%);
      top: 0;
      left: 50%;
      bottom: auto;
      width: 33%;
      height: 50%;
  }

  .amazing-offer-fourteen .content::after {
      width: 40%;
      height: 30px;
      top: 14%;
      right: auto;
      left: 50%;
      transform: translate(-10%, -50%);
  }

  .amazing-offer-fourteen-item .detail {
      text-align: center;
      margin-top: 120px;
      position: relative;
  }

  .amazing-offer-fourteen-item .detail .timear {
      transform: translate(-50%, -80px) scale(0);
      right: auto !important;
      left: 50%;
      transition: all 0.3s linear 0.6s;
  }

  .amazing-offer-fourteen-item .detail .title>* {
      transition-delay: 0.9s !important;
  }

  .amazing-offer-fourteen-item .detail ul {
      transition-delay: 1.2s;
  }

  .amazing-offer-fourteen-item .detail .price {
      transition-delay: 1.5s;
  }

  .amazing-offer-fourteen-item .detail .btn {
      transition-delay: 1.8s;
  }

  .amazing-offer-fourteen-item .detail .images {
      transition-delay: 2.1s;
  }

  .amazing-offer-fourteen-item .detail .price,
  .amazing-offer-fourteen-item .detail .images {
      justify-content: center;
  }

  .swiper-slide-active .amazing-offer-fourteen-item .detail .timear {
      transform: translate(-50%, -80px) scale(1);
  }

  .amazing-offer-fourteen .swiper {
      position: relative;
      z-index: unset;
  }

  .amazing-offer-fourteen .swiper::before {
      content: "";
      position: absolute;
      top: 35px;
      bottom: 39px;
      left: 0;
      width: 100%;
      background: linear-gradient(180deg, #fff3f0 0%, rgba(255, 239, 241, 0.361) 32.89%, #fff 60.9%);
      border-radius: 40px;
      z-index: -7;
  }

  .amazing-offer-fourteen .swiper-btns {
      padding: 0;
      border: 0;
      top: 25% !important;
      right: 0 !important;
      width: 100%;
      transform: translate(0, 0);
      justify-content: space-between !important;
  }

  .amazing-offer-fourteen .swiper-button-next,
  .amazing-offer-fourteen .swiper-button-prev {
      width: 33px;
      height: 33px;
      border-radius: 50%;
      border: 2px solid rgba(0, 0, 0, 0.4);
  }

  .amazing-offer-fourteen .swiper-button-next::after,
  .amazing-offer-fourteen .swiper-button-prev::after {
      color: rgba(0, 0, 0, 0.4);
      font-size: 12px;
      line-height: 1;
  }

  .amazing-offer-fourteen .swiper-button-next {
      transform: translateX(-4px);
  }

  .amazing-offer-fourteen .swiper-button-prev {
      transform: translateX(4px);
  }
}

@media only screen and (max-width: 767px) {
  .amazing-offer-three .title h4 span {
      margin: 0;
  }

  .amazing-offer-fourteen-item img {
      height: 244px;
      max-width: none;
      width: auto;
  }

  .swiper-amazing-offer-two .amazing-offer-six-item {
      padding: 32px 24px;
  }

  .swiper-amazing-offer-two .amazing-offer-six-item img {
      max-width: 127px;
      max-height: 128px;
  }

  .swiper-amazing-offer-two .swiper-slide {
      height: auto;
  }

  .swiper-amazing-offer-two .swiper-slide>* {
      height: 100%;
  }

  .amazing-offer-nine .amazing-offer-seven-item {
      padding-bottom: 50px;
  }

  .amazing-offer-nine .amazing-offer-seven-item .content .price-options {
      flex-direction: row;
      justify-content: space-between;
  }

  .amazing-offer-nine .amazing-offer-seven-item .content .btns {
      left: 50%;
      transform: translate(-50%, -24px);
  }

  .amazing-offer-nine .amazing-offer-seven-item .progress-circle {
      transform: scale(0.6) translate(-50px, -190px);
  }

  .amazing-offer-seven-item {
      flex-direction: column;
      padding: 0 32px 30px;
      align-items: center;
  }

  .amazing-offer-seven-item .image {
      position: relative;
      transform: translate(0, 0) !important;
      left: auto;
      margin: -80px 0 24px;
  }

  .amazing-offer-seven-item .image img {
      max-width: 258px;
      max-height: 258px;
  }

  .amazing-offer-seven-item .price-options {
      flex-direction: row;
      justify-content: space-between;
  }

  .amazing-offer-seven-item .progress-circle {
      position: absolute !important;
      top: 0;
      left: 0;
      transform: scale(0.75) translate(-40px, -250px) !important;
      margin: 0;
  }

  .amazing-offer-seven-item .progress-circle::before {
      border-width: 2px;
  }

  .amazing-offer-seven .swiper-button-next,
  .amazing-offer-seven .swiper-button-prev {
      border: 1px solid #fff;
      background-color: transparent;
  }

  .amazing-offer-seven .swiper-button-next::after,
  .amazing-offer-seven .swiper-button-prev::after {
      color: #fff;
      font-weight: 900;
  }

  .amazing-offer-two-item .detail .info li {
      flex: 1 0 50%;
  }

  .amazing-offer-three-wrapper {
      max-width: calc(100% - 48px);
      width: 100%;
      margin: 0 auto;
  }

  .amazing-offer-three-wrapper::before,
  .amazing-offer-three-wrapper::after {
      width: calc(100% + 48px);
      left: -24px;
  }

  .amazing-offer-three-wrapper::before {
      top: 170px;
  }

  .amazing-offer-three-wrapper::after {
      height: 357px;
  }

  .amazing-offer-three .detail::before {
      content: none;
  }

  .amazing-offer-three .title {
      flex-direction: column !important;
      margin-bottom: 94px;
  }

  .amazing-offer-three .title> :first-child {
      display: flex;
      align-items: center;
      margin-bottom: 13px;
      gap: 4px;
  }

  .amazing-offer-three-timer {
      right: auto;
      left: 50%;
      transform: translate(-50%, -76px);
  }

  .amazing-offer-three .swiper-button-next {
      transform: translate(12px, -50%) scaleX(-1);
  }

  .amazing-offer-three .swiper-button-prev {
      transform: translate(-12px, -50%) scaleX(-1);
  }

  .amazing-offer-three .swiper-button-next,
  .amazing-offer-three .swiper-button-prev,
  .amazing-offer-six .swiper-button-next,
  .amazing-offer-six .swiper-button-prev,
  .amazing-offer-eight .swiper-button-next,
  .amazing-offer-eight .swiper-button-prev {
      width: 34px;
      height: 34px;
      border: 2px solid rgba(0, 0, 0, 0.4);
      border-radius: 50%;
      top: 60%;
  }

  .amazing-offer-three .swiper-button-next::after,
  .amazing-offer-three .swiper-button-prev::after,
  .amazing-offer-six .swiper-button-next::after,
  .amazing-offer-six .swiper-button-prev::after,
  .amazing-offer-eight .swiper-button-next::after,
  .amazing-offer-eight .swiper-button-prev::after {
      font-size: 12px;
      line-height: 1;
      color: rgba(0, 0, 0, 0.4);
      font-weight: 900;
  }

  .amazing-offer-three .swiper-button-next,
  .amazing-offer-six .swiper-button-next,
  .amazing-offer-eight .swiper-button-next {
      left: 0;
  }

  .amazing-offer-three .swiper-button-prev,
  .amazing-offer-six .swiper-button-prev,
  .amazing-offer-eight .swiper-button-prev {
      right: 0;
      left: auto;
  }

  .amazing-offer-three-item .detail ul,
  .amazing-offer-six-item .detail ul,
  .amazing-offer-eight-item .detail ul {
      display: flex;
      flex-wrap: wrap;
  }

  .amazing-offer-three-item .detail ul li,
  .amazing-offer-six-item .detail ul li,
  .amazing-offer-eight-item .detail ul li {
      flex: 1 0 50%;
  }

  .amazing-offer-six .container::after {
      content: none;
  }

  .amazing-offer-six-wrapper {
      box-shadow: none;
      padding: 25px 25px 0;
  }

  .amazing-offer-six-wrapper::before {
      height: 309px;
      background: linear-gradient(180deg, #fff3f0 0%, rgba(255, 239, 241, 0.361) 32.89%, #ffffff 60.9%);
      border-radius: 40px;
  }

  .amazing-offer-six-wrapper::after {
      content: "";
      z-index: -2;
      top: -57px;
      width: 100%;
      height: 142px;
  }

  .amazing-offer-six-timear {
      position: relative !important;
      top: 0;
      left: 0;
      transform: translate(0, 0);
      order: 2;
      margin-bottom: 24px;
  }

  .amazing-offer-six-item {
      padding: 19px 12px 28px;
      z-index: 2;
  }

  .amazing-offer-six-item::before,
  .amazing-offer-six-item::after {
      content: "";
      position: absolute;
      border-radius: 15px;
      -webkit-backdrop-filter: blur(7px);
      backdrop-filter: blur(7px);
  }

  .amazing-offer-six-item::before {
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(255, 255, 255, 0.7);
      box-shadow: 0px 160px 50px rgba(0, 0, 0, 0.06);
      z-index: -1;
  }

  .amazing-offer-six-item::after {
      top: -5px;
      right: -5px;
      bottom: -5px;
      left: -5px;
      background-color: rgba(248, 249, 251, 0.11);
      border-radius: 20px;
      z-index: -2;
  }

  .amazing-offer-six-item .image {
      order: 1;
  }

  .amazing-offer-six-item .detail {
      order: 3;
  }

  .amazing-offer-six-item .detail ul {
      margin-bottom: 25px;
  }

  .amazing-offer-six .swiper-button-next,
  .amazing-offer-six .swiper-button-prev {
      transform: translate(0, -50%);
      top: 65%;
  }

  .amazing-offer-eight-wrapper::before {
      content: none;
  }

  .amazing-offer-eight .right {
      margin-bottom: 90px;
  }

  .amazing-offer-eight-item {
      align-items: center;
      padding: 52px 12px 26px;
  }

  .amazing-offer-eight-item::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 15px;
      box-shadow: 0px 160px 50px rgba(0, 0, 0, 0.06);
      background-color: rgba(255, 255, 255, 0.7);
      -webkit-backdrop-filter: blur(7px);
      backdrop-filter: blur(7px);
  }

  .amazing-offer-eight-item .timear {
      order: 2;
      position: relative !important;
      top: 0;
      left: 0;
      transform: unset;
      margin-bottom: 24px;
      transform: scale(0);
      transition: all 0.3s linear 0.6s;
  }

  .amazing-offer-eight-item .image {
      order: 1;
  }

  .amazing-offer-eight-item .image::before {
      content: "";
      position: absolute;
      top: 0;
      right: -28px;
      left: -28px;
      height: 60%;
      border-radius: 20px;
      background-color: #fed844;
      box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.04);
      transform: translateY(-33px);
  }

  .amazing-offer-eight-item .image img:nth-child(2) {
      z-index: -1;
  }

  .amazing-offer-eight-item .detail {
      order: 3;
      width: 100%;
  }

  .amazing-offer-eight-item .detail h2 {
      transition-delay: 0.9s;
  }

  .amazing-offer-eight-item .detail ul {
      margin-bottom: 25px;
      transition-delay: 1.2s;
  }

  .amazing-offer-eight-item .detail .price {
      transition-delay: 1.5s;
  }

  .amazing-offer-eight-item .detail .btns {
      right: 0;
      transform: unset;
      text-align: center;
      margin-top: 30px;
      transition-delay: 1.8s;
  }

  .amazing-offer-eight .left {
      padding: 22px;
  }

  .amazing-offer-eight .left::after {
      content: "";
      right: 22px;
      left: 22px;
      width: auto;
      height: 130px;
      transform: translateY(-72px);
  }

  .amazing-offer-eight .left .swiper::before {
      content: "";
      top: 0;
      left: 0;
      width: 100%;
      height: 309px;
      background-image: linear-gradient(to bottom, #fff3f0, rgba(255, 239, 241, 0.36), #fff);
      transform: unset;
      border-radius: 40px;
      right: 0;
  }

  .amazing-offer-eight .left .swiper::after {
      content: none;
  }

  .amazing-offer-eight .left .swiper-button-next,
  .amazing-offer-eight .left .swiper-button-prev {
      top: 50%;
  }

  .amazing-offer-eight .left .swiper-button-next {
      right: auto;
      left: 0;
      transform: translate(-4px, -50%);
  }

  .amazing-offer-eight .left .swiper-button-prev {
      right: 0;
      transform: translate(4px, -50%);
  }

  .swiper-slide-active .amazing-offer-eight-item .timear {
      transform: scale(1);
  }

  .amazing-offer-products-right {
      margin-bottom: 24px;
  }

  .amazing-offer-products-right .sup-title {
      display: none;
  }

  .amazing-offer-products-left {
      padding-bottom: 130px;
  }

  .amazing-offer-products-item .timear {
      margin: 0;
      top: 20px;
      right: 0 !important;
      left: auto;
      transform: translate(0, 0);
  }

  .amazing-offer-products-item .content::after {
      background: linear-gradient(0deg, #898989 -14.86%, rgba(137, 137, 137, 0.08) 46.92%, rgba(137, 137, 137, 0) 102.65%) border-box;
      border-radius: 20px;
  }

  .amazing-offer-products-item-two {
      border-radius: 20px 20px 20px 0;
      width: 75px;
      height: 70px;
      background: url("./../../images/new-two/bg-11.png") 0 0 no-repeat;
      background-size: cover;
      padding: 0;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .amazing-offer-products-item-two img {
      width: 42px;
      height: 42px;
  }

  .amazing-offer-products-item-two .title {
      display: none;
  }

  .amazing-offer-products .swiper-bottom {
      top: 0;
      right: auto;
      left: 0;
      bottom: auto !important;
      transform: translateY(-77px);
      gap: 12px;
  }

  .amazing-offer-products .swiper-button-next,
  .amazing-offer-products .swiper-button-prev {
      width: 33px !important;
      height: 33px !important;
      border-radius: 50%;
      border: 2px solid rgba(0, 0, 0, 0.4);
  }

  .amazing-offer-products .swiper-button-next::after,
  .amazing-offer-products .swiper-button-prev::after {
      font-family: "icomoon";
      font-size: 12px;
      line-height: 1;
      color: rgba(0, 0, 0, 0.4);
      transform: unset;
  }

  .amazing-offer-products .swiper-button-next::after {
      content: "\e90c";
  }

  .amazing-offer-products .swiper-button-prev::after {
      content: "\e90b";
  }

  .amazing-offer-products .swiper-pagination {
      display: none;
  }

  .amazing-offer-fourteen .content::before {
      transform: rotate(37deg) translateX(-83%);
      width: 24%;
      height: 40%;
  }

  .buy-vip-right {
      height: 100%;
      max-width: 100%;
  }

  .buy-vip-right::after {
      top: auto;
      bottom: 0;
      width: 100%;
      height: 58%;
      transform: unset;
  }

  .buy-vip-left {
      max-width: 100%;
      margin-right: 0;
  }

  .buy-vip-left .timear {
      background-color: transparent;
      margin: 0 0 24px 0 !important;
      padding-right: 0;
  }

  .buy-vip-left .timear::before,
  .buy-vip-left .timear::after {
      content: none;
  }

  .buy-vip .swiper {
      overflow: visible !important;
  }

  .buy-vip .swiper-slide {
      height: auto;
  }

  .buy-vip .swiper-button-next,
  .buy-vip .swiper-button-prev {
      border-color: #000;
      transform: translate(0px, -26px);
      right: auto;
  }

  .buy-vip .swiper-button-next::after,
  .buy-vip .swiper-button-prev::after {
      color: #000;
  }

  .buy-vip .swiper-button-next {
      left: 0;
  }

  .buy-vip .swiper-button-prev {
      left: 52px;
  }

  .new-products-category-title,
  .new-products-category .swiper {
      max-width: 100%;
  }

  .new-products-category-title {
      height: 100%;
  }

  .new-products-category-title::before,
  .new-products-category-title::after {
      height: 75%;
  }

  .new-products-category .swiper {
      margin-right: 0;
      overflow: visible !important;
  }

  .new-products-category .swiper-button-next,
  .new-products-category .swiper-button-prev {
      border-color: rgba(0, 0, 0, 0.4);
      transform: translateY(-32px);
      right: auto;
  }

  .new-products-category .swiper-button-next::after,
  .new-products-category .swiper-button-prev::after {
      color: rgba(0, 0, 0, 0.4);
  }

  .new-products-category .swiper-button-next {
      left: 12px;
  }

  .new-products-category .swiper-button-prev {
      left: 64px;
  }
}

@media only screen and (max-width: 575px) {
  .amazing-offer-fourteen .content::before {
      transform: rotate(37deg) translateX(-83%);
      width: 26%;
      height: 37%;
  }

  .amazing-offer-nine .amazing-offer-seven-item {
      padding-bottom: 72px;
  }

  .amazing-offer-nine .amazing-offer-seven-item .content .price-options {
      flex-direction: column-reverse;
      align-items: flex-start;
  }

  .amazing-offer-nine .amazing-offer-seven-item .content .price-options .price {
      display: flex;
      align-items: center;
      width: 100%;
  }

  .amazing-offer-nine .amazing-offer-seven-item .content .price-options .price span {
      margin: 0 auto 0 4px;
      font-size: 16px;
      font-weight: bold;
      line-height: 25px;
  }

  .amazing-offer-nine .amazing-offer-seven-item .content .btns {
      transform: translate(-50%, -20px);
  }

  .amazing-offer-nine .amazing-offer-seven-item .progress-circle {
      transform: scale(0.6) translate(-60px, -240px);
  }

  .amazing-offer-nine .swiper-button-next {
      transform: translate(-8px, -50%);
  }

  .amazing-offer-nine .swiper-button-prev {
      transform: translate(8px, -50%);
  }

  .amazing-offer-seven-item {
      padding: 0 20px 50px;
  }

  .amazing-offer-seven-item .content {
      margin-top: 0;
  }

  .amazing-offer-seven-item .content h2 {
      margin-bottom: 0;
  }

  .amazing-offer-seven-item .price-options {
      flex-direction: column-reverse;
      align-items: flex-start;
  }

  .amazing-offer-seven-item .price-options ul {
      margin: 12px 0;
  }

  .amazing-offer-seven-item .price-options .price {
      display: flex;
      align-items: center;
      width: 100%;
  }

  .amazing-offer-seven-item .price-options .price span {
      font-size: 16px;
      font-weight: bold;
      margin: 0 auto 0 4px;
      line-height: 25px;
  }

  .amazing-offer-seven-item .progress-circle {
      transform: scale(0.6) translate(-60px, -310px) !important;
  }

  .amazing-offer-seven .swiper-button-next,
  .amazing-offer-seven .swiper-button-prev {
      top: 50%;
      width: 26px;
      height: 26px;
  }

  .amazing-offer-seven .swiper-button-next::after,
  .amazing-offer-seven .swiper-button-prev::after {
      font-size: 10px;
  }

  .amazing-offer-seven .swiper-button-next {
      transform: translate(-8px, -50%);
      left: 0;
  }

  .amazing-offer-seven .swiper-button-prev {
      transform: translate(8px, -50%);
      right: 0;
      left: auto;
  }

  .amazing-offer-two-item .detail .offer {
      padding-left: 50px;
  }

  .amazing-offer-two-item .detail .offer del {
      font-size: 12px;
      font-weight: 400;
      line-height: 22px;
      padding: 0 16px;
  }

  .amazing-offer-two-item .detail .offer span {
      font-size: 14px;
      font-weight: 400;
      line-height: 22px;
      padding: 0 32px 0 12px;
  }

  .amazing-offer-two-item .detail .price {
      font-size: 16px;
      line-height: 25px;
      font-weight: bold;
  }

  .amazing-offer-two .swiper {
      border-width: 5px;
      padding: 12px 12px 32px;
  }

  .amazing-offer-two .section-heading,
  .amazing-offer-five .section-heading {
      flex-direction: row !important;
      align-items: center !important;
  }

  .amazing-offer-two .section-heading-title,
  .amazing-offer-five .section-heading-title {
      font-size: 16px;
  }

  .amazing-offer-two .section-heading-sub-title,
  .amazing-offer-five .section-heading-sub-title {
      font-size: 12px;
      line-height: 18px;
      margin-bottom: 0;
  }

  .amazing-offer-two .section-heading-link,
  .amazing-offer-five .section-heading-link {
      margin: 0 auto 0 0;
  }

  .amazing-offer-three-wrapper {
      max-width: 100%;
      padding: 24px 27px 0;
  }

  .amazing-offer-three-wrapper::before,
  .amazing-offer-three-wrapper::after {
      width: 100%;
      left: 0;
  }

  .amazing-offer-three-wrapper::after {
      border-radius: 40px;
  }

  .amazing-offer-three .title {
      align-items: center !important;
  }

  .amazing-offer-three-item .detail h2 {
      font-size: 14px;
      line-height: 22px;
      margin-bottom: 22px;
  }

  .amazing-offer-three-item .detail ul {
      margin-bottom: 25px;
  }

  .amazing-offer-three-item .offer,
  .amazing-offer-six-item .detail .offer {
      line-height: 22px;
  }

  .amazing-offer-three-item .offer del,
  .amazing-offer-six-item .detail .offer del {
      font-size: 12px;
  }

  .amazing-offer-three-item .offer span,
  .amazing-offer-six-item .detail .offer span {
      font-size: 14px;
  }

  .amazing-offer-three-item .price,
  .amazing-offer-six-item .detail .price {
      font-size: 16px;
      font-weight: 700;
      line-height: 25px;
  }

  .amazing-offer-three-item .price span,
  .amazing-offer-six-item .detail .price span {
      font-size: 12px;
      line-height: 18px;
      font-weight: 300;
  }

  .amazing-offer-eight-item .image img {
      max-width: 121px;
      max-height: 164px;
  }

  .amazing-offer-eight-item .detail h2 {
      font-size: 14px;
      font-weight: 600;
      line-height: 22px;
  }

  .amazing-offer-eight-item .detail .price {
      font-size: 12px;
      line-height: 18px;
      font-weight: 300;
  }

  .amazing-offer-eight-item .detail .price .offer {
      font-size: 14px;
      line-height: 22px;
      font-weight: 400;
  }

  .amazing-offer-eight-item .detail .price .offer del {
      font-size: 12px;
  }

  .amazing-offer-eight-item .detail .price span {
      font-size: 16px;
      font-weight: bold;
      line-height: 25px;
  }

  .amazing-offer-sixteen-item .detail .offer>div {
      font-size: 14px;
      font-weight: 400;
      line-height: 22px;
  }

  .amazing-offer-sixteen-item .detail .offer>div del {
      font-size: 12px;
  }

  .amazing-offer-sixteen-item .detail .price>div {
      font-size: 12px;
      line-height: 18px;
      font-weight: 300;
  }

  .amazing-offer-sixteen-item .detail .price>div b {
      font-size: 19px;
      line-height: 30px;
      font-weight: 700;
  }

  .amazing-offer-fiveteen-wrapper::before,
  .amazing-offer-fiveteen-wrapper::after {
      margin: 0;
      width: 100%;
  }

  .amazing-offer-fiveteen-wrapper::after {
      bottom: 0;
  }

  .amazing-offer-fiveteen-item .image {
      margin-top: 32px;
  }

  .amazing-offer-fiveteen-item .detail .content .title h2 {
      font-size: 16px;
      font-weight: 700;
      line-height: 25px;
  }

  .amazing-offer-fiveteen-item .detail .content .offer {
      font-size: 14px;
      font-weight: 400;
      line-height: 22px;
  }

  .amazing-offer-fiveteen-item .detail .content .offer del {
      font-size: 12px;
  }

  .amazing-offer-fiveteen-item .detail .content .price {
      font-size: 12px;
      font-weight: 300;
  }

  .amazing-offer-fiveteen-item .detail .content .price span {
      font-size: 16px;
      font-weight: 600;
      line-height: 25px;
      margin-left: 4px;
  }

  .amazing-offer-fourteen-item .detail .images li {
      width: 72px;
      height: 72px;
  }

  .amazing-offer-fourteen-item .detail .images li::before {
      border-radius: 10px;
  }

  .amazing-offer-fourteen-item .detail .images li img {
      max-width: 60%;
      height: auto;
  }

  .new-products-category {
      position: relative;
  }

  .new-products-category .container {
      flex-direction: row !important;
  }

  .new-products-category-title {
      border-radius: 20px;
      z-index: 7;
  }

  .new-products-category-title::before,
  .new-products-category-title::after {
      right: 0;
      transform: translateY(40px);
      width: 100%;
  }

  .new-products-category-title .prcr4 {
      top: 20px;
      right: 20px;
      font-size: 14px !important;
      line-height: 22px;
  }

  .new-products-category-title .prcr4 span {
      font-size: 12px;
      line-height: 18px;
  }

  .new-products-category .swiper {
      margin: 0;
      position: relative;
  }

  .new-products-category .swiper-slide>* {
      border: 0;
  }

  .new-products-category .swiper-button-next,
  .new-products-category .swiper-button-prev {
      display: block;
  }

  .buy-vip .container {
      flex-direction: row !important;
  }

  .buy-vip-right {
      padding: 24px 12px;
      height: 100%;
  }

  .buy-vip-right::after {
      top: auto;
      bottom: 0;
  }

  .buy-vip-right h2 {
      font-size: 14px;
      line-height: 22px;
  }

  .buy-vip .swiper-slide {
      height: auto;
  }

  .buy-vip .swiper .product-seven .price {
      font-size: 10px;
      line-height: 16px;
  }

  .buy-vip .swiper .product-seven .price del {
      font-size: 12px;
      line-height: 18px;
  }

  .buy-vip .swiper .product-seven .price span {
      font-size: 14px;
      font-weight: 700;
      line-height: 22px;
  }

  .popular-products .container {
      flex-direction: row !important;
  }

  .popular-products-right {
      margin-left: 12px;
      max-width: calc(50% - 12px);
      border-radius: 20px;
  }

  .popular-products-right .title {
      font-size: 16px;
      line-height: 25px;
  }

  .popular-products-right .sub-title {
      font-size: 12px;
      line-height: 18px;
  }

  .popular-products-right .btn {
      top: 72px;
      right: 20px;
      left: auto;
  }

  .popular-products-left {
      max-width: 50%;
  }

  .popular-products .swiper-button-next,
  .popular-products .swiper-button-prev,
  .popular-products-two .popular-products-left .swiper-button-next,
  .popular-products-two .popular-products-left .swiper-button-prev {
      top: 22px;
      right: 0;
      left: auto;
  }

  .popular-products .swiper-button-next,
  .popular-products-two .popular-products-left .swiper-button-next {
      transform: translate(50px, 0);
  }

  .popular-products .swiper-button-prev,
  .popular-products-two .popular-products-left .swiper-button-prev {
      transform: translate(82px, 0);
  }

  .popular-products-two .popular-products-left .swiper-button-next,
  .popular-products-two .popular-products-left .swiper-button-prev {
      top: 67px;
  }

  .latest-products-two-content {
      flex-direction: row !important;
      gap: 0 !important;
      margin: 0 -8px;
  }

  .latest-products-two-banners {
      max-width: calc(50% - 12px);
      margin-left: 12px;
  }

  .latest-products-two-products {
      max-width: 50%;
  }

  .latest-products-two .swiper-pagination-bullet {
      width: 8px;
  }

  .latest-products-two .swiper-pagination-bullet-active {
      width: 12px;
  }
}

@media only screen and (max-width: 399px) {
  .amazing-offer-three-wrapper {
      padding: 24px 16px 0;
  }

  .amazing-offer-three .swiper-button-next,
  .amazing-offer-three .swiper-button-prev {
      transform: translate(0, -50%) scaleX(-1);
      top: 70%;
  }

  .amazing-offer-fourteen .content::before {
      transform: rotate(37deg) translateX(-40%);
      width: 27%;
      height: 33%;
  }
}



/*
new card css
*/

.icon-discount-2:before {
  content: "\e986";
}

.icon-shoppin-bag:before {
  content: "\e987";
}

.swiper-visibled .swiper-slide>* {
  transition: all 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.5);
}

.swiper-visibled .swiper-slide-visible>* {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

@media only screen and (max-width: 575px) {
  .swiper-visibled-mobile .swiper-slide>* {
      opacity: 1;
      visibility: visible;
      transform: scale(1);
  }
}

.product-new-one {
  border-radius: 20px;
  box-shadow: 20px 0px 80px rgba(0, 0, 0, 0.03);
  padding: 42px 20px 23px;
}

.product-new-one .offer {
  top: 25px;
  right: 20px;
  border-radius: 10px;
  border: 1px solid #000;
  padding: 4.5px;
  font-size: 19px;
  font-weight: 700;
  line-height: 29px;
  z-index: 2;
  background-color: #fff;
}

.product-new-one .offer i {
  width: 33px;
  height: 33px;
  border-radius: 10px;
  background-color: #CA272B;
  color: #fff;
  font-size: 18px;
  margin-bottom: 3px;
}

.product-new-one .title {
  margin: 28px 0 26px;
  font-size: 15px;
  font-weight: 600;
  line-height: 33px;
  color: #2D365D;
  max-height: 66px;
}

.product-new-one .title::before {
  content: "";
  width: 12px;
  height: 9px;
  background-image: linear-gradient(268.47deg, #A0A0A0 -63.38%, rgba(160, 160, 160, 0) 100%);
  margin-left: 12px;
  display: inline-block;
  vertical-align: middle;
}

.product-new-one .offer-price del {
  font-size: 16px;
  font-weight: 300;
  line-height: 14px;
  color: #000;
}

.product-new-one .offer-price .price {
  font-size: 13px;
  font-weight: 300;
  line-height: 20px;
  color: #939AA4;
}

.product-new-one .offer-price .price span {
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
  color: #39375B;
  margin-left: 4px;
}

.product-new-one .add-to-cart {
  width: 47px;
  height: 47px;
  background-color: #CA272B;
  border-radius: 10px;
  font-size: 24px;
  color: #fff;
  flex: 0 0 auto;
  margin-right: 8px;
}

@media only screen and (max-width: 767px) {
  .product-new-one {
      padding: 32px 12px 20px;
      border-radius: 12px;
  }

  .product-new-one .offer {
      top: 12px;
      right: 12px;
  }

  .product-new-one .title {
      font-size: 12px;
      line-height: 24px;
      max-height: 48px;
  }

  .product-new-one .offer-price del {
      font-size: 12px;
      line-height: 18px;
  }

  .product-new-one .offer-price .price {
      font-size: 12px;
      line-height: 18px;
  }

  .product-new-one .offer-price .price span {
      font-size: 14px;
      line-height: 22px;
  }

  .product-new-one .add-to-cart {
      width: 35px;
      height: 35px;
      font-size: 20px;
      margin-right: 4px;
  }
}

.woocommerce img,
.woocommerce-page img {
  object-fit: contain !important;
}

.product-eight {
  background: unset !important;
  box-shadow: unset !important;
}

.woocommerce div.product form.cart .variations select {
  max-width: 100%;
  min-width: 75%;
  display: inline-block;
  border-radius: 10px;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;
  text-transform: uppercase;
  line-height: 30px;
  background: #f8f9fb url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMS4wODMiIGhlaWdodD0iNi4zNTYiIHZpZXdCb3g9IjAgMCAxMS4wODMgNi4zNTYiPg0KICA8cGF0aCBpZD0iUGF0aF8xNzUiIGRhdGEtbmFtZT0iUGF0aCAxNzUiIGQ9Ik0xNS41NDIsMjAuNDA5bC00LjItNC4yYS43NTIuNzUyLDAsMCwwLTEuMTg3LjA3OS44MzEuODMxLDAsMCwwLC4wNzksMS4wNjlsNC43NSw0LjcxYS43NTIuNzUyLDAsMCwwLDEuMTA4LDBsNC43NS00LjcxYS44MzEuODMxLDAsMCwwLC4wNzktMS4wNjkuNzUyLjc1MiwwLDAsMC0xLjE4Ny0uMDc5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwLjAwMSAtMTUuOTU5KSIvPg0KPC9zdmc+DQo=") left 12px center no-repeat;
  background-size: 11px 6px;
  padding: 0 5px 0 35px;
  margin-bottom: 5px;
}


.my_account_orders.table> :not(caption)>*>* {
  padding: .9rem .5rem;
  background-color: var(--bs-table-bg);
  border-bottom-width: 1px;
  box-shadow: unset;
}

.art_main .header {
  padding: 10px 0 10px 0;
  border-radius: 0
}

.dokan-other-vendor-camparison h3 {
  margin-bottom: 15px;
  margin-top: 45px;
  font-size: 22px;
  letter-spacing: -1px;
  font-weight: 700;
  text-align: center;
}

.dokan-other-vendor-camparison .table-row {
  display: table;
  background: white;
  border-radius: 125px;
  border: 1px solid #edf2f7;
  padding: 5px 35px 5px 10px;
  width: 100%;
  margin-bottom: 15px;
  box-shadow: 1.21px 4.851px 27px 0px rgba(202, 210, 240, 0.2);
  position: relative;
}

.dokan-other-vendor-camparison .table-cell.vendor img {
  display: inline-block;
  vertical-align: middle;
  border-radius: 130px;
  width: 65px;
  position: relative;
}

.dokan-other-vendor-camparison .table-row::before {
  background: red;
  position: absolute;
  content: "";
  top: 4px;
  right: -4px;
  width: 90%;
  height: 92%;
  border-radius: 125px;
  z-index: -1;
}

.table-cell .dokan-btn {
  border-radius: 100px !important;
  margin: 3px;
  background: #eee;
  box-shadow: 1.21px 4.851px 27px 0px rgba(202, 210, 240, 0.2);
  position: relative;
  color: #000;
}

.table-cell .dokan-btn i {

  color: #000;
}

#tab-seller_enquiry_form .col-md-10 {
  flex: 0 0 auto;
  width: 99%;
}

#tab-seller h2 {
  display: none;
}

ab-seller ul li {
  display: flex !important;
}

#tab-seller ul li:not(:last-child) {
  margin-bottom: 8px !important;
}

#tab-seller ul li span {
  padding: 18px 30px 16px !important;
  color: #232323 !important;
  line-height: 22px !important;
  display: inline-flex;
}

#tab-seller ul li span:first-child {
  width: 19% !important;
}

#tab-seller ul li span:last-child {
  width: 79% !important;
  font-weight: 900 !important;
  background-color: #f8f9fb !important;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  border-radius: 10px !important;
}

#tab-seller ul li::after {
  content: "";
  top: 0;
  right: 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  width: 5px;
  height: 100%;
  background-color: #f8f9fb;
}

#tab-more_seller_product .col-lg-4 {
  flex: 0 0 auto;
  width: 25%;
}

#tab-more_seller_product .product {
  box-shadow: 1.21px 4.851px 27px 0px rgba(202, 210, 210, 0.4);
  border-radius: 25px;
}

@media screen and (max-width: 480px) {
  .dokan-other-vendor-camparison .table-row {

      border-radius: 25px;

  }
}


.nav-mobile {
  margin-top: 12px;
  border-radius: 20px;
}

.nav-mobile-wrapper {
  padding: 18px 12px 17px;
}

.nav-mobile-wrapper,
.nav-mobile-up {
  transition: all 0.3s linear;
}

.nav-mobile-up {
  margin-bottom: 18px;
}

.nav-mobile .btn-nav-header {
  font-size: 24px;
  line-height: 1;
  color: #292d32;
  margin-left: 10px;
}

.nav-mobile-logo img {
  width: auto;
  max-height: 26px;
}

.nav-mobile-favorite {
  width: 29px;
  height: 29px;
  border-radius: 6px;
  background-color: #fff3f0;
  font-size: 10px;
  line-height: 1;
  color: #ff8a66;
  margin-left: 8px;
}

.nav-mobile-favorite span {
  width: 8px;
  height: 8px;
  background-color: #212341;
  font-size: 5px;
  font-weight: 400;
  line-height: 8px;
  transform: translate(1px, -1px);
}

.nav-mobile-auth img {
  border-radius: 6px;
  width: 29px;
  height: 29px;
}

.nav-mobile-bottom form {
  background-color: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 7px;
  flex: 1 0 1%;
  padding: 11px 11px 10px;
}

.nav-mobile-bottom form .setting {
  font-size: 20px;
  line-height: 1;
  color: rgba(41, 45, 50, 0.7);
  padding-left: 9px;
  margin-left: 13px;
}

.nav-mobile-bottom form .setting::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 21px;
  background-color: #b1b1b1;
  transform: translateY(-50%);
}

.nav-mobile-bottom form .search {
  font-size: 16px;
  line-height: 1;
  color: #0547c1;
  margin-left: 6px;
}

.nav-mobile-bottom form .form-control {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #000;
}

.nav-mobile-btn-search,
.nav-mobile-cart {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  color: #fff;
  line-height: 1;
  font-size: 11px;
}

.nav-mobile-btn-search {
  background-color: #121212;
  margin: 0 11px 0 7px;
}

.nav-mobile-cart {
  background-color: #0547c1;
  font-size: 12px;
}

.nav-mobile-cart span {
  width: 9px;
  height: 9px;
  font-size: 5px;
  background-color: #212341;
  transform: translate(2px, -2px);
}

.nav-mobile-sticky {
  position: relative;
  top: -20%;
  transition: all 0.3s linear;
  z-index: 9;
}

.nav-mobile-sticky.sticky {
  position: fixed;
  top: 12px;
  margin: 0;
  left: 0;
  width: 100%;
}

.nav-mobile.sticky .nav-mobile-wrapper {
  padding: 16px 12px;
}

.nav-mobile.sticky .nav-mobile-up {
  height: 0;
  margin: 0;
}

.nav-mobile.sticky .nav-mobile-bottom form .setting {
  margin-left: 6px;
}

.nav-mobile.sticky .nav-mobile-bottom form .search {
  display: block !important;
}

.nav-mobile.sticky .nav-mobile-btn-search {
  display: none !important;
}

.nav-mobile.sticky .nav-mobile-cart {
  margin: 0 16px 0 8px;
}

.nav-mobile.sticky .btn-nav-header {
  display: block !important;
  margin: 0;
}

.nav-mobile-two {
  margin-top: 12px;
}

.nav-mobile-two-wrapper {
  border-radius: 20px;
  padding: 23px 12px;
}

.nav-mobile-two-auth img,
.nav-mobile-two-btn-search,
.nav-mobile-two-favorite,
.nav-mobile-two-cart {
  width: 28px;
  height: 28px;
}

.nav-mobile-two .btn-nav-header {
  font-size: 24px;
  color: #292d32;
  margin-right: 7px;
}

.nav-mobile-three {
  margin-top: 12px;
}

.nav-mobile-three-up {
  margin-bottom: 30px;
}

.nav-mobile-three-auth img {
  border-radius: 6px;
}

.nav-mobile-three-auth .name {
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  color: #000;
}

.nav-mobile-three-auth .wellcome {
  font-size: 9px;
  line-height: 13px;
  color: #919191;
}

.nav-mobile-three-cart {
  background-color: #60008c;
  width: 30px;
  height: 30px;
}

.nav-mobile-three .btn-nav-header {
  font-size: 28px;
  margin-right: 10px;
}

.nav-mobile-three form {
  flex: 1 0 1%;
}

.nav-mobile-three form button {
  font-size: 16px;
  line-height: 1;
  color: #60008c;
  right: 14px;
}

.nav-mobile-three form .form-control {
  background-color: transparent;
  border: 1px solid #d1d1d1;
  height: 42px;
  border-radius: 15px;
  padding-right: 39px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}

.nav-mobile-three form .form-control:focus {
  border-color: #60008c;
}

.nav-mobile-three-down .nav-mobile-three-cart {
  margin-right: 18px;
}

.nav-mobile-three-down .btn-nav-header {
  margin-right: 10px;
}

.nav-mobile-three.sticky {
  top: 0;
  margin: 0;
  padding: 15px 0;
  background-color: #e3e8ed;
}

.nav-mobile-three.sticky .nav-mobile-three-up {
  display: none;
}

.nav-mobile-three.sticky .nav-mobile-three-cart,
.nav-mobile-three.sticky .btn-nav-header {
  display: flex !important;
}

.nav-mobile-four {
  margin-top: 12px;
}

.nav-mobile-four-wrapper {
  transition: all 0.3s linear;
}

.nav-mobile-four-logo span {
  font-size: 12px;
  line-height: 18px;
  color: #919191;
}

.nav-mobile-four-btn {
  background-color: #121212;
  border: 1px solid rgba(145, 145, 145, 0.3);
  box-shadow: -10px 24px 44px rgba(186, 175, 140, 0.25);
  width: 28px;
  height: 28px;
  font-size: 11px;
  line-height: 1;
  color: #fff;
  border-radius: 8px;
}

.nav-mobile-four-search {
  margin: 0 9px;
}

.nav-mobile-four .btn-nav-header {
  font-size: 27px;
  margin-right: 12px;
  padding-right: 10px;
  color: #fff;
}

.nav-mobile-four .btn-nav-header::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 20px;
  background-color: rgba(255, 255, 255, 0.3);
  transform: translateY(-50%);
}

.nav-mobile-four.sticky .nav-mobile-four-wrapper {
  background-color: rgba(18, 18, 18, 0.7);
  border: 1px solid rgba(145, 145, 145, 0.3);
  border-radius: 20px;
  padding: 20px 18px;
}

.nav-mobile-five {
  margin-top: 12px;
}

.nav-mobile-five .btn-nav-header {
  font-size: 32px;
  line-height: 1;
  color: #292d32;
  margin-left: 13px;
}

.nav-mobile-five-auth {
  border-radius: 15px;
  border: 0.5px solid rgba(0, 0, 0, 0.6);
  box-shadow: 0px 44px 54px rgba(197, 208, 218, 0.18);
  font-size: 10px;
  font-weight: 900;
  line-height: 16px;
  color: #61028d;
  padding: 13px 16px;
}

.nav-mobile-five-auth i:first-child {
  font-size: 16px;
  margin-left: 6px;
}

.nav-mobile-five-auth i:nth-child(2) {
  font-size: 5px;
  margin-right: 6px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  transform: rotate(120deg);
}

.nav-mobile-five-down {
  padding: 15px 0;
  background-color: #e3e8ed;
}

.nav-mobile-five-down form {
  flex: 1 0 1%;
}

.nav-mobile-five-down form button {
  font-size: 16px;
  right: 12px;
  line-height: 1;
  color: #60008c;
}

.nav-mobile-five-down form .form-control {
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 15px;
  padding: 0 36px 0 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #000;
  height: 42px;
}

.nav-mobile-five-favorite,
.nav-mobile-five-cart {
  width: 41px;
  height: 41px;
  border-radius: 12px;
  font-size: 16px;
  line-height: 1;
}

.nav-mobile-five-favorite span,
.nav-mobile-five-cart span {
  width: 13px;
  height: 13px;
  font-size: 7px;
  line-height: 11px;
}

.nav-mobile-five-favorite {
  margin: 0 13px 0 6px;
}

.nav-mobile-five-cart {
  background-color: #60008c;
  box-shadow: -10px 24px 44px rgba(96, 0, 140, 0.25);
}

.nav-mobile-six {
  margin-top: 12px;
}

.nav-mobile-six-wrapper {
  border-radius: 20px;
  padding: 20px;
  z-index: 99;
  -webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 50px rgba(0, 0, 0, 0.1);
}

.nav-mobile-six-btn-nav {
  font-size: 26px;
  line-height: 1;
  margin-left: 12px;
  color: #292d32;
}

.nav-mobile-six-favorite,
.nav-mobile-six-cart,
.nav-mobile-six-auth {
  width: 26px;
  height: 26px;
  border-radius: 6px;
  font-size: 12px;
  line-height: 1;
}

.nav-mobile-six-favorite {
  margin-left: 9px;
}

.nav-mobile-six-cart {
  margin-left: 6px;
}

.nav-mobile-six-auth {
  background-color: #121212;
  border: 1px solid rgba(145, 145, 145, 0.3);
  color: #fff;
}

.nav-mobile-six-menu {
  margin-top: 20px;
  height: calc(100vh - 213px);
  max-width: calc(100% - 24px);
  right: 12px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s linear 0.3s;
}

.nav-mobile-six-menu-backdrop {
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  z-index: -1;
}

.nav-mobile-six-menu-content {
  max-width: calc(100% - 72px);
  border-radius: 20px;
  padding: 20px 18px 32px;
  height: 80%;
  transition: all 0.3s linear 0s;
  right: -100%;
}

.nav-mobile-six-menu-content form {
  margin-bottom: 17px;
}

.nav-mobile-six-menu-content form .form-control {
  background-color: rgba(245, 245, 245, 0.7);
  border-radius: 15px;
  height: 47px;
  padding: 0 42px 0 12px;
  font-size: 11px;
  font-weight: 700;
  line-height: 17px;
  color: #000;
}

.nav-mobile-six-menu-content form button {
  right: 14px;
  font-size: 18px;
  line-height: 1;
  color: #2a2a2e;
}

.nav-mobile-six-menu-content>div {
  height: 100%;
}

.nav-mobile-six-menu-content .menu {
  height: calc(100% - 120px);
  overflow: hidden auto;
  padding-left: 14px;
  padding-right: 5px;
}

.nav-mobile-six-menu-content .menu li:not(:last-child) {
  margin-bottom: 22px;
}

.nav-mobile-six-menu-content .menu li a {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #696969;
}

.nav-mobile-six-menu-content .menu li a i {
  font-size: 18px;
  line-height: 1;
  margin-left: 9px;
}

.nav-mobile-six-menu-content .menu li.has-child>a {
  position: relative;
}

.nav-mobile-six-menu-content .menu li.has-child>a::after {
  content: "\e998";
  font-family: "icomoon";
  font-size: 16px;
  line-height: 1;
  color: #696969;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  position: absolute;
}

.nav-mobile-six-menu-content .menu li ul {
  height: calc(100% - 45px);
  right: -120%;
  transition: all 0.3s linear;
  margin-left: -18px;
  padding-left: 18px;
  width: calc(100% + 18px);
  overflow: hidden auto;
}

.nav-mobile-six-menu-content .menu li ul li:not(:last-child) {
  margin-bottom: 9px;
}

.nav-mobile-six-menu-content .menu li ul li.back {
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  color: #000;
  margin-bottom: 12px;
}

.nav-mobile-six-menu-content .menu li ul li.back i {
  width: 29px;
  height: 29px;
  border-radius: 8px;
  background-color: #0547C1;
  box-shadow: -10px 24px 44px rgba(5, 71, 193, 0.25);
  font-size: 16px;
  line-height: 1;
}

.nav-mobile-six-menu-content .menu li ul li a {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: #696969;
}

.nav-mobile-six-menu-content .menu li ul.opened {
  right: 0;
  background: #fff;
  z-index: 9;
}

.nav-mobile-six-menu-content .socials {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  gap: 11px;
}

.nav-mobile-six-menu-content .socials li a {
  font-size: 16px;
  line-height: 1;
  color: #000;
}

.nav-mobile-six-menu-socials {
  background-color: #FFF3F0;
  border-radius: 20px;
  padding: 19px 22px;
  gap: 16px;
  max-width: 60px;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-100px);
  bottom: 20%;
}

.nav-mobile-six-menu-socials li a {
  font-size: 16px;
  line-height: 1;
  color: #FF8A66;
}

.nav-mobile-six-menu-socials.opened {
  opacity: 1;
  visibility: visible;
  transform: translateX(0px);
}

.nav-mobile-six-menu.opened {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

.nav-mobile-six-menu.opened .nav-mobile-six-menu-content {
  right: 0;
  transition-delay: 0.3s;
}

.nav-mobile-six-bottom {
  right: 12px;
  bottom: -100px;
  left: 12px;
  padding: 18px 22px;
  border-radius: 20px;
  z-index: 3;
  transition: all 0.3s linear 0s;
}

.nav-mobile-six-bottom.opened {
  bottom: 12px;
  transition: all 0.3s linear 0.3s;
}

.nav-mobile-six-bottom::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
  width: 92px;
  height: 30px;
  z-index: -1;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTIiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCA5MiAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxtYXNrIGlkPSJtYXNrMF8xNDEwXzQiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSI5MiIgaGVpZ2h0PSIzMCI+DQo8cmVjdCB3aWR0aD0iOTIiIGhlaWdodD0iMzAiIGZpbGw9IiNEOUQ5RDkiIHN0eWxlPSJmaWxsOiNEOUQ5RDk7ZmlsbDpjb2xvcihkaXNwbGF5LXAzIDAuODUxMCAwLjg1MTAgMC44NTEwKTtmaWxsLW9wYWNpdHk6MTsiLz4NCjwvbWFzaz4NCjxnIG1hc2s9InVybCgjbWFzazBfMTQxMF80KSI+DQo8cGF0aCBkPSJNLTEyOSAxOEMtMTI5IDguMDU4ODggLTEyMC45NDEgMCAtMTExIDBIMC43MTc2MDZDNC43ODU1NCAwIDguNzMzNTMgMS4zNzc5MyAxMS45MTggMy45MDkxOEwzMy44MTc4IDIxLjMxNjdDNDAuODEzMyAyNi44NzcyIDUwLjgyOTEgMjYuNDYzNiA1Ny4zNDIzIDIwLjM0NTFMNzMuODA0NCA0Ljg4MDczQzc3LjE0MiAxLjc0NTM3IDgxLjU0OTIgMCA4Ni4xMjg1IDBIMjAzQzIxMi45NDEgMCAyMjEgOC4wNTg4OCAyMjEgMThWNDJDMjIxIDUxLjk0MTEgMjEyLjk0MSA2MCAyMDMgNjBILTExMUMtMTIwLjk0MSA2MCAtMTI5IDUxLjk0MTEgLTEyOSA0MlYxOFoiIGZpbGw9IndoaXRlIiBzdHlsZT0iZmlsbDp3aGl0ZTtmaWxsOndoaXRlO2ZpbGwtb3BhY2l0eToxOyIvPg0KPC9nPg0KPC9zdmc+DQo=") 0 0/100% 100%;
  mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTIiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCA5MiAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxtYXNrIGlkPSJtYXNrMF8xNDEwXzQiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSI5MiIgaGVpZ2h0PSIzMCI+DQo8cmVjdCB3aWR0aD0iOTIiIGhlaWdodD0iMzAiIGZpbGw9IiNEOUQ5RDkiIHN0eWxlPSJmaWxsOiNEOUQ5RDk7ZmlsbDpjb2xvcihkaXNwbGF5LXAzIDAuODUxMCAwLjg1MTAgMC44NTEwKTtmaWxsLW9wYWNpdHk6MTsiLz4NCjwvbWFzaz4NCjxnIG1hc2s9InVybCgjbWFzazBfMTQxMF80KSI+DQo8cGF0aCBkPSJNLTEyOSAxOEMtMTI5IDguMDU4ODggLTEyMC45NDEgMCAtMTExIDBIMC43MTc2MDZDNC43ODU1NCAwIDguNzMzNTMgMS4zNzc5MyAxMS45MTggMy45MDkxOEwzMy44MTc4IDIxLjMxNjdDNDAuODEzMyAyNi44NzcyIDUwLjgyOTEgMjYuNDYzNiA1Ny4zNDIzIDIwLjM0NTFMNzMuODA0NCA0Ljg4MDczQzc3LjE0MiAxLjc0NTM3IDgxLjU0OTIgMCA4Ni4xMjg1IDBIMjAzQzIxMi45NDEgMCAyMjEgOC4wNTg4OCAyMjEgMThWNDJDMjIxIDUxLjk0MTEgMjEyLjk0MSA2MCAyMDMgNjBILTExMUMtMTIwLjk0MSA2MCAtMTI5IDUxLjk0MTEgLTEyOSA0MlYxOFoiIGZpbGw9IndoaXRlIiBzdHlsZT0iZmlsbDp3aGl0ZTtmaWxsOndoaXRlO2ZpbGwtb3BhY2l0eToxOyIvPg0KPC9nPg0KPC9zdmc+DQo=") 0 0/100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.nav-mobile-six-bottom::after {
  content: "";
  position: absolute;
  top: 29px;
  left: 0;
  width: 100%;
  height: calc(100% - 30px);
  background-color: #fff;
  z-index: -2;
  border-radius: 0 0 20px 20px;
}

.nav-mobile-six-bottom .bg::before,
.nav-mobile-six-bottom .bg::after {
  content: "";
  position: absolute;
  top: 0;
  width: calc(50% - 45px);
  height: 30px;
  background-color: #fff;
  z-index: -2;
}

.nav-mobile-six-bottom .bg::before {
  left: 0;
  border-top-left-radius: 20px;
}

.nav-mobile-six-bottom .bg::after {
  right: 0;
  border-top-right-radius: 20px;
}

.nav-mobile-six-bottom .notification {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #000;
}

.nav-mobile-six-bottom .notification i {
  font-size: 24px;
  line-height: 1;
  margin-left: 9px;
  padding-left: 4px;
}

.nav-mobile-six-bottom .notification i::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 13px;
  background-color: rgba(0, 0, 0, 0.7);
  transform: translateY(-50%);
}

.nav-mobile-six-bottom .btn-center {
  width: 52px;
  height: 52px;
  background-color: #25282C;
  font-size: 24px;
  line-height: 1;
  transform: translate(-50%, -14px);
}

.nav-mobile-six-bottom ul li a {
  font-size: 24px;
  line-height: 1;
  color: #292D32;
}

.nav-mobile-six-bottom ul li:not(:last-child) {
  padding-left: 16px;
  margin-left: 16px;
}

.nav-mobile-six-bottom ul li:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 13px;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.7);
}

.nav-mobile-seven {
  margin-top: 12px;
}

.nav-mobile-seven-wrapper {
  border-radius: 20px;
  padding: 24px 20px;
}

.nav-mobile-seven-icons {
  gap: 11px;
  padding-left: 12px;
  margin-left: 8px;
}

.nav-mobile-seven-icons::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 19px;
  background-color: #000;
  transform: translateY(-50%);
}

.nav-mobile-seven-icons li i {
  font-size: 24px;
  line-height: 1;
  color: #292D32;
}

.nav-mobile-seven-icons li i.icon-heart-3 {
  font-size: 22px;
}

.nav-mobile-seven .btn-nav-header {
  font-size: 28px;
  line-height: 1;
  color: #292D32;
}

.nav-mobile-eight {
  margin-top: 12px;
}

.nav-mobile-eight .btn-nav-header {
  font-size: 12px;
  line-height: 18px;
  color: #212341;
}

.nav-mobile-eight .btn-nav-header i {
  font-size: 16px;
  line-height: 1;
  margin-left: 8px;
}

.nav-mobile-eight-down {
  margin-top: 14px;
}

.nav-mobile-eight-down form {
  flex: 1 0 1%;
}

.nav-mobile-eight-down form button {
  background-color: #EE273A;
  color: #fff;
  font-size: 16px;
  line-height: 1;
  width: 40px;
  height: 40px;
}

.nav-mobile-eight-down form .form-control {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  background-color: transparent;
  border: 1px solid #EFEEF5;
  height: 40px;
  padding: 0 42px 0 12px;
}

.nav-mobile-eight-down .icons {
  margin-right: 16px;
  gap: 36px;
}

.nav-mobile-eight-down .icons .cart span {
  width: 15px;
  height: 15px;
  background-color: #EE273A;
  font-size: 11px;
  line-height: 15px;
  transform: translate(5px, -8px);
}

.mykheader {
  background: #fff;
  padding: 10px;
  max-width: 95%;
  border-radius: 10px;
}

i.isax.isax-user4.mnicon {
  font-size: 20px;
}

i.icon-phone-5.fnicon {
  font-size: 22px;
}

.notification i.isax.isax-bag-happy.position-relative {
  opacity: 0.6;
  padding-left: 10px;
}

.elementor .seeebox img {
  height: auto;
  max-width: 100%;
}


.product-three .image img {
  height: 209px;
  width: 175px;
  object-fit: contain;
}

.product-seven .image img {
  height: 209px;
  width: 175px;
  object-fit: contain;
}


.products-category .swiper-button-prev:after {
  content: 'prev' !important;
}

.products-category .swiper-button-next:after {
  content: 'next' !important;
}

.tooltip-inner {
  font-family: "Yekan Bakh" !important;
}

.megamenu-tabs span:hover,
.megamenu-tabs span:hover::after,
.megamenu-tabs span.active,
.megamenu-tabs span.active::after {

  margin-right: 5px !important;
}

.boostify-menu .menu-item-has-children:hover>.boostify-menu-child>.sub-menu,
.boostify-menu .menu-item-has-children:hover>.sub-mega-menu,
.boostify-menu .menu-item-has-children:hover>.sub-menu {
  visibility: hidden;
  opacity: 0 !important;
  z-index: -1 !important;

}

.boostify-menu .menu-item-has-children .menu-item-has-children .sub-menu {
  left: 0;
  top: 0;
  right: 200%;
  background: #fff;
}

body.loaded .boostify-menu .menu-item-has-children:hover>.boostify-menu-child>.sub-menu,
body.loaded .boostify-menu .menu-item-has-children:hover>.sub-mega-menu,
body.loaded .boostify-menu .menu-item-has-children:hover>.sub-menu {
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 9999999 !important;
}



/* new login style */

.auth {
  gap: 14px;
}

.auth__tab {
  gap: 14px;
}

.auth__tab__item {
  max-width: 50%;
  flex: 0 0 auto;
  border: 1px solid #bababa;
  color: #bababa;
  padding: 15px 12px;
  cursor: pointer;
  font-size: 12px;
  line-height: 18px;
  font-weight: 800;
}

.auth__tab__item img {
  opacity: 0.4;
  margin-left: 8px;
}

.auth__tab__item::before {
  top: 0;
  left: 0;
  width: calc(100% + 11px);
  height: 37px;
  border-radius: 20px;
  background-color: #f1f5fb;
  transform: translateY(-14px);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
}

.auth__tab__item.active {
  color: #121212;
}

.auth__tab__item.active img {
  opacity: 1;
}

.auth__tab__item.active::before {
  opacity: 1;
  visibility: visible;
}

.auth__tab__pane {
  display: none;
}

.auth__tab__pane.active {
  display: block;
}

.auth__fix__link {
  z-index: 3;
  height: 100%;
  top: 0;
  left: 0;
}

.auth__modal {
  z-index: 999;
  overflow: hidden auto;
  opacity: 0;
  visibility: hidden;
}

.auth__modal,
.auth__modal__backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease-in-out;
}

.auth__modal__backdrop {
  z-index: 990;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}

.auth__modal__dialog {
  margin: 8px;
  min-height: calc(100vh - 16px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.auth__modal__content {
  transform: scale(0);
  transition: all 0.3s linear;
}

.auth__modal__close {
  top: 12px;
  left: 12px;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  font-size: 30px;
  z-index: 99;
}

.auth__modal.opened {
  opacity: 1;
  visibility: visible;
}

.auth__modal.opened .auth__modal__content {
  transform: scale(1);
}

.auth__relative {
  position: relative;
}

.auth__absolute {
  position: absolute;
}

.auth__flex {
  display: flex;
}

.auth__items__center {
  align-items: center;
}

.auth__content__center {
  justify-content: center;
}

.auth__content__between {
  justify-content: space-between;
}

.auth__b__white {
  background-color: #fff;
}

.auth__ease__in__out {
  transition: all 0.3s ease-in-out;
}

.auth__rounded__15 {
  border-radius: 15px;
}

.auth__page {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 24px 12px;
}

.auth__page,
.auth__page__wrapper {
  max-width: 100%;
}

.auth__page__one,
.auth__page__two,
.auth__page__three {
  margin: 0 auto 56px;
  position: relative;
}

.auth__page__one::before,
.auth__page__one::after,
.auth__page__two::before,
.auth__page__two::after,
.auth__page__three::before,
.auth__page__three::after {
  bottom: 0;
  left: 50%;
}

.auth__page__one::before,
.auth__page__two::before,
.auth__page__three::before {
  transform: translate(-50%, 39px);
  width: 303px;
  height: 160px;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid #fff;
  border-radius: 38px;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  z-index: -1;
}

.auth__page__one::after,
.auth__page__two::after,
.auth__page__three::after {
  width: 86px;
  height: 33px;
  border-radius: 40px;
  transform: translate(-50%, 56px);
  z-index: -2;
}

.auth__page__one,
.auth__page__two {
  background-color: #fff;
  border-radius: 43px;
  box-shadow: 0px -146px 134px rgba(0, 0, 0, 0.03);
  border: 1px solid rgba(239, 239, 239, 0.3);
}

.auth__page__one .image img,
.auth__page__two .image img {
  border-radius: 43px 43px 7px;
  background-color: #f9fafc;
}

.auth__page__one .btns .auth__page__btn:not(:last-child),
.auth__page__two .btns .auth__page__btn:not(:last-child) {
  margin-bottom: 27px;
}

.auth__page__one .content.login p,
.auth__page__two .content.login p {
  line-height: 33px;
  margin-bottom: 31px;
  font-size: 14px;
}

.auth__page__one {
  max-width: 398px;
}

.auth__page__one::after {
  background-color: #3959ce;
}

.auth__page__one .content {
  padding: 36px 44px 44px;
}

.auth__page__one .content .title {
  font-size: 14px;
  font-weight: 900;
  line-height: 30px;
  text-align: center;
  margin-bottom: 7px;
}

.auth__page__one .content p {
  text-align: justify;
  -moz-text-align-last: center;
  text-align-last: center;
  font-size: 12px;
  line-height: 22px;
  color: #919191;
  margin-bottom: 20px;
}

.auth__page__one .content.login {
  padding: 77px 44px 51px;
}

.auth__page__one .content.login .wellcome {
  margin-bottom: 27px;
}

.auth__page__one .content.login .wellcome img {
  border: 1px solid #fff;
  box-shadow: 0px 9px 11px rgba(0, 0, 0, 0.07);
  border-radius: 50%;
  margin-left: 11px;
}

.auth__page__one .content.login .wellcome__title {
  font-size: 17px;
  font-weight: 500;
  color: #494949;
  line-height: 23px;
  margin-bottom: 7px;
}

.auth__page__one .content.login .wellcome__title b {
  font-weight: 800;
  color: #000;
}

.auth__page__one .content.login .wellcome__sub__title {
  font-size: 12px;
  color: #919191;
}

.auth__page__one .content.login p {
  -moz-text-align-last: right;
  text-align-last: right;
}

.auth__page__one .content.login form {
  margin-bottom: 21px;
}

.auth__page__one .content.login form .auth__page__form__group .image {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  right: 22px;
}

.auth__page__one .content.login form .auth__page__form__control {
  padding-right: 72px;
}

.auth__page__one .content.login form .auth__page__form__control:focus {
  background-color: #e2eaf4;
}

.auth__page__one .content.login form .auth__page__form__control:focus+.image {
  box-shadow: 0px 19px 14px rgba(0, 0, 0, 0.11);
}

@media only screen and (max-width: 575px) {

  .auth__page__one .content,
  .auth__page__one .content.login {
      padding: 30px 20px 24px;
  }
}

.auth__page__two {
  max-width: 366px;
}

.auth__page__two::after {
  background-color: #ffd46f;
}

.auth__page__two .content {
  padding: 41px 24px 66px;
}

.auth__page__two .content .title {
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}

.auth__page__two .content .title b {
  font-weight: 800;
}

.auth__page__two .content p {
  font-size: 13px;
  line-height: 18px;
  margin: 16px 0 37px;
}

.auth__page__two .content.login {
  padding: 67px 24px 42px;
}

.auth__page__two .content form {
  margin-bottom: 24px;
}

.auth__page__two .content form .phone {
  padding: 13px 19px 16px;
  background-color: #f4f4f4;
  border-radius: 15px;
  margin-bottom: 32px;
}

.auth__page__two .content form .phone .image {
  padding-left: 13px;
  margin-left: 14px;
  border-left: 1px solid rgba(145, 145, 145, 0.2);
  flex: 0 0 auto;
}

.auth__page__two .content form .phone .image img {
  border-radius: 50%;
  border: 0.5px solid #fff;
  box-shadow: 0px 8px 13px rgba(0, 0, 0, 0.07);
}

.auth__page__two .content form .phone input {
  padding: 0;
  background-color: transparent;
  height: 32px;
  color: #494949;
  font-size: 12px;
  border: none;
  outline: none;
}

.auth__page__two .content form .phone__btn {
  left: 14px;
  width: 89px;
  height: 38px;
  border: 0.5px solid #121212;
  border-radius: 15px;
  box-shadow: 0px 84px 134px rgba(0, 0, 0, 0.15);
  opacity: 0;
  visibility: hidden;
  z-index: 2;
  font-size: 12px;
  color: #121212;
  font-weight: 600;
}

.auth__page__two .content form .phone__btn.show {
  opacity: 1;
  visibility: visible;
}

.auth__page__two .content form .phone__btn:disabled {
  border-color: #bababa;
  color: #bababa;
}

.auth__page__two .content form .phone.disabled {
  background-color: #fbfbfb;
}

.auth__page__two .content form .phone.disabled input {
  color: #bababa;
}

.auth__page__two .content form .code {
  margin-bottom: 25px;
}

.auth__page__two .content form .code label {
  display: block;
  font-size: 12px;
  line-height: 30px;
  color: #b4b4b4;
  margin-bottom: 15px;
}

.auth__page__two .content form .code .inputs {
  color: #919191;
  gap: 8px;
  direction: ltr;
}

.auth__page__two .content form .code .inputs input {
  max-width: calc(25% - 17px);
  flex: 0 0 auto;
  border: none;
  height: 61px;
  background-color: #fbfbfb;
  border-radius: 15px;
  border: none;
  outline: none;
  text-align: center;
}

.auth__page__two .content form .code .inputs input:not(:disabled) {
  background-color: #f4f4f4;
}

.auth__page__two .content form .edit__nomber {
  margin-bottom: 33px;
}

.auth__page__two .content form .edit__nomber,
.auth__page__two .content form .edit__nomber__btn {
  line-height: 18px;
  color: #919191;
}

.auth__page__two .content form .edit__nomber__btn:not(:disabled) {
  color: #121212;
}

@media only screen and (max-width: 359px) {
  .auth__page__two .content.login {
      padding: 67px 16px 42px;
  }
}

.auth__page__three {
  max-width: 376px;
}

.auth__page__three::after {
  background-color: #1a47b8;
}

.auth__page__three .content {
  padding: 38px 33px 44px;
  overflow: hidden;
  border-radius: 58px;
  filter: drop-shadow(0 0 1px #efefef);
}

.auth__page__three .content .logo,
.auth__page__three .content .avatar,
.auth__page__three .content .auth__tab {
  z-index: 99;
}

.auth__page__three .content .logo {
  font-size: 13px;
  font-weight: 800;
  color: #121212;
  margin-bottom: 25px;
}

.auth__page__three .content .logo img {
  margin-left: 11px;
}

.auth__page__three .content .logo span {
  color: #848484;
  font-weight: 900;
}

.auth__page__three .content .avatar {
  border: 0.5px solid #dcdcdc;
  border-radius: 16px;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding: 12px 17px 11px 24px;
  margin-bottom: 48px;
}

.auth__page__three .content .avatar img {
  border: 1px solid #fff;
  border-radius: 50%;
  box-shadow: 0px 9px 11px rgba(0, 0, 0, 0.07);
  margin-left: 7px;
}

.auth__page__three .content .avatar__title {
  font-weight: 500;
  color: #494949;
  margin-bottom: 6px;
}

.auth__page__three .content .avatar__title b {
  color: #000;
  font-weight: 800;
}

.auth__page__three .content .avatar__sub__title {
  font-size: 12px;
  color: #919191;
  line-height: 18px;
}

.auth__page__three .content .auth__tab {
  margin-bottom: 47px;
}

.auth__page__three .content form .auth__page__form__group {
  margin-bottom: 32px;
}

.auth__page__three .content form .auth__page__form__group img {
  right: 21px;
}

.auth__page__three .content form .auth__page__form__control {
  padding-right: 47px;
  background-color: #f1f5fb;
  border: 1px solid #f1f5fb;
  height: 51px;
}

.auth__page__three .content form .auth__page__form__control:focus {
  background-color: #fff;
  border-color: #fbfbfb;
  box-shadow: 0px 54px 94px rgba(0, 0, 0, 0.07);
}

.auth__page__three .content form .hr {
  margin: 59px 0 50px;
  border-bottom: 1px dashed #919191;
}

.auth__page__three .content form .hr::before,
.auth__page__three .content form .hr::after {
  width: 36px;
  height: 74px;
  background-color: #fff;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iNzQiIHZpZXdCb3g9IjAgMCAzNiA3NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzk0N18yODQiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIzNiIgaGVpZ2h0PSI3NCI+CjxyZWN0IHdpZHRoPSIzNiIgaGVpZ2h0PSI3NCIgZmlsbD0iI0Q5RDlEOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfOTQ3XzI4NCkiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTS0zNDAgLTQxNEMtMzQwIC00NDYuMDMzIC0zMTQuMDMzIC00NzIgLTI4MiAtNDcySC0yMkMxMC4wMzI1IC00NzIgMzYgLTQ0Ni4wMzMgMzYgLTQxNFYwLjAxMzI0NDZDMTYuMDI3NyAwLjU0MzE4MiAwIDE2Ljg5OTggMCAzN0MwIDU3LjEwMDEgMTYuMDI3NyA3My40NTY4IDM2IDczLjk4NjhWMTIzQzM2IDE1NS4wMzMgMTAuMDMyNSAxODEgLTIyIDE4MUgtMjgyQy0zMTQuMDMzIDE4MSAtMzQwIDE1NS4wMzMgLTM0MCAxMjNWNzMuOTg2OEMtMzM5LjY2OCA3My45OTU1IC0zMzkuMzM0IDc0IC0zMzkgNzRDLTMxOC41NjUgNzQgLTMwMiA1Ny40MzQ1IC0zMDIgMzdDLTMwMiAxNi41NjU1IC0zMTguNTY1IDAgLTMzOSAwQy0zMzkuMzM0IDAgLTMzOS42NjggMC4wMDQ0MjUwNSAtMzQwIDAuMDEzMjQ0NlYtNDE0WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8L3N2Zz4K") 0 0/100% 100%;
  mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iNzQiIHZpZXdCb3g9IjAgMCAzNiA3NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzk0N18yODQiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIzNiIgaGVpZ2h0PSI3NCI+CjxyZWN0IHdpZHRoPSIzNiIgaGVpZ2h0PSI3NCIgZmlsbD0iI0Q5RDlEOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfOTQ3XzI4NCkiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTS0zNDAgLTQxNEMtMzQwIC00NDYuMDMzIC0zMTQuMDMzIC00NzIgLTI4MiAtNDcySC0yMkMxMC4wMzI1IC00NzIgMzYgLTQ0Ni4wMzMgMzYgLTQxNFYwLjAxMzI0NDZDMTYuMDI3NyAwLjU0MzE4MiAwIDE2Ljg5OTggMCAzN0MwIDU3LjEwMDEgMTYuMDI3NyA3My40NTY4IDM2IDczLjk4NjhWMTIzQzM2IDE1NS4wMzMgMTAuMDMyNSAxODEgLTIyIDE4MUgtMjgyQy0zMTQuMDMzIDE4MSAtMzQwIDE1NS4wMzMgLTM0MCAxMjNWNzMuOTg2OEMtMzM5LjY2OCA3My45OTU1IC0zMzkuMzM0IDc0IC0zMzkgNzRDLTMxOC41NjUgNzQgLTMwMiA1Ny40MzQ1IC0zMDIgMzdDLTMwMiAxNi41NjU1IC0zMTguNTY1IDAgLTMzOSAwQy0zMzkuMzM0IDAgLTMzOS42NjggMC4wMDQ0MjUwNSAtMzQwIDAuMDEzMjQ0NlYtNDE0WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8L3N2Zz4K") 0 0/100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.auth__page__three .content form .hr::before {
  transform: translate(36px, -50%);
  right: 0;
}

.auth__page__three .content form .hr::after {
  left: 0;
  transform: translate(-36px, -50%) scaleX(-1);
}

.auth__page__three .content form .hr .bg {
  top: 0;
  left: 0;
  height: 200px;
  transform: translateY(-100px);
  z-index: -1;
}

.auth__page__three .content form .hr span::before,
.auth__page__three .content form .hr span::after {
  left: 0;
  background-color: #fff;
  width: 500px;
  height: 500px;
  z-index: -1;
}

.auth__page__three .content form .hr span::before {
  bottom: 100%;
  transform: translate(-100px, -36px);
}

.auth__page__three .content form .hr span::after {
  top: 100%;
  transform: translate(-100px, 36px);
}

@media only screen and (max-width: 359px) {
  .auth__page__three .content {
      padding: 38px 16px 44px;
  }
}

.auth__page__four {
  max-width: 817px;
}

.auth__page__four .content {
  box-shadow: 0px 204px 144px rgba(0, 0, 0, 0.22);
}

.auth__page__four .content .image,
.auth__page__four .content .left {
  max-width: 50%;
  flex: 0 0 auto;
}

.auth__page__four .content .image {
  z-index: 2;
}

.auth__page__four .content .image::before {
  right: 100%;
  bottom: 52px;
  background: url("./../../images/shape-01.png") 0 0 no-repeat;
  background-size: 100% 100%;
  width: 17px;
  height: 27px;
  z-index: -1;
}

.auth__page__four .content .image img {
  display: block;
}

.auth__page__four .content .left {
  padding: 24px 45px 24px 53px;
}

.auth__page__four .content .left .logo {
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.auth__page__four .content .left .logo img {
  margin-left: 12px;
}

.auth__page__four .content .left .logo .name {
  font-size: 12px;
  font-weight: 800;
  line-height: 17px;
  color: #212121;
  margin-bottom: 5px;
}

.auth__page__four .content .left .logo .name__en {
  font-size: 12px;
  color: #919191;
  line-height: 12px;
  direction: ltr;
}

.auth__page__four .content .left .title {
  margin: 37px 0 15px;
  font-size: 16px;
  font-weight: 500;
}

.auth__page__four .content .left .title b {
  font-weight: 800;
}

.auth__page__four .content .left p {
  font-size: 13px;
  color: #989898;
  line-height: 18px;
  margin-bottom: 34px;
}

.auth__page__four .content .left form .auth__page__form__group {
  margin-bottom: 27px;
}

.auth__page__four .content .left form .auth__page__form__group img {
  right: 21px;
}

.auth__page__four .content .left form .auth__page__form__control {
  box-shadow: 4px 5px 0px rgba(0, 0, 0, 0.25);
  background-color: #fff4e7;
  border: 1px solid #000;
  height: 51px;
  padding-right: 47px;
  color: #4e5764;
}

.auth__page__four .content .left form .auth__page__form__control:focus {
  background-color: #fff;
}

.auth__page__four .content .left form .auth__page__btn {
  box-shadow: 4px 6px 0px rgba(0, 0, 0, 0.25);
  border: 1px solid #000;
  padding: 17px 16px;
  line-height: 20px;
  margin-bottom: 38px;
}

.auth__page__four .content .left .btns {
  gap: 21px;
}

.auth__page__four .content .left .btns .auth__page__btn {
  background-color: #fff;
  box-shadow: 4px 5px 0px rgba(0, 0, 0, 0.25);
  border: 1px solid #000;
  font-size: 12px;
  font-weight: 800;
  color: #121212;
  padding: 15px 8px;
  z-index: 2;
  overflow: hidden;
  line-height: 21px;
}

.auth__page__four .content .left .btns .auth__page__btn i {
  font-size: 13px;
  margin-left: 9px;
}

.auth__page__four .content .left .btns .auth__page__btn i.auth-icon-security {
  font-size: 18px;
}

.auth__page__four .content .left .btns .auth__page__btn::before {
  top: 0;
  left: 0;
  height: 100%;
  background: url("./../../images/bg-btn.png") top left no-repeat;
  background-size: cover;
  z-index: -1;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-100%);
}

.auth__page__four .content .left .btns .auth__page__btn:hover::before,
.auth__page__four .content .left .btns .auth__page__btn.active::before {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

@media only screen and (max-width: 767px) {
  .auth__page__four {
      max-width: 408px;
  }

  .auth__page__four .content .image {
      display: none;
  }

  .auth__page__four .content .left {
      padding: 48px 24px;
      max-width: 100%;
  }

  .auth__page__four .content .left .btns {
      gap: 12px;
  }
}

.auth__page__five {
  max-width: 611px;
  margin: 0 auto 71px;
  border-radius: 10px;
  padding-bottom: 24px;
}

.auth__page__five,
.auth__page__five::before {
  background: url("./../../images/image-04.png") top 56px left no-repeat;
  background-size: 100%;
}

.auth__page__five::before {
  top: 65px;
  left: 0;
  height: 100%;
  z-index: -2;
  border-radius: 10px;
  filter: blur(27px);
  opacity: 0.7;
  transform: matrix(-1, 0, 0, 1, 0, 0);
}

.auth__page__five::after {
  top: 102px;
  right: -20px;
  bottom: -21px;
  left: -24px;
  background-color: rgba(255, 255, 255, 0.1);
  border: 2px solid #fff;
  box-shadow: 0px 84px 234px rgba(0, 0, 0, 0.05), inset 0px 4px 54px rgba(255, 255, 255, 0.25);
  border-radius: 10px;
  z-index: -1;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

.auth__page__five .content {
  max-width: 315px;
  border-radius: 10px;
  box-shadow: 0px 84px 134px rgba(0, 0, 0, 0.15);
  padding: 47px 38px 27px;
}

.auth__page__five .content .logo img {
  margin-left: 13px;
}

.auth__page__five .content .logo .name {
  font-size: 12px;
  font-weight: 800;
  line-height: 17px;
  color: #212121;
}

.auth__page__five .content .logo .name__en {
  direction: ltr;
  font-size: 12px;
  line-height: 15px;
  color: #919191;
  margin-top: 4px;
}

.auth__page__five .content .avatar {
  text-align: center;
  margin: 28px 0 22px;
}

.auth__page__five .content .avatar img {
  border-radius: 50%;
  margin: 0 auto 16px;
}

.auth__page__five .content .avatar .title {
  font-weight: 500;
  color: #494949;
  margin-bottom: 9px;
}

.auth__page__five .content .avatar .title b {
  font-weight: 800;
  color: #000;
}

.auth__page__five .content .avatar .sub__title {
  font-size: 12px;
  color: #919191;
  line-height: 15px;
}

.auth__page__five .content form .auth__page__form__group {
  margin-bottom: 19px;
}

.auth__page__five .content form .auth__page__form__group img {
  right: 20px;
}

.auth__page__five .content form .auth__page__form__control {
  background-color: #fff4e7;
  border: 1px solid #fff4e7;
  height: 48px;
  padding-right: 40px;
  color: #4e5764;
  border-radius: 8px;
}

.auth__page__five .content form .auth__page__form__control:focus {
  background-color: #fff;
  border: 0.5px solid #f0f0f0;
  box-shadow: 0px 54px 94px rgba(0, 0, 0, 0.07);
}

.auth__page__five .content form .auth__page__btn {
  border-radius: 8px;
  padding: 11px 12px;
  line-height: 20px;
}

.auth__page__five .content .btns {
  border-top: 1px solid rgba(145, 145, 145, 0.2);
  margin-top: 26px;
  padding-top: 22px;
}

.auth__page__five .content .btns>a {
  border-radius: 15px;
  background-color: #fff;
  box-shadow: 0px 30px 54px rgba(0, 0, 0, 0.16);
  font-size: 12px;
  font-weight: 800;
  color: #121212;
  padding: 16px 31px;
  line-height: 21px;
}

.auth__page__five .content .btns>a img {
  margin-left: 8px;
}

.auth__page__five .content .btns>a:hover {
  background-color: #b1967d;
  color: #fff;
}

.auth__page__five .text {
  text-align: center;
  font-size: 15px;
  line-height: 23px;
  margin-top: 34px;
}

.auth__page__five__two {
  background: unset;
  max-width: 817px;
  margin-bottom: 0;
  padding-bottom: 0;
}

.auth__page__five__two::before,
.auth__page__five__two::after {
  content: none;
}

.auth__page__five__two .content {
  max-width: 100%;
  padding: 0;
}

.auth__page__five__two .content .image,
.auth__page__five__two .content .left {
  max-width: 50%;
}

.auth__page__five__two .content .image img {
  border-radius: 11px 30px 30px 11px;
}

.auth__page__five__two .content .left {
  padding: 41px 41px 41px 50px;
  z-index: 2;
}

.auth__page__five__two .content .left::before,
.auth__page__five__two .content .left::after {
  z-index: -1;
  background: url("./../../images/shape-02.png") 0 0 no-repeat;
  background-size: 100% 100%;
}

.auth__page__five__two .content .left::before {
  right: 0;
  bottom: 30px;
  width: 77px;
  height: 213px;
}

.auth__page__five__two .content .left::after {
  background-image: url("./../../images/shape-03.png");
  width: 104px;
  height: 169px;
  top: 63px;
  left: 0;
}

.auth__page__five__two .content .left .avatar {
  margin: 51px 0 46px;
}

.auth__page__five__two .content .left .avatar img {
  margin: 0 0 0 10px;
}

.auth__page__five__two .content .left .avatar .title {
  line-height: 20px;
  margin-bottom: 7px;
}

.auth__page__five__two .content .left .avatar .sub__title {
  line-height: 13px;
}

.auth__page__five__two .content .left .auth__page__form__control,
.auth__page__five__two .content .left .auth__page__form__control:focus {
  border: none;
}

.auth__page__five__two .content .left .btns {
  margin-top: 43px;
  padding-top: 0;
  border: none;
}

@media only screen and (max-width: 767px) {
  .auth__page__five {
      margin-bottom: 0;
      background-position: center;
      background-size: cover;
      padding: 24px 0;
  }

  .auth__page__five::before,
  .auth__page__five::after {
      content: none;
  }

  .auth__page__five .text {
      display: none;
  }

  .auth__page__five__two {
      max-width: 408px;
  }

  .auth__page__five__two .content .image {
      display: none;
  }

  .auth__page__five__two .content .left {
      max-width: 100%;
  }
}

@media only screen and (max-width: 575px) {
  .auth__page__five {
      margin: -24px -12px;
      width: calc(100% + 24px);
      border-radius: 0;
      padding: 24px 12px;
  }

  .auth__page__five .content {
      padding: 40px 24px;
  }

  .auth__page__five__two .content {
      padding: 0;
  }

  .auth__page__five__two .content .left {
      padding: 40px 24px;
  }
}

.auth__page__six,
.auth__page__seven {
  max-width: 817px;
}

.auth__page__six .image,
.auth__page__six .left,
.auth__page__seven .image,
.auth__page__seven .left {
  max-width: 50%;
}

.auth__page__six .btns,
.auth__page__seven .btns {
  gap: 21px;
}

.auth__page__six .btns>a,
.auth__page__seven .btns>a {
  border: 1px solid #e8e8e8;
  border-radius: 15px;
  background-color: #fff;
  padding: 12px 12px;
  font-size: 12px;
  font-weight: 800;
  color: #121212;
}

.auth__page__six .btns>a img,
.auth__page__seven .btns>a img {
  margin-left: 8px;
}

.auth__page__six .btns>a.active,
.auth__page__six .btns>a:hover,
.auth__page__seven .btns>a.active,
.auth__page__seven .btns>a:hover {
  box-shadow: 0px 30px 54px rgba(0, 0, 0, 0.07);
  border-color: #fff;
}

@media only screen and (max-width: 767px) {

  .auth__page__six,
  .auth__page__seven {
      max-width: 408px;
  }

  .auth__page__six .image,
  .auth__page__seven .image {
      display: none;
  }

  .auth__page__six .left,
  .auth__page__seven .left {
      max-width: 100%;
  }
}

@media only screen and (max-width: 575px) {

  .auth__page__six .btns,
  .auth__page__seven .btns {
      gap: 12px;
  }
}

.auth__page__six .content {
  box-shadow: 0px 204px 144px rgba(0, 0, 0, 0.22);
}

.auth__page__six .content .image img {
  border-radius: 11px 30px 30px 11px;
}

.auth__page__six .content .left {
  padding: 70px 41px 52px;
}

.auth__page__six .content .left .logo img {
  margin-left: 10px;
}

.auth__page__six .content .left .logo .name {
  font-size: 12px;
  font-weight: 800;
  color: #212121;
  line-height: 17px;
  margin-bottom: 4px;
}

.auth__page__six .content .left .logo .name__en {
  font-size: 12px;
  color: #919191;
  line-height: 16px;
}

.auth__page__six .content .left .title {
  font-size: 16px;
  font-weight: 500;
  margin: 42px 0 15px;
}

.auth__page__six .content .left .title b {
  font-weight: 800;
}

.auth__page__six .content .left p {
  font-size: 13px;
  line-height: 18px;
  color: #989898;
  margin-bottom: 27px;
}

.auth__page__six .content .left .auth__page__form__group {
  margin-bottom: 31px;
}

.auth__page__six .content .left .auth__page__form__group img {
  right: 21px;
}

.auth__page__six .content .left .auth__page__form__control {
  background-color: #fff4e7;
  height: 51px;
  padding-right: 47px;
  color: #4e5764;
}

.auth__page__six .content .left .auth__page__form__control:focus {
  background-color: #fff;
  box-shadow: 0px 54px 94px rgba(0, 0, 0, 0.07);
}

.auth__page__six .content .left .auth__page__btn {
  padding: 18px 12px;
  margin-bottom: 32px;
  line-height: 20px;
}

@media only screen and (max-width: 575px) {
  .auth__page__six .content {
      border-radius: 20px;
  }

  .auth__page__six .content .left {
      padding: 40px 20px;
  }

  .auth__page__six .content .left .btns {
      gap: 12px;
  }
}

.auth__page__seven .content .left {
  padding: 59px 41px;
}

.auth__page__seven .content .left .logo img {
  margin-left: 9px;
}

.auth__page__seven .content .left .logo .name {
  font-weight: bold;
  color: #121212;
  margin-bottom: 2px;
}

.auth__page__seven .content .left .logo .name__en {
  font-size: 12px;
  line-height: 14px;
  direction: ltr;
}

.auth__page__seven .content .left .title {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  margin: 30px 0 18px;
}

.auth__page__seven .content .left .title b {
  font-weight: 800;
}

.auth__page__seven .content .left p {
  font-size: 13px;
  line-height: 18px;
  color: #989898;
  margin-bottom: 33px;
}

.auth__page__seven .content .left .auth__page__form__group {
  margin-bottom: 0;
}

.auth__page__seven .content .left .auth__page__form__group:not(:first-child) {
  margin-top: 31px;
}

.auth__page__seven .content .left .auth__page__form__group img {
  right: 21px;
}

.auth__page__seven .content .left .auth__page__form__control {
  padding-right: 47px;
  height: 51px;
  background-color: #edeff8;
  color: #4e5764;
}

.auth__page__seven .content .left .auth__page__form__control:focus {
  background-color: #fff;
  box-shadow: 0px 54px 94px rgba(0, 0, 0, 0.07);
}

.auth__page__seven .content .left .auth__page__btn {
  margin: 25px 0 42px;
}

.auth__page__seven .content .image img {
  border-radius: 30px 11px 11px 30px;
}

@media only screen and (max-width: 575px) {
  .auth__page__seven .content .left {
      padding: 40px 20px;
  }
}

.auth__page__eight .content {
  max-width: 817px;
  box-shadow: 0px 64px 144px rgba(0, 0, 0, 0.25);
}

.auth__page__eight .content .right {
  flex: 1 0 1%;
  padding: 32px 60px;
  align-self: center;
}

.auth__page__eight .content .right .wellcome {
  text-align: center;
  margin-bottom: 28px;
}

.auth__page__eight .content .right .wellcome .image {
  z-index: 2;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: 0 auto 16px;
}

.auth__page__eight .content .right .wellcome .image::before {
  top: 0;
  right: 0;
  background-color: #4a1aaf;
  width: 53px;
  height: 52px;
  filter: blur(57px);
  transform: translate(2px, -4px);
  z-index: -1;
}

.auth__page__eight .content .right .wellcome .image img {
  border-radius: 50%;
  filter: drop-shadow(0px 9px 11px rgba(0, 0, 0, 0.25));
}

.auth__page__eight .content .right .wellcome .title {
  font-weight: 500;
  color: #494949;
  margin-bottom: 6px;
}

.auth__page__eight .content .right .wellcome .title b {
  font-weight: 800;
  color: #000;
}

.auth__page__eight .content .right .wellcome .sub__title {
  font-size: 12px;
  color: #919191;
  line-height: 18px;
}

.auth__page__eight .content .right .btns {
  gap: 18px;
  margin-bottom: 51px;
}

.auth__page__eight .content .right .btns>a {
  background-color: rgba(241, 245, 251, 0.9);
  box-shadow: 0px 84px 134px rgba(0, 0, 0, 0.05);
  border-radius: 3px;
  font-size: 12px;
  font-weight: 800;
  line-height: 20px;
  max-width: calc(50% - 9px);
  padding: 13px 12px;
  color: #121212;
}

.auth__page__eight .content .right .btns>a img {
  margin-left: 3px;
}

.auth__page__eight .content .right .btns>a:hover,
.auth__page__eight .content .right .btns>a.active {
  background-color: #4d1ab8;
  box-shadow: 0px 20px 74px rgba(77, 26, 184, 0.15);
  color: #fff;
}

.auth__page__eight .content .right .btns>a:hover img,
.auth__page__eight .content .right .btns>a.active img {
  filter: invert(1) hue-rotate(180deg);
}

.auth__page__eight .content .right .auth__page__form__group {
  margin: 0;
}

.auth__page__eight .content .right .auth__page__form__group:not(:first-child) {
  margin-top: 7px;
}

.auth__page__eight .content .right .auth__page__form__group img {
  right: 15px;
}

.auth__page__eight .content .right .auth__page__form__control {
  border: 1px solid rgba(145, 145, 145, 0.5);
  box-shadow: 0px 54px 54px rgba(0, 0, 0, 0.02);
  background-color: #fff;
  padding-right: 41px;
  border-radius: 0;
  height: 44px;
}

.auth__page__eight .content .right .not__account {
  font-size: 12px;
  line-height: 18px;
  color: #919191;
  margin: 14px 0 27px;
}

.auth__page__eight .content .right .not__account a {
  font-weight: 500;
  color: #4d1ab8;
}

.auth__page__eight .content .right .auth__page__btn {
  border-radius: 5px;
  font-weight: 600;
  line-height: 20px;
  padding: 11px 12px;
}

.auth__page__eight .content .left {
  max-width: 418px;
  flex: 0 0 auto;
  background: url("./../../images/image-10.png") 0 0 no-repeat;
  background-size: 100% 100%;
  padding: 61px 46px 28px;
  border-radius: 30px 11px 11px 30px;
  overflow: hidden;
}

.auth__page__eight .content .left .image {
  z-index: 2;
  margin-bottom: 65px;
}

.auth__page__eight .content .left .image::before {
  top: -21px;
  right: -25px;
  bottom: -21px;
  left: -20px;
  background: url("./../../images/shape-04.png") 0 0 no-repeat;
  background-size: 100% 100%;
  z-index: -2;
}

.auth__page__eight .content .left .image::after {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 31px);
  box-shadow: 0px 84px 234px rgba(0, 0, 0, 0.25);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: rgba(255, 255, 255, 0.1);
  width: calc(100% - 90px);
  height: 200px;
  z-index: -1;
}

.auth__page__eight .content .left .title {
  font-size: 14px;
  color: #fff;
  font-weight: 900;
  line-height: 26px;
  margin-bottom: 4px;
}

.auth__page__eight .content .left .title span {
  color: rgba(255, 255, 255, 0.7);
  font-weight: 400;
}

.auth__page__eight .content .left p {
  font-size: 12px;
  line-height: 22px;
  color: #e1e1e1;
}

.auth__page__eight .content .left .swiper {
  padding-bottom: 20px;
}

.auth__page__eight .content .left .swiper-pagination {
  right: 0;
  bottom: 0;
  left: auto;
  transform: unset;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.auth__page__eight .content .left .swiper-pagination-bullet {
  width: 4px;
  height: 4px;
  border-radius: 0;
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.3);
  transition: all 0.3s linear;
}

.auth__page__eight .content .left .swiper-pagination-bullet-active {
  width: 36px;
  background-color: #fff;
}

@media only screen and (max-width: 799px) {
  .auth__page__eight .content .right {
      padding: 32px 40px;
  }
}

@media only screen and (max-width: 767px) {
  .auth__page__eight .content {
      max-width: 399px;
      border-radius: 20px;
  }

  .auth__page__eight .content .left {
      display: none;
  }
}

@media only screen and (max-width: 399px) {
  .auth__page__eight .content .right {
      padding: 32px 20px;
  }

  .auth__page__eight .content .right .btns {
      gap: 12px;
  }
}

.auth__page__nine {
  max-width: 801px;
}

.auth__page__nine .content {
  background-color: 0px 204px 144px rgba(0, 0, 0, 0.22);
}

.auth__page__nine .content .image {
  width: 374px;
}

.auth__page__nine .content .image img {
  border-radius: 11px 30px 30px 11px;
}

.auth__page__nine .content .left {
  flex: 1 0 1%;
  padding: 44px 49px;
}

.auth__page__nine .content .left .logo {
  font-weight: 800;
  color: #1a47b8;
}

.auth__page__nine .content .left .logo img {
  margin-left: 7px;
}

.auth__page__nine .content .left .title {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  margin: 26px 0 18px;
}

.auth__page__nine .content .left .title b {
  font-weight: 800;
}

.auth__page__nine .content .left p {
  font-size: 13px;
  line-height: 18px;
  color: #989898;
  margin-bottom: 43px;
}

.auth__page__nine .content .left .auth__page__form__group img {
  right: 21px;
}

.auth__page__nine .content .left .auth__page__form__control {
  height: 51px;
  background-color: #f1f5fb;
  padding-right: 47px;
}

.auth__page__nine .content .left .auth__page__form__control:focus {
  background-color: #fff;
  box-shadow: 0px 54px 94px rgba(0, 0, 0, 0.07);
}

.auth__page__nine .content .left .auth__page__btn {
  padding: 12px 12px;
  margin-bottom: 29px;
}

.auth__page__nine .content .left .btns {
  gap: 21px;
}

.auth__page__nine .content .left .btns>a {
  background-color: #f1f5fb;
  border: 1px solid #f1f5fb;
  border-radius: 15px;
  box-shadow: 0px 84px 134px rgba(0, 0, 0, 0.05);
  font-size: 12px;
  font-weight: 800;
  line-height: 18px;
  color: #121212;
  padding: 16px 12px;
  line-height: 21px;
}

.auth__page__nine .content .left .btns>a img {
  margin-left: 6px;
}

.auth__page__nine .content .left .btns>a:hover,
.auth__page__nine .content .left .btns>a.active {
  background-color: #1a47b8;
  border-color: #e8e8e8;
  box-shadow: 0px 30px 54px rgba(26, 71, 184, 0.24);
  color: #fff;
}

.auth__page__nine .content .left .btns>a:hover img,
.auth__page__nine .content .left .btns>a.active img {
  filter: invert(1) hue-rotate(180deg);
}

@media only screen and (max-width: 767px) {
  .auth__page__nine {
      max-width: 427px;
  }

  .auth__page__nine .content .image {
      display: none;
  }
}

@media only screen and (max-width: 575px) {
  .auth__page__nine .content .left {
      padding: 32px 20px;
  }

  .auth__page__nine .content .left .btns {
      gap: 12px;
  }
}

.auth__page__ten .content {
  max-width: 801px;
  box-shadow: 0px -26px 154px rgba(0, 0, 0, 0.02);
}

.auth__page__ten .content .right {
  flex: 1 0 1%;
  padding: 32px 48px 32px 36px;
}

.auth__page__ten .content .right .heading {
  padding-right: 44px;
}

.auth__page__ten .content .right .heading::before {
  top: 0;
  right: 0;
  width: 33px;
  height: 59px;
  background: url("./../../images/pattern.svg") 0 0 no-repeat;
  background-size: 100% 100%;
}

.auth__page__ten .content .right .heading .title {
  font-size: 23px;
  font-weight: 500;
  line-height: 32px;
  margin-bottom: 13px;
}

.auth__page__ten .content .right .heading .title b {
  font-weight: 800;
}

.auth__page__ten .content .right .heading p {
  font-size: 12px;
  font-weight: 500;
  color: #494949;
  line-height: 17px;
}

.auth__page__ten .content .right .btns {
  margin: 45px 0 44px;
  gap: 21px;
}

.auth__page__ten .content .right .btns>a {
  max-width: calc(50% - 10.5px);
  background-color: #fbfbfb;
  border-radius: 15px;
  font-size: 12px;
  font-weight: 800;
  color: #939393;
  line-height: 21px;
  padding: 16px 12px;
}

.auth__page__ten .content .right .btns>a img {
  margin-left: 6px;
  opacity: 0.4;
}

.auth__page__ten .content .right .btns>a:hover,
.auth__page__ten .content .right .btns>a.active {
  background-color: #fff;
  box-shadow: -70px 32px 94px rgba(0, 0, 0, 0.08);
  color: #121212;
}

.auth__page__ten .content .right .btns>a:hover img,
.auth__page__ten .content .right .btns>a.active img {
  opacity: 1;
}

.auth__page__ten .content .right .auth__page__form__group {
  margin-bottom: 32px;
}

.auth__page__ten .content .right .auth__page__form__group img {
  right: 21px;
}

.auth__page__ten .content .right .auth__page__form__control {
  padding-right: 47px;
  height: 51px;
  background-color: #f8f8f8;
}

.auth__page__ten .content .right .auth__page__form__control:focus {
  background-color: #fff;
  box-shadow: 0px 44px 64px rgba(0, 0, 0, 0.06);
}

.auth__page__ten .content .image {
  max-width: 406px;
}

.auth__page__ten .content .image img {
  border-radius: 30px 11px 11px 30px;
  display: block;
}

@media only screen and (max-width: 767px) {
  .auth__page__ten .content {
      max-width: 400px;
  }

  .auth__page__ten .content .image {
      display: none;
  }
}

@media only screen and (max-width: 575px) {
  .auth__page__ten .content {
      border-radius: 20px;
  }

  .auth__page__ten .content .right {
      padding: 32px 20px;
  }

  .auth__page__ten .content .right .btns {
      gap: 12px;
  }
}

.auth__page__eleven {
  max-width: 431px;
}

.auth__page__eleven .logo {
  padding: 23px 28px 17px;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.auth__page__eleven .logo::before {
  top: 0;
  left: 0;
  height: 200%;
  border: 2px solid #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  box-shadow: 0px 84px 234px rgba(0, 0, 0, 0.05), inset 0px 4px 54px rgba(255, 255, 255, 0.25);
  z-index: -1;
}

.auth__page__eleven .logo img {
  margin-left: 13px;
}

.auth__page__eleven .logo .name {
  line-height: 16px;
  margin-bottom: 9px;
}

.auth__page__eleven .logo .name,
.auth__page__eleven .logo .name__en {
  font-size: 12px;
  font-weight: 700;
  color: #848484;
}

.auth__page__eleven .logo .name b,
.auth__page__eleven .logo .name__en b {
  font-weight: 900;
  color: #121212;
}

.auth__page__eleven .logo .name__en {
  line-height: 13px;
}

.auth__page__eleven .wrapper {
  padding: 0 17px 38px;
}

.auth__page__eleven .wrapper::before {
  top: 87px;
  bottom: 0;
  left: 0;
  border: 2px solid #fff;
  background-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0px 84px 234px rgba(0, 0, 0, 0.05), inset 0px 4px 54px rgba(255, 255, 255, 0.25);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  z-index: -1;
}

.auth__page__eleven .wrapper::after {
  left: 0;
  transform: translate(-85px, -50%);
  width: 133px;
  height: 133px;
  background-color: rgba(255, 75, 75, 0.2);
  filter: blur(62px);
  z-index: -1;
}

.auth__page__eleven .content {
  border: 1px solid #efefef;
  box-shadow: 0px 84px 134px rgba(0, 0, 0, 0.15);
  padding: 44px 44px 41px;
}

.auth__page__eleven .content .title,
.auth__page__eleven .content p {
  text-align: center;
}

.auth__page__eleven .content .title {
  font-size: 23px;
  line-height: 32px;
  font-weight: 500;
}

.auth__page__eleven .content .title b {
  font-weight: 800;
}

.auth__page__eleven .content p {
  margin: 20px 0 26px;
  font-size: 13px;
  color: #494949;
}

.auth__page__eleven .content .info {
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: 0 auto 28px;
  border: 1px solid #dcdcdc;
  padding: 16px;
  border-radius: 16px;
}

.auth__page__eleven .content .info img {
  border-radius: 50%;
  box-shadow: 0px 9px 11px rgba(0, 0, 0, 0.25);
  margin-left: 9px;
}

.auth__page__eleven .content .info .name {
  font-size: 13px;
  font-weight: bold;
  line-height: 16px;
  color: #494949;
  margin-bottom: 6px;
}

.auth__page__eleven .content .info .wellcome {
  font-size: 12px;
  color: #919191;
  line-height: 13px;
}

.auth__page__eleven .content .auth__page__form__group {
  margin-bottom: 0;
}

.auth__page__eleven .content .auth__page__form__group:not(:first-child) {
  margin-top: 24px;
}

.auth__page__eleven .content .auth__page__form__group img {
  right: 29px;
}

.auth__page__eleven .content .auth__page__form__group.telephone img {
  opacity: 0.4;
}

.auth__page__eleven .content .auth__page__form__group.telephone .auth__page__form__control {
  color: #919191;
}

.auth__page__eleven .content .auth__page__form__group.telephone a {
  color: #d93543;
  border: 1px solid #d93543;
  border-radius: 15px;
  font-size: 9px;
  line-height: 14px;
  font-weight: 800;
  padding: 11px 18px;
  left: 15px;
}

.auth__page__eleven .content .auth__page__form__group.telephone a:hover {
  background-color: #d93543;
  color: #fff;
}

.auth__page__eleven .content .auth__page__form__control {
  background-color: #fbfbfc;
  height: 61px;
  border: 1px solid #e8e8e8;
  padding-right: 63px;
}

.auth__page__eleven .content .code {
  margin-top: 24px;
}

.auth__page__eleven .content .code .inputs {
  gap: 7px;
  direction: ltr;
}

.auth__page__eleven .content .code .inputs input {
  height: 61px;
  border: 1px solid #e8e8e8;
  background-color: #fbfbfc;
  border-radius: 15px;
  outline: none;
  text-align: center;
  max-width: calc(25% - 15px);
}

.auth__page__eleven .content .auth__page__btn {
  margin-top: 29px;
  padding: 21px 30px;
}

.auth__page__eleven .content .not__account {
  margin: 34px 0 30px;
  font-size: 12px;
  color: #919191;
  line-height: 22px;
}

.auth__page__eleven .content .not__account a {
  font-weight: 800;
  color: #121212;
}

.auth__page__eleven .content .btns__auth__app .auth__page__btn {
  margin: 0;
}

.auth__page__eleven .content .btns__auth__app .auth__page__btn img {
  margin-left: 8px;
}

.auth__page__eleven .content .btns__auth__app .auth__page__btn:not(:last-child) {
  margin-bottom: 19px;
}

.auth__page__eleven .btns {
  margin-top: 35px;
  gap: 24px;
}

.auth__page__eleven .btns>a {
  background-color: rgba(217, 217, 217, 0.8);
  box-shadow: 0px 84px 134px rgba(0, 0, 0, 0.15);
  border: 1px solid #e8e8e8;
  border-radius: 15px;
  max-width: 40%;
  padding: 19px 12px;
  font-size: 12px;
  line-height: 21px;
  color: #121212;
  font-weight: 800;
}

.auth__page__eleven .btns>a img {
  margin-left: 7px;
}

.auth__page__eleven .btns>a:hover,
.auth__page__eleven .btns>a.active {
  background-color: #fff;
  box-shadow: 0px 25px 94px rgba(0, 0, 0, 0.35);
}

@media only screen and (max-width: 469px) {
  .auth__page__eleven .wrapper {
      padding: 0 12px 32px;
  }

  .auth__page__eleven .content {
      padding: 32px 20px;
  }

  .auth__page__eleven .btns {
      gap: 12px;
  }

  .auth__page__eleven .btns>a {
      max-width: calc(50% - 12px);
  }
}


.minput {
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
  direction: ltr;
}

a.bazgasht {
  position: absolute;
  top: 0;
  left: 26px;
  background: #828282;
  color: #fff;
  padding: 7px 10px;
  border-radius: 0 0 15px 15px;
  cursor: pointer;
}

.loadlogin {
  border-radius: 20px;
}

.verifyinput {
  width: 22%;
  margin-right: 5px;
  border: 1px solid #e6e4e4;
  border-radius: 15px;
  padding: 16px 0px;
  background: #f8f7f7;
  color: #000000;
  text-align: center;
}

.pinfocode {
  margin: 20px 6px;
  text-align: right;
  font-weight: 500;
  font-size: 14px;
}


.auth__mx__auto {
  margin: 0 auto;
}

.auth__block {
  display: block;
}

.auth__w__fit {
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.auth__tab__pane {
  transition: all 0.3s ease-in-out;
}

.bg__four {
  background: #eef1f4;
}

.bg__five {
  background: #fff;
}

.bg__six {
  background: #eee;
}

.bg__seven {
  background: #fff;
}

.auth__page {
  position: relative;
}

.auth__page__btn__success {
  background-color: #85c441;
  color: #fff;
}

.auth__page__btn__success:hover {
  background-color: #70a834;
}

.auth__page__btn__dark__2 {
  background-color: #052b61;
  color: #fff;
}

.auth__page__btn__dark__2:hover {
  background-color: #073c88;
}

.auth__page__btn__purple {
  background-color: #651fff;
  color: #fff;
}

.auth__page__btn__purple:hover {
  background-color: #4d00f5;
}

.auth__page__btn__danger__2 {
  background-color: #ef4056;
  color: #fff;
}

.auth__page__btn__danger__2:hover {
  background-color: #ec1a35;
}

[data-show-password] {
  cursor: pointer;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  font-size: 13px;
  color: #ccc;
}

[data-show-password].showing {
  color: #85c441;
}

.auth_check {
  margin: 25px 0 10px;
}

.auth_check_label {
  padding-right: 30px;
  display: inline-block;
  font-size: 15px;
  line-height: 28px;
  color: #8a929c;
  cursor: pointer;
}

.auth_check_label::before,
.auth_check_label::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 25px;
  height: 25px;
  border-radius: 5px;
  transition: all 0.3s ease-in-out;
}

.auth_check_label::before {
  content: "";
  background-color: #eef1f4;
}

.auth_check_label::after {
  content: "\e906";
  font-family: "icomoon";
  font-size: 10px;
  color: #fff;
  background-color: #1ebcc5;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
}

.auth_check_input:checked~label {
  color: #1ebcc5;
}

.auth_check_input:checked~label::after {
  opacity: 1;
}

.auth_check__two {
  margin-bottom: 21px;
}

.auth_check__two__label {
  padding-right: 20px;
  cursor: pointer;
  color: #666;
  opacity: 0.7;
  font-size: 13px;
  line-height: 20px;
}

.auth_check__two__label::before {
  content: "\e906";
  font-family: "icomoon";
  position: absolute;
  width: 9px;
  height: 9px;
  top: 45%;
  right: 0;
  border-radius: 5px;
  border: 2px solid #ddd;
  transition: all 0.2s linear;
  font-size: 0;
  color: #651fff;
  transform: translateY(-50%);
  direction: ltr;
  text-align: right;
  line-height: 6px;
}

.auth_check__two__input:checked+label::before {
  font-size: 12px;
  text-align: left;
}

.auth__page__twelve {
  max-width: 400px;
  padding: 0px 0 24px;
}

.auth__page__twelve__logo {
  margin-bottom: 30px;
  top: 40px;
  left: 50%;
  transform: translateX(-50%);
}

.auth__page__twelve__logo img {
  width: 180px;
  height: auto;
}

.auth__page__twelve__wrapper {
  padding: 30px 25px 10px;
}

.auth__page__twelve__wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 55px;
  left: 0;
  width: 100%;
  border-radius: 25px;
  box-shadow: 0 2px 8px rgba(13, 60, 95, 0.1);
  background-color: rgba(255, 255, 255, 0.45);
  z-index: 0;
}

.auth__page__twelve__tabs {
  gap: 8px;
  margin: 0 18px 30px;
  position: relative;
}

.auth__page__twelve__tabs li {
  padding: 10px;
  font-size: 17px;
  width: 100%;
  max-width: calc(50% - 4px);
  text-align: center;
  color: #0e1935;
  font-weight: 500;
  border-radius: 10px;
  line-height: 27px;
  cursor: pointer;
}

.auth__page__twelve__tabs li.active {
  background-color: #fff;
  box-shadow: 0 2px 8px rgba(13, 60, 95, 0.1);
}

.auth__page__twelve__content {
  position: relative;
  background-color: #fff;
  padding: 30px 25px 25px;
  border-radius: 25px;
  box-shadow: 0 2px 8px rgba(13, 60, 95, 0.1);
}

.auth__page__twelve__content img {
  width: 105px;
  height: 105px;
  margin-bottom: 45px;
}

.auth__page__twelve__content form .auth__page__form__group {
  margin-bottom: 10px;
}

.auth__page__twelve__content form .auth__page__form__control {
  padding: 0 30px;
  height: 60px;
  font-size: 13px;
  font-weight: bold;
  border: 1px solid #dfe1e8;
  background-color: #fff;
  border-radius: 15px;
}

.auth__page__twelve__content form .auth__page__form__control:focus {
  border-color: #1ebcc5;
  color: #1ebcc5;
}

.auth__page__twelve__content form .auth_check a {
  color: #1ebcc5;
  font-weight: bold;
}

.auth__page__twelve__content form .link {
  margin-bottom: 25px;
  font-size: 15px;
  line-height: 23px;
  font-weight: 500;
  color: #8a929c;
}

.auth__page__twelve__content form .link:hover {
  color: #1ebcc5;
}

.auth__page__twelve__content form .link i {
  font-size: 16px;
  margin: 0 8px 0 12px;
}

.auth__page__twelve__content form .auth__page__btn {
  min-width: 140px;
  margin-right: auto;
  padding: 13px 10px;
  border-radius: 10px;
  line-height: 24px;
}

.auth__page__twelve__nav {
  gap: 8px;
  flex-wrap: wrap;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}

.auth__page__twelve__nav li a {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  color: #0e1935;
}

.auth__page__twelve__nav li a:hover {
  font-weight: 700;
}

@media only screen and (max-width: 575px) {
  .auth__page__twelve__wrapper {
      padding: 24px 8px 10px;
  }

  .auth__page__twelve__tabs li {
      font-size: 15px;
  }

  .auth__page__twelve__content {
      padding: 20px 12px;
  }

  .auth__page__twelve__content form .auth__page__form__control {
      height: 50px;
  }

  .auth__page__twelve__content form .auth__page__btn {
      width: 100%;
      min-width: 100%;
      padding: 9px 10px;
  }
}

.auth__page__thirteen {
  min-height: 100vh;
  margin: -24px -12px;
}

.auth__page__thirteen__row {
  flex-wrap: wrap;
  min-height: 100vh;
}

.auth__page__thirteen__col {
  width: 100%;
  flex: 0 0 auto;
}

.auth__page__thirteen__col:first-child {
  max-width: 40%;
  padding: 24px;
  flex-direction: column;
}

.auth__page__thirteen__col:last-child {
  max-width: 60%;
}

.auth__page__thirteen__not__account {
  font-size: 12px;
  line-height: 18px;
  color: #001a3f;
}

.auth__page__thirteen__not__account a {
  font-size: 14px;
  line-height: 25px;
  color: #0c68f4;
  font-weight: 700;
  padding: 0 8px;
  border-radius: 8px;
}

.auth__page__thirteen__not__account a:hover {
  background-color: rgba(12, 104, 244, 0.04);
}

.auth__page__thirteen__content {
  max-width: 560px;
  width: 100%;
  padding: 88px 40px;
  margin: auto;
}

.auth__page__thirteen__content .title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 16px;
  line-height: 36px;
}

.auth__page__thirteen__content .note {
  font-size: 12px;
  line-height: 24px;
  margin-bottom: 24px;
  color: #476185;
}

.auth__page__thirteen__content .note a {
  background-color: #e5faf3;
  border-radius: 4px;
  line-height: 24px;
  color: #34b288;
  padding: 0 8px;
  font-size: 14px;
  font-weight: 700;
  margin: 0 4px;
}

.auth__page__thirteen__content form label {
  font-size: 14px;
  line-height: 25px;
  font-weight: 500;
  color: #001a3f;
  display: inline-block;
  margin-bottom: 8px;
}

.auth__page__thirteen__content form .auth__page__form__group {
  margin-bottom: 32px;
}

.auth__page__thirteen__content form .auth__page__form__control {
  border: 1px solid #bcc9dc;
  padding: 0 12px;
  height: 48px;
  border-radius: 8px;
  background-color: transparent;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

.auth__page__thirteen__content form .auth__page__form__control:hover {
  border-color: #8d9fb9;
}

.auth__page__thirteen__content form .auth__page__form__control:focus {
  border-color: #052b61;
  box-shadow: 0px 0px 0px 2px #e2e9f3;
}

.auth__page__thirteen__content form .note__form {
  margin-top: 8px;
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  color: #476185;
}

.auth__page__thirteen__content form .note__form i {
  font-size: 16px;
  line-height: 1;
  margin-left: 8px;
}

.auth__page__thirteen__content form .auth__page__btn {
  border-radius: 8px;
  font-size: 16px;
  line-height: 24px;
  padding: 12px 12px;
}

.auth__page__thirteen__image {
  height: 100%;
  width: 100%;
  background-color: #081e68;
}

@media only screen and (max-width: 991px) {
  .auth__page__thirteen__col:first-child {
      max-width: 100%;
  }

  .auth__page__thirteen__col:last-child {
      display: none;
  }
}

@media only screen and (max-width: 575px) {
  .auth__page__thirteen__col:first-child {
      padding: 16px;
  }

  .auth__page__thirteen__content {
      padding: 40px 8px;
  }
}

.auth__page__fourteen {
  max-width: 500px;
  width: 100%;
}

.auth__page__fourteen__logo {
  margin-bottom: 20px;
}

.auth__page__fourteen__content {
  border-radius: 20px;
}

.auth__page__fourteen__tabs {
  background-color: #f5f5f5;
}

.auth__page__fourteen__tabs,
.auth__page__fourteen__tabs li {
  border-radius: 20px 20px 0 0;
}

.auth__page__fourteen__tabs li {
  padding: 15.5px 14px;
  width: 100%;
  flex: 0 0 auto;
  max-width: 50%;
  color: #aaa;
  cursor: pointer;
}

.auth__page__fourteen__tabs li::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 100%;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuNCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHdpZHRoPSI0MDAiIGhlaWdodD0iNDAwIiBpZD0ic2ltdWxhdGVkIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+Cgk8cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNIDQwMCAwIGggMCBhIDAgMCAwIDAgMCAwIDAgdiA0MDAgYSAwIDAgMCAwIDAgMCAwIGggLTQwMCBhIDAgMCAwIDAgMCAwIDAgdiAwIGEgNDAwIDQwMCAwIDAgMCA0MDAgLTQwMCBaIj48L3BhdGg+Cjwvc3ZnPg==);
  width: 20px;
  height: 20px;
  background-size: 20px;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}

.auth__page__fourteen__tabs li:nth-child(2)::before {
  right: auto;
  left: 100%;
  transform: rotateY(180deg);
}

.auth__page__fourteen__tabs li i {
  font-size: 24px;
  line-height: 1;
  margin-left: 10px;
}

.auth__page__fourteen__tabs li .title {
  font-size: 14px;
  font-weight: 600;
  line-height: 28px;
}

.auth__page__fourteen__tabs li .sub__title {
  font-size: 12px;
  line-height: 24px;
  margin-top: -5px;
  opacity: 0.7;
}

.auth__page__fourteen__tabs li:not(.active):hover i,
.auth__page__fourteen__tabs li:not(.active):hover .title,
.auth__page__fourteen__tabs li:not(.active):hover .sub__title {
  color: #888;
}

.auth__page__fourteen__tabs li.active {
  background-color: #fff;
}

.auth__page__fourteen__tabs li.active::before {
  opacity: 1;
}

.auth__page__fourteen__tabs li.active i,
.auth__page__fourteen__tabs li.active .title,
.auth__page__fourteen__tabs li.active .sub__title {
  color: #651fff;
}

.auth__page__fourteen__title {
  font-size: 18px;
  border-bottom: #ccc 1px dashed;
  padding-bottom: 10px;
  margin: 60px auto 30px;
  color: #999;
  font-weight: 400;
}

.auth__page__fourteen form {
  padding: 0 25px 60px;
}

.auth__page__fourteen form .auth__page__form__group {
  margin-bottom: 0;
}

.auth__page__fourteen form .auth__page__form__group:not(:first-child) {
  margin-top: 30px;
}

.auth__page__fourteen form .auth__page__form__group label {
  display: inline-block;
  font-size: 13px;
  color: #777;
  opacity: 0.7;
  margin-bottom: 7px;
}

.auth__page__fourteen form .auth__page__form__group [data-show-password] {
  outline-color: #888;
  font-size: 10px;
}

.auth__page__fourteen form .auth__page__form__control {
  padding: 0 10px;
  border-radius: 20px;
  height: 40px;
  color: #495057;
  background-color: #f5f5f5;
}

.auth__page__fourteen form .auth__page__form__control:focus {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  background-color: #fff;
}

.auth__page__fourteen form .auth__page__btn {
  font-size: 14px;
  line-height: 22px;
  border-radius: 20px;
  padding: 6px 12px;
}

.auth__page__fourteen__link {
  padding-bottom: 2px;
  color: #651fff;
  border-bottom: 2px dotted #651fff;
  font-size: 13px;
  line-height: 20px;
  margin: 4px 0 30px;
}

.auth__page__fourteen__back__home {
  padding: 14px 10px;
  border-top: 1px solid #eee;
  color: #666;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
}

.auth__page__fourteen__back__home i {
  margin: -6px 0 0 4px;
  font-size: 10px;
}

.auth__page__fourteen__back__home:hover {
  color: #651fff;
}

.auth__page__fourteen__text {
  font-size: 13px;
  line-height: 20px;
  color: #777;
  margin: 30px 0 14px;
  font-weight: 500;
}

.auth__page__fourteen__text a {
  color: inherit;
}

.auth__page__fourteen__text a:hover {
  color: #651fff;
}

.auth__page__fifteen {
  width: 100%;
  max-width: 400px;
  border: 1px solid #e0e0e2;
  padding: 32px;
  border-radius: 8px;
  background-color: #fff;
}

.auth__page__fifteen__title {
  margin: 16px 0;
  font-size: 19px;
  line-height: 40px;
  font-weight: 700;
  color: #0c0c0c;
}

.auth__page__fifteen__text {
  font-size: 12px;
  line-height: 26px;
  color: #3f4064;
}

.auth__page__fifteen form {
  margin: 16px 0;
}

.auth__page__fifteen form .auth__page__form__control {
  border: 1px solid #c0c2c5;
  background-color: #fff;
  height: 48px;
  border-radius: 8px;
  caret-color: #19bfd3;
}

.auth__page__fifteen form .auth__page__form__control:focus {
  border-color: #19bfd3;
}

.auth__page__fifteen form .auth__page__btn {
  margin-top: 32px;
  font-size: 14px;
  line-height: 22px;
  padding: 13px 16px;
  border-radius: 8px;
}

.auth__page__fifteen__terms {
  font-size: 12px;
  line-height: 18px;
  color: #3f4064;
  font-weight: 500;
}

.auth__page__fifteen__terms a {
  margin: 0 4px;
  color: #008eb2;
}

@media only screen and (max-width: 575px) {
  .auth__page__fifteen {
      padding: 24px 16px;
  }
}

.auth__modal .auth__page__twelve {
  padding: 0;
}

.auth__modal .auth__page__twelve__logo {
  position: relative;
  margin: 0 auto 24px;
  top: 0;
  left: 0;
  transform: unset;
}

.auth__modal .auth__page__thirteen {
  max-width: 500px;
  background-color: #fff;
  border-radius: 20px;
  border: 1px solid #eee;
  margin: 0 auto;
}

.auth__modal .auth__page__thirteen,
.auth__modal .auth__page__thirteen__row {
  min-height: auto;
}

.auth__modal .auth__page__thirteen__col:first-child {
  max-width: 100%;
}

.auth__modal .auth__page__thirteen__content {
  padding-bottom: 0;
}

@media only screen and (max-width: 991px) {
  .auth__modal .auth__page__thirteen__col:last-child {
      display: block;
  }
}

.auth__modal .auth__page__fourteen__content form {
  padding-bottom: 32px;
}

.auth__page__eleven .btns>a,
.auth__page__eleven .content .code .inputs input,
.auth__page__eleven .wrapper::before,
.auth__page__eleven .logo::before,
.auth__page__eleven,
.auth__page__ten .content .image img,
.auth__page__ten .content .image,
.auth__page__ten .content .right .btns>a,
.auth__page__ten .content,
.auth__page__nine .content .left .btns>a,
.auth__page__nine,
.auth__page__eight .content .left,
.auth__page__eight .content .right .btns>a,
.auth__page__eight .content,
.auth__page__six .btns>a,
.auth__page__seven .btns>a,
.auth__page__six .image,
.auth__page__six .left,
.auth__page__seven .image,
.auth__page__seven .left,
.auth__page__six,
.auth__page__seven,
.auth__page__five__two .content .image,
.auth__page__five__two .content .left,
.auth__page__five .content,
.auth__page__five::before,
.auth__page__five,
.auth__page__four .content .left .btns .auth__page__btn::before,
.auth__page__four .content .image img,
.auth__page__four .content .image,
.auth__page__four .content .left,
.auth__page__three .content form .hr .bg,
.auth__page__two .content form .code .inputs input,
.auth__page__one,
.auth__page__two,
.auth__page__three,
.auth__page,
.auth__page__wrapper,
.auth__modal__content,
.auth__fix__link,
.auth__tab__item,
.auth__page__form__control,
.auth__page__btn {
  width: 100%;
}

.woosw-popup.woosw-show .woosw-popup-inner .woosw-popup-content {
  border-radius: 25px;
}

.woosw-popup .woosw-items .woosw-item .woosw-item--remove {
  background: red;
  color: #fff;
  border-radius: 5px;
  padding: 22px 4px 22px 4px;
  margin: 0 !important;
  width: 27px !important;
  flex: unset;
}

.swiper.swiper-blog.position-relative.swiper-fade.swiper-initialized.swiper-horizontal.swiper-rtl.swiper-watch-progress.swiper-backface-hidden {
  margin-bottom: 30px;
}

.woocommerce form .form-row select,
.woocommerce-page form .form-row select {
  width: 100%;
  padding: 10px 7px;
  border: 1px solid #ccc;
  border-radius: 13px;
}

.detail-blog-info img {
  max-width: 500px !important;
  margin: 0 auto !important;
}

pre {
  direction: ltr;
  text-align: left;
}

.quantity {
  display: inline-block;
}

.single_add_to_cart_button.button.alt {
  padding: 15px 30px;
  display: inline-block;
}

.woocommerce button.button.alt.disabled {
  padding: 15px 30px;
  display: inline-block;
}

.woocommerce button.button.alt {
  border-radius: 130px;
}

.woocommerce-Price-amount.amount {
  font-size: 18px;
  line-height: 26px;
  font-weight: 900;
}

.variations {
  margin: 10px 0;
}

.price {
  margin: 10px 0;
}

.reset_variations {
  display: block;
  margin-bottom: 10px;
}

.modal-body .gallery .gallery-origin {
  width: 235px;
  height: auto;
  object-fit: contain;
}

.insingle_pr {
  box-shadow: none !important;
  background: unset !important;
}

.woocommerce div.product form.cart .reset_variations {
  font-size: 14px;
}

.woocommerce-variation-price {
  margin: 10px 0;
}

.modaladdto {
  display: block;
  background-color: #7f54b3;
  color: #fff;
  padding: 15px 30px;
  border-radius: 150px;
  width: 60%;
  margin: 10px 0;
  text-align: center;
}

.modaladdto:hover {
  display: block;
  background-color: #fff;
  border: 2px solid #7f54b3;
  color: #7f54b3;
  padding: 15px 30px;
  border-radius: 150px;
  width: 60%;
  margin: 10px 0;
  text-align: center;
}

.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
  float: left;
  padding: 20px 30px;
}

.detail-product .product:hover .product-image>a>img {
  -webkit-filter: unset !important;
  filter: unset !important;
}

#auth_add_to_cart {}

.mod-content {
  width: 250px;
  position: relative;
  top: 30%;
  margin-right: auto;
  margin-left: auto;
  display: block;
  background-color: #fff;
  -webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 50px rgba(0, 0, 0, 0.1);
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
  color: #000;
  font-size: 1.25em;
}

.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
  border: 0;
  line-height: 2em;
  vertical-align: top;
  display: inherit;
}

.swiper-button-next,
.swiper-button-prev {
  z-index: 2 !important;
}

.woosw-popup .woosw-items .woosw-item .woosw-item--atc p,
.woosw-popup .woosw-items .woosw-item .woosw-item--atc .add_to_cart_inline {
  border: none;
  padding: 0;
  margin: 0;
  visibility: hidden;
}

.kminus-button {
  position: relative;
  font-size: 20px;
  font-weight: 900;
  margin-left: -18px;
  margin-right: 5px;
  top: -2px;
  background: #2d365d5e;
  padding: 0 10px;
  border-radius: 0px 130px 130px 0px;
  z-index: 1;
}

.kplus-button {
  position: relative;
  font-size: 20px;
  font-weight: 900;
  margin-left: 5px;
  margin-right: -18px;
  top: -2px;
  background: #2d365d5e;
  padding: 0 10px;
  border-radius: 130px 0px 0px 130px;
  z-index: 1;
}

.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
  float: unset;
  width: unset;
  clear: none;
}

.detailfouradd .single_add_to_cart_button {
  border-radius: 5px !important;
  padding: 15px 10px !important;
}

.detailfouradd .quantity .input-text.qty.text {
  font-size: 20px;
  width: 41px;
  height: 40px;
  background-color: #fff !important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 0 12px;
  border: none;
  font-weight: 500;
  color: #2d365d;
  position: relative;
  top: -2px;
  z-index: 2;
}

.detailfouradd .kminus-button,
.detailfouradd .kplus-button {
  background-color: #fff !important;
  border-radius: 5px;
  padding: 7px 5px 8px 5px;
  font-weight: 100;
  font-size: 20px !important; 
}

.detail-product-four-note .mb-4 {
  margin-bottom: 0 !important;
}

.detail-product-four-note .title {
  font-weight: 700 !important;
}

.ersalrayimg {
  left: 0;
}

.qrcodesinglekaveh {
  border-radius: 20px;
  border: 1px solid #eee;
  box-shadow: 0 10px 50px rgba(0, 0, 0, 0.08);
}

.qrboxkaveh {
  padding: 10px 10px !important;
}

.butboxqr {
  background-color: #008efa;
  color: #fff;
  padding: 10px 10px;
  border-radius: 15px;
  margin-right: 15px;
  align-items: center;
  font-weight: 700;
  font-size: 14px;
  text-align: right;
}

.butboxqr:not(:last-child) {
  margin-bottom: 10px;
}

.butboxqr img {
  width: 60px;
  max-height: 50px;
  object-fit: contain;
  background-color: #096db9;
  margin-left: 10px;
  border-radius: 12px;
  display: inline-block;
  padding: 12px 5px;
}

.butboxqr span {
  display: block;
  font-weight: 300;
  font-size: 12px;
  text-align: right;
}

.kqrbox1 h4 {
  margin: 0 !important;
  font-size: 13px;
  text-align: center;
  font-weight: 700;
}

.kqrbox1 p {
  margin: 0 !important;
  font-size: 12px;
  text-align: center;
}

.kqrbox1 .gro {
  border-radius: 13px;
  padding: 6px 0px 0px 0px;
  background-color: #f7f7f7;
  margin-top: 4px;
  border: 1px solid #e1e1e1;
}

.butboxqr.d-flex.align-items-center.justify-content-between {
  min-width: 249px;
  -webkit-mask-image: radial-gradient(circle at 80px 10px, transparent 10px, red 10.5px);
  -webkit-mask-position: 0 -10px;
}

.butboxqr.qwe {
  -webkit-mask-image: radial-gradient(circle at 68% 6px, transparent 6px, red 6.5px), linear-gradient(transparent 25%, red 0, red 75%, transparent 0);
  -webkit-mask-size: 100%, 2px 8px;
  -webkit-mask-repeat: repeat, repeat-y;
  -webkit-mask-position: 0 -6px, 68%;
  -webkit-mask-composite: source-out;
  mask-composite: subtract;
  padding: 3px 10px;
  margin: 3px 0px;
  min-width: 163.5px;
}

.butboxin {
  mask-composite: subtract;
  padding: 3px 25px;
  margin: 10px 5px;
  min-width: auto;
  background-color: #d8e4ff;
  -webkit-mask-image: radial-gradient(circle at 9px 9px,transparent 9px,red 9.5px);
  -webkit-mask-position: -9px -9px;
}

.butboxin img {
  width: 60px;
  max-height: 45px;
  margin: 2px -10px 2px 0px;
  padding: 0;
}

.butboxin p {
  font-weight: bold !important;
  color: #4d69ff;
}

.butboxqr.qwe img {
  -webkit-mask-image: radial-gradient(circle at 4px, transparent 4px, red 4.5px);
  -webkit-mask-position: -4px;
  -webkit-mask-size: 100% 17px;
  width: 40px;
  max-height: 38px;
  margin: 5px -5px 5px 22px;
  padding: 8px 5px;
}

.butboxqr.qwe p {
  font-weight: 300;
  font-size: 12px;
}

.exists-product {
  position: relative;
}

.exists-product::before {
  content: "";
  top: 11px;
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #edf5e6;
  width: 45%;
  height: 15px;
  z-index: 1;
  position: absolute;
}

.exists-product span {
  z-index: 2;
}


.woocommerce div.product div.images.woocommerce-product-gallery {
  position: unset;
}




.detailfouradd .single_add_to_cart_button {
  padding: 15px 23px !important;
}

@media only screen and (max-width: 768px) {

  .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.added::after,
  .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.added::after,
  .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.added::after,
  .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.added::after,
  :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.added::after,
  :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.added::after,
  :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.added::after,
  :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.added::after {
      display: none !important;
  }
}

@media only screen and (max-width: 991px) {
  

  .detailfouradd .kminus-button,
  .detailfouradd .kplus-button {
      font-weight: 400;
      z-index: 5;
      padding: 7px 5px 4px 5px;
  }

  .detailfouradd .single_add_to_cart_button {
      padding: 15px 10px !important;
  }

  .detailfourprice .price {
      position: fixed;
      bottom: 20px;
      left: 4.5%;
      z-index: 15;
  }
  .detailfouradd .quantity {
      margin: -5px 0 0 10px !important;
      -webkit-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
      border-radius: 5px;
      padding: 1px 0;
  }

  .detailfourprice span.woocommerce-Price-amount.amount {
      font-weight: 500 !important;
      font-size: 16px !important;
  }
  .detailfouradd .quantity .input-text.qty.text{
      top: unset!important;
  }
  .det4simple form.cart {
      position: fixed;
      bottom: 20px;
      right: 4.5%;
      z-index: 15;
      font-size: 10px;
      margin-bottom: 0 !important;
  }

  .detailfouradd .woocommerce-variation-add-to-cart{
      position: fixed;
      bottom: 20px;
      right: 4.5%;
      z-index: 15;
      font-size: 10px;
      margin-bottom: 0 !important;
  }
  .detailfouradd button{
      font-size: 12px !important;
  }

  .switch_footer_kaveh {
      left: 0;
      bottom: 115px;
      font-size: 24px;
      background: #fff;
      padding: 6px 10px;
      box-shadow: 5px 2px 31px rgba(0, 0, 0, .17) !important;
      border-radius: 0 40px 40px 0;
      z-index: 9;
  }

  .d4prnone {
      transition: transform 0.5s ease-in-out;
      transform: translateY(220%);
  }

  .d4prshow {
      transition: transform 0.5s ease-in-out;
      transform: translateY(0%);
  }

  h1.title-detail-product.fw-semibold.fs-6 {
      font-size: 15px !important;
      margin-bottom: 0 !important;
      font-weight: 700 !important;
  }

  .butboxin {
      top: -15px;
  }

  .butboxin p {
      font-size: 12px;
  }

  .options-box li span {
      font-size: 11px;
  }

  .options-box li i {
      font-size: 32px;
  }

}

.pbipan{
  padding: 25px !important;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.added::after,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.added::after,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.added::after,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.added::after,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.added::after,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.added::after,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.added::after,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.added::after {
  font-family: WooCommerce;
  content: "\e017";
  margin-right: .53em;
  vertical-align: bottom;
  position: absolute;
  left: 5px;
}

i.icon.icon-close.fs-5 {
  background: #eee;
  padding: 3px 3px;
  border-radius: 5px;
}

@media only screen and (min-width: 768px) {
  .modal-info-product .modal-dialog {
      --bs-modal-width: 660px;
  }
}

.plainfo p {
  margin-bottom: 0 !important;
}

.gall4 .swiper-pagination-bullet {

  border-radius: 10px;
  height: 5px;
}

.swiper-pagination.gall4 {
  bottom: -20px;
}

.gall4 .swiper-pagination-bullet-active {
  background: #ee273a;
  width: 25px;
  border-radius: 10px;
  height: 5px;
}

.item.bg-white.kvideo {
  font-size: 25px;
  line-height: 42px;
}
li.d-flex.align-items-center.justify-content-center.rounded-pill.active {
  border-radius: 10px !important;
  padding: 6px 25px !important;
}

.socialsharek i {
  font-size: 16px;
  background: #ededed;
  padding: 8px;
  border-radius: 150px;
  color: #212341;
}

.modalkshare {
  border-radius: 20px !important;
}

.inmob .woosc-btn.woosc-btn-has-icon.woosc-btn-icon-text {
  background-color: transparent !important;
  color: #fff;
  position: static;
  margin: 0 !important;
  visibility: visible;
  font-size: 13px;
}

.inmob .woosc-btn-icon-text .woosc-btn-text {
  display: none;
}

.detail-product-four-modal-gallery-origin {
  position: relative;
}

.detail-product-four-modal-gallery-origin iframe {
  border-radius: 15px;
  top: 70px !important;
  position: absolute;
}

.detail-product-four-modal-gallery-origin video {
  border-radius: 15px;
  top: 70px !important;
  position: absolute;
}

.kavehcartbutton {
  padding: 15px 30px !important;
  border-radius: 150px !important;
}

.iabs {
  position: absolute;
  right: 12px;
  top: 21.5px;
  font-size: 14px;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
  padding: 0 15px;
  border-radius: 15px;
  border: 1px solid #dfe1e8;
  font-size: 14px;
  font-weight: 700;
  height: 50px;
  background-color: #fff;
  text-align: right;
}

.woocommerce form .form-row label {
  color: #898989;
}

form.checkout_coupon.woocommerce-form-coupon {
  border: none;
  box-shadow: 0 4px 30px #edf0f5;
  border-radius: 25px;
  background-color: #fff;
}

.cokbut {
  color: #fff !important;
  padding: 17px 0 !important;
  border-radius: 12px !important;
  margin: 0 !important;
  position: static !important;
}

input[type="text"],
input[type="tel"],
input[type="email"] {
  padding: 0 15px;
  border-radius: 15px;
  border: 1px solid #dfe1e8;
  font-size: 14px;
  font-weight: 700;
  height: 50px;
  background-color: #fff;
}

textarea {
  padding: 0 15px;
  border-radius: 15px;
  border: 1px solid #dfe1e8;
  font-size: 14px;
  font-weight: 700;
  background-color: #fff;
}

input[type="submit"],
input[type="button"] {
  font-size: 15px;
  font-weight: 700;
  border-radius: 15px;
  padding: 10px 15px;
  border: none;
  min-width: 25%;
  text-align: center;
}

img.alignright {
  float: right;
  margin: 0 0 1em 1em
}

img.alignleft {
  float: left;
  margin: 0 1em 1em 0
}

img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto
}

a img.alignright {
  float: right;
  margin: 0 0 1em 1em
}

a img.alignleft {
  float: left;
  margin: 0 1em 1em 0
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto
}



.detail-product-four-modal-gallery .modal-dialog {
  --bs-modal-width: 1057px;
  --bs-modal-border-radius: 40px;
  --bs-modal-padding: 74px 71px 46px 48px;
  margin-bottom: 74px;
}

.detail-product-four-modal-gallery .modal-close {
  top: 24px;
  left: 24px;
}

.detail-product-four-modal-gallery .modal-content {
  min-height: 680px;
}

.detail-product-four-modal-gallery .modal-content::before {
  content: "";
  position: absolute;
  bottom: 20px;
  left: 50%;
  -webkit-transform: translate(-50%, 42px);
  -moz-transform: translate(-50%, 42px);
  -ms-transform: translate(-50%, 42px);
  -o-transform: translate(-50%, 42px);
  transform: translate(-50%, 42px);
  background-color: rgba(255, 255, 255, 0.2);
  border: none;
  -webkit-backdrop-filter: blur(75px);
  backdrop-filter: blur(75px);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  z-index: -1;
  width: 373px;
  height: 98px;
}

.detail-product-four-modal-gallery .modal-content::after {
  content: "";
  position: absolute;
  top: 95%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: -2;
  background-color: #5c0089;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  width: 210px;
  height: 68px;
}

.detail-product-four-modal-gallery-origin {
  margin-left: 19px;
}

.detail-product-four-modal-gallery-origin .swiper {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.detail-product-four-modal-gallery-origin .swiper-button-next,
.detail-product-four-modal-gallery-origin .swiper-button-prev {
  background-image: -webkit-linear-gradient(179.96deg, rgba(255, 255, 255, 0) -43.11%, #fff 59.43%);
  background-image: -moz-linear-gradient(179.96deg, rgba(255, 255, 255, 0) -43.11%, #fff 59.43%);
  background-image: -o-linear-gradient(179.96deg, rgba(255, 255, 255, 0) -43.11%, #fff 59.43%);
  background-image: linear-gradient(270.04deg, rgba(255, 255, 255, 0) -43.11%, #fff 59.43%);
  width: 44px;
  height: 35px;
  border: 1px solid #fff;
}

.detail-product-four-modal-gallery-origin .swiper-button-next::after,
.detail-product-four-modal-gallery-origin .swiper-button-prev::after {
  font-size: 14px;
  color: #89939f;
  font-weight: 700;
}

.detail-product-four-modal-gallery-origin .swiper-button-next {
  -webkit-transform: translateX(-19px);
  -moz-transform: translateX(-19px);
  -ms-transform: translateX(-19px);
  -o-transform: translateX(-19px);
  transform: translateX(-19px);
}

.detail-product-four-modal-gallery-origin .swiper-button-prev {
  -webkit-transform: translateX(19px);
  -moz-transform: translateX(19px);
  -ms-transform: translateX(19px);
  -o-transform: translateX(19px);
  transform: translateX(19px);
}

.detail-product-four-modal-gallery-images,
.detail-product-four-modal-gallery-images-users {
  gap: 12px 22px;
}

.detail-product-four-modal-gallery-images img,
.detail-product-four-modal-gallery-images-users img {
  -webkit-filter: drop-shadow(0px 34px 24px rgba(0, 0, 0, 0.03));
  filter: drop-shadow(0px 34px 24px rgba(0, 0, 0, 0.03));
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  width: 71px;
  height: 71px;
  cursor: pointer;
}

.detail-product-four-modal-gallery .images-users {
  margin-top: 28px;
}

.detail-product-four-modal-gallery .images-users-title {
  color: #7d7d7d;
  font-size: 13px;
  line-height: 36px;
}

.detail-product-four-modal-gallery .images-users-title span {
  font-weight: 900;
  font-size: 15px;
  color: #000;
}

.detail-product-four-modal-gallery .images-users-link {
  font-size: 10px;
  color: #121212;
  line-height: 36px;
}

.detail-product-four-modal-gallery .images-users-link i {
  margin-right: 6px;
  font-size: 14px;
}

.detail-product-four-modal-gallery .images-users-items {
  margin-top: 18px;
  padding: 12px 21px 11px 24px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: url("./../../images/detail-product/bg-02.png") 0 0 no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.detail-product-four-modal-gallery .images-users-items .item {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  cursor: pointer;
}

.detail-product-four-modal-gallery .images-users-items .item img {
  -webkit-filter: drop-shadow(0px 34px 24px rgba(0, 0, 0, 0.03));
  filter: drop-shadow(0px 34px 24px rgba(0, 0, 0, 0.03));
}

.detail-product-four-modal-gallery .images-users-items .item:nth-child(6)::before,
.detail-product-four-modal-gallery .images-users-items .item:nth-child(6)::after {
  position: absolute;
}

.detail-product-four-modal-gallery .images-users-items .item:nth-child(6)::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.46);
  -webkit-filter: blur(2px);
  filter: blur(2px);
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  border-radius: 11px;
  z-index: 2;
}

.detail-product-four-modal-gallery .images-users-items .item:nth-child(6)::after {
  content: "\e951";
  font-family: "icomoon";
  font-size: 14px;
  color: #121212;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 3;
}

.detail-product-four-modal-gallery .nav {
  margin-top: 55px;
}

.detail-product-four-modal-gallery .nav li {
  padding: 15px 21px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  color: #000;
  cursor: pointer;
}

.detail-product-four-modal-gallery .nav li i {
  font-size: 16px;
  margin-left: 6px;
}

.detail-product-four-modal-gallery .nav li.active {
  background-color: #121212;
  color: #fff;
}