/* change navbar color */
.navbar-custom {
    background-color: #030303;
}
/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: rgba(255,255,255,.8);
}
/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    color: rgba(255,255,255,.5);
}
/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #ffffff;
}

.navbar-custom .navbar-toggler .navbar-toggler-icon{
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(243,138,4,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");

}
.mainImg{
max-width: 100%;
border-top: 1px solid #282828;
padding: 0px;
position: relative;
}
.img-wrapper {
 position: relative;
 width: 100%;
}

.img-overlay {
 position: absolute;
 top: 60%;
left: 48%;
 text-align: center;
}

.mbtn{
  border-color: #E7A305;
  color:#E7A305;

}
.mbtn:hover
{
  background-color: #E7A305;
  color: black;
  font-weight: bold;
}
.img{
  max-width: 100%;
}
.paddingTop{
  padding-top:50px;
}
.paddingBottom{
  padding-bottom:40px;
}
p{
  color:#2C3E50;
  font-family: 'DM Sans', sans-serif;
}
body{
font-family: 'Tajawal', sans-serif;
}


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

 #hide{
      visibility: hidden;
     display:none;

}

.paddingTop2{
  padding-top:10px;
}

}

.paddingTop2{
  padding-top:50px;
}

.darkIcon{
color:#155263;
zoom:1.5;
}

.dark{
  background-color: #155263;
  color:white;
  text-align: center;
}
.bright{
  background-color:#F8F8F8;
}
.red{
  background-color: #ff6f3c;
  color: white;
  text-align: center;

}
.redp{
  color:white;
  text-align: center;
}
.orange{
  background-color: #FF860D;
  color: white;
  text-align: center;

}
.op{
  color:white;
  text-align: center;
}
.zoom{
  zoom:5;
  padding:5px;

}
.zoom2{
  zoom:3;
  color: #155263;
padding:5px;
}
.box{
  background-color: white;
  border: 1px solid rgba(255,255,255,.5);
  padding:2px;
  text-align: center;
  border-radius: 15px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  font-size: bold;
margin-bottom: 15px;

}
.pb{
  font-family: 'Balsamiq Sans', cursive;
}
  .hr{
    border: dotted white 6px;
    border-bottom: none;
    width:4%;

  }
  .hrw{
    border: solid #EAEAEA 0.2px;
    border-bottom: none;


  }
  .hrd{
    border: dotted black 6px;
    border-bottom: none;
    width:4%;
    margin-bottom: 50px;

  }
  html {
      scroll-behavior: smooth;
  }
  .cardd{
    width: 100% !important;
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin-bottom: 15px;
  }
.cardd:hover{
  opacity: 0.9;
}

.hd{
  font-family: 'Caveat', cursive;
  color: #155263;
}
.acard{
  text-decoration: none !important;
  color:black;
}
.acard:hover{
  text-decoration: none !important;
  color:black;
}
.f{
  zoom:2;
  color: #155263;
  margin: 1px;
}

.zoom4{
  zoom:4;
  color: white;
  margin: 1px;
}

.center{
  text-align: center;
}
.link{
  color: white;
}
.link:hover{
  color:white;
}