@import url('https://fonts.googleapis.com/css2?family=Jameel+Noori+Nastaleeq&display=swap');
body {
    font-family: 'Jameel Noori Nastaleeq', sans-serif;
  }

  /* scroll bar */
  ::-webkit-scrollbar {
    background-color: transparent;
    border-radius: 10px;
  }
  ::-webkit-scrollbar-thumb {
    background-color: #a75a0b;
    border-radius: 10px;
}
/* icon rotate */
.dropdown-icon-arrow {
    transition: transform 0.3s ease; /* Add transition for smooth rotation */
}
.rotate-down {
transform: rotate(180deg);
margin-bottom: 7px;
}

/* Navbar Top */
.navbar{
    background-color: #FFFFFF !important;
    padding: 24px 0px !important;
}
.webLogo{
    width: 205.41px;
    height: 40px;
}
.language-icon-arrow{
    margin-top: 14px !important;
    font-weight: 300 !important;
    color: #948888;
}
.nav-link{
    font-weight: 300;
}
.nav-item{
    margin-right: 30px;
}
.navbar-nav .nav-item .nav-link {
    color: #4a4f59;
    font-size: 20px;
    font-weight:600;
}
.navbar-nav .nav-link.active {
    text-decoration: underline;
    color: #a75a0b;
    font-weight: 600;
}
.forSmScreen{
    display: none;
}
.languageBox{
    width: 100%;
    background: transparent;
    border: none;
    padding: 8px 0px;
}



/* Navber 2 */
.topheader2{
    background-color: #A75A0B;
    padding: 24px 0px;
}
.menu2{
    justify-content: center;
}
.menu2 .nav-item{
    list-style: none !important;
    color: #FFFFFF;
    font-size: 14px;
}
.menu2 .nav-item .nav-link{
    font-weight: 400 !important;
    font-size: 21px;
}
.dropdown-icon-arrow{
    margin-top: 5px;
}
.dropdownTitleBox{
    width: 104% !important;
}
/* media screen */
@media (max-width: 767.98px) {
    .menu2ForBigScreen{
        display: none;
    }
    .menu2ForSmScreen{
        display: block;
    }
    .topheader2{
        background-color: #FFFFFF !important;
    }
    .menu2 .nav-item .nav-link{
        color: #565353 !important;
        font-weight: 300 !important;
    }
    .menu2{
        border: 2px solid #dcbd9d;
        border-radius: 5px;
        padding-left: 12px;
    }
    .forSmScreen{
        display: block;
        margin-left: 10px !important;
        margin-top: 10px;
        text-align: right;
    }
    .smheadermenu{
        text-align: right !important;
    }
    .forBigScreen{
        display: none;
    }
    .languageDropDown{
        margin-right: 10px;
        margin-left: 10px;
    }
    .dropdown-menu{
        border: none !important;
    }
    .dropdown-menu li a{
        color: #565353 !important;
        font-weight: 300 !important;
        padding-left: 0px;
    }
}

/* Banner */
.vectorBanner {
    background-image: url('../vector.png');
    background-size: contain;
}


.banner-info{
    text-align: end;
}
.banner-info h1{
    font-weight: bold;
    color: #452519;
    font-size: 40px;
}
.banner-info p{
    font-weight: 600;
    color: #4a4f59;
    font-size: 28px;
}

@media (max-width: 767.98px) {
   .banner-info{
    margin-top: 40px;
   }
   .banner-front-image{
    margin-top: 50px;
   }

   .banner-info h1{
    font-weight: bold;
    color: #452519;
    font-size: 27px;
}
}

/* Main Body Part */
.bodyContentDot{
    float: right;
}
.pointDot{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px !important;
    height: 20px !important;
    background-color: #a75a0b;
    border-radius: 50%;
    color: #ffff;
    font-size: 10px;
    margin-left: 5px;
}
.pointDot2{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    background-color: #c08951;
    border-radius: 50%;
    color: #ffff;
    font-size: 10px;
    margin-left: 5px;
}
.mainBodyPart{
    background-color: #FFFFFF;
}

.sideBar{
    background-color: #f6efe7;
}
.sideBarHeading{
    background-color: #A75A0B;
    color: #FFFFFF;
    padding: 9px 20px;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
}
.input-group {
    width: 100%;
    background-color: #FFFFFF;
    border: 2px solid #e2c8ad !important;
    border-left: none !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.category-group a{
    text-decoration: none !important;
}
.searchbigroup{
    display: flex;
}
.searchIcnGroup{
    width: 15%;
}
.sideBarSearch{
    direction: rtl;
    text-align: right;
    padding: 3px 5px;
    width: 85%;
    outline: none;
    border: none;
}
.input-group-text{
    background: none !important;
    border: none;
}
.search-icon{
    margin-top: 5px;
    font-size: 18px;
    color: #7d7d7d;
}
.search-button{
    background-color: #A75A0B !important;
    color: #FFFFFF;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

/* Side Bar */
.sideBarDropDown{
    position: sticky;
    top: 0;
    height: 80vh;
    overflow-y: auto;
}
.sideBarDropDownMobile{
    position: sticky;
    top: 0;
    height: 70vh;
    overflow-y: auto;
}
.scrollHeight{
    height: 200px;
}
.sideDot{
    display: -webkit-inline-box;
    width: 21px;
    height: 20px;
    background-color: #a75a0b;
    border-radius: 50%;
    margin-right: 5px;
}
.sideDotText{
    align-items: center;
    display: flex;
    font-size: 25px;
}
.sideDotList{
    display: -webkit-inline-box;
    width: 20px;
    height: 20px;
    background-color: #c08951;
    border-radius: 50%;
    margin-right: 5px;
    font-size: 25px;
}
.category-list {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}
.category-list ul li{
    list-style: none;
}
.category-group{
    margin-right: 12px !important;
}
.category-group.active .category-list {
    max-height: 900px;
}
.category-group.active .category-title {
    border: 3px solid #e2c8ad;
    background-color: #f6efe7;
    padding: 3px 6px;
    font-weight: 400;
}
.category-group{
    background-color: #FFFFFF;
    margin: 10px 0px;
    padding: 10px;
    border-radius: 5px;
}
.category-title{
    background-color: #f6efe7;
    padding: 6px 10px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 300;
    color: #a75a0b;
    direction: rtl;
}
.categoryEnd{
    width: 100%;
    height: 17px;
    background-color: #A75A0B85;
    margin-top: 20px;
    border-radius: 12px;
}
.sideDropItem{
    align-items: center;
    display: flex;
    margin-top: 8px;
    background-color: #f6efe7;
    padding: 10px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 300;
    color: #a75a0b;
    padding-left: 13px;
    direction: rtl;
}
.sideDropItem:hover{
    background-color: #a75a0b;
    color: #ffff;
}

@media (max-width: 767.98px) {
    .sideBarDropDown{
        display: none;
    }
    .mobile-menu {
    display: block !important;
    }
    .sideDropItem{
        padding-left: 30px;
    }
 }

/* Body content */
.body-row{
    direction: rtl;
}
.body-content{
    background-color:hsl(0deg 0% 95.69%);
    font-weight: 400;
    color: #48291d;
    font-size: 22px;
}
.body-content-image{
    border-radius: 36px;
}

@media (min-width: 767.98px) {
    .body-content-image{
        height: 258px;
        width: 100%;
    }
}

/* go to top */
.TopButtonNone{
    display: none;
 }

 .goToTop a{
    text-decoration: none;
    font-size: 12px;
    margin-right: 3px;
 }
 .goToTop i{
    font-size: 12px;
 }

/* Footer */
.mainFooter{
    background-color: #452519;
}
.footerLinkList ul li{
    float: left;
    list-style: none;
    margin-right: 15px;
}
.footerLinkList ul li a{
    text-decoration: none;
    color: #FFFFFF;
    font-size: 18px;
}

.footerLinkList ul li a:hover{
    text-decoration: none;
    color: #bbb4b4;
    font-size: 18px;
}
.footerLink{
    justify-content: end;
}
.footer-content{
    border-bottom: 1px solid #dcbd9d;
    padding-bottom: 40px;
}
.footerCopyright p a{
    text-decoration: none;
    color:#FFFFFF;
}
@media (max-width: 767.98px) {
    .footerLink{
        width: 100%;
        justify-content: center !important;
        margin-top: 25px;
    }
    .footerLogo a img{
        width: 150px !important;
        height: 32px;
    }
    .footer-center-sm{
        display: contents;
    }
    .TopButtonNone{
        display: block;
    }
    .goToTop{
        display: flex !important;
        align-items: center;
        background-color: #FFFFFF;
        color: #a75a0b;
        padding: 5px 6px;
        border-radius: 5px;
        width: 79px;
    }
    .goToTop a{
        color: #a75a0b;
    }
    .sideBarMobileScreen {
        padding: 0px !important;
    }
    .offcanvas-header{
        display: block;
    }

 }

 /* Mobile Side Menu */
 .mobileSideMenuButton {
    position: fixed;
    /* position: absolute; */
    top: 335px;
    right: -6%;
    transform: translateX(-50%);
    z-index: 9999; /* Ensure it's above other content */
    background-color: #a75a0b;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    width: 41px;
    height: 41px;
    text-align: center;
    cursor: pointer;
}

.mobileSideMenuButton img {
    width: 25px;
}
.mobileSideMenuButton .closeImg {
    width: 19px;
}
.mobileSideMenuButton p {
    font-size: 10px;
    color: #FFFFFF;
    margin-top: -5px;
}
.offcanvas {
    backdrop-filter: blur(16px); /* Apply backdrop blur effect */
    background-color: rgba(246, 239, 231, 0.69); /* Transparent background color */
}
.offcanvas-header{
    padding: 0px !important;
}

.contenttitle{
    font-size: 16px !important;
    color: #db750b !important;
    font-weight: 600;
    border-bottom: 2px solid #db750b;
}


.contenttitleddfr{
    font-size: 20px !important;
    color: #db750b !important;
    font-weight: 600;
    border-bottom: 2px solid #db750b;
    padding-bottom: 15px !important;
}

.contentttext{
    font-size: 18px !important;
    color: #db750b !important;
    font-weight: 600 !important;
}

.contenttt{
    color: #1d66b8 !important;
}


.contenttt:hover{
    color: #ac5b05 !important;
}

.gallerybox{
    width:33.3%;
    height: 150px;
}

.vectorBannerrr img{
    width:100%;
    height:400px;
}

@media (max-width: 500px) {
    .gallerybox{
        width:100% !important;
        height: 200px;
    }

    .vectorBannerrr img{
        width:100%;
        height:200px;
    }
    
    .contenttt {
        color: #db750b !important;
        font-size: 15px;
        font-weight:600;
    }
}


.lg-backdrop{
    background-color: transparent !important;
}

.lg-outer .lg-thumb-outer {
    background-color: transparent !important;
}


/* Container and Clip*/

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1400px !important;
        padding: 0 30px;
    }
    
    .mainBodyPart .row{
        overflow: clip;
    }
    
    .mainBodyPart .row .sideBar{
        position: sticky;
    top: 30px;
    }
}