.half-circle2{
            background-image: url(assets/img/circle.png);
    background-repeat: no-repeat;
    background-position: right -142px top -226px;
    background-size: 500px 500px;
    bottom: 0px;
        }
        
    .half-circle3 {
    background-image: url(assets/img/circle.png);
    background-repeat: no-repeat;
    background-position: top -240px right -191px;
    background-size: 700px 700px;
    bottom: 5px;
} 
/*.about-area about-area2 overflow-hidden version-three*/
/*{*/
/*      background-color: #0a4d8a;
    background-image: url(assets/img/halfcircle.png);
    background-repeat: no-repeat;
    background-position: 34x;
    background-position: right 599px top -159px;
    background-size: 800px 800px;
/*}*/
      .overflow-hidden {
   background-color: #0a4d8a;
    background-image: url(assets/img/halfcircle.png);
    background-repeat: no-repeat;
    background-position:right 587px top -151px;
    background-size: 800px 800px;
}
      
      
      
        .choose-content{
        visibility: visible;
        animation-name: fadeInUp;
        left: 0px;
        top: -451px; 
        padding: 35px;
        }
        .about-back{
        background-image: url(assets/img/about/backgroud_section.png);
        background-repeat: no-repeat;
        background-size: 721px;
        background-position: right -45px top -9px;
        }
        .product-back {
     background-image: url(assets/img/product/our-products.png);
    background-repeat: no-repeat;
    background-size: 654px;
    height: 505px;
       height: 505px;
    background-position: right 62px top 35px;
}
 .service-back{
      background-image: url(assets/img/service/services.png);
    background-repeat: no-repeat;
    background-size: 644px;
    background-position: right 24px top -5px;
        }
.contact-back {
    background-image: url(assets/img/contact/contact-us.png);
    background-repeat: no-repeat;
    background-size: 721px;
    background-position: right 22px top -24px;
}
        
        .banner-back{
        background-image: url(assets/img/2-new.png);
        background-size: contain;
        }
        .service-img{
        
            width: 300px
        }
        .service-img:hover {
        transform: scale(1.3);
            transition: 0.5s;
        }
        .service-item{
        display: flex;
        box-shadow: none!important;
        }
        .about-btn{
        background-color: white;
        margin-bottom: 20px;
        }
        .thumb-items{
        height: 353px;
        }
        
        .attr-nav > ul > li.button-border > a {
    border: 2px solid #0a4d8a;
    font-size: 16px;
    padding: 10px 25px !important;
    border-radius: 71px;
    text-transform: capitalize;
    background-color: #0a4d8a;
}
/*.attr-nav > ul > li > a {*/
/*    color: white;*/
/*    display: block;*/
/*    padding: 32px 0 !important;*/
/*    position: relative;*/
/*}*/
    
    .area-title 
    {
         text-align: center;
    font-size: 86px;
    font-weight: bolder;

    }
    .area-title-2
    {
        font-size:53px;
    }
    .fleet-img-width{
        width: 65px;
    /*margin-left: 28px;*/
    }
    
    
    
       
    .about_img2{
        top: -400px
    }
    .service-img
    {
        width:50%;
    }
.q:hover {
    transition: 0.5s;
    transform: rotateY(180deg);
}
.service-img1:hover {
    transform: scale(1.1);
    transition: 0.3s;
}
.fleet-img-width:hover{
 transform: scale(1.1);
    transition: 0.3s;   
}


.s:hover {
  animation: shake 0.60s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  perspective: 1000px;
}
.btn-service
{
 margin-bottom: 25px;
        margin-right: 64px;
    font-weight: bolder;
      background-color: #014179;

    font-size: 12px;
   
    width: 91px;
    height: 38px;
}
.img-detail{
    
    margin-top:0px;
    
}
.btn-product
{
    margin-right: 76px;
    margin-bottom: 29px;
    font-weight: bolder;
        font-size: 12px;
        width: 91px;
            height: 38px;
    background-color: #014179;

}

.img-width-product
{
 width: 300px   
    
}
.img-width
{
     width: 150px;
    margin-top: -19px;
  
}
 .mobile-width-img 
  {
    width: 100%;
    margin-top: -85px;
    margin-left: 0px;  
      
  }
.area-title mob-text
{
  text-align: center;
    font-size: 66px;
    
}

.left-info{
    margin-left: 54px;
    text-align: justify;
}
.software-back {
    background-image: url(assets/img/about/software.png);
    background-repeat: no-repeat;
    background-size: 644px;
      
    background-position: right 9px top -24px;
}

.designing-back {
    background-image: url(assets/img/about/design.png);
    background-repeat: no-repeat;
    background-size: 644px;
       background-position: right 10px top -17px;
}
.branding-back {
    background-image: url(assets/img/about/branding.png);
    background-repeat: no-repeat;
    background-size: 621px;
       background-position: right 25px top -6px;
}
.facebook-back {
    background-image: url(assets/img/about/facebook.png);
    background-repeat: no-repeat;
    background-size: 644px;
     background-position: right 24px top -17px;
}



.web-back {
    background-image: url(assets/img/about/web-development.png);
    background-repeat: no-repeat;
    background-size: 644px;
       background-position: right 9px top -47px;
}
.seo-back
{
 background-image: url(assets/img/about/seo.png);
    background-repeat: no-repeat;
    background-size: 644px;
       background-position: right 9px top -5px;  
}
.social-back
{
 background-image:url(assets/img/about/social-media.png);
    background-repeat: no-repeat;
    background-size: 644px;
       background-position: right 9px top -38px;    
}
.mobile-back
{
  background-image:url(assets/img/about/mobile-application.png);
    background-repeat: no-repeat;
    background-size: 644px;
    background-position: right 9px top -28px;   
}
.ERP-back
{
     background-image: url(assets/img/service/ERP.png);
    background-repeat: no-repeat;
    background-size: 718px;
    background-position: right -7px top -17px;
}

    

.HRM-back
{
  background-image:url(assets/img/service/HRM.png);
    background-repeat: no-repeat;
    background-size: 644px;
    background-position: right 9px top -28px;     
}
.Accounting-back
{
  background-image:url(assets/img/service/Accounting.png);
    background-repeat: no-repeat;
    background-size: 644px;
    background-position: right 9px top -28px;     
}

.Gym-back
{
  background-image:url(assets/img/service/GYM.png);
    background-repeat: no-repeat;
    background-size: 644px;
    background-position: right 9px top -9px;     
}
.POS-back
{
  background-image:url(assets/img/service/POS.png);
    background-repeat: no-repeat;
    background-size: 644px;
    background-position: right 9px top -28px;     
}
.Fleet-back
{
  background-image:url(assets/img/service/fleet.png);
    background-repeat: no-repeat;
    background-size: 644px;
   
    background-position: right 9px top -2px;    
}


/*===============media Query ================*/
@media only screen and (max-width: 600px) {
        .logocircle{
        display: none;
        }
        .thumb-items{
        height: 353px;
        }
        .half-circle3
        {
            background-image:none;
        }
        
        
        .r
        {
            margin-top:15px;
        }
        .half-circle2{
        background-image: none;
        }
        .about-btn{
        background-color: white;
        margin-bottom: 20px;
        margin-left: 0px;
        
        }
        .btn-group-lg>.btn, .btn-lg {
    padding: .5rem 1rem;
    font-size: 0.45rem;
    line-height: 1.5;
    border-radius: 0.3rem;
    display:none;
}
        .choose-content{
        visibility: visible;
        animation-name: fadeInUp;
        left: 0px;
        top: -165px; 
        padding: 35px;
        }
        .service-text{
        text-align: center;
        }
        .service-item {
            display: block;
            box-shadow: none!important;
        }
        .service-img {
            width: 250px;
            padding-left: 100px;
     
        }
        .service-img1 {
    margin-top: 9px;
    margin-left: 7px;
    max-width: 100%;
}
.about-area .thumb {
    margin: 0;
    padding: 0;
    margin-top: 79px;
}
        .about-back{
        background-image: url(assets/img/about/backgroud_section.png);
        background-repeat: no-repeat;
        background-size: 375px;
        background-position: right 22px top -7px;
        }
        .banner-area .item .row div {
           right: 0px;
        }
        .non-display{
        display: none;
        }
        .banner-back{
        height: 450px!important;
        /*background-image: url(assets/img/2-new.png);*/
        background-position: center;
        background-size: cover;
        }
        .mob-text{
            font-weight: 600;
            padding-top: 19px;
            font-size:23px;
        }
        .about-area2{
        /*background-image: url(assets/img/shape/16.png);*/
        /*background-position: bottom;*/
            background-color: #014179;
        
        }
        
    .img-width-product
{
   width:25%;
   
    
}    
.img-detail{
    
    margin-top:0px;
    
}
.img-width
{
    
    width:95px;
}
.btn-product
{
 margin-right: 0px;   
     font-weight: bolder;
}
.btn-service
{
    margin-right:0px;
        background-color: #014179;
        font-weight: bolder;
}
  .mobile-width-img 
  {
    width: 100%;
    margin-top: -85px;
    margin-left: 0px;  
      
  }
      .area-title mob-text
{
  font-size: 32px;  
}  
.contact-center
{
        text-align: center;
}
/*.col-lg-5 */
/*{*/
/*      margin-left: 23px;*/
/*    margin-top: 65px;*/
/*}*/

.left-info{
    margin-top:80px;
}



.btn-service:hover
{
 background-color:#ff7900;   
}
.btn-product:hover
{
  background-color:#ff7900;    
}

.btn-software:hover{
     background-color:#ff7900;  
}
.service-back
{
background-size:323px; 

}
.about-back
{
  background-size:360px;
         background-position: right -11px top -6px;

}
.contact-back
{
    background-size:333px;
    background-position: right 22px top 1px;
}
.product-back
{
    background-size:338px;
    background-position:right 12px top 0px;
    
}
.area-title 
{
        font-size: 31px;
}
.ERP-back
{
    
    background-position: right -164px top -17px;
}
.HRM-back
{
  background-position: right -164px top -17px;  
}
.Accounting-back
{
      background-position: right 32px top 14px;
    background-size: 313px; 
}
.Gym-back{
    background-position: right -135px top 0px;
} 
.POS-back{
        background-position: right -135px top 0px;;   
}
.Fleet-back
{
     background-position: right -106px top 9px;
    background-size: 573px;  
}
.left-info{
       margin-left: -1px;
    text-align: justify;
}
.web-back
{
         background-size: 352px;
    background-position: right 3px top -9px;
}
.software-back
{
    background-size: 345px;
    background-position: right 9px top -4px;
}
.mobile-back
{
    background-size: 344px;
    background-position: right 9px top 0px;
}
.designing-back
{
    background-size: 339px;
    background-position: right 10px top 2px;
}
.branding-back
{
  background-size: 339px;
    background-position: right 10px top 2px;   
}
.facebook-back 
{
   background-size: 339px;
    background-position: right 10px top 2px;    
}
.seo-back
{
 background-size: 466px;
    background-position: right -44px top 2px;  
}
.social-back
{
      background-size: 346px;
    background-position: right 9px top -9px;  
}
 .area-title-2
    {
        font-size:31px;
    }
    .team-items 
{
    display:none;
} 
}

        
        
        
        

/* =========== animation frame=============*/
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  
  30%, 50%, 70% {
    transform: translate3d(-2px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(2px, 0, 0);
}

}
.btn-service:hover
{
 background-color:#ff7900;   
}
.btn-product:hover
{
  background-color:#ff7900;    
}
.a.btn.btn-light.btn-md:hover {
    background-color: #ff7900;
}