/*your custom css goes here*/

.thumbImgAlign .slick-track {
    width: 100% !important;
    display: flex;
    flex-direction: column;
}

.thumbImgAlign .slick-slide {
    width: 100% !important;
}

.topbarText {
    font-size: 16px;
    color: #1B1B1B;
    font-weight: 600;
}

.topbarText:hover {
    color: #1B1B1B !important;
}

.borderLeft {
    position: relative;
}

.borderLeft::before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    height: 30px;
    width: 0;
    border-left: 3px solid #1B1B1B;
}

.accountBtn {
    background-color: #007F5C;
    border-color: #007F5C;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding: 10px 20px;
    border-radius: 30px;
}

.accountBtn:hover {
    background-color: #007F5C !important;
    border-color: #007F5C !important;
    color: #fff !important;
}

.menuItemColor {
    color: #1B1B1B !important;
    font-size: 16px !important;
    font-weight: 600;
}

.menuItemColor.active {
    color: #007F5C !important;
    font-weight: 700;
    background-color: transparent !important;
    border-bottom: 3px solid #007F5C !important;
}

.menuBarBg {
    background-color: #F5F5F0 !important;
}

.svgRound {
    background: white;
    width: 45px;
    height: 45px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.svgRound:hover {
    background: #007F5C;
}

.svgRound:hover path {
    fill: #fff !important;
}

.searchIconPosition {
    position: absolute;
    right: 5px;
    top: 4px;
    background: #007F5C;
    color: white !important;
    padding: 6px 15px !important;
    border-radius: 100px !important;
}

.camIconPosition {
    position: absolute;
    top: 4px;
    right: 110px;
}

.imgHeight {
    height: 194px !important;
    border-radius: 15px !important;
}

.sliderHeight {
    height: 350px !important;
    border-radius: 25px !important;
}

.bannerGap {
    gap: 10px;
}

.couponSection {
    background-color: #F3F5F7;
    display: flex;
    align-items: center;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    padding-left: 40px !important;
}

.imgBorder {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}

.couponHeading {
    color: #377DFF;
    font-size: 16px !important;
    font-weight: 500;
    padding-bottom: 10px !important;
}

.couponTitle {
    color: #121212;
    font-weight: 900;
    padding-bottom: 10px !important;
}

.couponSubtitle {
    font-size: 16px !important;
    color: #121212;
    font-weight: 400 !important;
    padding-bottom: 10px !important;
}

.couponButton a {
    background-color: #007F5C;
    border-color: #007F5C;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding: 10px 20px;
    border-radius: 30px;
}

.couponButton a:hover {
    color: #007F5C !important;
}

.prdoductGallery {
    background-color: #F3F5F7 !important;
    height: 530px;
}

.custom-carousel-arrows {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 5;
    transform: translateY(-50%);
}

.carousel-prev,
.carousel-next {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    border: none;
}

.categorySidebarBg {
    background-color: #F4F4F4 !important;
    border-radius: 20px !important;
}

.categoryItemLink {
    color: #212121 !important;
    font-size: 18px !important;
    font-weight: 500 !important;
}

.categorySidebarHeading {
    color: #007F5C !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    margin-bottom: 30px;
}

.listAlign {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* For WebKit browsers */
::-webkit-scrollbar {
    width: 12px;
    /* width of vertical scrollbar */
    height: 5px !important;
    /* height of horizontal scrollbar */
}

::-webkit-scrollbar-track {
    background: #DADADA !important;
    /* scrollbar track */
    border-width: 5px !important;
}

::-webkit-scrollbar-thumb {
    background-color: #007F5C;
    /* scrollbar thumb */
    border-radius: 20px !important;
    /* rounded corners */
    border: 3px solid #f1f1f1;
    /* space around thumb */
    height: 10px !important;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #007F5C;
    /* darker on hover */
}

.featuredProducts .slick-track {
    display: flex !important;
    /* gap: 20px !important; */
    width: 100% !important;
}

.slick-slide {
    padding-bottom: 10px !important;
}

.featuredProducts .border-right {
    border: none !important;
}

.featuredProducts .slick-slide {
    width: 300px !important
}

.featuredProducts .slick-slide>div {
    width: 300px !important
}

/* .featuredProducts .hov-animate-outline::before {
    border: none !important;
}

.hov-animate-outline:hover::after {
    border: none !important;
} */

.featureImgBg {
    background-color: #F3F5F7 !important;
    border-radius: 20px !important;
    height: 300px !important;
    display: flex;
    align-items: center;
    justify-content: center;


}

.cart-btn {
    background-color: #007F5C !important;
    border-radius: 20px !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    padding: 10px 20px !important;
    opacity: 1 !important;
    /* width: 230px !important; */
}

.featureImgBg .absolute-bottom-left {
    /* left: 20px !important; */
}

.featureImgBg:hover .absolute-bottom-left {
    bottom: 14px !important;
}

.featureImgBg .hoverSvg {
    border-radius: 50px !important;
}

.productName a {
    color: #141718 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

.productPrice {
    color: #141718 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

.toSellersBg .slick-slide {
    background-color: #F3F5F7 !important;
    border-radius: 20px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px !important;
}

.borderSet {
    border: 1px solid #DADADA !important;
}

.whishlistPosition {
    position: absolute !important;
    top: 30px !important;
    right: 40px !important;
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    width: 50px;
    height: 50px;
}

.comparePosition {
    position: absolute !important;
    top: 90px !important;
    right: 40px !important;
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    width: 50px;
    height: 50px;
}

.whishlistPosition:hover {
    background: #007F5C;
}

.comparePosition:hover {
    background: #007F5C;
}

.whishlistPosition:hover path {
    fill: white !important
}

.comparePosition:hover path {
    fill: white !important
}

.tumbnailImageBlock .smallImg {
    width: 80px !important;
    height: 75px !important;
    border-radius: 13px !important;
}

.tumbnailImageBlock .slick-current .smallImg {
    border: 1px solid #007F5C !important;
    border-radius: 13px !important;
}

.tumbnailImageBlock .slick-list {
    height: 500px !important;
}

/* .mainCarousel .slick-list{
    width: 560px !important
}
.prdoductGallery .mainCarousel {
    width: 560px !important;
    display:contents !important
} */

.prdoductGallery .slick-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

.prdoductGallery .carousel-box {
    height: 530px !important;
    width: 430px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.prdoductGallery .mainCarousel img {
    height: 100% !important;
}

/* .prdoductGallery .slick-slide{
    width: 530px !important;
} */
.productDetailsBlock {
    border: 1px solid #DDDDDD !important;
    border-radius: 20px !important;
    margin-top: 60px !important;
    height: 650px;
}

.aizBtn {
    border-radius: 20px !important;
    color: #18181B !important;
    font-size: 14px !important;
    padding: 10px 20px !important;
    opacity: 1 !important;
    width: 150px !important
}

.aizBtn:hover {
    background-color: #007F5C !important;
    color: white !important;
}

.aiz-megabox>input:checked~.aizBtn,
.aiz-megabox>input:checked~.aizBtn {
    background-color: #007F5C !important;
    color: white !important;
}

.cartBtn {
    border-radius: 20px !important;
    color: #18181B !important;
    font-size: 14px !important;
    //padding: 10px 20px !important;
    opacity: 1 !important;
    //width: 150px !important;
    background-color: transparent !important;

}

.cartBtn:hover {
    background-color: #007F5C !important;
    color: white !important;
}

.requestquoteBg {
    background-image: url(../img/request.png) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    height: 300px !important;
}

.quoteForm {
    background-color: white !important;
    border-radius: 30px !important;
    box-shadow: 0px 0px 0px 1px #CCCCCC;
    padding: 20px !important;
    position: relative;
    top: -120px !important;
    height: 500px !important;


}

.requestInput {
    border: 1px solid #C9C9C9 !important;
    border-radius: 20px !important;

}

.requestLabel {
    color: #000000 !important;
    font-size: 20px !important;
    font-weight: 600 !important;
}

.requestInputFile {
    border: 1px solid #C9C9C9 !important;
    border-radius: 20px !important;
    height: 150px !important;
}

.quoteSubmit {
    background-color: var(--primary) !important;
    border-radius: 20px !important;
    color: white !important;
    font-size: 14px !important;
    padding: 10px 20px !important;
    opacity: 1 !important;
    width: 150px !important;


}

.custom-upload-wrapper {
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    padding: 10px;
    min-height: 145px;

}

.upload-btn {
    background-color: #f3f3f3;
    border: 1px solid #ddd;
    border-radius: 20px;
    padding: 4px 10px;
    font-size: 12px;
    color: #555;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: background-color 0.3s ease;
}

.upload-btn:hover {
    background-color: #ebebeb;
}

.requestTextArea {
    border: none !important;
}

.userMenuPosition {
    top: 70% !important
}

.hoverBg:hover .hoverText {
    color: white !important;
}

.hoverBg:hover {
    background-color: var(--primary) !important;
}