/*------------- header-------------------*/



/*menu mobile*/



/* Custom styles for the accordion */

.listMenuMobile {
    padding: 0 15px;
    margin-bottom: 20px;
    height: 445px;
    overflow: auto;
}

.listMenuMobile .accordion-button {
    text-decoration: none;
    color: #fff;
    background: transparent;
    border: 0;
    padding: 15px 0;
    outline: none !important;
    box-shadow: none !important;
}
.listMenuMobile .accordion-item {
    background: transparent;
    border: 0;
}

.listMenuMobile  div#mobileNavAccordion {
    background: transparent !important;
}


.listMenuMobile .accordion-button:not(.collapsed) {
    color: #fff;
    box-shadow: none;
}

.listMenuMobile .accordion-button::after {
    display: none;
    color: #fff;
    background: unset;
    content: '\f107';
    font-family: FontAwesome;
}

/* Only show arrow for items with submenu */
.listMenuMobile  .accordion-button[data-bs-toggle="collapse"]::after {
    display: block;
}

.listMenuMobile  .dropdown-item {
    padding: 0.5rem 1rem;
    display: block;
    text-decoration: none;
    color: inherit;
}


.listMenuMobile .accordion-body
{
    padding: 0;
}

.listMenuMobile .accordion-body  .list-unstyled {
    padding-right: 0;
    list-style: none;
    text-align: right;
    color: #fff;
    background: #393939;
    border-radius: 8px;
}



/* Hide accordion on desktop */
@media (min-width: 992px) {
    .listMenuMobile   #mobileNavAccordion {
        display: none;
    }
}

/* Responsive adjustments */
@media (max-width: 991px) {
    .listMenuMobile     .navbar-nav {
        display: none !important;
    }
}



.socialMediaMenu
{
    text-align: center;
    color: #FFFFFF;
}

.socialMediaMenu a
{
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
    padding: 0 8px;
    font-size: 20px;
}

.mobileMenu{
    width: 0;
    height: 0;
    position: fixed;
    left: 6px;
    top: 6px;
    z-index: 100000000;
    border-radius: 15px;
    transition: 0.3s;
    background: linear-gradient(180deg, #171717 0%, rgba(0, 0, 0, 0.85) 100%);
    overflow: hidden;

}
.mobileMenu.openMenu{
    width: 330px;
    height: 628px;
}


.closeMenu {
    text-align: left;
    padding: 8px 6px;
    margin-bottom: 15px;
}
.closeMenu .btnClose
{
    color: #fff;
    padding: 0;
    font-size: 35px;
}


.btnLangMobile {
    border: 2px solid #A4B0B6;
    padding: 7px;
    border-radius: 13px;
}

.btnLangMobile a
{
    display: block;
    margin-bottom: 2px;
    width: 55px;
    padding: 0;
    font-size: 14px;
    box-shadow: 0 0 1px 0 #00000047;
    color: #A4B0B6 !important;
    border: 0;
}

.btnLangMobile a.active
{
    background: #2c825e;
    color: #fff !important;

}


.btnSearch.navbar-toggler,
.btnOpenMenu.navbar-toggler
{
    border: 0 !important;
    box-shadow: unset !important;
    padding: 0 5px;
}

.btnOpenMenu.navbar-toggler span
{
    width: 2em;
    height: 1.5em;
}



/*end menu mobile*/







@media (max-width:1400px ) {
    .header .nav-item a.nav-link {
        padding: 10px 13px;
        font-size: 15px;
        font-weight: bold;
        border-bottom: 1px solid transparent;
        transition: 0.5s;
    }
}


@media (max-width:1200px ) {
    .container.container_header {
        width: 100%;
        max-width: 100%;
    }
}


@media (max-width:1149px ) {
    .header .nav-item a.nav-link {
        padding: 10px 12px;
        font-size: 14px;
        font-weight: bold;
        border-bottom: 1px solid transparent;
        transition: 0.5s;
    }
}


@media (max-width:1105px ) {
    .header .nav-item a.nav-link {
        padding: 10px 9px;
        font-size: 13px;
        font-weight: bold;
        border-bottom: 1px solid transparent;
        transition: 0.5s;
    }
}
@media (max-width:1020px ) {

    .logoWebSite
    {
        width: 95%;
    }

   .header .navbar-expand-lg .navbar-collapse {
          flex-basis: 100%;
    }

}

@media (max-width:500px ) {

    .logoWebSite {
        width: 100%;
    }

    .header .navbar-brand {
        width: 60%;
    }
    .modal_search.show .modal-dialog {
        width: 96%;
    }
}




/*-------------end header-------------------*/


/*-------------index -------------------*/

@media (max-width: 1170px) {

    .titleSlider {

        font-size: 30px;
        line-height: 70px;

    }

    .titleSlider p {

        margin-bottom: 0;
    }


}
@media (max-width: 990px) {
    .mainContainerSlide
    {
        max-width: 67%;
    }

    .containerSlide
    {
        width: 100%;
        max-width: 100%;
    }

    .mediaSlide .nameAlkafeel {
        width: 170px;

    }

    .sliderWebsite .slide {
        min-height: 555px;
    }

    .swiper.newSlider {
        width: 100%;
        height: 445px;
    }




}

@media (max-width: 815px) {
    .titleSlider {
        font-size: 26px;
        line-height: 56px;
    }

}

@media (max-width: 700px) {
    .titleSlider {
        font-size: 22px;
        line-height: 50px;
    }

    .swiper.newSlider {
        width: 100%;
        height: 340px;
    }

    .sliderWebsite .slide {
        min-height: 425px;
    }
}

@media (max-width: 550px) {
    .titleSlider {
        font-size: 12px;
        line-height: 26px;
    }
    .titleSlider h6 span{
        font-size: 7px;
    }

    .videoSlider {
        width: 100%;
        position: relative;
        z-index: 100;
    }

    .imageSlider {
        width: 100%;

        max-width: 100%;
    }

    .mediaSlide .nameAlkafeel {
        width: 84px;
    }

    .sun .sun1 {
        position: absolute;
        top: 8px;
        right: 63%;
        width: 20%;
    }
    .sun .sun2 {
        right: 58%;
        width: 30%;
    }
    .swiper.newSlider {
        width: 100%;
        height: 230px;
    }
    .sliderWebsite .slide {
        min-height: 330px;
    }
    .newSlider .controlSlider {
        margin-top: 0px;
    }


    .newSlider .swiper-pagination-vertical.swiper-pagination-bullets, .newSlider .swiper-vertical>.swiper-pagination-bullets {
        bottom: 3px;
        left: 0;
        width: 87%;

    }
    .newSlider .swiper_pagination {
        width: 172px;
    }
    .newSlider .controlSlider {
        margin-top: 0;
    }

    .newSlider .swiper-pagination span {
        width: 17px;
        margin: 4px var(--swiper-pagination-bullet-horizontal-gap, 4px) !important;
    }


    .about_Product {
        font-size: 27px;
        font-weight: 500;
        line-height: 40px;
        text-align: center;
        color: #12825F;
        margin-bottom: 30px;
    }





    .controlCarousel {
        position: relative;
        width: 100%;
        display: block;
        margin: 0;
        min-height: auto;
        overflow-y: unset;
        overflow-x: unset;
        margin-bottom: 36px;
    }


}




/*-------------end index -------------------*/




/*-------------  product index -------------------*/



@media (max-width: 1310px) {

    .lefImgProd {
        position: relative;

        height: 100%;
    }

    .lefImgProd img {
        width: 100%;
        display: block;
        position: absolute;
        bottom: -19px;
        right: -37px;
    }

}




@media (max-width: 1174px) {

    .lefImgProd img {

        bottom: -54px;

    }

}


@media (max-width: 984px) {

    .lefImgProd img {
        bottom: -45px;
        width: 162%;
        right: -75px;
    }

}





.contentCardProduct .screen-100
{
    display: none;
}

@media (max-width: 766px) {

    .lefImgProd img {
        bottom: -42px;
        width: 115%;
        right: -52px;
        position: relative;
    }


    .contentCardProduct .screen-1000
    {
        display: none;
    }

    .contentCardProduct .screen-100
    {
        display: block;
    }



    .namePage {
        margin-top: -76px;
    }

    .namePage p {
        color: #767676;
        margin-top: 13px;
    }

    .rigtImgProd
    {
        position: relative;
    }

    .rigtImgProd img {
        bottom: -42px;
        width: 115%;
        right: 0;
        position: relative;
    }


    .contentCardProduct.headerPageProduct {
        height: 287px;
    }




    .contentCardProduct {
        height: 525px;
        text-align: center;
    }

}


@media  (max-width: 500px) {

    .imageProductRgt img, .imageProductLet img {
        max-width: 308px;
    }
    .nameProd .nameP {
        font-size: 34px;

    }

    .lefImgProd img {
        bottom: -29px;
        width: 115%;
        right: -44px;
        position: relative;
    }

}


@media  (max-width: 450px) {

    .imageProductRgt img, .imageProductLet img {
        max-width: 308px;
    }
    .nameProd .nameP {
        font-size: 34px;

    }

    .lefImgProd img {
        bottom: -29px;
        width: 115%;
        right: -44px;
        position: relative;
    }

}





/*-------------end product index -------------------*/





/*-------------  product list -------------------*/




@media (max-width:1646px ) {

    .wave {
        bottom: -11px;
        clip-path: polygon(100% 0, -55% 94%, 100% 100%);
    }
    .wave:before {
        transform: rotate(357deg);
        bottom: 98px;
        right: -3px;
        left: -3px;
    }

}


@media (max-width:1380px ) {

    .wave {
        bottom: -11px;
        clip-path: polygon(100% 0, -78% 94%, 100% 100%);
    }
    .wave:before {
        transform: rotate(357deg);
        bottom: 103px;
        right: -3px;
        left: -3px;
    }

}

@media (max-width:1158px ) {

    .wave {
        bottom: -11px;
        clip-path: polygon(106% 0, -98% 90%, 106% 99%);
    }
    .wave:before {
        transform: rotate(357deg);
        bottom: 107px;
        right: -3px;
        left: -3px;
    }

}



@media (max-width:1124px ) {
    .circle-text {
        width: 185px;
        height: 185px;
    }

}


@media (max-width:568px ) {

    .circle-text {
        width: 155px;
        height: 155px;
        font-size: 20px;
        margin-bottom: 10px;
    }

    .forSmCenter {
        display: flex;
        align-items: center;
        justify-content: center;
    }


    .circle-image {
        width: 52%;
    }


    .custom-container {
        height: 580px;
    }
    .wave:before {
        transform: rotate(353deg);
        bottom: 107px;
        right: -3px;
        left: -22px;
    }

}





/*------------- end product list -------------------*/