/*
Theme Name: FoodMart
Theme URI: https://templatesjungle.com/
Author: TemplatesJungle
Author URI: https://templatesjungle.com/
Description: FoodMart is specially designed product packaged for eCommerce store websites.
Version: 1.1
*/

/*--------------------------------------------------------------
This is main CSS file that contains custom style rules used in this template
--------------------------------------------------------------*/

/*------------------------------------*\
    Table of contents
\*------------------------------------*/

/*------------------------------------------------

CSS STRUCTURE:

1. VARIABLES

2. GENERAL TYPOGRAPHY
  2.1 General Styles
  2.2 Floating & Alignment
  2.3 Forms
  2.4 Lists
  2.5 Code
  2.6 Tables
  2.7 Spacing
  2.8 Utilities
  2.9 Misc
    - Row Border
    - Zoom Effect
  2.10 Buttons
    - Button Sizes
    - Button Shapes
    - Button Color Scheme
    - Button Aligns
  2.11 Section
    - Hero Section
    - Section Title
    - Section Paddings
    - Section Margins
    - Section Bg Colors
    - Content Colors
    - Content Borders

3. EXTENDED TYPOGRAPHY
  3.1 Blockquote / Pullquote
  3.2 Text Highlights

4. CONTENT ELEMENTS
  4.1 Tabs
  4.2 Accordions
  4.3 Brand Carousel
  4.4 Category Carousel

5. BLOG STYLES
  5.1 Blog Single Post
  5.2 About Author
  5.3 Comments List
  5.4 Comments Form3

6. SITE STRUCTURE
  6.1 Header
    - Header Menu
    - Nav Sidebar
  6.2 Billboard
  6.3 About Us Section
  6.4 Video Section
  6.5 Selling Products Section
  6.6 Quotation Section
  6.7 Latest Blogs Section
  6.8 Newsletter Section
  6.9 Instagram Section
  6.10 Footer
    - Footer Top
    - Footer Bottom

7. OTHER PAGES
  7.1 Product detail
  7.2 Shop page

    
/*--------------------------------------------------------------
/** 1. VARIABLES
--------------------------------------------------------------*/
:root {
    /* widths for rows and containers
     */
    --header-height       : 160px;
    --header-height-min   : 80px;
}
/* on mobile devices below 600px
 */
@media screen and (max-width: 600px) {
    :root {
        --header-height : 100px;
        --header-height-min   : 80px;
    }
}
/* Theme Colors */
:root {
    --accent-color       : #FFC43F;
    --dark-color         : #222222;
    --light-dark-color   : #727272;
    --light-color        : #fff;
    --grey-color         : #dbdbdb;
    --light-grey-color   : #fafafa;
    --primary-color      : #6995B1;
    --light-primary-color   : #eef1f3;
}

/* Fonts */
:root {
    --body-font           : "Open Sans", sans-serif;
    --heading-font        : "Nunito", sans-serif;
}

body {
  --bs-link-color: #333;
  --bs-link-hover-color:#333;

  --bs-link-color-rgb: 40,40,40;
  --bs-link-hover-color-rgb: 0,0,0;

  /* --bs-link-color: #FFC43F;
  --bs-link-hover-color: #FFC43F; */

  --bs-light-rgb: 248, 248, 248;

  --bs-font-sans-serif: "Open Sans", sans-serif;
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 2;
  --bs-body-color: #747474;

  --bs-primary: #FFC43F;
  --bs-primary-rgb: 255, 196, 63;

  --bs-success: #a3be4c;
  --bs-success-rgb: 163, 190, 76;
  
  --bs-primary-bg-subtle: #FFF9EB;
  --bs-success-bg-subtle: #eef5e5;
  
  --bs-border-color: #F7F7F7;

  --bs-secondary-rgb: 230, 243, 251;
  /* --bs-success-rgb: 238, 245, 228; */
  --bs-danger-rgb: 249, 235, 231;
  --bs-warning-rgb: 255, 249, 235;
  --bs-info-rgb: 230, 243, 250;
}
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #ffc43f;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #f7a422;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #ffc43f;
  --bs-btn-active-border-color: transparent;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #d3d7dd;
  --bs-btn-disabled-border-color: transparent;
}
.btn-outline-primary {
  --bs-btn-color: #ffc43f;
  --bs-btn-border-color: #ffc43f;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #ffc107;
  --bs-btn-hover-border-color: #ffc107;
  --bs-btn-focus-shadow-rgb: 13,110,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #ffc107;
  --bs-btn-active-border-color: #ffc107;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff3cd;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #fff3cd;
  --bs-gradient: none;
}
.btn-outline-light {
  --bs-btn-color: #747474;
  --bs-btn-border-color: #EFEFEF;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #EFEFEF;
  --bs-btn-hover-border-color: #EFEFEF;
  --bs-btn-focus-shadow-rgb: 248,249,250;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #EFEFEF;
  --bs-btn-active-border-color: #EFEFEF;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #EFEFEF;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #EFEFEF;
  --bs-gradient: none;
}
.btn-warning {
  --bs-btn-color: #747474;
  --bs-btn-bg: #FCF7EB;
  --bs-btn-border-color: #FCF7EB;
  --bs-btn-hover-color: #747474;
  --bs-btn-hover-bg: #FFECBE;
  --bs-btn-hover-border-color: #FFECBE;
  --bs-btn-focus-shadow-rgb: 217,164,6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #FFECBE;
  --bs-btn-active-border-color: #FFECBE;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #FCF7EB;
  --bs-btn-disabled-border-color: #FCF7EB;
}
.btn-success {
  --bs-btn-color: #222;
  --bs-btn-bg: #EEF5E4;
  --bs-btn-border-color: #EEF5E4;
  --bs-btn-hover-color: #222;
  --bs-btn-hover-bg: #9de3c2;
  --bs-btn-hover-border-color: #9de3c2;
  --bs-btn-focus-shadow-rgb: 60,153,110;
  --bs-btn-active-color: #222;
  --bs-btn-active-bg: #9de3c2;
  --bs-btn-active-border-color: #9de3c2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #222;
  --bs-btn-disabled-bg: #EEF5E4;
  --bs-btn-disabled-border-color: #EEF5E4;
}
.btn-danger {
  --bs-btn-color: #222;
  --bs-btn-bg: #FFEADA;
  --bs-btn-border-color: #FFEADA;
  --bs-btn-hover-color: #222;
  --bs-btn-hover-bg: #ecc9af;
  --bs-btn-hover-border-color: #ecc9af;
  --bs-btn-focus-shadow-rgb: 60,153,110;
  --bs-btn-active-color: #222;
  --bs-btn-active-bg: #ecc9af;
  --bs-btn-active-border-color: #ecc9af;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #222;
  --bs-btn-disabled-bg: #FFEADA;
  --bs-btn-disabled-border-color: #FFEADA;
}
body {
  letter-spacing: 0.03em;
}
h1,h2,h3,h4,h5,h6 {
  font-family: var(--heading-font);
  color: var(--dark-color);
  font-weight: 700;
}
.display-1,
.display-2,
.display-3,
.display-4,
.display-5,
.display-6 {
  font-weight: 700;
}
.breadcrumb.text-white {
  --bs-breadcrumb-divider-color: #fff;
  --bs-breadcrumb-item-active-color: var(--bs-primary);
}
.dropdown-menu {
  --bs-dropdown-link-active-bg: var(--bs-primary);
}
.nav-pills .nav-link {
  --bs-nav-pills-link-active-color: #111;
  --bs-nav-pills-link-active-bg: #f1f1f1;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  --bs-gutter-x: 3rem;
}
/*----------------------------------------------*/
/* 6. SITE STRUCTURE */
/*----------------------------------------------*/
/* 6.1 Header
--------------------------------------------------------------*/
/* Preloader */
.preloader-wrapper {
  width: 100%;
  height: 100vh;
  margin: 0 auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 111;
  background: #fff;
}

.preloader-wrapper .preloader {
  margin: 20% auto 0;
  transform: translateZ(0);
}

.preloader:before,
.preloader:after {
  content: '';
  position: absolute;
  top: 0;
}

.preloader:before,
.preloader:after,
.preloader {
  border-radius: 50%;
  width: 2em;
  height: 2em;
  animation: animation 1.2s infinite ease-in-out;
}

.preloader {
  animation-delay: -0.16s;
}

.preloader:before {
  left: -3.5em;
  animation-delay: -0.32s;
}

.preloader:after {
  left: 3.5em;
}

@keyframes animation {
  0%,
  80%,
  100% {
    box-shadow: 0 2em 0 -1em var(--accent-color);
  }
  40% {
    box-shadow: 0 2em 0 0 var(--accent-color);
  }
}

/* *** Start editing below this line *** */
.container-fluid {
  max-width: 1600px;
}
.banner-blocks {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-gap: 2rem;
}
.block-1 { grid-area: 1 / 1 / 3 / 8; }
.block-2 { grid-area: 1 / 8 / 2 / 13; }
.block-3 { grid-area: 2 / 8 / 3 / 13; }

@media screen and (max-width:1140px) {
  .banner-blocks {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, 1fr);
  }
  .block-1 { grid-area: 1 / 1 / 3 / 2; }
  .block-2 { grid-area: 3 / 1 / 4 / 2; }
  .block-3 { grid-area: 4 / 1 / 5 / 2; }
  
}

/* banner ad */
.banner-ad {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
}
.banner-ad.blue {
  background: #e6f3fb;
}
.banner-ad .swiper-pagination {
  bottom: 40px;
  left: 0;
  right: 0;
}
.banner-ad .swiper-pagination .swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  margin: 4px;
  background: #FFF;
  opacity: 1;
  transition: background 0.3s ease-out;
}
.banner-ad .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
  background: #FFC43F;
}
.banner-ad .swiper-slide {
  min-height: 630px;
  display: flex;
}
/* .banner-ad .banner-content {
  padding: 52px;
}
.banner-ad.large .banner-content {
  padding: 90px;
} */
.banner-ad .banner-content .categories {
  font-family: 'Garamond';
  font-size: 37px;
  text-transform: capitalize;
  color: var(--dark-color);
}
.banner-ad .banner-content .sale {
  position: relative;
  display: inline-block;
}
.banner-ad .banner-content .sale:before {
  content: '';
  width: 80px;
  border-bottom: 1px solid #111;
  position: absolute;
  bottom: 6px;
}
.banner-ad .banner-content .sale:after {
  content: 'SALE';
  font-family: var(--body-font);
  position: absolute;
  font-size: 11px;
  line-height: 15px;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: #252525;
  bottom: 0;
  right: 0;
}
.banner-ad .banner-content .banner-title {
  letter-spacing: 0.02em;
  font-size: 33px;
}
.banner-ad.large .banner-content .categories {
  color: var(--accent-color);
}
.banner-ad.large .banner-content .banner-title {
  font-size: 54px;
}

/* Swiper carousel */
.swiper-prev,
.swiper-next {
  width: 38px;
  height: 38px;
  line-height: 38px;
  background: #F1F1F1;
  color: #222222;
  padding: 0;
  text-align: center;
  border-radius: 10px;
  --bs-btn-border-color: transparent;
  --bs-btn-active-bg: #ec9b22;
  --bs-btn-active-border-color: transparent;
  --bs-btn-hover-bg: #FFC43F;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-disabled-color: #ccc;
  --bs-btn-disabled-bg: #eaeaea;
  --bs-btn-disabled-border-color: #eaeaea
}
.swiper-prev:hover,
.swiper-next:hover {
  background: #FFC43F;
}
.btn-link {
  margin-right: 30px;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  text-align: right;
  text-transform: capitalize;
  color: #787878;
}
/* category carousel */
.category-carousel .category-item {
  background: #FFFFFF;
  border: 1px solid #FBFBFB;
  box-shadow: 0px 5px 22px rgba(0, 0, 0, 0.04);
  border-radius: 16px;
  text-align: center;
  padding: 60px 20px;
  margin: 20px 0;
  transition: box-shadow 0.3s ease-out, transform 0.3s ease-out;
}
.category-carousel .category-item:hover {
  transform: translate3d(0,-10px,0);
  box-shadow: 0px 21px 44px rgba(0, 0, 0, 0.08);
}
.category-carousel .category-item .category-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 27px;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  color: #222222;
  margin-top: 20px;
}

/* brand carousel */
.brand-carousel .brand-item {
  background: #FFFFFF;
  border: 1px solid #FBFBFB;
  box-shadow: 0px 5px 22px rgba(0, 0, 0, 0.04);
  border-radius: 16px;
  padding: 16px;
}
.brand-carousel .brand-item img {
  width: 100%;
  border-radius: 12px;
}
.brand-carousel .brand-item .brand-details {
  margin-left: 15px;
}
.brand-carousel .brand-item .brand-title {
  margin: 0;
}

/* product tabs */
.product-tabs .nav-tabs {
  justify-content: flex-end;
  border: none;
  
  --bs-nav-link-hover-color: #111;
  --bs-nav-link-color: #555;
  --bs-nav-tabs-link-border-color: #fff;
  --bs-nav-tabs-link-hover-border-color: transparent;
  --bs-nav-tabs-link-active-border-color: #fff;
}
.product-tabs .nav-tabs .nav-link.active, 
.product-tabs .nav-tabs .nav-item.show .nav-link {
  /* border: none; */
  border-bottom: 3px solid var(--accent-color);
}

/* product-grid */
/* .product-grid {
  gap: 25px;
} */
.product-item {
  position: relative;
  padding: 16px;
  background: #FFFFFF;
  border: 1px solid #FBFBFB;
  box-shadow: 0px 5px 22px rgba(0, 0, 0, 0.04);
  border-radius: 16px;
  margin-bottom: 30px;
  transition: box-shadow 0.3s ease-out;
}
.product-item:hover {
  box-shadow: 0px 21px 44px rgba(0, 0, 0, 0.08);
}
.product-item h3 {
  display: block;
  width: 100%;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  text-transform: capitalize;
  color: #333333;
  margin: 0;
}
.product-item figure {
  background: #F9F9F9;
  border-radius: 12px;
  text-align: center;
}
.product-item figure img {
  max-height: 210px;
  height: auto;
}
.product-item .btn-wishlist {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid #d8d8d8;
  transition: all 0.3s ease-out;
}
.product-item .btn-wishlist:hover {
  background: rgb(240, 56, 56);
  color: #fff;
}
.product-item .qty {
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #9D9D9D;
}
.product-item .rating {
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  text-transform: capitalize;
  color: #222222;
}
.product-item .rating iconify-icon {
  color: #FFC43F;
}
.product-item .price {
  display: block;
  width: 100%;
  font-weight: 600;
  font-size: 22px;
  line-height: 30px;
  text-transform: capitalize;
  color: #222222;
}
.product-item .product-qty {
  width: 85px;
}
.product-item .btn-link {
  text-decoration: none;
}
.product-item #quantity {
  height: auto;
  width: 28px;
  text-align: center;
  border: none;
  margin: 0;
  padding: 0;
}
.product-item .btn-number {
  width: 26px;
  height: 26px;
  line-height: 1;
  text-align: center;
  background: #FFFFFF;
  border: 1px solid #E2E2E2;
  border-radius: 6px;
  color: #222;
  padding: 0;
}

/* cart */
.cart .product-qty {
  min-width: 130px;
}

/* floating image */
.image-float {
  margin-top: -140px;
  margin-bottom: -140px;
}
@media screen and (max-width:991px) {
  .image-float {
    margin: 0;
  }
}
 /* post item */
.post-item .post-meta {
  font-size: 0.8rem;
  line-height: 1;
}
.post-item .post-meta svg {
  margin-right: 5px;
}

@media screen and (max-width: 991px) {
  /* offcanvas menu */
  .offcanvas-body .nav-item {
    font-weight: 700;
    border-bottom: 1px solid #d1d1d1;
  }
  .offcanvas-body .filter-categories {
    width: 100%;
    margin-bottom: 20px !important;
    border: 1px solid #d1d1d1 !important;
    padding: 14px;
    border-radius: 8px;
  }
  /* dropdown-menu */
  .dropdown-menu {
    padding: 0;
    border: none;
    line-height: 1.4;
    font-size: 0.9em;
  }
  .dropdown-menu a {
    padding-left: 0;
  }
  .dropdown-toggle::after {
    position: absolute;
    right: 0;
    top: 21px;
  }
}

/* single product */
/* product-thumbnail-slider */
.product-thumbnail-slider {
  height: 740px;
}
@media screen and (max-width:992px) {
  .product-thumbnail-slider {
    margin-top: 20px;
    height: auto;
  }
}
@media screen and (min-width:992px) {
  .product-thumbnail-slider {
    height: 520px;
  }
}
@media screen and (min-width:1200px) {
  .product-thumbnail-slider {
    height: 740px;
  }
}



body{background:#eee}.ratings i{font-size: 16px;color: red}.strike-text{color: red;text-decoration: line-through}.product-image{width: 100%}.dot{height: 7px;width: 7px;margin-left: 6px;margin-right: 6px;margin-top: 3px;background-color: blue;border-radius: 50%;display: inline-block}.spec-1{color: #938787;font-size: 15px}h5{font-weight: 400}.para{font-size: 16px}

.wsus__stock_area {
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 600;
  margin-top: 5px;
}

.wsus__stock_area .in_stock {
  background: #ff9f00;
  color: #fff;
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 2px;
  margin-right: 5px;
}

.wsus__stock_area .out_stock {
  background: #ff0000;
  color: #fff;
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 2px;
  margin-right: 5px;
}

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  color: orange;
}

a:active {
  text-decoration: underline;
}

@media(max-width:768px){
  .product-image{
    grid-template-columns:repeat(2,1fr);
  }
  .footer-menu{
    width: 400px !important;
  }
}

.product-image {
  max-height: 400px;
  object-fit: cover;
}
.thumbnail {
  width: 80px;
  height: 80px;
  object-fit: cover;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.3s ease;
}
.thumbnail:hover, .thumbnail.active {
  opacity: 1;
}

/* #mainImage{
  position: relative;
  display: inline-block;
}
.wsus__pro_det_video {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
  width: 30px !important;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #08C;
  color: #fff;
  border-radius: 50%;
  font-size: 10px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s ease;
  -moz-transition: all linear 0.3s ease;
  -ms-transition: all linear 0.3s ease;
  -o-transition: all linear 0.3s ease;
} */

.image-container {
  position: relative;
  display: inline-block;
}

.product-image {
  width: 100%;
  height: auto;
  border-radius: 8px;
  
}

.play-icon {
  position: absolute;
  top: 2px;
  right:140px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  padding: 8px;
  border-radius: 50%;
  z-index: 10;
  text-decoration: none;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease;
}

.play-icon:hover {
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
}

.wsus__pro_det_video:hover {
  background: #2a9df5cb;
  color: #fff;
  
}

.btn-group .btn {
  margin: 5px;
  transition: all 0.2s ease;
}

.btn-group .btn:hover {
  background-color: #28a745;
  color: #fff;
  border-color: #28a745;
  
}

/*======================
CART VIEW PAGE START
========================*/
#wsus__cart_view {
  padding-top: 65px;
}

.wsus__cart_list {
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
  /* border: 1px solid #eee; */
  box-shadow: rgb(50 50 93 / 15%) 0px 0px 5px 0px;
}

.wsus__cart_list table tbody tr {
  border-top: 1px solid #ddd;
  padding: 10px 0px;
}

.wsus__cart_list table tbody tr:first-child {
  border-top: 0;
  padding: 0;
}

.wsus__cart_list table tbody tr td {
  display: flex;
  justify-content: center;
  padding: 0px;
  border: 0;
  overflow: hidden;
  align-items: center;
}

.wsus__cart_list .wsus__pro_img {
  width: 142px;
}

.wsus__cart_list .wsus__pro_name {
  width: 283px;
}

.wsus__cart_list td.wsus__pro_name {
  flex-direction: column;
}

.wsus__cart_list .wsus__pro_status {
  width: 170px;
}

.wsus__pro_status p {
  text-transform: capitalize;
  color: #08C !important;
}

.wsus__pro_status span {
  text-transform: capitalize;
  color: #dc3545 !important;
  display: inline-block;
}

.wsus__cart_list .wsus__pro_select {
  width: 150px;
}

.wsus__cart_list .wsus__pro_tk {
  width: 286px !important;
}

.wsus__cart_list .wsus__pro_tk h6 {
  color: #353535;
  font-size: 16px;
  font-weight: 600;
}

.wsus__cart_list .wsus__pro_tk h6 del {
  color: #888;
  margin-right: 15px;
}

.wsus__cart_list .wsus__pro_icon {
  width: 200px !important;
  border-right: none !important;
}

.wsus__pro_icon .common_btn {
  font-size: 12px;
  text-transform: capitalize;
  
  padding: 7px 10px 5px 10px;
  font-weight: 400;
}

.wsus__pro_icon .common_btn:hover {
  color: #fff;
}

.wsus__pro_icon a {
  color: #0b2c3d;
  font-size: 20px;
  transition: all linear 0.3s;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.wsus__pro_icon:hover a {
  color: #ed1b35;
}

.wsus__cart_list table tr th {
  background: #def0ff;
  border: none;
  color: #353535;
  text-align: center;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 500;
  padding: 15px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wsus__cart_list table tbody tr td p {
  font-family: "Roboto", sans-serif;
  color: #0b2c3d;
  text-transform: capitalize;
  font-size: 15px;
  text-align: center;
}

.wsus__pro_name span {
  text-transform: capitalize;
  color: #0b2c3d;
  font-size: 14px;
}

.cart_summery {
  padding: 0 !important;
  border: 1px solid #ddd !important;
  margin-top: 0 !important;
}

.cart_summery_text {
  padding: 10px;
}

.cart_summery h5 {
  background: #def0ff;
  text-align: center;
  padding: 15px 0px 15px 0px !important;
  border-bottom: 1px solid #ddd !important;
}

.cart_summery .wsus__sub_total {
  font-weight: 400 !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.cart_summery .common_btn {
  width: 100%;
  text-align: center;
  border-radius: 0;
}

.cart_summery .wsus_total_area {
  margin: 20px 0px 7px 0px;
  border-top: 1px solid #ddd;
  padding-top: 18px;
}

.cart_summery .wsus_total_area .wsus__sub_total {
  font-weight: 600 !important;
}

.cart_summery .wsus_total_area .wsus__sub_total span {
  font-weight: 600 !important;
}

.cart_summery .form-check label {
  display: flex;
  justify-content: space-between;
}

.cart_summery .form-check label span {
  color: #0b2c3d;
}

.cart_page_rel_product {
  margin-top: 67px !important;
}

.wsus__cart_list_footer {
  border-radius: 5px;
  background: #def0ff;
}

.wsus__cart_list_footer_top {
  display: flex;
  align-items: stretch;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}

.wsus__cart_list_footer_button form {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}

.wsus__cart_list_footer_button input {
  width: 100%;
  padding: 10px 20px;
  font-size: 15px;
  font-weight: 400;
  border-radius: 30px;
  resize: none;
  border: 1px solid#08C;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
}

.wsus__cart_list_footer_button button {
  text-transform: capitalize;
  font-size: 14px;
  margin-left: 10px;
}

.wsus__cart_list_footer_button .common_btn i {
  margin-right: 5px;
}

.wsus__cart_list_footer_button {
  background: #fff;
  border-radius: 5px;
  padding: 20px;
  box-shadow: rgb(50 50 93 / 15%) 0px 0px 5px 0px;
}

.wsus__cart_list_footer_button h6 {
  border-bottom: 2px solid #fff;
  text-transform: capitalize;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.wsus__cart_list_footer_button p {
  text-transform: capitalize;
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
  color: #353535;
  font-size: 15px;
}

.wsus__cart_list_footer_button p span {
  color: #353535;
  font-size: 15px;
}

.wsus__cart_list_footer_button .total {
  border-top: 2px solid #fff;
  padding-top: 15px;
  color: #353535;
}

.wsus__cart_list_footer_button .total span {
  font-weight: 600;
}

.cart_empty p {
  text-transform: capitalize;
  font-size: 25px;
  color: #353535;
}

/*======================
CART VIEW PAGE END
========================*/
.wsus__selectbox {
  display: flex;
  margin: 20px 0px;
  align-items: center;
  flex-wrap: wrap;
}
.wsus__selectbox h5 {
  text-transform: capitalize;
  font-weight: 400;
  width: 90px;
  font-size: 16px;
}
.wsus__selectbox {
  display: block;
}


/*======================
CART VIEW PAGE START
========================*/
#wsus__cart_view {
  padding-top: 65px;
}

.wsus__cart_list {
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
  /* border: 1px solid #eee; */
  box-shadow: rgb(50 50 93 / 15%) 0px 0px 5px 0px;
}

.wsus__cart_list table tbody tr {
  border-top: 1px solid #ddd;
  padding: 10px 0px;
}

.wsus__cart_list table tbody tr:first-child {
  border-top: 0;
  padding: 0;
}

.wsus__cart_list table tbody tr td {
  display: flex;
  justify-content: center;
  padding: 0px;
  border: 0;
  overflow: hidden;
  align-items: center;
}

.wsus__cart_list .wsus__pro_img {
  width: 140px;
}

.wsus__cart_list .wsus__pro_name {
  width: 250px;
}

.wsus__cart_list td.wsus__pro_name {
  flex-direction: column;
}

.wsus__cart_list .wsus__pro_status {
  width: 170px;
}

.wsus__pro_status p {
  text-transform: capitalize;
  color: #08C !important;
}

.wsus__pro_status span {
  text-transform: capitalize;
  color: #dc3545 !important;
  display: inline-block;
}

.wsus__cart_list .wsus__pro_select {
  width: 150px;
}

.wsus__cart_list .wsus__pro_tk {
  width: 135px;
}

.wsus__cart_list .wsus__pro_tk h6 {
  color: #353535;
  font-size: 16px;
  font-weight: 600;
}

.wsus__cart_list .wsus__pro_tk h6 del {
  color: #888;
  margin-right: 15px;
}

.wsus__cart_list .wsus__pro_icon {
  width: 121px;
  border-right: none !important;
}

.wsus__pro_icon .common_btn {
  font-size: 12px;
  text-transform: capitalize;
  color: #fff !important;
  padding: 7px 10px 5px 10px;
  font-weight: 400;
}

.wsus__pro_icon .common_btn:hover {
  color: #fff;
}

.wsus__pro_icon a {
  color: #0b2c3d;
  font-size: 20px;
  transition: all linear 0.3s;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.wsus__pro_icon:hover a {
  color: #ed1b35;
}

.wsus__cart_list table tr th {
  background: #def0ff;
  border: none;
  color: #353535;
  text-align: center;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 500;
  padding: 15px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wsus__cart_list table tbody tr td p {
  font-family: "Roboto", sans-serif;
  color: #0b2c3d;
  text-transform: capitalize;
  font-size: 15px;
  text-align: center;
}

.wsus__pro_name span {
  text-transform: capitalize;
  color: #0b2c3d;
  font-size: 14px;
}

.cart_summery {
  padding: 0 !important;
  border: 1px solid #ddd !important;
  margin-top: 0 !important;
}

.cart_summery_text {
  padding: 10px;
}

.cart_summery h5 {
  background: #def0ff;
  text-align: center;
  padding: 15px 0px 15px 0px !important;
  border-bottom: 1px solid #ddd !important;
}

.cart_summery .wsus__sub_total {
  font-weight: 400 !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.cart_summery .common_btn {
  width: 100%;
  text-align: center;
  border-radius: 0;
}

.cart_summery .wsus_total_area {
  margin: 20px 0px 7px 0px;
  border-top: 1px solid #ddd;
  padding-top: 18px;
}

.cart_summery .wsus_total_area .wsus__sub_total {
  font-weight: 600 !important;
}

.cart_summery .wsus_total_area .wsus__sub_total span {
  font-weight: 600 !important;
}

.cart_summery .form-check label {
  display: flex;
  justify-content: space-between;
}

.cart_summery .form-check label span {
  color: #0b2c3d;
}

.cart_page_rel_product {
  margin-top: 67px !important;
}

.wsus__cart_list_footer {
  border-radius: 5px;
  background: #def0ff;
}

.wsus__cart_list_footer_top {
  display: flex;
  align-items: stretch;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}

.wsus__cart_list_footer_button form {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}

.wsus__cart_list_footer_button input {
  width: 100%;
  padding: 10px 20px;
  font-size: 15px;
  font-weight: 400;
  border-radius: 30px;
  resize: none;
  border: 1px solid#08C;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
}

.wsus__cart_list_footer_button button {
  text-transform: capitalize;
  font-size: 14px;
  margin-left: 10px;
}

.wsus__cart_list_footer_button .common_btn i {
  margin-right: 5px;
}

.wsus__cart_list_footer_button {
  background: #fff;
  border-radius: 5px;
  padding: 20px;
  box-shadow: rgb(50 50 93 / 15%) 0px 0px 5px 0px;
}

.wsus__cart_list_footer_button h6 {
  border-bottom: 2px solid #fff;
  text-transform: capitalize;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.wsus__cart_list_footer_button p {
  text-transform: capitalize;
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
  color: #353535;
  font-size: 15px;
}

.wsus__cart_list_footer_button p span {
  color: #353535;
  font-size: 15px;
}

.wsus__cart_list_footer_button .total {
  border-top: 2px solid #fff;
  padding-top: 15px;
  color: #353535;
}

.wsus__cart_list_footer_button .total span {
  font-weight: 600;
}

.cart_empty p {
  text-transform: capitalize;
  font-size: 25px;
  color: #353535;
}

/*======================
CART VIEW PAGE END
========================*/

/*======================
CHECKOUT PAGE START
========================*/
.wsus__check_form {
  background: #fff;
  padding: 25px;
  border-radius: 5px;
  box-shadow: rgb(50 50 93 / 15%) 0px 0px 5px 0px;
}


.wsus__checkout_form h5 {
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 15px;
  color: #0b2c3d;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.wsus__checkout_form h5 a {
  color: #08c;
  font-size: 13px;
  font-weight: 400;
  border: 1px solid #08c;
  padding: 5px 10px 3px 10px;
  border-radius: 3px;
  transition: all linear .3s;
}

.wsus__checkout_form h5 a:hover {
  background: #08c;
  color: #fff;
}

.wsus__popup_address .modal-dialog {
  max-width: 800px;
}

.wsus__check_single_form .form-check {
  margin: 0;
}

.wsus__check_single_form .form-check-input {
  width: 15px;
  padding: 0;
  border-color: #08c;
  border-radius: 3px !important;
}

.checkout_accordian .accordion-button::after {
  display: none;
}

.checkout_accordian .accordion-button {
  padding: 0;
  border: none !important;
  background: none !important;
}

.wsus__check_single_form .select2-container {
  margin-bottom: 25px;
}

.wsus__check_single_form input,
.wsus__check_single_form textarea {
  width: 100%;
  padding: 13px 20px;
  border: 1px solid #eee;
  margin-bottom: 25px;
  font-size: 15px;
  font-weight: 400;
  color: #0b2c3d;
  resize: none;
  border-radius: 5px;
  background: #fff;
}

.wsus__check_single_form textarea {
  margin-bottom: 0;
}

.wsus__check_single_form h5 {
  margin-top: 5px;
}

.wsus__order_details {
  background: #f3faffc2;
  overflow: hidden;
  background: #fff;
  padding: 25px;
  border-radius: 5px;
  box-shadow: rgb(50 50 93 / 15%) 0px 0px 5px 0px;
}

.wsus__order_details_summery {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  margin-bottom: 17px;
}

.wsus__order_details_summery p {
  display: flex;
  justify-content: space-between;
  text-transform: capitalize;
  color: #0b2c3d;
  margin: 15px 0px;
}

.wsus__order_details_summery p span {
  color: #0b2c3d;
}

.wsus__order_details .wsus__product {
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  color: #0b2c3d;
  /* padding-top: 15px; */
  /* border-top: 1px solid #eee; */
}

.wsus__order_details .form-check {
  margin: 15px 0px;
}

.wsus__order_details .form-check label {
  color: #0b2c3d;
  font-size: 15px;
  font-weight: 400;
}

.wsus__order_details .form-check label span {
  display: block;
  font-size: 12px;
}

.wsus__order_details .terms_area {
  margin-bottom: 15px;
}

.wsus__order_details .form-check label a {
  color: #08C;
}

.wsus__checkout_form .select2-container--default .select2-selection--single {
  border-radius: 5px;
}

.wsus__order_details .form-check-input[type="radio"] {
  border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -ms-border-radius: 50% !important;
  -o-border-radius: 50% !important;
}

.wsus__order_details .common_btn {
  width: 100%;
  
  text-align: center;
  border-radius: 1px solid blue;
}

.wsus__checkout_single_address {
  border: 1px solid #eee;
  border-radius: 5px;
  padding: 15px 20px 15px 20px;
  margin-top: 20px;
}

.wsus__checkout_single_address ul li {
  display: flex;
  align-items: center;
  margin-top: 5px;
  font-size: 15px;
  text-transform: capitalize;
  flex-wrap: wrap;
  width: 100%;
  color: #686868;
}

.wsus__checkout_single_address ul li span {
  color: #0b2c3d;
  text-transform: capitalize;
  width: 30%;
  font-size: 15px;
}

.wsus__checkout_single_address .form-check {
  background: #f2f2f2db;
  border-radius: 3px;
  width: 100%;
  padding: 5px;
  padding-left: 35px;
}

.wsus__checkout_single_address .form-check-input {
  border-radius: 50% !important;
}


/*======================
CHECKOUT PAGE END
========================*/

/*======================
CART VIEW PAGE START
========================*/
#wsus__cart_view {
  padding-top: 65px;
}

.wsus__cart_list {
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
  /* border: 1px solid #eee; */
  box-shadow: rgb(50 50 93 / 15%) 0px 0px 5px 0px;
}

.wsus__cart_list table tbody tr {
  border-top: 1px solid #ddd;
  padding: 10px 0px;
}

.wsus__cart_list table tbody tr:first-child {
  border-top: 0;
  padding: 0;
}

.wsus__cart_list table tbody tr td {
  display: flex;
  justify-content: center;
  padding: 0px;
  border: 0;
  overflow: hidden;
  align-items: center;
}

.wsus__cart_list .wsus__pro_img {
  width: 140px;
}

.wsus__cart_list .wsus__pro_name {
  width: 250px;
}

.wsus__cart_list td.wsus__pro_name {
  flex-direction: column;
}

.wsus__cart_list .wsus__pro_status {
  width: 170px;
}

.wsus__pro_status p {
  text-transform: capitalize;
  color: #08C !important;
}

.wsus__pro_status span {
  text-transform: capitalize;
  color: #dc3545 !important;
  display: inline-block;
}

.wsus__cart_list .wsus__pro_select {
  width: 150px;
}

.wsus__cart_list .wsus__pro_tk {
  width: 135px;
}

.wsus__cart_list .wsus__pro_tk h6 {
  color: #353535;
  font-size: 16px;
  font-weight: 600;
}

.wsus__cart_list .wsus__pro_tk h6 del {
  color: #888;
  margin-right: 15px;
}

.wsus__cart_list .wsus__pro_icon {
  width: 121px;
  border-right: none !important;
}

.wsus__pro_icon .common_btn {
  font-size: 12px;
  text-transform: capitalize;
  color: #fff !important;
  padding: 7px 10px 5px 10px;
  font-weight: 400;
}

.wsus__pro_icon .common_btn:hover {
  color: #fff;
}

.wsus__pro_icon a {
  color: #0b2c3d;
  font-size: 20px;
  transition: all linear 0.3s;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.wsus__pro_icon:hover a {
  color: #ed1b35;
}

.wsus__cart_list table tr th {
  background: #def0ff;
  border: none;
  color: #353535;
  text-align: center;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 500;
  padding: 15px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wsus__cart_list table tbody tr td p {
  font-family: "Roboto", sans-serif;
  color: #0b2c3d;
  text-transform: capitalize;
  font-size: 15px;
  text-align: center;
}

.wsus__pro_name span {
  text-transform: capitalize;
  color: #0b2c3d;
  font-size: 14px;
}

.cart_summery {
  padding: 0 !important;
  border: 1px solid #ddd !important;
  margin-top: 0 !important;
}

.cart_summery_text {
  padding: 10px;
}

.cart_summery h5 {
  background: #def0ff;
  text-align: center;
  padding: 15px 0px 15px 0px !important;
  border-bottom: 1px solid #ddd !important;
}

.cart_summery .wsus__sub_total {
  font-weight: 400 !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.cart_summery .common_btn {
  width: 100%;
  text-align: center;
  border-radius: 0;
}

.cart_summery .wsus_total_area {
  margin: 20px 0px 7px 0px;
  border-top: 1px solid #ddd;
  padding-top: 18px;
}

.cart_summery .wsus_total_area .wsus__sub_total {
  font-weight: 600 !important;
}

.cart_summery .wsus_total_area .wsus__sub_total span {
  font-weight: 600 !important;
}

.cart_summery .form-check label {
  display: flex;
  justify-content: space-between;
}

.cart_summery .form-check label span {
  color: #0b2c3d;
}

.cart_page_rel_product {
  margin-top: 67px !important;
}

.wsus__cart_list_footer {
  border-radius: 5px;
  background: #def0ff;
}

.wsus__cart_list_footer_top {
  display: flex;
  align-items: stretch;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}

.wsus__cart_list_footer_button form {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}

.wsus__cart_list_footer_button input {
  width: 100%;
  padding: 10px 20px;
  font-size: 15px;
  font-weight: 400;
  border-radius: 30px;
  resize: none;
  border: 1px solid#08C;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
}

.wsus__cart_list_footer_button button {
  text-transform: capitalize;
  font-size: 14px;
  margin-left: 10px;
}

.wsus__cart_list_footer_button .common_btn i {
  margin-right: 5px;
}

.wsus__cart_list_footer_button {
  background: #fff;
  border-radius: 5px;
  padding: 20px;
  box-shadow: rgb(50 50 93 / 15%) 0px 0px 5px 0px;
}

.wsus__cart_list_footer_button h6 {
  border-bottom: 2px solid #fff;
  text-transform: capitalize;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.wsus__cart_list_footer_button p {
  text-transform: capitalize;
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
  color: #353535;
  font-size: 15px;
}

.wsus__cart_list_footer_button p span {
  color: #353535;
  font-size: 15px;
}

.wsus__cart_list_footer_button .total {
  border-top: 2px solid #fff;
  padding-top: 15px;
  color: #353535;
}

.wsus__cart_list_footer_button .total span {
  font-weight: 600;
}

.cart_empty p {
  text-transform: capitalize;
  font-size: 25px;
  color: #353535;
}

/*======================
CART VIEW PAGE END
========================*/

/*======================
CHECKOUT PAGE START
========================*/
.wsus__check_form {
  background: #fff;
  padding: 25px;
  border-radius: 5px;
  box-shadow: rgb(50 50 93 / 15%) 0px 0px 5px 0px;
}


.wsus__checkout_form h5 {
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 15px;
  color: #0b2c3d;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.wsus__checkout_form h5 a {
  color: #08c;
  font-size: 13px;
  font-weight: 400;
  border: 1px solid #08c;
  padding: 5px 10px 3px 10px;
  border-radius: 3px;
  transition: all linear .3s;
}

.wsus__checkout_form h5 a:hover {
  background: #08c;
  color: #fff;
}

.wsus__popup_address .modal-dialog {
  max-width: 800px;
}

.wsus__check_single_form .form-check {
  margin: 0;
}

.wsus__check_single_form .form-check-input {
  width: 15px;
  padding: 0;
  border-color: #08c;
  border-radius: 3px !important;
}

.checkout_accordian .accordion-button::after {
  display: none;
}

.checkout_accordian .accordion-button {
  padding: 0;
  border: none !important;
  background: none !important;
}

.wsus__check_single_form .select2-container {
  margin-bottom: 25px;
}

.wsus__check_single_form input,
.wsus__check_single_form textarea {
  width: 100%;
  padding: 13px 20px;
  border: 1px solid #eee;
  margin-bottom: 25px;
  font-size: 15px;
  font-weight: 400;
  color: #0b2c3d;
  resize: none;
  border-radius: 5px;
  background: #fff;
}

.wsus__check_single_form textarea {
  margin-bottom: 0;
}

.wsus__check_single_form h5 {
  margin-top: 5px;
}

.wsus__order_details {
  background: #f3faffc2;
  overflow: hidden;
  background: #fff;
  padding: 25px;
  border-radius: 5px;
  box-shadow: rgb(50 50 93 / 15%) 0px 0px 5px 0px;
}

.wsus__order_details_summery {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  margin-bottom: 17px;
}

.wsus__order_details_summery p {
  display: flex;
  justify-content: space-between;
  text-transform: capitalize;
  color: #0b2c3d;
  margin: 15px 0px;
}

.wsus__order_details_summery p span {
  color: #0b2c3d;
}

.wsus__order_details .wsus__product {
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  color: #0b2c3d;
  /* padding-top: 15px; */
  /* border-top: 1px solid #eee; */
}

.wsus__order_details .form-check {
  margin: 15px 0px;
}

.wsus__order_details .form-check label {
  color: #0b2c3d;
  font-size: 15px;
  font-weight: 400;
}

.wsus__order_details .form-check label span {
  display: block;
  font-size: 12px;
}

.wsus__order_details .terms_area {
  margin-bottom: 15px;
}

.wsus__order_details .form-check label a {
  color: #08C;
}

.wsus__checkout_form .select2-container--default .select2-selection--single {
  border-radius: 5px;
}

.wsus__order_details .form-check-input[type="radio"] {
  border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -ms-border-radius: 50% !important;
  -o-border-radius: 50% !important;
}

.wsus__order_details .common_btn {
  width: 100%;
  text-align: center;
}

.wsus__checkout_single_address {
  border: 1px solid #eee;
  border-radius: 5px;
  padding: 15px 20px 15px 20px;
  margin-top: 20px;
}

.wsus__checkout_single_address ul li {
  display: flex;
  align-items: center;
  margin-top: 5px;
  font-size: 15px;
  text-transform: capitalize;
  flex-wrap: wrap;
  width: 100%;
  color: #686868;
}

.wsus__checkout_single_address ul li span {
  color: #0b2c3d;
  text-transform: capitalize;
  width: 30%;
  font-size: 15px;
}

.wsus__checkout_single_address .form-check {
  background: #f2f2f2db;
  border-radius: 3px;
  width: 100%;
  padding: 5px;
  padding-left: 35px;
}

.wsus__checkout_single_address .form-check-input {
  border-radius: 50% !important;
}


/*======================
CHECKOUT PAGE END
========================*/

/*======================
PAYMENT PAGE  START
========================*/
.wsus__pay_info_area .nav-pills .nav-link {
  margin-bottom: 10px;
  padding: 15px 0px;
  background: #08C;
  border-radius: 30px;
}

.wsus__payment_menu {
  padding: 15px;
  background: #fff;
  box-shadow: rgb(50 50 93 / 15%) 0px 0px 5px 0px;
  border-radius: 5px;
}

.wsus__payment_menu .nav-pills button:last-child {
  margin-bottom: 0;
}

.wsus__pay_info_area .nav-pills .nav-link.active,
.wsus__pay_info_area .nav-pills .nav-link:hover {
  background: rgb(2, 82, 122);
}

.wsus__pay_info_area .tab-pane {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  padding: 20px;
  background: #fff;
  box-shadow: rgb(50 50 93 / 15%) 0px 0px 5px 0px;
}

.wsus__pay_caed_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.wsus__pay_caed_header h5 {
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 600;
}

.wsus__pay_caed_header img {
  width: 80px;
  border-radius: 5px;
}

.wsus__payment_area .input {
  color: #353535;
  background: none;
  width: 100%;
  padding: 5px 0px;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 20px;
  resize: none;
  border: none;
  border-bottom: 1px solid #eee;
}

.wsus__payment_area .input::placeholder {
  color: #000;
  opacity: .3;
}

.wsus__save_payment {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  flex-wrap: wrap;
}

.wsus__save_payment h6 {
  font-size: 14px;
  font-weight: 500;
}

.wsus__save_payment h6 i {
  margin-right: 5px;
}

.wsus__save_payment img {
  width: 50px;
  margin-left: 10px;
  border-radius: 3px;
}

.wsus__save_card {
  display: flex;
  align-items: center;
}

.wsus__save_card label {
  font-weight: 400;
  font-size: 14px;
}

.wsus__payment_area button {
  font-weight: 600;
  width: 100%;
  border-radius: 30px;
}

.wsus__payment_area a {
  font-weight: 600;
  width: 100%;
  border-radius: 30px;
}

.wsus__payment_area .form-check input {
  border-radius: 10px !important;
}

.wsus__pay_info_area p {
  font-size: 15px;
  margin-bottom: 20px;
}

.wsus__pay_info_area ul {
  margin-bottom: 25px;
}

.wsus__pay_info_area ul li {
  color: #797979;
  font-size: 15px;
  margin: 10px 0px;
  padding-left: 30px;
  position: relative;
}

.wsus__pay_info_area ul li::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-style: normal;
  position: absolute;
  content: "\f00c";
  top: 1px;
  left: 0;
  color: #08C;
  font-size: 14px;
  border: none;
}

.wsus__pay_info_area .wsus__input_area input,
.wsus__pay_info_area .wsus__input_area textarea {
  width: 100%;
  padding: 15px 20px;
  border-radius: 5px;
  margin-bottom: 20px;
  resize: none;
  border: 1px solid #ddd;
}

.wsus__pay_info_area .select2-container--default .select2-selection--single {
  border-radius: 5px;
  border: 1px solid #ddd;
}

.wsus__pay_booking_summary {
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  box-shadow: rgb(50 50 93 / 15%) 0px 0px 5px 0px;
}

.wsus__pay_booking_summary h5 {
  border-bottom: 2px solid #fff;
  padding-bottom: 10px;
  margin-bottom: 15px;
}

.wsus__pay_booking_summary p {
  color: #353535;
  text-transform: capitalize;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.wsus__pay_booking_summary p span {
  color: #353535;
}

.wsus__pay_booking_summary h6 {
  text-transform: capitalize;
  display: flex;
  justify-content: space-between;
  font-weight: 700;
  border-top: 2px solid #fff;
  padding-top: 15px;
  margin-top: 15px;
}

.wsus__pay_booking_summary h6 span {
  color: #353535;
  font-weight: 700;
}

/*======================
PAYMENT PAGE  END
========================*/
.btn-outline-light {
  --bs-btn-color: #747474 !important;
  --bs-btn-border-color: #EFEFEF !important;
  --bs-btn-hover-color: #000 !important;
  --bs-btn-hover-bg: #EFEFEF !important;
  --bs-btn-hover-border-color: #EFEFEF !important;
  --bs-btn-focus-shadow-rgb: 248, 249, 250 !important;
  --bs-btn-active-color: #000 !important;
  --bs-btn-active-bg: #EFEFEF !important;
  --bs-btn-active-border-color: #EFEFEF !important;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
  --bs-btn-disabled-color: #EFEFEF !important;
  --bs-btn-disabled-bg: transparent !important;
  --bs-btn-disabled-border-color: #EFEFEF !important;
  --bs-gradient: none !important;
}



.wsus__pro_det_review .wsus__main_comment {
  overflow: hidden;
  padding: 20px 20px 15px 20px;
  border: 1px solid #eee;
  margin-top: 30px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.wsus__pro_det_review .wsus__comment_img {
  width: 10%;
  float: left;
}

.wsus__pro_det_review .wsus__comment_img img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  width: 70px !important;
  height: 70px;
  border: none;
}

.wsus__pro_det_review .wsus__comment_text {
  width: 90%;
  float: left;
}

.wsus__pro_det_review .wsus__comment_text h6 span {
  border: 1px solid #eee;
  padding: 0px 10px;
  border-radius: 3px;
  font-weight: 600;
}

.wsus__pro_det_review .wsus__comment_text h6 span i {
  color: #ff9f00 !important;
  margin-left: 5px;
}

.wsus__pro_det_review .wsus__comment_text span {
  display: block;
  color: #353535 !important;
  font-size: 13px;
}

.wsus__pro_det_review .wsus__comment_text ul {
  overflow: hidden;
  margin-top: 10px;
}

.wsus__pro_det_review .wsus__comment_text ul li {
  width: 70px !important;
  height: 70px !important;
  margin-right: 10px;
  float: left;
}

.wsus__pro_det_review .wsus__comment_text ul li img {
  height: 100%;
  object-fit: cover;
}

.wsus__pro_det_review h4 {
  color: #0b2c3d;
  margin-top: 0 !important;
}

.wsus__comment_area h4 span {
  display: inline-block;
  background: #08C;
  color: #fff;
  padding: 0px 10px;
  font-size: 16px;
  text-align: center;
  margin-left: 10px;
  border-radius: 3px;
  font-weight: 600;
}

.wsus__post_comment .rating,
.vendor_review_modal .rating {
  font-size: 16px;
  color: #ff9f00;
  margin-bottom: 25px;
  text-transform: capitalize;
}

.wsus__post_comment .rating i,
.vendor_review_modal .rating i {
  cursor: pointer;
}

.wsus__post_comment .rating span {
  text-transform: capitalize;
  color: #333;
  margin-right: 10px;
  font-size: 15px;
}

.wsus__single_com input,
.wsus__single_com textarea {
  width: 100%;
  padding: 10px 20px;
  border: 1px solid #eee;
  border-radius: 5px;
  margin-bottom: 25px;
  resize: none;
}

.wsus__vendor_text h4 {
  text-transform: capitalize;
  font-size: 25px;
  font-weight: 600;
}

.wsus__pro_det_vendor_text .rating {
  color: #ff9f00;
  margin: 5px 0px 25px 0px;
}

.wsus__pro_det_vendor_text .see_btn {
  padding: 5px 10px 5px 10px;
}

.wsus__pro_det_vendor_text .rating span {
  font-size: 15px;
  margin-left: 5px;
  color: #797979;
  text-transform: capitalize;
}

.wsus__pro_det_vendor_text p {
  margin-bottom: 15px;
}

.wsus__pro_det_vendor_text p span {
  width: 25%;
  display: inline-block;
  color: #333;
  font-weight: 500;
  text-transform: capitalize;
  font-size: 15px;
}

.wsus__vendor_details {
  margin-top: 30px;
}

.wsus__vendor_details p {
  font-size: 15px;
}

.wsus__vendor_details p span {
  display: block;
  margin-top: 25px;
}

.wsus__pro_det_comment .wsus__post_comment h4 {
  margin-top: 0 !important;
}



/*========================
	CONTACT START
=========================*/
#wsus__contact {
  padding-top: 70px;
}

.wsus__contact_area {
  background: #fff;
  padding: 25px;
  border-radius: 5px;
  box-shadow: rgb(50 50 93 / 15%) 0px 0px 5px 0px;
}

.wsus__contact_single {
  margin-bottom: 20px;
  background: #fff;
  padding: 25px;
  border-radius: 5px;
  border: 1px solid #eee;
  position: relative;
}

.wsus__contact_single span {
  position: absolute;
  content: "";
  background: #fff;
  width: 70px;
  height: 70px;
  line-height: 80px;
  text-align: center;
  top: -1px;
  right: -1px;
}

.wsus__contact_single span i {
  opacity: .1;
  font-size: 60px;
}

.wsus__contact_single i {
  color: #08C;
  font-size: 25px;
}

.wsus__contact_single h5 {
  text-transform: capitalize;
  font-weight: 600;
  font-size: 16px;
  margin: 20px 0px 5px 0px;
}

.wsus__contact_single a {
  color: #353535;
  font-size: 16px;
  font-weight: 400;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s ease;
  -moz-transition: all linear 0.3s ease;
  -ms-transition: all linear 0.3s ease;
  -o-transition: all linear 0.3s ease;
}

.wsus__contact_single a:hover {
  color: #08C;
}

.wsus__contact_question h5 {
  text-transform: capitalize;
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 20px;
}

.wsus__contact_question .accordion-body {
  border: 1px solid #eee;
}

.wsus__contact_question .accordion-button:focus {
  box-shadow: none;
}

.wsus__contact_question .accordion-item:first-of-type .accordion-button {
  border-radius: 0 !important;
}

.wsus__contact_question #accordionExample {
  border-radius: 5px;
  overflow: hidden;
}

.wsus__con_form_single input,
.wsus__con_form_single textarea {
  width: 100%;
  padding: 15px 20px;
  font-size: 15px;
  font-weight: 400;
  border-radius: 5px;
  margin-bottom: 20px;
  resize: none;
  border: 1px solid #eee;
}

.wsus__con_map {
  overflow: hidden;
  border: 1px solid #eee;
  border-radius: 5px;
  height: 400px;
  margin-top: 63px;
}

.wsus__con_map iframe {
  width: 100%;
  height: 100%;
}

/*========================
	CONTACT END
=========================*/


.login-wrap {
  position: relative;
  margin: 0 auto;
  background: #ecf0f1;
  width: 350px;
  border-radius: 5px;
  box-shadow: 3px 3px 10px #333;
  padding: 15px;
  margin-top: 2px !important;
  h2 {
    text-align: center;
    font-weight: 200;
    font-size: 2em;
    margin-top: 10px;
    color: #34495e;
  }
  
  .form {
    padding-top: 20px;
    
    input[type="text"],
    input[type="password"],
    button {
      width: 80%;
      margin-left: 10%;
      margin-bottom: 25px;
      height: 40px;
      border-radius: 5px;
      outline: 0;
      -moz-outline-style: none;
    }
    
    input[type="text"],
    input[type="password"] {
      border: 1px solid #bbb;
      padding: 0 0 0 10px;
      font-size: 14px;
      &:focus {
        border: 1px solid #3498db;
      }
    }
    
    a {
      text-align: center;
      font-size: 10px;
      color: #3498db;
      
      p{
        padding-bottom: 10px;
      }
      
    }
    
    button {
      background: #e74c3c;
      border:none;
      color: white;
      font-size: 18px;
      font-weight: 200;
      cursor: pointer;
      transition: box-shadow .4s ease;
      
      &:hover {
        box-shadow: 1px 1px 5px #555;  
      }
        
      &:active {
          box-shadow: 1px 1px 7px #222;  
      }
      
    }
    
  }
  
  &:after{
  content:'';
  position:absolute;
  top: 0;
  left: 0;
  right: 0;    
  background:-webkit-linear-gradient(left,               
      #27ae60 0%, #27ae60 20%, 
      #8e44ad 20%, #8e44ad 40%,
      #3498db 40%, #3498db 60%,
      #e74c3c 60%, #e74c3c 80%,
      #f1c40f 80%, #f1c40f 100%
      );
     background:-moz-linear-gradient(left,               
      #27ae60 0%, #27ae60 20%, 
      #8e44ad 20%, #8e44ad 40%,
      #3498db 40%, #3498db 60%,
      #e74c3c 60%, #e74c3c 80%,
      #f1c40f 80%, #f1c40f 100%
      );
    height: 5px;
    border-radius: 5px 5px 0 0;
}
  
}