@font-face {
  font-family: 'Tajawal-Regular';
  src: url('../fonts/Tajawal-Regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Tajawal-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/Tajawal-Regular.woff') format('woff'), /* Modern Browsers */
  url('../fonts/Tajawal-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/Tajawal-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}



body {
  font-family: 'Tajawal-Regular' !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Tajawal-Regular' !important;
}

p, a {
  font-family: 'Tajawal-Regular' !important;
}

span {

  font-family: 'Tajawal-Regular' !important;

}

#header .logo {

  font-family: 'Tajawal-Regular' !important;
}
 
#hero h1 {

  font-family: 'Tajawal-Regular' !important;
}

#hero .btn-get-started {

  font-family: 'Tajawal-Regular' !important;
}

.skills .progress .skill {

  font-family: 'Tajawal-Regular' !important;
}

.counts .count-box p {

  font-family: 'Tajawal-Regular' !important;
}

.pricing .box h4 {

  font-family: 'Tajawal-Regular' !important;
}

.pricing .btn-buy {

  font-family: 'Tajawal-Regular' !important;
}

#footer .footer-top .footer-contact p {

  font-family: 'Tajawal-Regular' !important;
}

.dropdown-menu-left:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin-left: -0.5em;
  right: 0px;
  box-sizing: border-box;
  border: 7px solid black;
  border-color: transparent transparent #FFF #FFF;
  transform-origin: 0 0;
  transform: rotate(135deg);
  box-shadow: -3px 3px 3px -3px rgba(214, 214, 214, 0.78);
}
.dropdown-menu-left {
  display: none;
  position: absolute;
  border-radius: 6px;
  box-shadow: 0px 0px 8px rgba(214, 214, 214, 0.78);
  list-style: none;
  padding: 0;
  margin: 0;
  top: 100px;
  right: 0;
  width: 300px;
  border: none;
  z-index: 999999999999;
}
.dropdown-menu-left .U-open {
  display: block;
}
.dropdown-menu-left li {
  padding: 0px;
  line-height: 40px;
  border-bottom: 1px solid #EFF7FF;
}

.second-header::before{
  right: -25px;
  left:0px;
}
.text-end{
  text-align: left!important;
}
.second-menu .main-menu ul li:first-child
{
  margin-left: 15px;
}
.second-menu .main-menu ul li:last-child
{
  margin-left: 0px;
}
.main-menu .has-sub ul li a{
  float: right;
}
.wrapper-two .panel-title a[aria-expanded="false"]:after{
  left: 15px;
}
.wrapper-two .panel-title a[aria-expanded="true"]:after{
  left:15px;
}
.breadcrumb-item+.breadcrumb-item::before{
  float: right;
}
.contact-field input{
  padding-right:15px;
}
.pt-120{
  padding-top: 120px;
}
.pb-120{
  padding-bottom: 120px;
}