/**
1.common
2.header
3.product
4.work
5.about

**/

/** 
===========================================================================
====================================   common    ==========================
===========================================================================
     **/
*{
    margin: 0;
    padding: 0;
   
}
body{
    font-family: 'Poppins', sans-serif;
}
ul li{
    list-style: none;


} 
     /** 
===========================================================================
====================================   header    ==========================
===========================================================================
     **/
     header{
        position:relative;
        width:100%;
        
        display:flex;
        justify-content:center;
        align-items:center;
        overflow:hidden;
       
     }
     header:before{
        content:'';
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background:linear-gradient(45deg,#efecea,#efecea);
        border-radius:0 0 50% 50%/0 0 100% 100%;
        transform:scalex(1.3);
   
         
     }
     header .header{
        position:relative;
z-index:1;
margin:0 auto;
text-align:center;
margin-bottom: 50px;
     } 
  
  .mini_head{
      padding-top: 30px;
      overflow: hidden;
  }
  .left_head {
      float: left;
  }
  .left_head img{
      max-width: 150px;
  }
  .right-head{
      float: right;
  }


  .right-head {

     overflow: hidden;
    
  }
  .right-head .active{
 background-color: #e61d30;
 
  }
  .right-head ul li{
      list-style: none;
   cursor: pointer;
      float: left;
      border: 1px solid red;
  } 


  .menu-left ul li{
    list-style: none;
 cursor: pointer;
    float: left;
    margin-left: 10px;
    font-size: 12px;
    color: #6a6e75;

} 

.menu-left ul li i{
    background-color: #efecea;
}

.fa-envelope-square{
    background: yellow;
    border-radius: 50%;
    height: 1em;
    width: 1em;
  }
  .navbar{
      float: right;
      margin-right: -15px;
  }
  .navbar ul li{
    list-style: none;
 cursor: pointer;
    float: left;
    padding-left: 15px;

} 

  .navbar ul li a{
      text-decoration: none;
      color: #6a6e75;
  }
  .navbar ul li .active,.navbar ul li a:hover{
      color:#e50c2d;
  }
  .banner-footer{

    width: 350px;
    margin-left: 39%;
 
   
  }
  .banner-footer img{
width: 100px;
height: 40px;
border-radius: 5px;

  }
  .banner-footer ul li{
    list-style: none;
 cursor: pointer;
    float: left;
    padding-left: 15px;

} 
.carousel-inner{
    padding-bottom: 50px;
   
}
.carousel .carousel-indicators li {
          
    width: 10px;
   height: 10px;
   border-radius: 100%;
  background:#6a6e75;
 }
 .carousel .carousel-indicators .active {
    background-color: rgb(235, 19, 19);
  }
 /** 
===========================================================================
====================================   product   ==========================
===========================================================================
     **/

    .product{
        margin:30px 70px;
    }
.circle{
    width: 100px;
    float: left;
    margin-left: 15px;
    text-align: center;
}
     .three-box{
        
         width: 90px;
         height: 90px;
         border: 1px solid #7b7c7c;
         border-radius: 50%;
        
         
     }
     .product .active{
        
        width: 90px;
        height: 90px;
        border: 1px solid #e50c2d;
        border-radius: 50%;
       
        
    }
   
    .circle p{
        text-align: center;    margin-top: 15px;
    }
.product .three-box {
  
    text-align: center;
 
}
.product  .six-box img{
    width: 55px;
    height: 40px;
    margin: 20px;
   
}
.product .seven-box img{
    width: 60px;
    height: 35px;
    margin-top: 20px;
}
.five-box img{
    width: 25px;
height: 50px;
margin-top: 20px;
}
.product .four-box{
    float: right;
}
.product .four-box img{
    width: 30px;
    float: right;
    margin-top: -35px;

   
}
      /** 
===========================================================================
====================================   work  ==========================
===========================================================================
     **/



.work{
    position:relative;
    width:100%;
    
    display:flex;
    justify-content:center;
    align-items:center;
    overflow:hidden;
   
 }
 .work:before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:linear-gradient(45deg,#efecea,#efecea);
    border-radius:50% 50% 0 0/100% 100% 0 0;
    transform:scalex(1.3);

     
 }
 .work .work_one{
    position:relative;
z-index:1;
margin:0 auto;
text-align:center;
margin-bottom: 50px;
margin: 0px 80px;
 } 

.work_book{
    margin-bottom: 35px;
}
.work_book h6{
    float:right;
    font-size: 14px;
    margin-top: -20px;
    margin-right: 19px;
}
.work h3{
    color:#e50c2d;
    text-align: center;
   padding-top: 200px;
   padding-bottom: 30px;
}
.book_img img{
  width: 30px;
  height: 30px;
  margin: 10px;
   
}
.book_img1 img{
    width: 20px;
    height: 30px;
    margin: 10px;
     
  }
.book_img ,.book_img1{
    width: 50px;
    height: 50px;
    position: absolute;
    border: 1px solid #fff;
    border-radius: 50%;
    background-color: #fff;
    margin-top: -10px;
    margin-left: -20px;
    -moz-box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
    -webkit-box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
    box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
}
.book{
   width: 320px;
   height: 150px;
    border: 1px solid black;
    border-radius: 10px;
}
.book .tech{
    border-bottom:1px solid black;
    border-radius: 15px;
}

.tech h4{
    font-size: 14px;
    text-align: center;
    margin-top: 4px;
    margin-left: 25px;
    font-weight: bold;
}

.booK_service p{
    text-align: center;
    font-size: 13px;
    margin:40px  30px;
}

   /** 
===========================================================================
====================================   about  ==========================
===========================================================================
     **/

     
     .about{
        background:#efecea;
     
     }
     .about h3{
        color:#e50c2d;
        padding: 40px 0px;
        text-align: center;
    }
     blockquote {
     
      display: inline-block;
      position: relative;
      width: 250px;
      border-radius: 20px;
      padding: 10px;
        height: auto;
        background-color: #ffffff;;   
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border: 1px solid #ffffff;;
    }
  

    blockquote .btm-right-in:before {
        content: ' ';
        position: absolute;
        width: 0;
        height: 0;
      left: auto;
        right: 30px;
        bottom: -40px;
        border: 20px solid;
        border-color: #ffffff #ffffff transparent transparent;
    }
    blockquote btm-right-in:after{
        content: ' ';
        position: absolute;
        width: 0;
        height: 0;
      left: auto;
        right: 38px;
        bottom: -20px;
        border: 12px solid;
        border-color: lightyellow lightyellow transparent transparent;
    }

    .about blockquote h4{
        font-size: 18px;
    }
    
    .about .about_us{
        float: left;
        width: 150px;
       
    }
    .about .persion_img{
        float: right;
        
    }
    .about .persion_img img{
        width: 70px;
        height: 70px;
    }

    .about figure img{
        width: 40px;
        height: 40px;
        margin-top: -35px;
    }

    .about .about_thik h4{
        color: #e50c2d;
        text-align: center;
        padding-top:50px;
    }
    .about .about_thik p{
        text-align: center;
        padding: 10px 0px;
    }
   /** 
===========================================================================
====================================   vision  ==========================
===========================================================================
     **/

     .vision{
        background:#efecea;
        margin-top: -40px ;
        padding-top:30px ;
     
     }
     .vision .vision_one{
         margin-top:40px;
         text-align: center;
     }
     .vision .vision_one img{
         width: 130px;
         height: 130px;
     }

     .vision .vision_one .vision_left{
        background:#d9d7d7;
        padding: 30px;
     margin-left: -30px;
     }

     .vision .vision_one .vision_right {
        background:#e5e5e5;
        padding: 30px;
        margin-left: -30px;
       margin-right: -13px;
     }

     .vision .vision_one p{
         font-size: 12px;
         margin:10px 60px;
     }

     .vision .vision_two img{
        width: 40px;
        height: 40px;
        float: left;
    }
    .vision .vision_princing{
        width: 120px;
        margin: 20px auto;
        overflow: hidden;
    }
    .vision .vision_princing h4{
            float: right;
            font-size: 22px;
            margin-top: 7px;
            color: #e50c2d;
    }

    .vision .four-box img{
        width: 30px;
        float: right;
        margin-top: -40px;
    
       
    }
    .vision .three-box{
        border: 1px solid #e50c2d;
    }
    .vision  .six-box img{
        width: 55px;
        height: 40px;
        margin: 20px;
       
    }
    .vision .vision_three{
        width: 600px;
        margin:10px auto;
    }
    .vision .five-box2 img{
        width: 30px;
    height: 60px;
    margin-top: 15px;
    margin-left: 25px;
   
    }
    .vision .vision_two p{
        font-size: 15px;
        text-align: center;
        color: #6a6e75;
        padding: 20px;
    }

 /** 
===========================================================================
====================================   vector  ==========================
===========================================================================
     **/
    .vector{
        background:#efecea;
        margin-top: -40px ;
        padding-top:30px ;
    }

    .vector .circle_part .six-box figure img{
        width: 110px;
        height: 80px;
        margin:40px 30px;
    }
    .vector .circle_part .seven-box figure img{
        width: 50px;
        height: 110px;
        margin:30px 50px;
    }

    .vector .circle_part .eight-box figure img{
        width: 110px;
        height: 50px;
        margin:50px 30px;
    }
    .vector .circle_part .circle_part_four-box img{
        width: 70px;
        height: 70px;
    }
    .vector .circle_part .circle_part_four-box{
        margin-top: -45px;
        margin-left: 28%;
        float: right;
    }

    .vector .circle_part .princing{
        width: 170px;
        height: 170px;
        border: 1px solid red;
        border-radius: 50%;
     
    }
    .vector .vector_one .circle_part{
        float: left;
        margin-bottom: 60px;
    }
    .vector .vector_one .circle_part_one{
        width: 350px;
        height: 100%;
        float: left;
        padding-top: 20px;
    }
    .vector .vector_one .circle_part_one p{
        font-size: 12px;
        margin-left: 30px;
    
    }

    .vector .vector_nine h2{
        color: red;
        padding-top:10px;
        padding-bottom: 40px;

    }
    .vector .vector_nine p{
        font-size: 14px;
    }
    .vector .vector_nine img{
        max-width: 100%;
        max-height: 500px;
        margin: 20px;
    }