.shopPage .nav_bg {
    background-color: transparent;
    color: #F7F7F2;
    z-index: 1;
    position: fixed;
    transition: background-color 0.3s ease;
    z-index: 1000;
}

.shopPage a {
    text-decoration: none;
}

.bg_mainShop {
    position: relative;
    /* background-image: url("../../images/shop/bg_shop.png"); */
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 759px;
    text-align: center;
    z-index: 0;
    /* top: -82px; */
    background-position: center;
}

.content_mainShop {
    padding-top: 150px;
}

.bg_mainShop h1 {
    color: #BEB093;
    font-weight: bold;
}

.bg_mainShop h5 {
    color: #E9E5DD;
}

.search-container {
    position: relative;
    width: 318px;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 100px;
}

.search-container-ar {
    right: 25%;
    left: 0%;
}

.content_mainShop input {
    background-color: #e8dec833;
    color: white;
    border: 1px solid white;
    border-radius: 30px;
    padding: 11px 30px;
    min-width: 314px;
}

.content_mainShop input::placeholder {
    color: white;
    opacity: 1;
}

.content_mainShop .icon_input {
    position: absolute;
    top: 51%;
    right: 10px;
    transform: translateY(-50%);
    color: #fff;
    pointer-events: none;
    background-color: #95652B;
    padding: 8px;
    border-radius: 50%;
}

.content_mainShop .icon_input_ar {
    left: 10px;
    right: 79%;
}


/* Scroll Arrow */
.scroll_arrows {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 100px;
}

.scroll-arrow {
    width: 15px;
    height: 15px;
    transform: rotate(45deg);
    border-right: 2px solid white;
    border-bottom: 2px solid white;
    animation: arrow-wave 1s infinite;
    animation-direction: alternate;
}

.scroll-arrow:nth-child(1) {
    animation-delay: calc(.1s * 1);
}

.scroll-arrow:nth-child(2) {
    animation-delay: calc(.1s * 2);
}

.scroll-arrow:nth-child(3) {
    animation-delay: calc(.1s * 3);
}

@keyframes arrow-wave {
    0% {
        opacity: 0;
    }

    50% {
        opacity: .5;
    }

    100% {
        opacity: 1;
    }
}

.sectionTwoMainShop {
    position: relative;
    top: 0px;
}

.sectionTwoMainShop .mt_main {
    margin-top: 90px;
    margin-bottom: 120px;
}

.sectionTwoMainShop .first_color {
    background-color: #9D746A !important;
}

.sectionTwoMainShop .second_color {
    background-color: #94A85A !important;
}

.sectionTwoMainShop .third_color {
    background-color: #7BA6BD !important;
}

.sectionTwoMainShop .fourth_color {
    background-color: #9486B2 !important;
}

/* .sectionTwoMainShop .active_color {
    border: 1px solid #9D746A;
} */

.bg_mainShop .btn_bestSelling_image_one {
    top: 344px;
    left: 737px;
}

.bg_mainShop .btn_bestSelling_image_two {
    top: 295px;
    left: 316px;
}

.bg_mainShop .btn_bestSelling_image_three {
    top: 459px;
    left: 919px;
}

.bg_mainShop .btn_bestSelling_image_four {
    top: 561px;
    left: 1199px;
}

.des_main_shop {
    position: absolute;
    left: 195px;
    top: 100px;
    animation: des_main_shop_ani 1s;
    animation-iteration-count: 1;
}

@keyframes des_main_shop_ani {
    0% {
        left: 0px;
        opacity: 0;
    }

    100% {
        left: 195px;
        opacity: 1;
    }
}

.des_details_main_shop {
    position: absolute;
    top: 56px;
    left: 174px;
    animation: des_details_main_shop 1s;
    animation-iteration-count: 1;
}

@keyframes des_details_main_shop {
    0% {
        left: 0px;
        opacity: 0;
    }

    100% {
        left: 174px;
        opacity: 1;
    }
}

.des2_main_shop {
    position: absolute;
    left: 202px;
    top: 290px;
    animation: des2_main_shop 1s;
    animation-iteration-count: 1;
}

@keyframes des2_main_shop {
    0% {
        left: 0px;
        opacity: 0;
    }

    100% {
        left: 202px;
        opacity: 1;
    }
}

.des2_details_main_shop {
    position: absolute;
    top: 322px;
    left: 121px;
    animation: des2_details_main_shop 1s;
    animation-iteration-count: 1;
}

@keyframes des2_details_main_shop {
    0% {
        left: 0px;
        opacity: 0;
    }

    100% {
        left: 121px;
        opacity: 1;
    }
}

.des3_main_shop {
    position: absolute;
    left: 321px;
    top: 175px;
    animation: des3_main_shop 1s;
    animation-iteration-count: 1;
}

@keyframes des3_main_shop {
    0% {
        left: 541px;
        opacity: 0;
    }

    100% {
        left: 321px;
        opacity: 1;
    }
}

.des3_details_main_shop {
    position: absolute;
    top: 214px;
    left: 441px;
    animation: des3_details_main_shop 1s;
    animation-iteration-count: 1;
}

@keyframes des3_details_main_shop {
    0% {
        left: 541px;
        opacity: 0;
    }

    100% {
        left: 441px;
        opacity: 1;
    }
}

.my_5 {
    margin-top: 30px;
    margin-bottom: 30px;
}

#carouselExampleAutoplaying9 .carousel-control-next-ar {
    width: 8%;
}

@media (max-width: 768px) {
    .bg_mainShop {
        height: 39vh;
    }

    .bg_mainShop h1 {
        font-size: 19px;
    }

    .bg_mainShop h5 {
        font-size: 12px;
    }

    .content_mainShop {
        padding-top: 70px;
    }

    .scroll_arrows {
        margin-top: 6px;
    }

    .scroll-arrow {
        width: 7px;
        height: 7px;
    }

    .search-container {
        margin-top: 35px;
        width: 155px;
    }

    .content_mainShop input {
        padding: 3px 10px;
        min-width: 121px;
        width: 150px;
        font-size: 13px;
    }

    .content_mainShop .icon_input {
        padding: 2px;
        font-size: 18px;
    }

    .bg_mainShop .bestSelling_des_images {
        width: 10px;
    }

    .bg_mainShop .btn_bestSelling_image_one {
        top: 110px;
        left: 202px;
    }

    .bg_mainShop .btn_bestSelling_image_two {
        top: 91px;
        left: 61px;
    }

    .bg_mainShop .btn_bestSelling_image_three {
        top: 149px;
        left: 264px;
    }

    .bg_mainShop .btn_bestSelling_image_four {
        top: 183px;
        left: 357px;
    }

    .product_main_shop {
        width: 122px !important;
    }

    .des_main_shop {
        left: 97px;
        width: 97px;
        top: 50px;
    }

    .des_details_main_shop {
        left: 73px;
        top: 7px;
    }

    .des_details_main_shop p,
    .des3_details_main_shop p,
    .des2_details_main_shop p {
        font-size: 14px !important;
    }

    .des2_main_shop {
        position: absolute;
        left: 94px;
        top: 139px;
        width: 97px;
    }

    .des2_details_main_shop {
        position: absolute;
        top: 164px;
        left: 47px;
    }

    .des3_details_main_shop {
        position: absolute;
        top: 106px;
        left: 247px;
    }

    .des3_main_shop {
        position: absolute;
        left: 176px;
        top: 84px;
        width: 117px;
    }

    .sectionTwoMainShop .mt_main {
        margin-top: 65px;
        margin-bottom: 40px;
        padding-left: 0px;
        padding-right: 0px !important;
        margin-right: 20px !important;
        margin-left: 20px !important;
    }

    .sectionTwoMainShop {
        top: 0x;
    }

    @keyframes des_main_shop_ani {
        0% {
            left: 0px;
            opacity: 0;
        }

        100% {
            left: 97px;
            opacity: 1;
        }
    }

    @keyframes des_details_main_shop {
        0% {
            left: 0px;
            opacity: 0;
        }

        100% {
            left: 73px;
            opacity: 1;
        }
    }

    @keyframes des2_main_shop {
        0% {
            left: 0px;
            opacity: 0;
        }

        100% {
            left: 94px;
            opacity: 1;
        }
    }

    @keyframes des2_details_main_shop {
        0% {
            left: 0px;
            opacity: 0;
        }

        100% {
            left: 47px;
            opacity: 1;
        }
    }

    @keyframes des3_main_shop {
        0% {
            left: 241px;
            opacity: 0;
        }

        100% {
            left: 176px;
            opacity: 1;
        }
    }

    @keyframes des3_details_main_shop {
        0% {
            left: 341px;
            opacity: 0;
        }

        100% {
            left: 247px;
            opacity: 1;
        }
    }

    .search-container-ar {
        right: 9%;
        left: 0%;
    }

    #carouselExampleAutoplaying9 .carousel-control-next,
    #carouselExampleAutoplaying9 .carousel-control-prev {
        top: 80px;
        height: 50px;
    }

    #carouselExampleAutoplaying9 .carousel-control-next-ar,
    #carouselExampleAutoplaying9 .carousel-control-prev-ar {
        width: 15%;
    }

    .my_5 {
        margin-top: 10px;
        margin-bottom: 0px;
    }

    .product_main_shop {
        width: 150px;
        height: 200px;
    }
}