*{margin: 0; padding: 0; box-sizing: border-box}
body {font-family: "Noto Sans Arabic", sans-serif}


.dropdown-item.active, .dropdown-item:active {
    color: #be2edd;
    text-decoration: none;
    background-color: #fafafa;
}
.dir-rtl-sma{direction: rtl}

.main-color{color: #be2edd}
.second-color{color: #fd79a8}
.third-color{color: #2d3436}
.white-bgc-color{background-color: #fafafa}
.main-bgc-color{background-color: #be2edd}
.second-bgc-color{background-color: #fd79a8}
.third-bgc-color{background-color: #f8f8f8}
.main-bb-color{border-bottom: 1px solid rgb(190 46 221 / 25%)}
.main-bt-color{border-top: 1px solid rgb(190 46 221 / 25%)}
.second-bb-color{border-bottom: 1px solid  #fd79a8}
.z-index-sma{z-index: 999999}

.navbar .nav-link,
.navbar .nav-link:focus,
.navbar .nav-link:hover{color: #be2edd}
.navbar .nav-link.active{color: #fd79a8}


@media(min-width: 1024px){
    .image-logo-top-lg{
        position: absolute;
        top: 6%;
        left: 48%;
        transform: translate(-50%, -50%);
    }
    .py-1024-5p{padding-top: 5%; padding-bottom: 5%}
    .py-1024-3p{padding-top: 3%; padding-bottom: 3%}
    .px-1024-1p{padding-left: 1%; padding-right: 1%}
    footer{padding-top: 7%; padding-bottom: 3%}
}