.Blog .blogBox {
    border: 0.1em solid var(--accent-color2);
}

.Blog .blogBox .imgBox img {
    border-top-left-radius: var(--b-radius);
    border-top-right-radius: var(--b-radius);
}

.detailsContent img {
    width: 100%;
    height: auto;
}

.blogDetaile .detailBoxImg img {
    filter: brightness(0.8);
}

.blogDetaile .detailBoxImg h1 {
    top: 50%;
    right: 35%;
}

.home-button-next {
    width: 2rem;
    height:2rem;
    border-radius: calc(var(--b-radius)*1.5);
    position: absolute;
    bottom: 1rem;
    z-index: 22;
    right: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    backdrop-filter: blur(5px);
    background-color: var(--White) !important;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    background: url("data:image/svg+xml,%3Csvg width='6' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.83334 12.6667L1.00001 6.83333L6.83334 1' stroke='%23333333' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center;
}



.HomeBaners:hover .home-button-next.swiper-button-disabled,
.HomeBaners:hover .home-button-next.swiper-button-disabled,
.HomeBaners:hover .home-button-prev.swiper-button-disabled,
.HomeBaners:hover .home-button-prev.swiper-button-disabled {
    opacity: 0.5;
}


.home-button-prev {
    width: 2rem;
    height: 2rem;
    backdrop-filter: blur(5px);
    background-color: var(--White) !important;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    border-radius: calc(var(--b-radius)*1.5);
    position: absolute;
    bottom: 1rem;
    z-index: 22;
    right: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transform: rotate(180deg);
    background: url("data:image/svg+xml,%3Csvg width='6' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.83334 12.6667L1.00001 6.83333L6.83334 1' stroke='%23333333' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center;
}

.HomeBaners .home-button-prev,
.HomeBaners .home-button-next {
    /* opacity: 0; */
    /* transition: all 0.3s ease-in-out; */
}

.HomeBaners:hover .home-button-prev,
.HomeBaners:hover .home-button-next {
    opacity: 1;
}

.HomeBaners .home-slider-pagination {
    bottom: 1rem;
    right: 50%;
    z-index: 2;
}

.HomeBaners .home-slider-pagination .swiper-pagination-bullet {
    background: var(--accent-color2);
    height: 0.4rem;
    width: 0.4rem;
    transition: all 0.3s ease-in-out
}

.HomeBaners .home-slider-pagination .swiper-pagination-bullet-active {
    background: var(--White);
    width: 2rem;
    border-radius: 0.8rem;
    height: 0.4rem
}

.Banner-3col .banner-Box .buyText {
    top: 6rem;
    right: 1rem;
    color: #00233C;
    border-radius: calc(var(--b-radius) *2);
}

.Banner-3col .banner-Box .bannerText {
    top: 2rem;
    right: 1rem;
}

.Banner-2col .banner-Box .buyText {
    top: 9rem;
    left: 14rem;
    color: #00233C;
    border-radius: calc(var(--b-radius) *2);
}

@media (max-width:820px) {
    .Banner-2col .banner-Box .buyText {
        top: 60%;
        left: 3rem;
    }
}

.Banner-2col .banner-Box .bannerText {
    top: 5rem;
    left: 7rem;
}

.Banner-1col .banner-Box .buyText {
    top: 10rem;
    right: 15rem;
    color: #00233C;
    border-radius: calc(var(--b-radius) *2);
}

.Banner-1col .banner-Box .bannerText {
    top: 3rem;
    right: 15rem;
}

.homeBlog .blogBox {
    border: 0.1em solid var(--accent-color2);
}

.homeBlog .blogBox .imgBox img {
    border-top-left-radius: var(--b-radius);
    border-top-right-radius: var(--b-radius);
}

.HomeBaners .BannerBox .showProduct {
    top: 60%;
    right: 37%;
}