/*
@Author: ThemeMascot
@URL: http://ThemeMascot.com

This is the file where you can add your custom styles to change the look of the
theme. But don't modify style-main.css file.

*/

/* Your custom css codes start here: */
.header
{
	height: 150px;
}

.navbar
{
	top: -45px;
	background-color: #fff !important;
	z-index: 1000;
}


.btn-color-default
{
    background-color: #6ae77e;
    border-color: #6ae77e;
}

.btn-color-one
{
	color: #0c2239;
    background-color: #6ae77e;
    border-color: #6ae77e;
    border-radius: 30px;
    font-weight: bold !important;
}

.bg-color-one
{
	background-color: #6ae77e !important;
}

.bg-color-two
{
	background-color: #0c2239;
}

.text-color-one
{
	color: #6ae77e !important;
}


.font-serif
{
	font-family: sans-serif !important;
}

.border-grey
{
	border-color: #d2cece !important;
}

.width-100
{
	width: 100% !important;
}

.hover-box
{
	background-color: #fff;
	transition: 0.5s;
    border-radius: 20px 0px 0px 20px;
}

.hover-box:hover > .icon-arrow
{
	background-color: #6ae77e;

}

.icon-arrow
{
	height: 127px;
    width: 10%;

    background-color: #6ae77e;
    position: absolute;
    top: 0px;
    right: 40px;
    padding: 7% 20px;
    color: white;
    font-size: 25px;
}

/*.icon-arrow:hover
{
	background-color: #fff;
	color: #6ae77e;
}*/

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  left: 0px;
}

/*.navbar-nav
{
  float: none;
  text-align: center;
}

.navbar-nav>li
{
  float: none;
}

.nav>li
{
  display: inline-block;
}*/

.navbar-default .navbar-nav>li>a
{
  color: #0c2239;
  font-weight: 600;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover
{
  color: #6ae77e;
  background-color: #ffffff;
}


.font-serif
{
  font-family: sans-serif !important;
}

.ur
{
  font-family:'Mehr Nastaliq Web 3' !important;

}

.ar
{
  font-family:Al-Qalam !important;

}
.top-adjust
{
  top: -60px;
}

.dir-rtl
{
  direction: rtl !important;
}

.header-nav .header-nav-wrapper.scroll-to-fixed-fixed.scroll-to-fixed-fixed
{
  border:0px solid; 
}

.header-nav .header-nav-wrapper.scroll-to-fixed-fixed.scroll-to-fixed-fixed > .container
{
  width: 100% !important;
  padding: 0px;
}

.menuzord-menu
{
  float: left !important;
}

.font-size-in-page p
  {
    font-size: 18px !important;
    font-family: sans-serif !important;
  }

 #menu1
  {
    background-color: #6ae77e;
    border-color: #6ae77e;
    font-weight: bold;
    color: #0c2239;
    padding: 0px 45px;
    /* height: 0px; */
    height: 100%;

}

  #menu1 option
  {
    background-color: #6ae77e;
    border: none;
    outline: none;
    color: #0c2239;
    font-weight: bold;

    
  }


  #menu1:focus
  {
    box-shadow: none;
  }

 

  .bg-back
  {
    background-color: #6ae77e;
    height: 70px;
    /* padding: 0px 30px; */
    
  }


  .icon-box.iconbox-border{
    height: 540px;
    background-color: #6ae77e1f;
    border: 1px solid #6ae77e;
    box-shadow: 2px 2px 2px 2px #607D8B;
    border-radius: 20px;
}



  .owl-stage
  {
    margin:0px auto;
  }