* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --mantine-scale: 1;
    --mantine-cursor-type: default;
    --mantine-webkit-font-smoothing: antialiased;
    --mantine-color-scheme: light dark;
    --mantine-moz-font-smoothing: grayscale;
    --mantine-color-white: #fff;
    --mantine-color-black: #000;
    --mantine-spacing-md: calc(1rem*var(--mantine-scale));
}
.navbar{
    box-shadow: 0px 2px 19px 0px #ebebeb;
    -webkit-box-shadow: 0px 2px 19px 0px #ebebeb;
    -moz-box-shadow: 0px 2px 19px 0px #ebebeb;
    /* padding: 0 !important; */
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{
    --bs-gutter-x: 9.5rem !important;
}
.navbar .navbar-brand h1{
    font-size: 22px;
}
.active{
    font-weight: 600 !important;
    background-color:#868e96 !important;
    border:none;
    color:#FFF !important;
    font-size:14px;
    border-radius: 5px;
}
.active:hover{
    background-color:#495057 !important;
}
header .bg{
    position: relative;
    padding-top: calc(11.25rem * var(--mantine-scale));
    padding-bottom: calc(8.125rem * var(--mantine-scale));
    background-image: url('/../public/FrontStyle/img/photo.jpeg');

/*url("{{url("/../public/fonts/NotoKufiArabic-VariableFont_wght.ttf")}}");*/

    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 38rem;
}
header .bg::before{
    content: '';
    position: absolute;
    background-color: #000;
    display: inline-block;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: .5;
}
.Hero_inner__iOgss {
    position: relative;
    text-align: center;
}
.Hero_inner__iOgss h1{
    margin-bottom: 1rem;
}
.Hero_inner__iOgss h1,
.Hero_inner__iOgss .content_r p{
    color: #FFF;
}
.Hero_inner__iOgss .content_r p{
    font-weight: 600;
}
.Hero_inner__iOgss .content_r {
    padding:0 20.5rem;
}
.Hero_inner__iOgss .Hero_controls{
    margin: 48px 0 0;
    display: flex;
    justify-content: center;
    padding-left: var(--mantine-spacing-md);
    padding-right: var(--mantine-spacing-md);
}
.Hero_inner__iOgss .Hero_controls a{
    margin-left: var(--mantine-spacing-md);
    color: var(--mantine-color-white);
    background-color: hsla(0,0%,100%,.4);
    padding: 6px 36px;
    border: none;
    border-radius: 5px;
    font-weight: 600;
    text-decoration: none;
}
.Hero_inner__iOgss .Hero_controls .colr{
    color: #FFF;
}
.Hero_inner__iOgss .Hero_controls .activeb{
    background-color: #FFF;
    color: #228be6;
}

.Footer {
    padding-top: calc(var(--mantine-spacing-xl) * 2);
    border-top: calc(.0625rem * var(--mantine-scale)) solid var(--mantine-color-gray-2)
}


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

[data-mantine-color-scheme=dark] .Footer_afterFooter {
    border-top: calc(.0625rem * var(--mantine-scale)) solid var(--mantine-color-dark-4)
}

@media (max-width: 48em) {
    .Footer_afterFooter {
        flex-direction:column;
        width: 100%;
    text-align: center;
    }
    
}


/* Category */
/* #228be6 */
.content_boxCategory{
    direction: rtl;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.content_boxCategory .icon{
    margin: 0 auto;
    width: 30px;
    height: 30px;
}
.content_boxCategory .icon img{
    width: 100%;
    height: 100%;
}
.content_boxCategory .cate-box{
    text-align: center;
    display: flex;
    flex-direction: column;
    width: 21.5%;
    margin: 5px 1rem;
    border: 1px solid #dee2e6;
}
.content_boxCategory .cate-box h6{
    color:#262626;
}
.mantine-active, .UnstyledButton-root{
    display: block;
    width: fit-content;
    margin-bottom: 1rem;
    background-color: #228be6eb;
    border: 0;
    padding: 5px 20px;
    border-radius: 5px;
    color: #FFF;
    border:1px solid #228be6eb;
}
.mantine-active a{
    color:#FFF;
}
.mantine-active:hover{
    background-color:#228be6;
    border:1px solid #228be6;
    color:#FFF !important;
}
.mantine-active:hover .mantine-active a{
    color:#228be6 !important;
}
.UnstyledButton-root:hover{
    background-color:#228be6;
    border:1px solid #228be6;
    color:#FFF;
}


@media (max-width: 520px){
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{
        --bs-gutter-x: 2.5rem !important;
    }
    .content_boxCategory .cate-box{
        width: 38%;
    }
}
@media (max-width: 768px){
    .content_boxCategory .cate-box{
        width: 38%;
    }
}



/* Company */
.cont-company{
    display: flex;
    align-items: center;
}
.cont-company a{
    text-decoration:none;
}
.Text-root{
    margin-right: 1rem;
    margin-bottom: 0;
    font-size: 18px;
}
.mantine-Avatar-root{
    width: 60px;
    height: 60px;
    border-radius: 100%;
    overflow: hidden;
}
.Avatar-image{
    width: 100%;
    height: 100%;
}
.UnstyledButton-root:hover{
    text-decoration: none;
}
.mantine-Card{
    border: 1px solid #dee2e6;
    padding: 13px;
    border-radius: 5px;
    margin:1rem 0;
    direction: rtl;
}

/* Search Page */
.mantine-Input-input{
    width: 100%;
    padding: 10px 82px 10px 40px;
    border: 1px solid #ebebeb;
    border-radius: 5px;
}
.search-container {
    width: 100%;
    position: relative;
    display: inline-block;
    text-align: right; /* Align text and content to the right */
}

.input-wrapper {
    position: relative;
}

.mantine-TextInput-section {
    position: absolute;
    top: 50%;
    left: auto; /* Adjust or remove left property */
    right: 10px; /* Adjust right property */
    transform: translateY(-50%);
}

.mantine-Input-input {
    padding-right: 35px; /* Adjust this value to control the space for the search icon */
}

.btn-se {
    position: absolute;
    top: 50%;
    right: auto; /* Adjust or remove right property */
    left: 10px; /* Adjust left property */
    transform: translateY(-50%);
    width: fit-content;
}

.socialF, .socialT, .socialI, .socialW{
    text-decoration: none;
    color: #FFF;
    padding: 2px 11px;
    border-radius: 12px;
}
.socialF:hover, .socialT:hover, .socialI:hover, .socialW:hover{
    color:#FFF;
}
.socialF{
    background-color: #1877F2;
}
.socialT{
    background-color: #1DA1F2;
}
.socialI{
    background-color: #E4405F;
}
.socialW{
    background-color: #25D366;
}

@media (max-width: 378px){
    .cont-company{
        flex-direction: column;
    }
    .cont-company a{
        margin: 14px 5px auto !important;
    }
        
}
@media (max-width: 720px){
 .attre{
        width:100% !important;
    }   
}
/* Missing Page */
.missing-page form{
    padding: 22px;
    background-color:#FFF;
    box-shadow: -1px -3px 6px 0px rgb(219 219 219 / 68%);
    -webkit-box-shadow: -1px -3px 6px 0px rgb(219 219 219 / 68%);
    -moz-box-shadow: -1px -3px 6px 0px rgb(219 219 219 / 68%);
}


/* Pinned Page */
.ancAc{
    text-decoration: none;
}
.ancAc:hover{
    color: #FFF;
}

/* About Company */
.Listing_card__Agj64{
    border: 1px solid #ebebeb;
    text-align: center;
}
.Listing_imageSection{
    padding: 21px;
    border-bottom: 1px solid #ebebeb;
    width: 100%;
}
.Listing_imageSection img{
    width: fit-content;
}
.mantine-Group-root{
    align-items: var(--group-align,center);
    display: flex;
    flex-direction: column;
    flex-wrap: var(--group-wrap,wrap);
    gap: var(--group-gap,var(--mantine-spacing-md));
    justify-content: center;
    border-bottom: 1px solid #ebebeb;
}
.mantine-Text-p{
    text-align: center;
    margin-right: 1rem;
    font-size: 22px;
    font-weight:700 !important;
}
.attre{
    /*margin-left: 2rem;*/
    width: 30%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.attre a{
    text-decoration: none;
    overflow: hidden;
    display: flex;
    margin-top: 0.5rem;
    margin-bottom: .5rem;
}
.attre .mantine-Badge-labelspan , .mantine-Badge-label{
    margin-left: 1rem;
    border:1px solid #228be6;
    text-decoration: none;
    padding: 3px 8px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 8px;
}
.anch_proof{
    background-color: #228be6;
    margin: 12px;
    padding: 4px 23px;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    cursor: pointer;
}
.anch_proof a{
    text-decoration: none;
    color: #FFF;
}
/*.anch_proof:hover{*/
/*    background-color: #228be6;*/
/*}*/
.anch_proof:hover a{
    color: #FFF;
}
.socidal{
    border-top: 1px solid #eee;
}
.Listing_section{
    padding: 11px;
    border-bottom: 1px solid #eee;
}


@media (max-width: 768px){
    .Hero_inner__iOgss .Hero_controls{
        flex-wrap:wrap;
    }
    .Hero_inner__iOgss .content_r{
        padding: 0 12px;
    }
    .Hero_inner__iOgss .Hero_controls a{
        margin-bottom:1rem;
    }
}