body{font-family:'Poppins', sans-serif;font-size:16px;font-weight:400;color:inherit;-webkit-transition:all 1.5s ease-in-out;transition:all 1.5s ease-in-out}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:400}
h1 {font-weight:400;}
    .h3{ 
        font-size:25px;
        margin-top:60px; 
        border-bottom:3px solid #e02938;
     }
   .p{
       font-size:18px;
       text-align: justify;
   }
   .btn-primary {
    color: #fff;
    background-color: #E02938;
    border-color: #E02938;
}
   
   .sectionHeader:after {
    content: "";
    display: block;
    margin: 0 auto;
    width: 10%;
    padding-top: 5px;
    border-bottom: 5px solid #E02938;
    margin-bottom: 20px;
}
   .img0{
    background-image: url('photo-1551434678-e076c223a692.webp');
    background-size: cover;
    width: 450px;
    height: 40vh;
    margin-left: 40px;
    margin-top: 30px;
    margin-bottom: 30px;
    }
    .img1{
      background-image: url('photo-1586717791821-3f44a563fa4c.html');
    background-size: cover;
    width: 450px;
    height: 40vh;
    margin-left: 0px;
    margin-top: 30px;
    margin-bottom: 30px;
    }
    .img2{
      background-image: url('photo-1522202176988-66273c2fd55f.webp');
    background-size: cover;
    width: 450px;
    height: 40vh;
    margin-left: 0px;
    margin-top: 90px;
    margin-bottom: 30px;
    }
    .img3{
      background-image: url('photo-1577563908411-5077b6dc7624.html');
    background-size: cover;
    width: 450px;
    height: 40vh;
    margin-left: 0px;
    margin-top: 40px;
    margin-bottom: 30px;
    }
        .img4{
      background-image: url('photo-1532009877282-3340270e0529.webp');
    background-size: cover;
    width: 450px;
    height: 40vh;
    margin-left: 0px;
    margin-top: 40px;
    margin-bottom: 30px;
    }
     .img5{
    background-image: url('photo-1627556704283-452301a45fd0.webp');
    background-size: cover;
    width: 450px;
    height: 40vh;
    margin-left: 40px;
    margin-top: 30px;
    margin-bottom: 30px;
    }
      .img6{
    background-image: url('photo-1517245386807-bb43f82c33c4.webp');
    background-size: cover;
    width: 450px;
    height: 40vh;
    margin-left: 40px;
    margin-top: 30px;
    margin-bottom: 30px;
    }
    .img7{
    background-image: url('photo-1515378791036-0648a3ef77b2.webp');
    background-size: cover;
    width: 450px;
    height: 40vh;
    margin-left: 40px;
    margin-top: 30px;
    margin-bottom: 30px;
    }
    .img8{
    background-image: url('photo-1485988412941-77a35537dae4.webp');
    background-size: cover;
    width: 450px;
    height: 40vh;
    margin-left: 40px;
    margin-top: 30px;
    margin-bottom: 30px;
      background-position: center;
    }
    .transbox{
      background: rgba(255,255,255,0.9);
    width: 100%;
    height: 100%;
    color: white;
    }
    .service-box img {
		padding-right:15px;
		margin-right:5px;
	}
	.service-box {
		margin:40px 0;
		color:#999999;
		padding:0;
	}
	

	
	.service-box h3 {
		
		font-size: 16px;
		text-transform: uppercase;
		color: #3C3B3B;
		font-weight: 600;
		
	}
  .service-border .fa {
		font-size: 40px;
		color: #3f3f3f;
		}
    .fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
  
      .business{
        background: #3620d8;
        opacity:0.9;
       
      }
      .imgbus{
        background-image: url('photo-1606857521015-7f9fcf423740.html');
     
      }
      .bconsulting{
        color:white;
        margin-top:10px;
      }
      .kar{
        padding-top:50px;
       padding-bottom:50px;
       padding-left:0px;
       padding-right:0px;
       margin-right:50px;
       margin-left:100px;
      }
      /* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #e02938; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
.iconz{
  font-size:80px;
  cursor:pointer;
}
.iconzdiv{
  display:inline-block;
  color:white;
  margin-left:50px;
}
section {
    padding: 0px 0;
}

section .section-title {
    text-align: center;
    color: #007b5e;
    margin-bottom: 50px;
    text-transform: uppercase;
} 
#footer h5{
	padding-left: 10px;
   font-size:14px;
   font-weight:bold;
    padding-bottom: 6px;
    margin-bottom: 20px;
    color:#e02938;
}
#footer a {
    color: #ffffff;
    text-decoration: none !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
#footer ul.social li{
	padding: 3px 0;
}
#footer ul.social li a i {
    margin-right: 5px;
	font-size:25px;
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transition: .5s all ease;
}
#footer ul.social li:hover a i {
	font-size:30px;
	margin-top:-10px;
}
#footer ul.social li a,
#footer ul.quick-links li a{
	color:#0a0a0a;
}
#footer ul.social li a:hover{
	color:#0a0a0a;
}
#footer ul.quick-links li{
	padding: 3px 0;
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transition: .5s all ease;
}
#footer ul.quick-links li:hover{
	padding: 3px 0;
	margin-left:5px;
	font-weight:700;
}
#footer ul.quick-links li a i{
	margin-right: 5px;
}
#footer ul.quick-links li:hover a i {
    font-weight: 700;
}
.menu{
        align-items: center;
    border-bottom: 3px solid #e02938;
    position: absolute;
    margin-left:10px;
    width: 80%;
      }
      .menuactive{
        border-bottom:3px solid #3f3f3f;
        align-items: center;
 
    position: absolute;
    margin-left:10px;
    width: 80%;
      }
    #imji{
      width:12%;display:none;
    }
    .affix {
    top: 0;
    width: 100%;
    z-index: 9999 !important;
    border-bottom:2px solid #3f3f3f;
  }

  .affix + .container-fluid {
    padding-top: 70px;
  }
  .h6{
    color:white;
    font-size:18px;
  }
  .imgclient{
    width:12%;
  }
.add{
  font-size:14px;
}
.bannertservice{
        background:url('photo-1605152276897-4f618f831968.webp');
    
            position: relative;
    width: 100%;
    height: 30%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    }
    .bannertrrr{
        background:url('photo-1565665681743-6ff01c5181e3.webp');
    
            position: relative;
    width: 100%;
    height: 30%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    }
    .bannertabout{
        background:url('photo-1553368191-b4431ec06fca.webp');
    
            position: relative;
    width: 100%;
    height: 30%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    }
    .services{
            margin-top: 3%;
    margin-bottom: 10%;
        
    }
    .bannertcontact{
             background:url('photo-1528747045269-390fe33c19f2.webp');
    
            position: relative;
    width: 100%;
    height: 30%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    }
        .bannertcarrer{
             background:url('photo-1505816014357-96b5ff457e9a.webp');
    
            position: relative;
    width: 100%;
    height: 30%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    }
        .bannertclient{
             background:url('photo-1591453214154-c95db71dbd83.webp');
    
            position: relative;
    width: 100%;
    height: 30%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    }
    .servicemenu{
            background-color: #e02938;
                border-radius: 7px 0 0 7px;
    padding-left: 25px;
    padding-right: 25px;
        padding-top: 8px;
    padding-bottom: 8px;
    font-size:100%;
    color:white;
    margin-top:1px;
    font-family:sans-serif;
    cursor:pointer;
   
    }
    /*.servicemenu:hover{
        background-color: #3f3f3f;
    }*/
    .servicemenuactive{
               background-color: white;
                border-radius: 7px 0 0 7px;
    padding-left: 25px;
    padding-right: 25px;
        padding-top: 8px;
    padding-bottom: 8px;
    font-size:100%;
    color:#000000;
    margin-top:1px;
     font-weight:bold;
    font-family:sans-serif;
    cursor:pointer;
    }
    .sp{
        font-size:16px;
        color:black;     line-height: 30px;
    }
    .h33{
        font-weight:bolder;
        font-size: 20px;
    color: black;
   
    }
    .ttrz{
            background:#e02938;
    border: 1px #fff solid;
    border-right-width: 7px;
    padding: 10px 50px 10px 50px;
    text-align: center;
    font-size: 100%;
    color: #fff;
    }
  
    #IT_Services{
        display:none;
    }
    #Business_Consulting{
        display:none;
    }
    #Software_Development{
        display:none;
    }
    #Quality_Analysis{
        display:none;
    }
    #ApplicationDevelopment{
        display:none;
    }
    .servicem{
        display:none;
        margin-top:30px;
         font-family:sans-serif;
    cursor:pointer;
    }
       .panel-default>.panel-heading{
            color: white;
    background-color: #e02938;
    border-color: black;
    }
    .get-in-touch {
  max-width: 800px;
  margin: 50px auto;
  position: relative;

}
.get-in-touch .title {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 3.2em;
  line-height: 48px;
  padding-bottom: 48px;
     color: #e02938;
    background: #e02938;
   
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.contact-form .form-field {
  position: relative;
  margin: 32px 0;
}
.contact-form .input-text {
  display: block;
  width: 100%;
  height: 36px;
  border-width: 0 0 2px 0;
  border-color: #3f3f3f;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
}
.contact-form .input-text:focus {
  outline: none;
}
.contact-form .input-text:focus + .label,
.contact-form .input-text.not-empty + .label {
  -webkit-transform: translateY(-24px);
          transform: translateY(-24px);
}
.contact-form .label {
  position: absolute;
  left: 20px;
  bottom: 11px;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  color: #3f3f3f;
  cursor: text;
  transition: -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out, 
  -webkit-transform .2s ease-in-out;
}
.contact-form .submit-btn {
  display: inline-block;
  background-color: #e02938;
  
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 16px;
  padding: 8px 16px;
  border: none;
  width:200px;
  cursor: pointer;
}
.maps{
    display:none;
}
.mapsoffice{
    
   
}
.rrrmenu{
       background-color: #e02938; /* Green */
		  color: white;
          border: none;
          text-align: center;
          padding: 12px 28px;
          text-decoration: none;
          font-size: 16px;
          margin: 6px 4px;
          display: inline-block;
          cursor: pointer;
          -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
          
}
.rrrmenuactive{
   background-color: #3f3f3f; /* Green */
		  color: white;
          border: none;
          text-align: center;
          padding: 12px 28px;
          text-decoration: none;
          font-size: 16px;
          margin: 6px 4px;
          display: inline-block;
          cursor: pointer;
          -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
          box-shadow: 0 8px 16px 0 rgb(0 0 0 / 70%);
}

@media (max-width:767px){
	#footer h5 {
    padding-left: 0;
    border-left: transparent;
    padding-bottom: 0px;
    margin-bottom: 10px;
}
}
    @media (max-width: 1000px) {
    .navbar-nav>li>a{
      font-size:12px;
      line-height:0px;
      }
      .quick-links a{
      font-size:10px
      }
      .add{
      font-size:12px;
      }
      .navbar{
      min-height:50px
      }
      
      }
      @media (max-width: 768px) {
    
      .navbar-nav>li>a{
      font-size:14px;
      line-height:0px;
      }
      .quick-links a{
      font-size:10px
      }
      .add{
      font-size:9px;
      }
      .navbar{
      min-height:50px
      }
      .vide{
          top:15%;
      }
      .h2{
        color:white;
        font-size:25px;
        padding-top:230px;
      }
      .img0{
          margin-left:0px;
      }
      .img8{
          margin-left:0px;
      }
      .img1{
          margin-left:0px;
      }
      .img3{
          margin-left:0px;
      }
      .img4{
          margin-left:0px;
      }
        .img5{
          margin-left:0px;
      }
       .img6{
          margin-left:0px;
      }
      .img7{
          margin-left:0px;
      }
      .kar{
        margin-right:100px;
        margin-left:100px;
        
      }
      .iconzdiv{
        margin-bottom:50px;
      }
      #imj{
        display:none;
      }
      .menu{
        width:18%;
      }
      .menuactive{
        width:18%;
      }
      #imji{
        display:block;
        width:100px;
      }
      .nav{
        margin-left:0px;
      }
      .imgclient{
    width:15%;
  }
  .services{
   display:none;   
  }
  .servicem{
        display:block;
    }
     .h33{
        font-size:18px;
    }
    .ttrz{
            padding: 20px 20px 20px 20px;
        font-size:16px;
    }
.mapsoffice{
    margin-top:0%;
    margin-left:0%;
}
      }
      @media (max-width: 480px) {
        .vide{
          top:15%;
      }
      .h2{
        color:white;
        padding-top:25vh;
        font-size:15px;
      }
      .img0{
          margin-left:0px;
          width: 300px;
          font-size: 16px;
          
      }
      .img1{
          margin-left:0px;
          width: 300px;
          font-size: 16px;
          
      }
      .img2{
          margin-left:0px;
          width: 300px;
          font-size: 16px;
          
      }
       .img3{
              margin-left:0px;
          width: 300px;
          font-size: 16px;
      }
      .img4{
              margin-left:0px;
          width: 300px;
          font-size: 16px;
      }
       .img5{
              margin-left:0px;
          width: 300px;
          font-size: 16px;
      }
         .img6{
              margin-left:0px;
          width: 300px;
          font-size: 16px;
      }
        .img7{
              margin-left:0px;
          width: 300px;
          font-size: 16px;
      }
        .img8{
              margin-left:0px;
          width: 300px;
          font-size: 16px;
      }
      .vide{
        height:60vh;
      }
      .content{
        background: rgba(0,0,0,0.8);
        height:60vh;
      }
      .p{
        font-size:16px;
        line-height:30px;
      }
      .kar{
        padding:10px;
        margin-left:50px;
        margin-right:50px;
      }
      .iconzdiv{
        margin-bottom:50px;
        margin-left:0px;
      }
      .menu{
        width:30%;
      }
      .menuactive{
        width:30%;
      }
      #imji{
        display:block;
        width:40%;
      
      }
      .h6{

    font-size:12px;
  }
  .nav{
        margin-left:0px;
      }
      .imgclient{
    width:25%;
    margin:15px;
  }.add{
  font-size:11px;
}
.services{
   display:none;   
  }
   .servicem{
        display:block;
    }
  .h33{
        font-size:15px;
    }
    .ttrz{
            padding: 10px 10px 10px 10px;
        font-size:14px;
    }
        .maps{
display:block;
}
.mapsm{
        display:none;
}
.contact-form .form-field{
        margin: 40px 0;
}
.mapsoffice{
    margin-top:0%;
    margin-left:0%;
}
.rrrmenu{
font-size:12px;
}
.rrrmenuactive{
    font-size:12px;
}
      }
    
        /* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #e02938; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

      .navbar{
          border-radius:0px;
          z-index:50;
          border-bottom:1px solid white !important;
      }
      .navbar-inverse{
          background:#141414;
          border:0px;
      }
      .navbar-inverse .navbar-brand{
          color:white;
      }
     
      .navbar-nav>li>a{
          font-size:14px;
          line-height:0px;
          font-weight:bold;
         color:white !important;
      }
      .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{
           background:transparent;
      }
      .navbar {
   
    width: 100%;
    min-height: 60px;
    margin-bottom: 0px !important;
    border: 1px solid transparent;
}
.nav{
    margin-top:1%;
}
     .vide{
        background-image: url(banner.webp);
   position:relative;
    width: 100%;
    height:60vh;
    background-position: inherit;
    background-size: cover;
   
      }  
       .content{
        background: rgba(0,0,0,0.8);
        height:60vh;
        width:100%;
        position:absolute;
      }
      .contnwb:hover {
    background-color: transparent;
    border: 1px solid #e02938;
}
     .contnwb {
    background-color: transparent;
    border: 1px solid white; 
    font-size:18px;
}
.navbar-nav{
    float:right;
}
.active{
    border:1px solid white;
}
.h2{
    padding-top:12vh;
    color:white;
}
.cet{margin:0px 30px; }
.smc{
    margin-top:3%;
}
.socialicon{
    font-size:45px;
    color:#e02938;
}
.ii{
    margin-left:5%;
}

.over_vision {
    line-height: 30px;
    /* font-size: 16px; */
    text-align: justify;
    background: #424141;
    padding: 35px;
    color: white;
}
.over_visionimg{
    width:100%;
}
.over_visionim{
    margin:0px;
    padding:0px;
}
.servicesz{
    background:url('photo-1542744173-8e7e53415bb0.webp');
 
    position: relative;
    width: 100%;
    height: 50vh;
    background-position: center;
    background-size: cover;
}
.box{
    margin-top: -80px;
    
    width: 10%;
    height: 20%;
    display: inline-block;
    background: #FFFAFA;
    border: 2px solid #FFFAFA;
    box-sizing: border-box;
    box-shadow: 5px 5px 5px rgb(0 0 0 / 25%);
    text-align: center;
    z-index:20;
    position:absolute;
}
.icon{
    margin-top:5px;
    font-size:50px;
    cursor:pointer;
    color:#e02938;
}
.boxm{
    background: #FFFAFA;
    width: 40%;
    position: relative;
    display:inline-block;
   margin-left:20px;
    border: 2px solid #FFFAFA;
    box-sizing: border-box;
    box-shadow: 5px 5px 5px 5px rgb(0 0 0 / 25%);
    text-align: center;
    margin-top:20px;
}
.boxm{
    display:none;
}
.ser{
    display:inline;
    padding:0px;
    margin:0px;
}
.card {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  width: 50%;
  margin-top:30px;
}

.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.container {
  padding: 2px 16px;
}
.oursm{
    display:none;
}
.cardzer{
    margin-top:10px;
}
.imgclient{
    width:12%;
}
.mlogo{
display:none;
}
#footer {
    background:#222;
}
#footer p{
    font-size:14px; color:#fff; padding: 8px 0 0;
}
#footer h5{
	padding-left: 10px;
   font-size:18px;
   font-weight:bold;
    padding-bottom: 6px;
    margin-bottom: 20px;
    color:#e02938;
}
#footer a {
    color: #ffffff;
    text-decoration: none !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
#footer ul.social li{
	padding: 3px 0;
}
#footer ul.social li a i {
    margin-right: 5px;
	font-size:25px;
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transition: .5s all ease;
}
#footer ul.social li:hover a i {
	font-size:30px;
	margin-top:-10px;
}
#footer ul.social li a,
#footer ul.quick-links li a{
	color:#0a0a0a;
}
#footer ul.social li a:hover{
	color:#0a0a0a;
}
#footer ul.quick-links li{
	padding: 3px 0;
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transition: .5s all ease;
}
#footer ul.quick-links li:hover{
	padding: 3px 0;
	margin-left:5px;
	font-weight:700;
}
#footer ul.quick-links li a i{
	margin-right: 5px;
}
#footer ul.quick-links li:hover a i {
    font-weight: 700;
}
h1{
        font-size:30px;
    }
    .abt{
     font-size:20px;
    }
@media(max-width:1024px){
    .box{
        margin-top: -70px;
         width: 12%;
    height: 20%;
    }
}
@media(max-width:1150px){
    .over_vision{
        line-height: 32px;
        font-size:18px;
            
    }
}
@media(max-width:975px){
    .over_vision{
        line-height: 25px;
        font-size:18px;
        padding:25px;
    }
}
@media (max-width:768px){
    #imj{
        display:none;
    }
    .mlogo{
display:block;
}
    .cardzer{
    margin-top:100px;
}
    .oursm{
    display:block;
}
    .boxm{
    display:inline-block;
}
    .servicesz{
        display:none;
    }
    .box{
        display:none;
    }
   .over_vision {
    line-height: 25px;
    font-size: 15px;
    padding: 25px;
}
    .smc{
    margin-top:5%;
}
    .socialicon{
        font-size:50px;
    }
    .navbar-nav>li>a{
        font-size:18px;
        line-height: 10px;
    }
    .h2{
    padding-top:12vh;
    color:white;
    font-size:26px;
}
.contnwb{
    font-size:18px;
}
.cet{margin:0px 30px; 
}
.navbar-nav{
    float:center;
}

}
@media (max-width:425px){
.add{
font-size:14px;
}
#footer p{
    font-size:12px; 
}
.quick-links a{
font-size:14px;
}
  .abt{
     font-size:15px;
    }
    .imgclient{
        width:25%;
        margin:15px;
    }
    h1{
        font-size:25px;
    }
    .card{
        width:60%;
    }
   .boxm{
       width:35%;
       margin-left:30px;
       margin-top:30px;
   }
    .over_vision{    }
      .socialicon{
        font-size:35px;
    }
  .contnwb{
    font-size:16px;
}  
.cet{
    margin:0px 10px; 
}
}