@font-face {
   font-family: 'Poppins-Regular';
   src: url('../fonts/poppins/poppins-v5-latin-regular.eot');
   src: url('../fonts/poppins/poppins-v5-latin-regular.woff') format('woff'), 
      url('../fonts/poppins/poppins-v5-latin-regular.ttf') format('truetype'), 
      url('../fonts/poppins/poppins-v5-latin-regular.svg') format('svg');
   
   font-weight: normal;
   font-style: normal;
  }
  @font-face {
   font-family: 'Poppins-Medium';
   src: url('../fonts/poppins/poppins-v5-latin-500.eot');
   src: url('../fonts/poppins/poppins-v5-latin-500.woff') format('woff'), 
      url('../fonts/poppins/poppins-v5-latin-500.ttf') format('truetype'), 
      url('../fonts/poppins/poppins-v5-latin-500.svg') format('svg');
   
   font-weight: normal;
   font-style: normal;
  }
  @font-face {
   font-family: 'Poppins-Light';
   src: url('../fonts/poppins/poppins-v5-latin-300.eot');
   src: url('../fonts/poppins/poppins-v5-latin-300.woff') format('woff'), 
      url('../fonts/poppins/poppins-v5-latin-300.ttf') format('truetype'), 
      url('../fonts/poppins/poppins-v5-latin-300.svg') format('svg');
   
   font-weight: normal;
   font-style: normal;
  }

  @font-face {
   font-family: 'Poppins-SemiBold';
   src: url('../fonts/poppins/poppins-v5-latin-600.eot');
   src: url('../fonts/poppins/poppins-v5-latin-600.woff') format('woff'), 
      url('../fonts/poppins/poppins-v5-latin-600.ttf') format('truetype'), 
      url('../fonts/poppins/poppins-v5-latin-600.svg')format('svg');
   
   font-weight: normal;
   font-style: normal;
  }
  @font-face {
   font-family: 'Poppins-Bold';
   src: url('../fonts/poppins/poppins-v5-latin-700.eot');
   src: url('../fonts/poppins/poppins-v5-latin-700.woff') format('woff'), 
      url('../fonts/poppins/poppins-v5-latin-700.ttf') format('truetype'), 
      url('../fonts/poppins/poppins-v5-latin-700.svg') format('svg');
   
   font-weight: normal;
   font-style: normal;
  }

*{
   margin: 0;
   padding: 0;
 }
body{
   margin:0;
   background: #fff;
 }
 .clear{
   clear: both;
 }
a{
   text-decoration: none !important;
}
.header_n{
   box-shadow: 0px 0px 10px #1f151585;
}
.header{
   background: #0D5EE4;
   /* height: 70px; */
   /* position: relative; */
   border-bottom: 1px solid rgb(255, 255, 255,0.2);
 }
.logo span{
   color: #fff;
   padding-left: 8px;
   font-family: 'Poppins-Medium';
   font-size: 20px;
   letter-spacing: 0.5px;
   vertical-align: middle;
 }

 .navbar-nav li a{
   color: #fff;
   font-family: 'Poppins-Light';
   text-decoration: none;
   font-size: 13px !important;
 }
 .nav-item {
   padding:0px 25px 0px 0px;
   text-align: center;
 }

 .navbar-nav .active a{
   /* border-bottom:2px solid #EDB600; */
   color: #EDB600 !important;

 }
 .navbar-toggler-icon {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
   outline: none !important;
 }
.e-button{
   font-size: 13px;
   font-family: 'Poppins-SemiBold' !important;
   color: #fff !important;
   border: 1px solid #fff;
   padding: 6px 10px 6px 10px;
   border-radius: 3px;
   cursor: pointer;
   transition: 0.3s;
}

.e-button:hover{
   background: #fff;
   color: #0D5EE4 !important;
}
.button:hover {
   background: #fff;
   color: #0D5EE4 !important;
}

.button{
   font-size: 13px;
   font-family: 'Poppins-SemiBold' !important;
   color: #fff !important;
   border: 1px solid #fff;
   padding: 10px 20px 10px 20px;
   border-radius: 20px;
   cursor: pointer;
   text-decoration: none !important;
   transition: 0.3s;

}
.w-button{
   font-size: 13px;
   font-family: 'Poppins-SemiBold' !important;
   color: #0D5EE4 !important;
   border: 1px solid #0D5EE4;
   padding: 10px 20px 10px 20px;
   border-radius: 20px;
   cursor: pointer;
   text-decoration: none !important;
   transition: 0.3s;

}
.w-button i{
   padding: 0px 0px 0px 7px;
}
.w-button:hover{
   background: #0D5EE4;
   color: #fff !important;
}
.button i{
   padding: 0px 0px 0px 7px;
}


/* ========== main bannner section =============*/

.main-banner{
   background:#0D5EE4;
   margin-top: 66px;
}
.icon-xd{
   position: absolute;
   top:50px;
   left: -60px;
}

.main-banner h1{
   font-size: 40px;
   color:#ffffffea;
   max-width:500px;
   font-family: 'Poppins-Bold';
   padding: 150px 0px 0px 0px;
   z-index: 2;
}
.main-banner h1 span{
   color:#EDB600;
}
.main-banner p{
   color:rgba(255, 255, 255, 0.89);
   font-family: 'Poppins-Light';
   max-width:420px;
   padding: 40px 0px 20px 0px;
   font-size: 13px;
}
.down-arrow{
   padding: 80px 0px 30px 0px;
}
.down-arrow a{
   background: transparent;
   border:1px solid #fff;;
   color: #fff !important;
   border-radius: 20px;
   padding: 6px 10px;
   cursor: pointer;
   margin: 0 auto;
   display: table;
   outline: none !important;
}

/* ========== Who we are section ===========*/

.section-title{
   font-family: 'Poppins-SemiBold';
   font-size: 30px;
   color: #4D4D4D;
   text-align: center;
   padding: 100px 0px 10px 0px;
   position: relative;
   z-index: 999;

}
.section-title span{
   color: #fff;
}
.section-title::after{
   content: '';
   width: 80px;
   height: 2px;
   background: #EDB600;
   position: absolute;
   bottom: -5px;
   left: 46%;
}
.section-tagline{
   color: #CBCBCB;
   font-size: 15px;
   font-family: 'Poppins-Medium';
   padding: 20px 0px 10px 0px;
   position: relative;
   text-align: center;
}

.who-we-are .e-paragraph{
   font-family: 'Poppins-Light';
   font-size: 15px;
   color: #4D4D4D;
   line-height: 27px;
   padding: 20px 80px;
   font-weight: normal;
   letter-spacing: 0.2px;
}
.e-space{
   padding: 50px;
}

/* Our Major Services section */

.major-services .background{
   background: #0D5EE4;
   margin: 20px 0px 0px 0px;
   padding: 50px 0px 0px 0px;
}
.major-services .services{
   width: 260px !important;
   height: 420px;
   background: #ffffff;
   border:none;
   float: left;
   border-radius: 5px;
   margin:5px 17px 0px 0px;
   border:1px solid #fff;
   padding:15px;
   cursor: pointer;
}
.major-services .services:hover{
   /* background: #0D5EE4; */
   box-shadow: 0px 3px 10px rgb(65, 65, 65);
}
.major-services .services:hover h3{
   /* color: #ffffff; */
}
.major-services .services:hover p{
   /* color: #ffffff; */
}
.services img{
   width:100%;
   height: 50%;
}
.services h3{
   font-family: 'Poppins-Bold';
   font-size:13px;
   color: #4D4D4D;
   padding: 5px 0px 0px 0px;
}
.services p{
   font-family: 'Poppins-Regular';
   font-size:13px;
   padding: 15px 0px 0px 0px;
   color: #4D4D4D;
}
.major-services .view-more{
   padding: 30px;
}
.major-services .view-more a{
   margin: 0 auto;
   display: table;
}

/* ====== Work plan ====*/

.work-plan{
   max-width: 900px;
   margin: 0 auto;
}
.work-plan .card{
   border-radius: 0 !important;
   border:none;
   background: #E7F3FD;
   position: relative;
   cursor: pointer;
}
.work-plan .card-header {
   padding:0px 10px 15px 0px;
   border-bottom: 0 !important;
   height: 50px;
   background: #E7F3FD;


}
.work-plan .card-header .header {
   background: transparent;
   font-family: 'Poppins-Regular';
   font-size: 13px;
   color: #4D4D4D;
   padding:15px 0px 15px 70px !important;

}
.work-plan .card {
   margin-bottom: 10px;
}

.work-plan .number {
   background: #0D5EE4;
   float: left;
   padding: 13px;
   margin: 0;
   width:50px; 
   color: #fff;
   text-align: center;
}

.work-plan .accordion {
   padding: 30px 0px 30px 0px;
}

.work-plan .accordion .card-body {
   background: #fff;
   font-size: 13px;
   font-family: 'Poppins-Regular';
   line-height: 25px;
   color: #707070;
   padding-left: 0;
   padding-bottom: 5px;

}
/*======Techonology Driven Services ====*/

.Technology-services {
   position: relative;
   height: 650px;

}
.Technology-services .background{
   background: #0D5EE4;
   width: 51%;
   height: 530px;
   position: absolute;
   right: 0;
   top: 60px !important;

}
.Technology-services .container{
   padding-top: 30px;
}
.Technology-services h4{
   font-size: 12px;
}
.Technology-services .tech-box{
   border: 1px solid #E5E5E5;
   background: rgb(255, 255, 255);
   box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.062);
   text-align: center;
   position: absolute; 

}
.Technology-services .center{
   position: absolute;
   left: 50%;
   top: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}
.Technology-services .php{
   height: 90px;
   width: 90px;
   left:20px;
   top:170px;
}

.Technology-services .python{
   height: 120px;
   width: 110px;
   left: 190px;
   top:20px;
}

.Technology-services .angular{
   height: 110px;
   width: 110px;
   left: 150px;
   top:250px
}

.Technology-services .javascript{
   height: 70px;
   width: 70px;
   left: 350px;
   top:300px;

}
.Technology-services .ruby{
   height: 140px;
   width: 140px;
   left: 330px;
   top:100px;

}
.Technology-services .invision{
   height: 80px;
   width: 80px;
   left: 500px;
   top:50px;

}

/*======Request quote =====*/

.request-quote{
   position: relative;
   padding-bottom: 40px;
   background: #7070700e;
}
.request-quote h3{
   text-align: center;
   font-family: 'Poppins-Light';
   font-size:30px;
   word-spacing: 5px;
   color: #707070;
   padding:30px 0px 30px 0px;

}

.request-quote div{
   text-align: center;
}


/*======Footer Section=======*/
footer{
   position: relative;
   margin: 0px 0px 0px 0px ;
}
.footer{
   /* height: 100px; */
   background: #EFEDED;
  
}

.footer .footer-Links{
   list-style: none;
   font-family: 'Poppins-Light';
   padding: 20px 0px 0px 0px;
}

.footer .footer-Links li{
   display: inline;
   padding: 0px 25px 0px 0px;
   position: relative;
}
.footer .footer-Links li::before{
   content: '';
   width: 1px;
   height: 13px;
   background: rgb(126, 126, 126);
   position: absolute;
   top:6px; 
   right: 7px;
}

.footer .footer-Links li a{
   color: #707070;
   font-size: 13px;
   text-decoration: none;
}

.footer .social{
   list-style: none;
   color: #707070;
   padding: 20px 0px 0px 0px;
   float: right;
}
.footer .social li{
   display: inline;
   padding: 0px 10px 0px 0px;
}
.footer .social li a{
   color: #707070;
   font-size: 16px;
   text-decoration: none;

}
.footer hr{
   margin: 0 !important;
   padding: 0 !important;
}

.footer .copy-rights{
   text-align: center;
   font-family: 'Poppins-Light';
   padding: 10px 0px 10px 0px ;
   display: flex;
   justify-content: space-between;

}
.footer .copy-rights p{
   color: #707070;
   font-size: 13px;
   margin-bottom: 0 !important;

}

/* Carear page */

.career-header{
   background: #FCF1CD;
   margin: 67px 0px 0px 0px ;
   text-align: center;
}

.career-header h2{
   color: #0D5EE4;
   font-size: 20px;
   font-family: 'Poppins-Bold';
   padding: 30px 0px;
}
.jobs{
   margin: 0 auto;
   max-width: 1100px;
}
.cards{
   width:300px;
   height: auto;
   border:1px solid #EFEFEF;
   float: left;
   margin:25px;
   padding: 15px 20px 10px 20px;
   cursor: pointer;
}
.cards:hover{
   box-shadow: 0px 0px 10px rgba(77, 77, 77, 0.199);
}
.cards h3{
   color: #0D5EE4;
   font-size: 16px;
   font-family: 'Poppins-Semibold';
   padding: 0px 0px 10px 0px;
}
.cards p{
   font-size: 15px;
   font-family: 'Poppins-Light';
   margin: 12px 0px !important;

}
.cards button{
   color: #0D5EE4;
   border:1px solid #0D5EE4;
   background: transparent;
   text-align: center;
   padding: 5px 20px;
   margin: 20px 0px 0px 0px;
   border-radius: 20px;
   box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.151);
   outline: none;
   font-family: 'Poppins-Semibold';
   transition: 0.3s;
}
.cards button:hover{
   background: #0D5EE4;
   color: #fff;
}
.upload-resume-section{
   margin:25px;

}
.upload-resume-section input{
   display: none;
}
.upload-resume-section label{
   color: #0D5EE4;
   border:1px solid #0D5EE4;
   background: transparent;
   text-align: center;
   padding: 7px 15px 7px 15px;
   margin: 20px 0px 0px 0px;
   border-radius: 20px;
   box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.151);
   outline: none;
   transition: 0.3s;
   font-family: 'Poppins-Semibold';
}
.upload-resume-section label:hover{
   background: #0D5EE4;
   color: #fff;
}

.contact-us-section{
   margin: 0 auto;
   max-width: 1100px;
   display: flex;
   padding: 50px 0px 30px 0px;
   justify-content: space-between;
   align-items: center;

}
.contact-img{
   /* width: 50%; */
}
.contact-img img{
   width: 300px;
   height: 100%;
}
.contact-info .contact-info-head{
   font-family: 'Poppins-Bold';
   color: #707070;
   font-size: 20px;
   padding: 0px 0px 30px 0px;
}
.address-section .address-line-1{
   display: flex;
   align-items: center;
   padding: 0px 0px 20px 0px;
   font-family: 'Poppins-Regular';

}
.address-section .address-line-2{
   padding: 0px 0px 50px 0px;
   max-width: 300px;
   font-family: 'Poppins-Regular';

}
.address-line-1 img{
   height: 40px;
   width: 40px;
   margin: 0px 10px 0px 0px ;
}

.contacts-section{
   display: flex;
}
.contacts-section .phone-line-1{
   display: flex;
   align-items: center;
   padding: 0px 0px 20px 0px;
   font-family: 'Poppins-Regular';
}
.phone{
   padding: 0px 80px 0px 0px;
}
.phone-line-1 img{
   height: 40px;
   width: 40px;
   margin: 0px 10px 0px 0px ;
}
.phone-line-2 ul{
   font-family: 'Poppins-Regular';

}
.contacts-section .mail-line-1{
   display: flex;
   align-items: center;
   font-family: 'Poppins-Regular';
   padding: 0px 0px 20px 0px;
}
.mail-line-1 img{
   height: 40px;
   width: 40px;
   margin: 0px 10px 0px 0px ;
}
.mail-line-2 ul{
   font-family: 'Poppins-Regular';

}

.contact-form{
   /* width: 50%; */
  

}
.contact-form .contact-form-head{
   font-family: 'Poppins-Bold';
   color: #707070;
   font-size: 20px;
   padding: 0px 0px 30px 5px;
}
.contact-form form{
   display: flex;
   flex-direction: column;
}
.contact-form form input,select{
   width: 100%;
   height: 45px;
   background: #F7F7F7;
   border: none;
   padding:0px 0px 0px 20px;
   outline: none !important;
   margin: 10px 0px; 
   font-family: 'Poppins-Regular';

}
.contact-form select{
   width: 50%;
}
.contact-form form textarea{
   width: 100%;
   height: 150px;
   background: #F7F7F7;
   border: none;
   padding:10px 0px 0px 20px;
   outline: none !important;
   font-family: 'Poppins-Regular';
   margin: 10px 0px; 

}
.contact-form form .form-button{
   color: #0D5EE4;
   border:1px solid #0D5EE4;
   background: #fff;
   text-align: center;
   cursor: pointer;
   padding: 7px 15px 7px 15px;
   margin: 20px 0px 0px 0px;
   border-radius: 20px;
   box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.151);
   outline: none;
   font-family: 'Poppins-Semibold';
   margin: 10px 5px; 
   max-width: 170px;
   transition: 0.3s;

}
.contact-form form .form-button:hover{
   color: #fff;
   background: #0D5EE4
}
.contact-form form .personal-details{
   display: flex;
   justify-content: space-between;
}
.contact-form form .personal-details input{
   width: 49%;
}

/* Services blocks */
.services-blocks{

}
.services-blocks .services_block{
   margin: 20px 0px 50px 0px;
}
.services-blocks .active{
}
.services_block .service_header{
   font-family: 'Poppins-Semibold';
   color: #707070;
   font-size: 18px;
   padding: 0px 0px 15px 0px;
   border-bottom:1px solid #ddd;
   margin: 0px 0px 20px 0px ;
}
.service_desc_block{
   display: flex;
   font-family: 'Poppins-Light';
   font-size: 15px;
   color: #4D4D4D;
   line-height: 27px;
   font-weight: normal;
   letter-spacing: 0.2px;
}
.service_desc_block .service_desc{
   width:50%;
   /* align-self: center; */
   padding: 20px;
   background: #fbfbfb;
   margin-bottom: 10px;
}
.service_desc_block .service_d{
   
}
.service_desc_block .service_d ul{
   padding: 20px;

}
.service_desc_block .service_d ul li{
   padding-bottom: 5px;
}
.service_desc_block .service_img{
   width: 50%;
   height: auto;
   padding: 20px;

}
.service_desc_block .service_img img{
   height: 100%;
   width: 100%
}

@media (max-width: 780px){
.Technology-services .tech-box{
   width: 100px !important;
   height: 100px !important;
   float: left !important;
   position: relative;
   margin:5px !important;
   left: 0 !important;
   top: 0 !important;
}
.contact-form form{
   align-items: center;
}
.contact-form form .personal-details input{
   width: auto;
}
.service_desc_block{
   flex-direction: column;
}
.service_desc_block .service_desc{
   align-self: flex-start;
   width: 100%;
   order: 2;
}
.service_desc_block .service_img{
   align-self: center;
   order: 1;
   padding: 0;
}
}
@media (max-width: 700px){
.contact-form form .personal-details{
   flex-direction: column;

}
.address-section .address-line-1{
   justify-content: center;
}   
.address-section .address-line-2{
   max-width: 90%;
   margin: 0 auto;
}
.phone{
   padding: 0;
}
.phone-line-1{
   justify-content: center;
}  
.mail-line-1{
   justify-content: center;
}   
.contact-info{
   text-align: center;
   justify-content: center;
}
.contact-form form textarea{
   width: auto;
}
.contact-form form input,select{
   width: auto;

}
.contact-us-section{
   flex-direction: column;
   justify-content: space-between;
   align-items: center;
}
.contacts-section{
   flex-direction: column;
}
.contact-form{
   width: 100%;

}
.who-we-are .e-paragraph{
   padding:20px 0px;
 }

.e-space{
   padding: 0px;
}
.main-banner h1{
   padding: 60px 0px 0px 0px;
}
.major-services .services{
   margin:0px 0px 10px 0px;
   width: 100% !important;
   height: auto;
   text-align: center;
}

.section-title{
   font-size: 20px;
}
.section-title::after{
   left: 36%;
}

.Technology-services .background{
   width: 100%;
   height: 600px;
}

.Technology-services .section-title{
   color:#fff;
}

.footer .footer-Links li{
   display: block;
   /* text-align: center; */
}
.footer .footer-Links li::before{
   display: none;
}

.footer .social{
   
}
}