body {
    direction: rtl;
}

.ml-1 {
    margin-right: 1rem !important;
}

.mr-1 {
    margin-left: 1rem !important;
}

.ml-2 {
    margin-right: 1.5rem !important;
}

.mr-2 {
    margin-left: 1.5rem !important;
}

.ml-3 {
    margin-right: 2rem !important;
}

.mr-3 {
    margin-left: 2rem !important;
}

.ml-4 {
    margin-right: 2.5rem !important;
}

.mr-4 {
    margin-left: 2.5rem !important;
}

.ml-5 {
    margin-right: 3rem !important;
}

.mr-5 {
    margin-left: 3rem !important;
}

.ml-6 {
    margin-right: 3.5rem !important;
}

.mr-6 {
    margin-left: 3.5rem !important;
}

.ml-7 {
    margin-right: 4rem !important;
}

.mr-7 {
    margin-left: 4rem !important;
}


.navbar-toggler img,
.offcanvas-header .btn-close-menu {
    transform: rotate(180deg);
}

.offcanvas-header .btn-close-menu {
    position: absolute;
    top: 32px;
    left: 29px;
    border: none;
    background: none;
    transition-duration: 4ms;
}


/* #v1-s1 {
    top: 20%;
    right: 3%;
}

#v2-s1 {
    top: 12%;
    right: 50%;
}

#v3-s1 {
    position: relative !important;
    margin-top: -890px;
    right: -97%;
    width: 99px;
    transform: rotate(30deg);
} */
    /* height: 100px; */

/* #v4-s1 {
    bottom: 38%;
    right: 41%;
}

#v5-s1 {
    bottom: 36%;
    right: 7%;
}

#v6-s1 {
    width: 14px;
    top: 10%;
    left: 128px;
} */


#v1-s1 {
    top: -502px;
    right: -54px;
}

#v2-s1 {
    top: -525px;
    right: 31%;
}

#v3-s1 {
    top: -29px;
    right: -26px;
}

#v4-s1 {
    top: -83px;
    right: 20%;
}



#v1-s2 {
    top: 233%;
    left: 20%;
}

#v2-s2 {
    top: 126%;
    right: 203px;
}

#v3-s2 {
    width: 60px;
    top: 197%;
    right: 210px;
}


.arrows {
    position: relative;
    top: 264px;
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
}

.arrows1 {
    position: relative;
    top: 512px;
    display: flex;
    justify-content: center;
}

.arrow1 {
    /* position: relative;
    top: 240px;
    left: 29%;
    transform: translate(-50%, -50%); */
    margin-right: 274px;
    transform: rotate3d(20, 432, 0, 180deg);
}

.arrow2 {
    /* position: relative;
    top: 240px;
    right: -50%; */
    transform: rotate3d(683, -362, -147, 536deg);
}

.arrow3 {
    /* position: relative;
    top: 746px;
    right: -39%; */

    /* position: absolute;
    top: 746px;
    left: 47%;
    transform: translate(-50%, -50%); */
    transform: rotate3d(228, 160, -16, 180deg);
}




.left-comp {
    top: 60px;
    right: 6.4%;
}

.right-comp {
    top: 160px;
    right: -4%;
}


.head-section {
    display: flex;
    flex-direction: column;
    position: relative;
}


.head-section>div:nth-child(1){
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.head-section>div:nth-child(1)>div{
    display: flex;
    flex-direction: column;
    width: 50%;
}


.bloc-section {
    display: flex;
    align-items: center;
    background-color: var(--color-dark-green);
    height: 260px;
    border-radius: 32px;
    margin-top: 80px;
    margin-bottom: 40px;
}

.bloc-section img {
    position: relative;
    top: -68px;
    transform: scaleX(-1);
    width: 290px;
}

.flex-rtl-row-reverse {
    flex-direction: row-reverse !important;
}

.pro-sec-7-box {
    direction: rtl;
}

.owl-carousel {
    direction: ltr;
}


#v1-sec-1-individuel {
    top: -502px;
    right: -54px;
}

#v2-sec-1-individuel {
    top: -525px;
    right: 31%;
}

#v3-sec-1-individuel {
    top: -29px;
    right: -26px;
}

#v4-sec-1-individuel {
    top: -83px;
    right: 20%;
}


#v1-sec-1-association {
    top: -502px;
    right: -54px;
}

#v2-sec-1-association {
    top: -525px;
    right: 31%;
}

#v3-sec-1-association {
    top: -29px;
    right: -26px;
}

#v4-sec-1-association {
    top: -83px;
    right: 20%;
}

.img-rtl-rotate {
    transform: scaleX(-1);
}

#v1-sec-1-pro {
    top: -502px;
    right: -54px;
}

#v2-sec-1-pro {
    top: -525px;
    right: 31%;
}

#v3-sec-1-pro {
    top: -29px;
    right: -26px;
}

#v4-sec-1-pro {
    top: -83px;
    right: 20%;
}



#v1-sec-2-pro {
    top: -379px;
    right: -54px;
    z-index: -1;
    width: 80px;
    transform: rotate(25deg);
}

#v2-sec-2-pro {
    top: -449px;
    right: 79%;
}

#v3-sec-2-pro {
    top: -291px;
    right: 90%;
    width: 16px;
}

#v4-sec-2-pro {
    top: -34px;
    right: 56%;
}



#v1-sec-4-pro {
    top: -416px;
    right: -29px;
}

#v2-sec-4-pro {
    top: -449px;
    right: 79%;
}

#v3-sec-4-pro {
    top: -132px;
    right: 84%;
    width: 16px;
}

#v4-sec-4-pro {
    width: 73px;
    top: -38px;
    right: -28px;
    transform: rotate(210deg);
}






#v1-sec-1-supermarche {
    top: -502px;
    right: -54px;
}

#v2-sec-1-supermarche {
    top: -525px;
    right: 31%;
}

#v3-sec-1-supermarche {
    top: -29px;
    right: -26px;
}

#v4-sec-1-supermarche {
    top: -83px;
    right: 20%;
}



#v1-sec-1-industriel {
    top: -502px;
    right: -54px;
}

#v2-sec-1-industriel {
    top: -525px;
    right: 31%;
}

#v3-sec-1-industriel {
    top: -29px;
    right: -26px;
}

#v4-sec-1-industriel {
    top: -83px;
    right: 20%;
}




#v1-sec-1-restaurant {
    top: -502px;
    right: -54px;
}

#v2-sec-1-restaurant {
    top: -525px;
    right: 31%;
}

#v3-sec-1-restaurant {
    top: -29px;
    right: -26px;
}

#v4-sec-1-restaurant {
    top: -83px;
    right: 20%;
}


#v1-sec-1-boulangerie {
    top: -502px;
    right: -54px;
}

#v2-sec-1-boulangerie {
    top: -525px;
    right: 31%;
}

#v3-sec-1-boulangerie {
    top: -29px;
    right: -26px;
}

#v4-sec-1-boulangerie {
    top: -83px;
    right: 20%;
}


#v1-sec-1-market {
    top: -502px;
    right: -54px;
}

#v2-sec-1-market {
    top: -525px;
    right: 31%;
}

#v3-sec-1-market {
    top: -29px;
    right: -26px;
}

#v4-sec-1-market {
    top: -83px;
    right: 20%;
}





#v1-sec-1-dlc {
    top: -502px;
    right: -54px;
}

#v2-sec-1-dlc {
    top: -525px;
    right: 31%;
}

#v3-sec-1-dlc {
    top: -29px;
    right: -26px;
}

#v4-sec-1-dlc {
    top: -83px;
    right: 20%;
}



#v1-sec-1-donate {
    top: -502px;
    right: -54px;
}

#v2-sec-1-donate {
    top: -525px;
    right: 31%;
}

#v3-sec-1-donate {
    top: -29px;
    right: -26px;
}

#v4-sec-1-donate {
    top: -83px;
    right: 20%;
}




#v1-sec-1-blog {
    top: -502px;
    right: -54px;
}

#v2-sec-1-blog {
    top: -525px;
    right: 31%;
}

#v3-sec-1-blog {
    top: -29px;
    right: -26px;
}

#v4-sec-1-blog {
    top: -83px;
    right: 20%;
}


#v1-sec-1-presse {
    top: -502px;
    right: -54px;
}

#v2-sec-1-presse {
    top: -525px;
    right: 31%;
}

#v3-sec-1-presse {
    top: -29px;
    right: -26px;
}

#v4-sec-1-presse {
    top: -83px;
    right: 20%;
}



#v1-sec-1-contact {
    top: -502px;
    right: -54px;
}

#v2-sec-1-contact {
    top: -525px;
    right: 31%;
}

#v3-sec-1-contact {
    top: -29px;
    right: -26px;
}

#v4-sec-1-contact {
    top: -83px;
    right: 20%;
}








#v1-sec-4-supermarche {
    width: 303px;
    right: 50%;
    margin: -99px 0px -228px;
    transform: rotate(-29deg);
}

#v5-sec-5-supermarche {
    width: 303px;
    right: 7%;
    margin: -345px 0px -228px;
    transform: rotate3d(-100, 314, 1, 180deg);
}

#v3-sec-6-supermarche {
    width: 303px;
    right: 50%;
    margin: -99px 0px -228px;
    transform: rotate(-29deg);
}


#v1-sec-4-industriel {
    width: 303px;
    right: 50%;
    margin: -217px 0px -228px;
    transform: rotate(-29deg);
}

#v5-sec-5-industriel {
    width: 256px;
    right: 7%;
    margin: -288px 0px -228px;
    transform: rotate3d(-137, 329, 1, 180deg);
}

#v3-sec-6-industriel {
    width: 260px;
    right: 45%;
    margin: -271px 0px -228px;
    transform: rotate(-29deg);
}



#v1-sec-4-restaurant {
    width: 303px;
    right: 46%;
    margin: -217px 0px -228px;
    transform: rotate(-29deg);
}

#v5-sec-5-restaurant {
    width: 256px;
    right: 7%;
    margin: -288px 0px -228px;
    transform: rotate3d(-137, 329, 1, 180deg);
}

#v3-sec-6-restaurant {
    width: 221px;
    right: 48%;
    margin: -239px 0px -228px;
    transform: rotate(-36deg);
}

#v1-sec-4-boulangerie {
    width: 303px;
    right: 46%;
    margin: -217px 0px -228px;
    transform: rotate(-29deg);
}

#v5-sec-5-boulangerie {
    width: 256px;
    right: 7%;
    margin: -288px 0px -228px;
    transform: rotate3d(-137, 329, 1, 180deg);
}

#v3-sec-6-boulangerie {
    width: 221px;
    right: 48%;
    margin: -239px 0px -228px;
    transform: rotate(-36deg);
}


.supermarche-sec-3-box {
    background: var(--color-white);
    box-shadow: 0px 24px 48px rgba(0, 0, 0, 0.0818048);
    border-radius: 16px;
    width: 30%;
    height: 310px;
    padding: 16px 24px;
}


.bg-svg {
    width: 100%;
    aspect-ratio: 1/.37;
    background: url(/assets/Images/Imagesboulangeries/fifth_ar.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.industriel-sec-3-box {
    height: 333px;
}

.boulangerie-sec-3-box {
    height: 308px;
}

.market-sec-6-box {
    height: 284px;
}

.donate-sec-7-box {
    height: 318px;
}




.shapes1 {
    right: 8%;
    width: 57.91px;
    height: 72.11px;
}

.shapes2 {
    margin-top: 290px;
    right: 18%;
    width: 99.46px;
    height: 100px;
}

.shapes3 {
    margin-top: 500px;
    right: 8%;
    width: 75.3px;
    height: 100px;
}

.shapes4 {
    margin-top: 674px;
    right: 19%;
    width: 63.09px;
    height: 110.63px;
}

.shapes5 {
    margin-top: 948px;
    right: 8%;
    width: 95.69px;
    height: 32.85px;
}

.shapes6 {
    margin-top: 1072px;
    right: 20%;
    width: 79.73px;
    height: 119.41px;
}

.shapes7 {
    margin-top: 1370px;
    right: 8%;
    width: 88px;
    height: 90.5px;
}

.shapes8 {
    left: 4% !important;
    width: 92.02px;
    height: 98.8px;
}

.shapes9 {
    margin-top: 394px;
    left: 7%;
    width: 78.55px;
    height: 63.01px;

}

.shapes10 {
    margin-top: 540px;
    left: 12%;
    width: 126.59px;
    height: 125px;
}

.shapes11 {
    margin-top: 813px;
    left: 7%;
    width: 97.36px;
    height: 115px;
}

.shapes12 {
    margin-top: 1080px;
    left: 12%;
    width: 94.35px;
    height: 121.84px;
}

.shapes13 {
    margin-top: 1361px;
    left: 7%;
    width: 44.91px;
    height: 45.21px;
}








#v1-sec-5-industriel {
    top: -350px;
    right: 45px;
}

#v2-sec-5-industriel {
    top: -183px;
    right: 161px;
    width: 80px;
}

#v3-sec-5-industriel {
    top: -40px;
    right: 50%;
}

#v4-sec-5-industriel {
    rotate: 30deg;
    width: 70px;
    top: -70px;
    right: 45%;
}


#v1-sec-6-industriel {
    top: -118px;
    right: 70%;
}

#v2-sec-6-industriel {
    right: 50%;
}


#v1-sec-7-industriel {
    top: -142px;
    right: 200px;
    width: 80px;
}

#v2-sec-7-industriel {
    top: -45px;
    right: 395px;
}

#v3-sec-7-industriel {
    top: -36px;
    right: 80%;
}

#v4-sec-7-industriel {
    top: 16px;
    right: 77%;
    width: 80px;
    rotate: 30deg;
}





#v1-sec-5-supermarche {
    top: -350px;
    right: 45px;
}

#v2-sec-5-supermarche {
    top: -183px;
    right: 161px;
    width: 80px;
}

#v3-sec-5-supermarche {
    top: -40px;
    right: 50%;
}

#v4-sec-5-supermarche {
    rotate: 30deg;
    width: 70px;
    top: -70px;
    right: 45%;
}


#v1-sec-6-supermarche {
    top: -118px;
    right: 70%;
}

#v2-sec-6-supermarche {
    right: 50%;
}


#v1-sec-7-supermarche {
    top: -142px;
    right: 200px;
    width: 80px;
}

#v2-sec-7-supermarche {
    top: -45px;
    right: 395px;
}

#v3-sec-7-supermarche {
    top: -36px;
    right: 80%;
}

#v4-sec-7-supermarche {
    top: 16px;
    right: 77%;
    width: 80px;
    rotate: 30deg;
}





#v1-sec-5-restaurant {
    top: -350px;
    right: 45px;
}

#v2-sec-5-restaurant {
    top: -183px;
    right: 161px;
    width: 80px;
}

#v3-sec-5-restaurant {
    top: -40px;
    right: 50%;
}

#v4-sec-5-restaurant {
    rotate: 30deg;
    width: 70px;
    top: -70px;
    right: 45%;
}


#v1-sec-6-restaurant {
    top: -118px;
    right: 70%;
}

#v2-sec-6-restaurant {
    right: 50%;
}


#v1-sec-7-restaurant {
    top: -142px;
    right: 200px;
    width: 80px;
}

#v2-sec-7-restaurant {
    top: -45px;
    right: 395px;
}

#v3-sec-7-restaurant {
    top: -36px;
    right: 80%;
}

#v4-sec-7-restaurant {
    top: 16px;
    right: 77%;
    width: 80px;
    rotate: 30deg;
}






#v1-sec-5-boulangerie {
    top: -350px;
    right: 45px;
}

#v2-sec-5-boulangerie {
    top: -183px;
    right: 161px;
    width: 80px;
}

#v3-sec-5-boulangerie {
    top: -40px;
    right: 50%;
}

#v4-sec-5-boulangerie {
    rotate: 30deg;
    width: 70px;
    top: -70px;
    right: 45%;
}


#v1-sec-6-boulangerie {
    top: -118px;
    right: 70%;
}

#v2-sec-6-boulangerie {
    right: 50%;
}


#v1-sec-7-boulangerie {
    top: -142px;
    right: 200px;
    width: 80px;
}

#v2-sec-7-boulangerie {
    top: -45px;
    right: 395px;
}

#v3-sec-7-boulangerie {
    top: -36px;
    right: 80%;
}

#v4-sec-7-boulangerie {
    top: 16px;
    right: 77%;
    width: 80px;
    rotate: 30deg;
}


.reverse-rtl {
    transform: scaleX(-1);
}