@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
@import url('https://fonts.googleapis.com/css?family=Raleway');
*
{
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
    font-family: 'Sen', sans-serif;
}
.bg-grey
{
    background-color: #f6f6f6;
}
.text-grey
{
    color: #696969;
}
a
{
    text-decoration: none;
    color: black;
}
.w-33
{
    width: 33%;
}
.w-20
{
    width: 20%;
}
.w-23
{
    width: 23%;
}
.w-30
{
    width: 30%;
}
.w-60
{
    width: 60%;
}
.w-200px
{
    width: 200px !important;
}
.w-650px
{
    width: 650px !important;
}
.w-275px
{
    width: 275px !important;
}
.w-400px
{
    width: 400px !important;
}
.w-350px
{
    width: 350px !important;
}
.w-65
{
    width: 65%;
}
.w-45
{
    width: 45% !important;
}
.w-40
{
    width: 40% !important;
}
.w-85
{
    width: 85%;
}
.w-70
{
    width: 70%;
}
.w-175px
{
    width: 175px;
}
.w-135px
{
    width: 135px;
}
.w-35px
{
    width: 35px;
}
.w-55px
{
    width: 55px;
}
.h-35px
{
    height: 35px;
}
.h-135px
{
    height: 135px !important;
}
.h-200px
{
    height: 200px !important;
}
.h-175px
{
    height: 175px !important;
}
.h-400px
{
    height: 400px !important;
}
.h-85
{
    height: 85%;
}
.fw-500
{
    font-weight: 500;
}
.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-container1 {
    width: 100%;
    height: 100%;
}
.swiper-slide0 {
    font-size: 18px;
    background: #fff;
    height: 600px;
    width: 100%;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    
}


.swiper-wrapper1::-webkit-scrollbar {
  display: none;
}  
.swiper-wrapper1 {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.swiper-wrapper0::-webkit-scrollbar {
    display: none;
}  
.swiper-wrapper0 {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#section_1 p
{
    font-weight: 500;
}
#section_2,#section_6,#section_9,#section_11
{
    overflow: hidden;
}
.header-menu .part_1 img
{
    width: 125px;
}
.header-menu .part_2 p
{
    padding: 10px 20px;
}
.header-menu .part_2 a i
{
    font-size: 10px;
}
.header-menu .part_2 a:hover
{
    border-bottom: 2px solid #475476;
    color: #475476;
}
.header-menu .part_3 p
{
    padding: 5px 10px;
}
#section_2 .part_2 .upper-tag
{
    background-color: #6d8c62;
    padding: 0px 7px;
    color: white;
    border-radius: 3px;
    font-size: 11px;
    top: -9px;
    left: 50px;
}
#section_2 .part_2 .upper-tag::before{
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #6d8c62;
}
#section_2 .header-menu
{
    position: absolute;
    z-index: 9;
}
.submenu-container
{
    z-index: 9;
    top: 68px;
    display: none;
}
.image_part
{
    height: 200px;
    width: 200px;
    background-position:top center;
    background-size: 200px;
    background-repeat: no-repeat;
}
.image_part:hover
{
    background-size: 225px;
    transition: 1s;
}
.img-tag-home
{
    font-size: 14px;
    position: absolute;
    left: -40px;
    top: 10px;
    width: 120px;
    transform: rotate(-45deg);
    text-align: center;
    z-index: 1;
    box-shadow: 0 10px 15px #0000001a;
}
.home_div_tem
{
    overflow: hidden;
}
.br-1
{
    border-right: 1px solid #00000045;
}
.bb-2
{
    border-bottom: 2px solid black;
}
.bb-1
{
    border-bottom: 1px solid #00000045 !important;
}
.accordion-item.bb-1.important
{
    border-bottom: 1px solid #00000045 !important;
}
.bt-1
{
    border-top: 1px solid #00000045;
}
.bd-1
{
    border: 1px solid red;
}
.bbcy-1
{
    border-bottom: 1px solid #fbdf58;
}
.bbcw-1
{
    border-bottom: 1px solid #ffffff;
}
.brdw-1
{
    border-right: 1px dashed white;
}
.bb-3
{
    border-bottom: 3px solid black;
}
#shop_menu_container p a:hover
{
    color: blue;
}
#pages_menu_container
{
    left: 20px;
    top: 44px;
    width: 200px !important;
}
#pages_menu_container a
{
    width: 150px;
    padding: 5px 0px;
}
.b-none
{
    border: none !important;
}
.b-none.b-none-i
{
    border: none !important;
}
.btn-theme
{
    background-color: black;
    color: white;
}
.btn-theme:hover, .btn-theme-hover:hover
{
    background-color: #475476;
    color: white;
}

#section_3
{
    border-bottom: 1px solid #00000045;
}
.section_3_box
{
    border: 1px solid #00000045;
    background-color: #f5f5f6;
}
.img_part_fea
{
    display: flex;
    height: 400px;
    background-position:top center;
    background-size: cover;
    background-repeat: no-repeat;
}
.arrow-border
{
    border-radius: 100%;
    height: 50px;
    width: 50px;
    background-color: white;
    color: black;
    padding: 12px 8px;
}
.fea_list a:hover .arrow-border
{
    background-color: #475476;
    color: white;
}
#section_5 .part_2 .count_box, #section_10 .part_2 .count_box
{
    height: 75px;
    width: 75px;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 10px;
    border: 1px solid #00000045;
}
#section_5 .part_2 .count_box span, #section_10 .part_2 .count_box span
{
    font-size: 15px;
}
.fea_list_container .img_part
{
    display: none;
    height: 300px;
    width: 220px;
    background-color: white;
    background-position:top center;
    background-size: cover;
    background-repeat: no-repeat;
}
.fea_list_container .img_part1
{
    display: none;
    height: 300px;
    width: 220px;
    background-color: white;
    background-position:top center;
    background-size: cover;
    background-repeat: no-repeat;
}
.fea_list_container .img_part.active,.fea_list_container .img_parts.active
{
    display: block;
}
.fea_list_container .img_parts
{
    display: none;
    height: 220px;
    width: 220px;
    background-color: white;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.fea_list_container .img_part2
{
    display: none;
    height: 220px;
    width: 220px;
    background-color: white;
    background-position:center;
    background-size: cover;
    background-repeat: no-repeat;
}
.line_th
{
    text-decoration: line-through;
}
.text-decoration-underline
{
    text-decoration: underline;
}
.fea_list_container .detail_part
{
    width: -webkit-fill-available;
    text-align: center;
}
.fea_list_container .detail_part.text-left
{
    text-align: left;
}
.fea_list_container:hover .detail_part
{
    background-color: white;
}
.fea_list_container:hover .img_part
{
    display: none;
    transition: .7s;
}
.fea_list_container:hover .img_parts
{
    display: none;
    transition: .7s;
}
.fea_list_container .img_part_bottom
{
    height: 150px;
}
.fea_list_container:hover .img_part1.active
{
    display: block;
    transition: .7s;
}
.fea_list_container:hover .img_part2.active
{
    display: block;
    transition: .7s;
}
.fea_list_container:hover .action-box
{
    display: flex;
    transition: .7s;
}
.fea_list_container
{
    border: 1px solid rgba(0,0,0,10%);
    width: 100%;
    border-radius: 5px;
    transition: .7s;
}
.fea_list_container:hover
{
    box-shadow: 0px 0px 15px 2px rgb(205, 205, 205) !important;
    transition: .7s;
}
.fea_list_container .detail_part .color_picker
{
    height: 20px;
    width: 20px;
    border-radius: 100%;
}
.fea_list_container .detail_part .inner-color_picker{
    height: 12px;
    width: 12px;
    border-radius: 100%;
    position: absolute;
    top: 4px;
    left: 4px;
}
/* modal */
.content-area-modal-box .color_picker
{
    height: 20px;
    width: 20px;
    border-radius: 100%;
}
.content-area-modal-box .inner-color_picker{
    height: 12px;
    width: 12px;
    border-radius: 100%;
    position: absolute;
    top: 4px;
    left: 4px;
}
/* modal box */
.cursor-pointer
{
    cursor: pointer;
}
.action-box .action-box-ele
{
    height: 45px;
    width: 45px;
    border: 1px solid #bababa;
    background-color: black;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}
.action-box
{
    display: none;
    position: absolute;
    bottom: 125px;
}
.action-box-ele:hover
{
    background-color: #bababa;
}
.border-none
{
    border: 0px !important;
}
.b-1
{
    border: 1px solid #bababa;
}
.va-m
{
    vertical-align: middle;
}
#section_8 .banner
{
    height: 400px;
    background-color: #e4edf6;
}
#section_8 .banner .banner-img
{
    background-position:top center;
    background-size: cover;
    background-repeat: no-repeat;
}
.h0
{
    font-weight: bold;
    font-size: 60px;
}
.wfc
{
    width: fit-content;
}
#section_9 .logo-img-slider
{
    height: 100px;
    width: 150px;
    background-position:center;
    background-size: contain;
    background-repeat: no-repeat;
}
#section_12 .blog-box-img-container
{
    width: 300px;
    height: 200px;
    overflow: hidden;
}
#section_12 .blog-box-container
{
    width: 300px;
}
#section_12 .blog-box-img
{
    background-position:center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: .5s;
}
#section_12 .blog-box-dark, #section_14 .blog-box-dark
{
    background-color: #0000004d;
    display: none;
}
#section_12 .blog-box-container:hover .blog-box-dark
{
    display: block;
}
#section_14 .footer-img-container:hover .blog-box-dark
{
    display: flex;
    font-size: 20px;
}
#section_12 .blog-box-container:hover .blog-box-img
{
    transform: scale(1.1);
    transition: .5s;
}
.bbt-1
{
    border-top: 1px solid #bababa;
    border-bottom: 1px solid #bababa;
}
#section_12 input
{
    width: 75%;
    outline: unset;
    margin-left: 20px;
}
button.theme-sub
{
    border: none;
    background: none;
    font-weight: 500;
}
#section_13 .icon-container:hover .flip-icon
{
    transform: scaleX(-1);
    transition: .5s;
}
#section_14 .footer-img-container
{
    background-position:center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: .5s;
    width: 75px;
    height: 75px;
}
/* Main Carousel */
.gallery {
    width: 50%;
}
.gallery-slider {
    width: 100%;
    height: auto;
    margin: 0 0 10px 0;
}

.gallery-slider .swiper-slide {
    width: auto;
    height: 400px;
    border: 1px solid #bababa;
}

.gallery-slider .swiper-slide img {
    display: block;
    width: auto;
    height: 100%;
    margin: 0 auto;
}

.gallery-thumbs {
    width: 100%;
    padding: 0;
    overflow: hidden;
}

.gallery-thumbs .swiper-slide {
    width: 100px;
    height: 100px;
    text-align: center;
    overflow: hidden;
    opacity: 0.5;
}

.gallery-thumbs .swiper-slide-active {
    opacity: 1;
}

.gallery-thumbs .swiper-slide img {
    width: auto;
    height: 100%;
    border: 1px solid #bababa;
}
.whole_size_container .size_single_container
{
    width: 65px;
    display: flex;
    height: 45px;
    font-weight: bold;
    border: 1px solid #bababa;
    justify-content: center;
    align-items: center;
}
.whole_size_container .size_single_container.active
{
    border: 2px solid black;
}
.whole_size_container .size_single_container:hover
{
    border: 1px solid black;
}
/* Color */
.whole_size_container .size_single_container_color
{
    width: 65px;
    height: 45px;
    font-weight: bold;
    border: 1px solid #bababa;
    background-position:center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.whole_size_container .size_single_container_color.active
{
    border: 2px solid black;
}
.whole_size_container .size_single_container_color:hover
{
    border: 1px solid black;
}
.h-55px
{
    height: 55px !important;
}
.h-250px
{
    height: 250px !important;
}
.h-300px
{
    height: 300px !important;
}
.h-300pxm
{
    max-height: 300px !important;
}
.h-80
{
    height: 80%;
}
.qty_input
{
    border: none;
    outline: none;
    width: 50px;
    text-align: center;
}
.qty_input:active
{
    border: none;
    outline: none;
}
.qty_input:focus .whole_container_qty
{
    border: 1px solid black;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
#section_16
{
    width: 100%;
    height: 150px;
    font-weight: bold;
    background-position:center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    padding: 15px 0px;
}
.vh-100
{
    height: 100vh;
}
.form-group
{
    margin: 15px 0px;
}
input.form-control
{
    border-radius: 5px;
    height: 40px;
}
textarea.form-control
{
    border-radius: 5px;
}
.h-75px
{
    height: 75px !important;
}
.form-control-checkbox
{
    width: 18px;
    height: 18px;
    border-radius: 4px;
}
.vatb
{
    vertical-align: text-bottom;
}
.common_cart_section
{
    min-height: 100vh;
    background-color: white;
    z-index: 9999999;
    padding: 15px;
    right: 0px;
    top: 0px;
    transition: 1s;
    box-shadow: 1px 1px 45px black;
}
.common_cart_section.hider
{
    left: 4000px;
    transition: 1s;
}
.common_search_section
{
    height: 100vh;
    background-color: white;
    z-index: 9999999;
    padding: 15px;
    width: 100%;
    right: 0px;
    top: 0px;
    transition: 1s;
    box-shadow: 1px 1px 45px black;
}
.common_search_section.hiders
{
    top: -800px;
    transition: 1s;
}
.shadow-cover
{
    background-color: rgba(0, 0, 0, 0.291);
    z-index: 999999;
    display: none;
}
@-webkit-keyframes f {
	0% {
		background-position: 40px 0;
	}

	to {
		background-position: 0 0;
	}
}

@keyframes f {
	0% {
		background-position: 40px 0;
	}

	to {
		background-position: 0 0;
	}
}

.progress {
	overflow: hidden;
    margin-top: 7px;
    height: 10px;
    border-radius: 50px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
	height: 100%;
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
}

.progress-bar-striped,
.progress-striped .progress-bar {
	background-image: linear-gradient(
		45deg,
		hsla(0, 0%, 95%, 0.8) 25%,
		transparent 0,
		transparent 50%,
		hsla(0, 0%, 95%, 0.8) 0,
		hsla(0, 0%, 95%, 0.8) 75%,
		transparent 0,
		transparent
	);
	background-size: 40px 40px;
}

.progress-bar.active,
.progress.active .progress-bar {
	-webkit-animation: f 2s linear infinite;
	animation: f 2s linear infinite;
}

.progress-bar-success {
	background-color: #ff784b;
}

.progress-striped .progress-bar-success {
	background-image: linear-gradient(
		45deg,
		hsla(0, 0%, 100%, 0.15) 25%,
		transparent 0,
		transparent 50%,
		hsla(0, 0%, 100%, 0.15) 0,
		hsla(0, 0%, 100%, 0.15) 75%,
		transparent 0,
		transparent
	);
}

.progress-bar-info {
	background-color: #999;
}

.progress-striped .progress-bar-info {
	background-image: linear-gradient(
		45deg,
		hsla(0, 0%, 95%, 0.8) 25%,
		transparent 0,
		transparent 50%,
		hsla(0, 0%, 95%, 0.8) 0,
		hsla(0, 0%, 95%, 0.8) 75%,
		transparent 0,
		transparent
	);
}

.progress-bar-warning {
	background-color: #f7d600;
}

.progress-striped .progress-bar-warning {
	background-image: linear-gradient(
		45deg,
		hsla(0, 0%, 100%, 0.15) 25%,
		transparent 0,
		transparent 50%,
		hsla(0, 0%, 100%, 0.15) 0,
		hsla(0, 0%, 100%, 0.15) 75%,
		transparent 0,
		transparent
	);
}

.progress-bar-danger {
	background-color: #d70902;
}

.progress-striped .progress-bar-danger {
	background-image: linear-gradient(
		45deg,
		hsla(0, 0%, 100%, 0.15) 25%,
		transparent 0,
		transparent 50%,
		hsla(0, 0%, 100%, 0.15) 0,
		hsla(0, 0%, 100%, 0.15) 75%,
		transparent 0,
		transparent
	);
}
.ship-van-acc{
    height: 30px;
    width: 30px;
    border-radius: 100%;
    color: white;
    right: 0px;
    top: -10px;
    background: #ff784b;
    font-size: 13px;
    padding: 7px;
}
.img_part_acc
{
    background-position:center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #bababa;
    height: 150px;
    width: 100px;
    padding: 10px;
    margin-right: 15px;
}
.collapsible-link {
    width: 100%;
    position: relative;
    text-align: left;
  }
  
  .collapsible-link::before {
    content: "\f107";
    position: absolute;
    top: 50%;
    right: 0.8rem;
    transform: translateY(-50%);
    display: block;
    font-family: "FontAwesome";
    font-size: 1.1rem;
  }
  
  .collapsible-link[aria-expanded="true"]::before {
    content: "\f106";
  }
  .row_cart td
  {
    padding: 15px 0px;
  }
  .cart_table th
  {
    padding: 15px 0px;
  }
  #empty_cart
  {
    display: flex;
  }
  .w-70px
  {
    width: 70px;
  }
  .left-15px 
  {
    left: 15px;
  }
  .bottom-15px
  {
    bottom: 15px;
  }
  .py-8px
  {
    padding: 8px 0px;
  }
  .select2-selection.select2-selection--single
  {
    height: 45px !important;
    border-radius: 0px !important;
    padding: 8px 4px !important;
    border: 1px solid #dee2e6 !important;
  }
  .state__ .select2-selection.select2-selection--single
  {
    border-radius: 4px !important;
    height: 40px !important;
  }
  .select2-container--default .select2-selection--single .select2-selection__arrow
  {
    top: 11px !important;
    right: 4px !important;
  }
  .h-fc
  {
    height: fit-content;
  }
  .rt-14px{
    right: 14px;
    top: 14px;
  }
  .r-24px
  {
    right: 24px;
  }
  .t-14px
  {
    top: 14px;
  }
  .select2-container
  {
    width: 100% !important;
  }
  .image-checkout
  {
    background-position:center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  .w-50px
  {
    width: 50px !important;
  }
  .badge-checkout{
    width: 25px;
    height: 25px;
    background: #475476;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    right: -12px;
    top: -10px;
  }
  .h-45px
  {
    height: 45px;
  }
  /* New index */
  .theme-link:hover
  {
    color: #ff8a5c !important;
  }
  .text-black
  {
    color: black;
  }
  .theme-grey
  {
    color: #f1f1f1;
  }
  .fw-400
  {
    font-weight: 400 !important;
  }
  .bg-grey
  {
    background-color: #f1f1f1;
  }
  #sec_2 .part_1 img
  {
    height: 35px;
  }
  .theme-btn-md
  {
    color: white;
    background-color: #ff8a5c;
    padding: 8px 15px;
    border: none;
    outline: none;
    border-radius: 4px;
    font-weight: 500;
    transition: .7s;
  }
  .theme-btn-1-md
  {
    color: #383126;
    background-color: #fbdf58;
    padding: 8px 15px;
    border: none;
    outline: none;
    border-radius: 4px;
    font-weight: 500;
    transition: .7s;
  }
  .theme-btn-1-md.hover:hover
  {
    color: #fbdf58 !important;
    background-color: black;
    transition: .7s;
  }
  .theme-btn-2-md
  {
    color: black;
    background-color: #ffffff;
    padding: 8px 15px;
    border: none;
    outline: none;
    border-radius: 4px;
    font-weight: 500;
    transition: .7s;
  }
  .theme-btn-2-md.hover:hover
  {
    color: black;
    background-color: #fbdf58;
    transition: .7s;
  }
  .theme-btn-md.hover:hover
  {
    background-color: #fbdf58;
    color: black;
    transition: .7s;
  }
  #sec_2 .part_2 button
  {
    right: 11px;
    top: 8px;
  }
  #sec_2 .part_2 i
  {
    left: 11px;
    top: 20px;
  }
  .br-100
  {
    border-radius: 100%;
  }
  #sec_2 .part_3 p, .arrows-container p
  {
    border: 1px solid #e4e4e4;
    height: 50px;
    width:  50px;
    margin: 0px 7px;
    padding: 12px 15.5px;
  }
  .theme-badge-1{
    width: 25px;
    font-size: 14px;
    height: 25px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    right: -5px;
    top: -7px;
  }
  .theme-bg
  {
    background-color: #ff8a5c;
  }
  .theme-bg-hover:hover
  {
    background-color: #ff8a5c;
    color: white;
  }
  .theme-bg-1
  {
    background-color: #fbdf58;
  }
  .theme-bg-1-hover:hover
  {
    background-color: #fbdf58;
  }
  .theme-bg-dark
  {
    background-color: #ff784b;
  }
  .br-5
  {
    border-radius: 5px;
  }
#sec_3 .part_2 .upper-tag
{
    background-color: #6d8c62;
    padding: 0px 7px;
    color: white;
    border-radius: 3px;
    font-size: 11px;
    top: -9px;
    left: 50px;
}
#sec_3 .part_2 .upper-tag::before{
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #6d8c62;
}
.brl-5
{
    border-radius: 5px 0px 0px 5px !important;
}
.brr-5
{
    border-radius: 0px 5px 5px 0px !important;
}
.btlr-5
{
    border-radius: 5px 5px 0px 0px !important;
}
.bblr-5
{
    border-radius: 0px 0px 5px 5px !important;
}
.submenu-container1
{
    z-index: 9;
    top: 250px;
    display: none;
    left: 0px;
}
.submenu-container2
{
    z-index: 9;
    top: 140px;
    display: none;
    left: 0px;
}
.py-20px
{
    padding: 20px 0px;
}
#sec_3
{
    /* background-image: url('/assets/image/bg-1.webp'); */
    background-size: cover;
}
/* Swiper */
span.outer-dot {
    position: relative;
    height: 20px;
    width: 20px;
    border: solid 2px transparent;
    background: transparent;
  }
  span.inner-dot {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #e4e4e4;
    margin: 0!important;
  }
  
  span.outer-dot.swiper-pagination-bullet-active span.inner-dot {
    background: white;
  }
#sec_4 .swiper-container
{
    height: 400px;
}
#sec_4 .swiper-container .swiper-slide
{
    background-position:center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
}
#sec_4 .banner1, #sec_4 .banner2
{
    background-position:center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 400px;
}
.cate-menu
{
    box-shadow: 1px 1px 15px #00000047;
    left: 0px;
    top: 55px;
    display: none;
}
.single-cate-menu:hover i
{
    transform: rotate(-90deg);
    transition: .5s;
}
.content-cate 
{
    box-shadow: 1px 1px 15px #00000047;
    right: -888px;
    top: 0px;
    display: none;
    transition: .7s;
    z-index: 999;
    color: black;
    width: 65vw;
}
.single-cate-menu:hover .content-cate 
{
    display: block;
    transition: .7s;
}
.product-slider-img
{
    background-position:center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 80px;
}
.star-div i
{
    transform: rotate(0deg) !important;
}
.cate-slider1-img
{
    background-position:center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 55%;
    height: 55%;
}
.for-zoom:hover .cate-slider2-img
{
    transform: scale(1.1);
    transition: .7s;
}
.cate-slider2-img
{
    background-position:center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: .7s;
}
.swiper-button-prev:after, .swiper-button-next:after
{
    font-size: 18px;
}
.outline-none
{
    outline: none;
}
.tlp-25px
{
    top: 16px;
    left: 16px;
}
.trp-25px
{
     top: 16px;
    right: 16px;
}
.trp-cart
{
    top: 190px;
    left: 91px;
}
.trp-dif
{
     top: 50px;
    right: 16px;
}
.product-cart-none
{
    display: none;
    transition: 1s;
    background-color: white;
}
.fea_list_container:hover .product-cart-none
{
    display: flex;
    transition: 1s;
}
.bg-success-light
{
    background-color: #e7f5dc;
}
.theme-text
{
    color: #ff8a5c;
}
.theme-text-1
{
    color: #fbdf58;
}
.text-justify
{
    text-align: justify;
}
.nowrap
{
    white-space: nowrap;
}
.theme-btn-3-md.hover:hover
{
    background-color: #ff8a5c;
    color: white;
}
.theme-btn-3-md
{
    background-color: #f1f1f1;
    color: black;
    padding: 8px 15px;
    border: none;
    outline: none;
    border-radius: 4px;
    font-weight: 500;
    transition: .7s;
}
.theme-btn-4-md
{
    background-color: white;
    color: black;
    padding: 8px 15px;
    border: none;
    outline: none;
    border-radius: 4px;
    font-weight: 500;
    transition: .7s;
}
.theme-btn-4-md.hover:hover
{
    background-color: #fbdf58;
}
.theme-btn-5-md
{
    background-color: black;
    color: white;
    padding: 8px 15px;
    border: none;
    outline: none;
    border-radius: 4px;
    font-weight: 500;
    transition: .7s;
}
.theme-btn-5-md.hover:hover
{
    background-color: #ff8a5c;
    color: white;
}
.theme-btn-6-md
{
    background-color: white;
    color: black;
    padding: 8px 15px;
    border: 1px solid #bababa;
    outline: none;
    border-radius: 4px;
    font-weight: 500;
    transition: .7s;
}
.theme-btn-6-md.hover:hover
{
    background-color: black;
    color: white;
}
.hover-black:hover
{
    color: black;
}
.about_us_image
{
    background-position:top center;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
}
.about_us_image:hover
{
    transform: scale(1.1);
    transition: .7s;
}
.testi-image
{
    background-position:center;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 100px;
    height: 100px;
    border: 10px solid white;
    border-radius: 100%;
    top: -50px;
}
.flex-auto
{
    flex: auto;
}
.main-cate-img-content
{
    background-position:center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: .7s;
}
.main-cate-img-content:hover, .two12:hover
{
    transform: translateY(-10px);
    transition: .4s;
}
.timer
{
    background-position:center;
    background-size: cover;
    background-repeat: no-repeat;
}
.three-product,.two12
{
    background-position:center;
    background-size: contain;
    background-repeat: no-repeat;
}
.shadow-none
{
    box-shadow: 0px 0px 0px;
}
.box-shadow
{
    box-shadow: 0px 0px 15px #2f313157;
}
.img-info
{
    width: 150px;
    height: 150px;
    background-position:center;
    background-size: contain;
    background-repeat: no-repeat;
}
.info-arrow
{
    top: 0px;
    right: 20px;
    transform: rotate(320deg);
}
.img-tes
{
    background-position:center;
    background-size: contain;
    background-repeat: no-repeat;
}
.special-border-btn
{
    border-radius: 0px 5px 5px 0px !important;
}
#sec_13,#sec_14
{
    background-position:center;
    background-size: cover;
    background-repeat: no-repeat;
}
.scrollbar-sm {
    scrollbar-width: thin;
}
.list_banner
{
    width: 100%;
    height: 300px;
    background-position:center;
    background-size: contain;
    background-repeat: no-repeat;
}
.banner_list_sales
{
    width: 100%;
    height: 400px;
    background-position:center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: .7s;
}
.banner_list_sales:hover
{
    transform: scale(1.1);
    transition: .7s;
}
.sort_div
{
    min-width: 170px;
}
.sort_div .box-list
{
    display: none;
}
.sort_div p.line:hover
{
    color: black;
    background-color: #69696924;
}
.sort_p_tag:hover .box-list
{
    display: block;
    background-color: white;
    z-index: 99;
}
#first_cat_list,#sec_cat_list
{
    display: none;
}
.nav-link.active
{
    border-bottom: 4px solid black !important;
}
.tab-image-details
{
    width: 300px;
    height: 300px;
    border-radius: 100%;
    background-position:center;
    background-size: cover;
    background-repeat: no-repeat;
}
.vatt
{
    vertical-align: text-top;
}
.flex-none
{
    flex: none;
}
.z-9999
{
    z-index: 9999;
}
.z-99999
{
    z-index: 99999;
}
.progress-custom-parent
{
    height: 15px;
    width: 150px;
    background-color: #efefef;
}
.progress-custom-child
{
    left: 0px;
    top: 0px;
    height: 100%;
    background-color: grey;
}
.rate-area {
	border-style: none;
    position: relative;
}

.rate-area:not(:checked) > input {
	position: absolute;
	bottom: 12px;
	clip: rect(0, 0, 0, 0);
}

.rate-area:not(:checked) > label {
	float: right;
	width: 0.8em;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
	font-size: 180%;
	color: lightgrey;
}

.rate-area:not(:checked) > label:before {
	content: "★";
}

.rate-area > input:checked ~ label {
	color: gold;
}

.rate-area:not(:checked) > label:hover,
.rate-area:not(:checked) > label:hover ~ label {
	color: gold;
}

.rate-area > input:checked + label:hover,
.rate-area > input:checked + label:hover ~ label,
.rate-area > input:checked ~ label:hover,
.rate-area > input:checked ~ label:hover ~ label,
.rate-area > label:hover ~ input:checked ~ label {
	color: gold;
}
/* File upload */

.boxesss {
  display: block;
  min-width: 300px;
  height: 200px;
  margin: 10px;
  background-color: white;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  overflow: hidden;
}

.upload-options {
  position: relative;
  height: 50px;
  background-color: #ff8a5c;
  cursor: pointer;
  overflow: hidden;
  text-align: center;
  transition: background-color ease-in-out 150ms;
}
.upload-options:hover {
  background-color: #fbdf58;
  color: black;
}
.upload-options input {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.upload-options label {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  overflow: hidden;
}
.upload-options label::after {
  content: 'add';
  font-family: 'Material Icons';
  position: absolute;
  font-size: 2.5rem;
  color: rgba(230, 230, 230, 1);
  left: calc(50% - 1.25rem);
  z-index: 0;
}
.upload-options label span {
  display: inline-block;
  width: 50%;
  height: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
  text-align: center;
}
.upload-options label span:hover i.material-icons {
  color: lightgray;
}

.js--image-preview {
  height: 150px;
  width: 100%;
  position: relative;
  overflow: hidden;
  background-image: url('');
  background-color: white;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.js--image-preview::after {
  content: "photo_size_select_actual";
  font-family: 'Material Icons';
  position: relative;
  font-size: 4.5em;
  color: rgba(230, 230, 230, 1);
  top: calc(50% - 3rem);
  z-index: 0;
}
.js--image-preview.js--no-default::after {
  display: none;
}
.js--image-preview:nth-child(2) {
  background-image: url('http://bastianandre.at/giphy.gif');
}

i.material-icons {
  transition: color 100ms ease-in-out;
  font-size: 2.25em;
  line-height: 55px;
  color: white;
  display: block;
}

.drop {
  display: block;
  position: absolute;
  background: #ff8a5c;
  border-radius: 100%;
  transform: scale(0);
}

.animate {
  animation: ripple 0.4s linear;
}

@keyframes ripple {
  100% {
    opacity: 0;
    transform: scale(2.5);
  }
}
.review-form
{
    display: none;
}
.image-preview-thumb {
    display: inline-block;
    width: 80px;
    height: 80px;
    background-size: cover;
    background-position: center;
    margin: 5px;
    border-radius: 5px;
}
#sec_2_m,#sec_3_m,.mobile-sidebar,.menu-footer, .mv-p-fixed-filtersx
{
    display: none;
}
.swiper-slide
{
    border-radius: 5px;
    display: flex;
    justify-content: center;
}
.mobile-filter
{
    display: none;
}
#modal_lg
{
    z-index: 99999 !important;
}
.left-about-page,.right-about-page
{
    top: 50%;
    z-index: 9;
}
.left-about-page
{
    left: 20px;
}
.right-about-page
{
    right: 20px;
}
.no-repeat
{
    background-repeat: no-repeat;
}
.hover-container-image:hover .image
{
    transition: .7s;
    transform: scale(1.1);
}
.hover-container-image:hover .black_screen
{
    background-color: #00000038;
}
/* Remove box shadow and background color */
.custom-accordion .accordion-item {
    box-shadow: none !important;
    background-color: transparent !important;
    border: none !important;
  }
  
  .custom-accordion .accordion-button {
    box-shadow: none !important;
    background-color: transparent !important;
    border: none !important;
    font-weight: bold;
  }
  
  .custom-accordion .accordion-button:not(.collapsed) {
    background-color: transparent !important;
    box-shadow: none !important;
    color: #ff8a5c;
  }
  
  .custom-accordion .accordion-body {
    background-color: transparent !important;
    border: none !important;
  }
  .custom-accordion .accordion-button {
    position: relative;
    padding: 30px 0px 30px 0px;
    color: #000;
  }
  .custom-accordion .accordion-button::after {
    content: "";
    background-image: none !important;
  }
  .custom-accordion .accordion-button::after {
    content: "+"; 
    color: black;
    font-size: 1.5rem;
    position: absolute;
    right: 1rem;
    top: 38%;
    transform: translateY(-50%);
    transition: transform 0.3s, color 0.3s;
  }
  .custom-accordion .accordion-button:not(.collapsed)::after {
    content: "-";
    color: #ff8a5c;
  }
  small.help-block
  {
    color: red;
  }
  #modal_headless .modal-content
  {
    border-radius: 0px !important;
  }
  #sec_14 .h5
  {
    text-transform: uppercase;
  }
  #modal_headless
  {
    --bs-modal-width: 600px !important;
  }