/*********************************************************************************

	Template Name: Karigor - Minimalist Bootstrap4 Portfolio Template
	Description: A perfect minimal template to build beautiful and unique portfolio websites. It comes with nice and clean design.
	Version: 1.0

	Note: This is custom css.

**********************************************************************************/


@font-face {
    font-family: 'GeoSlab703 Md BT';
    src: url('GeometricSlab703BT-Medium.woff2') format('woff2'),
        url('GeometricSlab703BT-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/*Menu color change on hover*/
.main-navigation ul li a:hover
{
      color: #6D6D6C!important ;
}

/*logo*/
.header-logo
{
    width: 135px;
    height: auto;
}

/*mobile logo*/
.mobile-logo
{
    width: 105px !important ;
    height: auto;
}
/*intro-copy*/


.yellow-color
{
    color: #F59E2F;
}

.grey-color
{
    color:#585858;
}

.yellow-color-bg:hover
{
     color: #F59E2F;
}
.grey-color-bg:hover
{
    color: #F59E2F;
}

/*About page*/
.about-content p
{
    font-size: 0.9em !important ;
    line-height: 160%;
}

.about-content ul
{
    margin-top: 0px;
}
.about-content ul li
{
height: 70px !important;
}
.about-content ul li
{
    font-size: 0.9em !important ;
    line-height: 160% !important ;
}
.opener-happy-customer
{
    text-align: center;
}

.incline-txt
{
    font-style: italic; 
}

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

{
    
    .hero-area-inner
    {
        display: inline-grid;
        width: 100%;
        
        
    }
    .intro-copy
{
  margin-bottom: -50px;
  margin-top: 30px;
  
}
    .hero-area-image
    {
        position: relative;
   margin-top: 0%;
   max-width: 100%;
  
         
    }
}