:root {
    --Maincolor: #392015;
    --TextColor: #000;
    --ShowAllBtn: #0000009c;
    --ShowAllBtnbordercolor: #00000059;
    --tabsBackgroundcolor: #076f6d;
    --tabsTextcolor: #fff;
    --textcolorwhite: #fff;
    --black: #000000ad;
    /* Begin TopBar Colors */
    --topbarcolor: #E9E2DE;
    --topbartextcolor: var(--Maincolor);
    --navbackgroundcolor: #F9F3EF;
    --topbariconscolor: var(--Maincolor);
    /* End TopBar Colors */
    /* Begin Hero Image Colors */
    --heroTextcolor: aliceblue;
    /* End Hero Image Colors */
    /* Begin New Section Color  */
    --NewsTapBackgroundColor: var(--Maincolor);
    --NewsTapColor: var(--Maincolor);
    --NewsHeadingTextColor: var(--TextColor);
    --NewsReadMoreColor: var(--Maincolor);
    --NewCardShadowColor: var(--topbarcolor);
    /* End New Section Color  */
    /* Begin Service Section Color */
    --ServiceTapBackgroundColor: var(--Maincolor);
    --ServiceTapColor: var(--Maincolor);
    --ServiceHeadingTextColor: var(--TextColor);
    --ServiceSliderPaginationColor: var(--Maincolor);
    --ServiceNextAndPrivousColor: var(--Maincolor);
    /* End Service Section Color */
    /* Begin Baladyat Section Color */
    --BaladyatBackgroundColor: #f2e7de;
    --BaladyatReadMoreColor: var(--Maincolor);
    --BaladyatMapHoverColor: var(--Maincolor);
    --BaladyatMapActiveColor: #f1e7de;
    --Baladyatmapbackgroundcolor: #604C45;
    /* End Baladyat Section Color */
    /* Begin  Amana Number Colors */
    --AmanaNumberTextColor: var(--Maincolor);
    --AmanaNumberIconsColor: var(--Maincolor);
    /* End  Amana Number Colors */
    /* Begin Footer Section Colors  */
    --footerSectionBackgroundColor: #f2e7de;
    --footerTextColor: var(--Maincolor);
    --footerIconsColor: var(--Maincolor);
    --footerLineColor: var(--Maincolor);
    /* End Footer Section Colors */


    --AboutusSectionBackgroundcolor: #F9F8F8C2;
    --ActiveBalady: #f1e7de;
}





/* Test Style*/
.svgclass{
    background: var(--topbarcolor);
    height: 20px;
}
/**/
    
.topbar{
    background: var(--topbarcolor);
  }

.bbbtnn i {
    color: var(--Maincolor);
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: var(--Maincolor) !important;
    border-color: var(--Maincolor) !important;
}

.page-link{
    color: var(--Maincolor);

}

    .page-link:hover {
        color: var(--Maincolor);
    }
        .navbarclass {
    background: var(--navbackgroundcolor);
}


.secondtopbarback {
    background: var(--navbackgroundcolor) !important;
}


  .footer{
    background: var(--footerSectionBackgroundColor);
  }

  .nav-link{
    color: var(--Maincolor);
  }


.Activemap {
    fill: var(--BaladyatMapActiveColor) !important;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: var(--textcolorwhite);
    background-color: var(--Maincolor);
}

  .heroh{
    color: var(--heroTextcolor);
  }


  .herotext{
    color: var(--heroTextcolor);
  }
  .ShowAllBtn{
    color: var(--ShowAllBtn);
    text-decoration: unset;
    border: 1px solid var(--ShowAllBtnbordercolor);
  }

  .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: var(--tabsTextcolor);
    background-color: var(--tabsBackgroundcolor);
  }


.ServiceBottomCard {
    background-color: var(--Baladyatmapbackgroundcolor);
}


    .ServiceBottomCard a {
        color: var(--BaladyatBackgroundColor);
    }


 /*   .ServiceBottomCard a {
        background: var(--BaladyatBackgroundColor);
        color:var(--Maincolor);
    }
*/


    .ServiceBottomCard:hover {
        background: var(--Maincolor);
    }


        .ServiceBottomCard:hover a {
            color: var(--BaladyatBackgroundColor);
        } 


        .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: var(--topbarcolor);
    color: var(--Maincolor);
    border: 1px solid var(--Maincolor);
}


  .nav-item.navitemcenter {
    border: 1px solid var(--tabsBackgroundcolor);
  }



  .navitemlast{
    border: 1px solid var(--tabsBackgroundcolor);
  }
  

  .ReadmoreBtn{
  
    color: var(--textcolorwhite);
    background: var(--Maincolor);
  }

  .footerSection{
    background-color: var(--footerSectionBackgroundColor);
  }

  .footerh6{
    color: var(--Maincolor);
  }


  .ullink  li a {
    color: var(--Maincolor);
  }


  .ulimportlink  li a {
    color: var(--Maincolor);
  }

.BaladyatmainDiv {
    background:var(--BaladyatBackgroundColor);
}

.aboutusdiv {
    background: var(--AboutusSectionBackgroundcolor);
}

.textasir {
    color: var(--Maincolor);
}

.footerh6::after {
    background: var(--Maincolor) !important;
}
    .ulcontactus li  {
    color: var(--Maincolor);
    padding-bottom: 5px;
  }
  

  .footerlas i {
    color: var(--Maincolor);
  }

  .footerh62 {
    color: var(--textcolorwhite);
  }

  .pfooter{
    color: var(--Maincolor);
  }


.st0{fill:#FFFFFF;}
.st1{fill:var(--Baladyatmapbackgroundcolor);stroke:var(--textcolorwhite);stroke-miterlimit:10;}
.st2{fill:var(--Baladyatmapbackgroundcolor);stroke:var(--textcolorwhite);stroke-miterlimit:10;}
.st3{fill:var(--Baladyatmapbackgroundcolor);stroke:var(--textcolorwhite);stroke-miterlimit:10;}
.st4{fill:var(--Baladyatmapbackgroundcolor);stroke:var(--textcolorwhite);stroke-miterlimit:10;}
.st5{fill:var(--Baladyatmapbackgroundcolor);stroke:var(--textcolorwhite);stroke-miterlimit:10;}
.st6{fill:var(--Baladyatmapbackgroundcolor);stroke:var(--textcolorwhite);stroke-miterlimit:10;}
.st7{fill:var(--Baladyatmapbackgroundcolor);stroke:var(--textcolorwhite);stroke-miterlimit:10;}
.st8{fill:var(--Baladyatmapbackgroundcolor);stroke:var(--textcolorwhite);stroke-miterlimit:10;}
.st9{fill:var(--Baladyatmapbackgroundcolor);stroke:var(--textcolorwhite);stroke-miterlimit:10;}
.st10{fill:var(--Baladyatmapbackgroundcolor);stroke:var(--textcolorwhite);stroke-miterlimit:10;}
.st11{fill:var(--Baladyatmapbackgroundcolor);stroke:var(--textcolorwhite);stroke-miterlimit:10;}
.st12{fill:var(--Baladyatmapbackgroundcolor);stroke:var(--textcolorwhite);stroke-miterlimit:10;}
.st13{fill:var(--Baladyatmapbackgroundcolor);stroke:var(--textcolorwhite);stroke-miterlimit:10;}
.st14{fill:var(--Baladyatmapbackgroundcolor);stroke:var(--textcolorwhite);stroke-miterlimit:10;}
.st15{fill:var(--Baladyatmapbackgroundcolor);stroke:var(--textcolorwhite);stroke-miterlimit:10;}
.st16{fill:none;stroke:var(--textcolorwhite);stroke-width:0.25;stroke-miterlimit:10;}
.st17{fill:var(--Baladyatmapbackgroundcolor);stroke:var(--textcolorwhite);stroke-miterlimit:10;}
.st18{fill:var(--Baladyatmapbackgroundcolor);stroke:var(--textcolorwhite);stroke-miterlimit:10;}
.st19{fill:var(--Baladyatmapbackgroundcolor);stroke:var(--textcolorwhite);stroke-miterlimit:10;}
.st20{fill:#FFFFFF;fill-opacity:0;}
.st21 {
    opacity: 0;
    fill: var(--topbarcolor);
}
.st23{
    fill: #fff !important;
    /*opacity: 0.7 !important;*/
}


.st311 {
    fill: var(--topbarcolor);
}



#BalTitle{
color: var(--Maincolor);
}

#BalDesc{
    color: var(--Maincolor);
}

.ultabs {
    border: 2px solid var(--Maincolor);
}


.ServiceSection .owl-prev{
background-color: var(--Maincolor) !important;

}

.ServiceSection .owl-prev span{
    color: var(--textcolorwhite) !important;
    
    }


.ServiceSection .owl-next{
    background-color: var(--Maincolor) !important;
}



.ServiceSection .owl-next span{
    color: var(--textcolorwhite) !important;
}


.Chaticondiv{
  background: var(--topbarcolor);
}


.Chaticondiv2 {
    background: var(--Maincolor);
    color: var(--textcolorwhite);
    z-index: 10000000;
}


.accordion-button:not(.collapsed) {
    color: var(--Maincolor) !important;
    background-color: var(--textcolorwhite) !important;
}


.accordion-button {
    color: var(--black) !important;
    background-color: var(--topbarcolor) !important;
}


.accordion-body {
    background-color: var(--navbackgroundcolor) !important;
}



.postsection {
    background-color: var(--navbackgroundcolor) !important;
    padding:26px 10px;
}

.postsection{
    border: 1px solid var(--Maincolor);
    border-radius:10px;
}

.fa-circle {
    color: var(--Maincolor) !important;
}


.servicebtn {
    background: var(--Maincolor);
    color: var(--textcolorwhite);
}


    .servicebtn:hover {
        color: var(--Maincolor);
        background: var(--textcolorwhite);
        border: 1px solid var(--Maincolor);
    }

.cardmosha a {
    background: var(--Maincolor) !important;
}

.btn-primary {
    background: var(--Maincolor) !important;
}
.hrforSubpage {
    color: var(--Maincolor);
}


.rateservicebtn {
    text-decoration: none;
    color: var(--Maincolor);
    border: 1px solid var(--Maincolor);
    padding: 5px 8px;
}

.balimg i {
    color: var(--Maincolor);
}

.statistics label {
    color: var(--Maincolor);

}


.ReadmoreBtn:hover {
    background: var(--textcolorwhite);
    color: var(--Maincolor);
    border: 1px solid var(--Maincolor);
}

    .rateservicebtn:hover {
    text-decoration: none;
    background: var(--Maincolor);
    border: 1px solid var(--Maincolor);
    padding: 5px 8px;
    color:#fff;
}

.topbar-part a {
    color:var(--Maincolor);
}

.muneer-toggle-box .muneer-icon {
    background-color: var(--topbarcolor)
}

.ShowAllBtn:hover{
    background:var(--Maincolor);
    color:aliceblue;
    border: 1px solid var(--Maincolor);
}

.c404h3 {
    color:var(--Maincolor) !important;
}

.c404 {
    color: var(--Maincolor) !important;
}


.accordion-button:focus {
    box-shadow: var(--Maincolor) !important;
}