/*
 * Globals
 */


/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
}


/*
 * Base structure
 */

body {
  text-shadow: 0;
  box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
  font-family: 'Cairo', sans-serif;
  direction: rtl;


}

h1, h2, h3, h4, h5{
 font-family: 'Cairo', sans-serif;

}

.cover-container {
  max-width: 60em;
}

.mb-auto{
  margin-bottom: 150px !important;
}
/*
 * Header
 */
.nav-link{
  color: #000 !important;
  text-transform: uppercase;
  font-size: 20px !important;
  padding: 0 12px !important;
  
}

.nav-link:hover{
  color: #9B0000  !important;
  
}

.collapse:not(.show)

  .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
        .navbar-expand-md .navbar-collapse{
          display: block !important;
        }
        .navbar-collapse {
    flex-basis: auto;
    flex-grow: initial;
  }
      }

      .b-example-divider {
        height: 3rem;
        background-color: rgba(0, 0, 0, .1);
        border: solid rgba(0, 0, 0, .15);
        border-width: 1px 0;
        box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
      }

      .b-example-vr {
        flex-shrink: 0;
        width: 1.5rem;
        height: 100vh;
      }

      .bi {
        vertical-align: -.125em;
        fill: currentColor;
      }

      .nav-scroller {
        position: relative;
        z-index: 2;
        height: 2.75rem;
        overflow-y: hidden;
      }

      .nav-scroller .nav {
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 1rem;
        margin-top: -1px;
        overflow-x: auto;
        text-align: center;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
      }

.btnmenu{
  background-image: linear-gradient(#9d383b, #96383c);
  color: #fff;
  padding: 6px 170px;
  border-radius: 300px;
  border-width: 0 !important;
  box-shadow: 0px 8px 40px #C90000;
  border: 2px solid #ccc;
}


.btnmenu:hover, .btnmenu:active, .btnmenu:focus {
  background-image: linear-gradient(#7f1c21, #7f1c21);
  border-color: none !important;
  border-width: 0 !important;

}




.bgbanner{
  max-width: 100%;
  background-image: url(../images/banner.png);
}
li.nav-item:last-child a.nav-link{
  color: #9B0000 !important;
}
a.callnw{
  color: #9B0000;
}

a.callnw{
  color: #9B0000;
}


.text-muted{
  color: #9B0000 !important;

}

.txtbanner{
  width: 520px;
}

header{
  margin-bottom: 45px !important;
}



.bg-dark{
  background-image: none;
  background-color: none !important;
  background-color: transparent !important;
}



@media only screen and (max-width: 1024px) {

.py-5 .text-center .container .col-lg-4{
  width: 100%;

}
img.wow.animate__animated.wow.animate__animated.animate__flip{
  padding: 5px !important;
}
.navbar-brand{
  margin: 0 !important;
}
.navbar-nav{
  float: left;
  display: flow-root;
}

.navbar-collapse{
  width: 374px;
  flex-basis: auto;
}


li.nav-item{
  float: right;
  padding: 0px;

}
.col-lg-4{
    width: 100%;
}
.txtbanner{
  width: 420px  ;
}
header{
  margin-bottom: 00px !important;
}

.col-xxl-8 .text-lg-start {
  display: none !important;
}
.btnmenu {
    background-image: linear-gradient(#9B0000, #800202);
    color: #fff;
    padding: 6px 140px;
    border-radius: 300px;
    border-color: none !important;
    border-width: 0 !important;
}

.bgbanner{
  max-width: 100%;
  background: url(../images/banner.png) center 0 ;
}


a.nav-link{
  font-size: 18px !important ;
  font-family: 'Cairo', sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  color: #9B0000;
  padding: 0 15px;


}
.nav-item a.nav-link{
  color: #000 !important;


}
.bg-dark{
  background-image: none !important;
  background-color: none !important;
  background-color: transparent !important;
  height: 140px !important;
}

.menubox img{

          right: -40px;
          bottom: -15px;
          width: 190px;
          height: 190px;
}
.menubox h3{

 font-family: 'Cairo', sans-serif;
}

.menubox{
 
  min-height: 300px;
  width: 98%; 
  display: block;
     
}

    
.col-lg-4{
  width: 100% !important;
}

}