@font-face {
  font-family: 'Lato-Regular';
  src: url('../assets/fonts/LatoRegular/Lato-Regular.eot');
  src: url('../assets/fonts/LatoRegular/Lato-Regular.woff') format('woff'),
     url('../assets/fonts/LatoRegular/Lato-Regular.woff2') format('woff2'),
     url('../assets/fonts/LatoRegular/Lato-Regular.ttf') format('truetype'),
     url('../assets/fonts/LatoRegular/Lato-Regular.svg#Lato-Regular') format('svg');
}

@font-face {
  font-family: 'Lato-Heavy';
  src: url('../assets/fonts/Latoheavy/Lato-Heavy.eot');
  src: url('../assets/fonts/Latoheavy/Lato-Heavy.woff') format('woff'),
     url('../assets/fonts/Latoheavy/Lato-Heavy.woff2') format('woff2'),
     url('../assets/fonts/Latoheavy/Lato-Heavy.ttf') format('truetype'),
     url('../assets/fonts/Latoheavy/Lato-Heavy.svg#Lato-Heavy') format('svg');
}
@font-face {
  font-family: 'Lato-Semibold';
  src: url('../assets/fonts/Latosemibold/LatoSemibold.eot');
  src: url('../assets/fonts/Latosemibold/Lato-Semibold.woff') format('woff'),
     url('../assets/fonts/Latosemibold/LatoSemibold.woff2') format('woff2'),
     url('../assets/fonts/Latosemibold/Lato-Semibold.ttf') format('truetype'),
     url('../assets/fonts/Latosemibold/Lato-Semibold.svg#Lato-Semibold') format('svg');
}    

@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css');


:root {
--alfain-primary-color: #0050D1;
--btn-text-color:white;
--pg-font-size: 16px;
--heading-font-weight: bolder;
--btn-two-hover-bachground-color:white;
--alfain-secondary-color: #0000cc;
--text-dark-color:#696969;
--alfain-black-dark:#3E3E3E;
--alfain-submenu-hover:#F2F6FD;
}
body {
font-family: 'Lato-Regular';
height: 100%;
margin: 0;
}

@media screen and  (max-width: 568px) {
  
  .price-card .price-card-heading {
    font-size: 22px;
  }
  .price-card .bop-pricing-card-title {
    font-size: 14px;
  }
  .price-card .price-list li .text-capitalize {
    font-size: 10px;
  }
  .price-card .price-btn-div .price-btn{
    padding: 2px 4px 2px 5px;  
    font-size: 14px;
  }
  .price-btn .east{margin-left: 10px;}
  
}


@media (max-width: 1200px){
  .first-portfolio-card {
    justify-content: center !important;
  }
  
  .third-portfolio-card {
    justify-content: center !important;
  }
  .hero-section-heading{
    font-size: 32px !important;
  }
}
@media (min-width: 992px){
  .navbar-nav{
    min-height: 65px;
  }
  .nav-item .nav-link {
    min-height: 65px;
    display: flex;
    align-items: center;
}

.nav-link {
  padding: 0px 17px !important;
}
}
@media (max-width: 991px){

  .navbar-container{
    padding-bottom: 10px;
  }
  .navbar-container .navbar-collapse .navbar-nav{
  width: 100% !important;
  }
  
}
@media (max-width: 900px){
  
  .slider .slide .info{
    position: relative;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  
}
@media only screen and (max-width: 600px) {
  /*## home page first section css ##*/
  .padding-top-on-monile {
    padding-top: 40px;
  }
  .content__container .content__container__list{
    padding: 0px;
  }
  .web-hero-secrion-heading .content-heading-mobile{
    display: block;
    display: inline;
    font-size: 25px;
  }
  .content .content-heading{
    display: none;
  }
  .fist-second-section-combine .web-hero-secrion-heading{
    font-size: 25px;
  }
  

  
  li.bus_home_title.content__container__list__item {
    font-size: 25px; 
  }
  /*## home page first section css  end #####################*/

  /*## home page second section css ##*/
  .hp-section-heading-section-inner .hp-secrion-two-heading{
    font-size: 25px;
  }
  
  /*########## home page second section css  end ###################*/

  /*## home page third feature-services section css ##*/
  .feature-services .web-hero-secrion-heading{
    font-size: 25px;
    padding: 0px 25px;
  }
  /*########## home page third feature-services section css end ###########*/

  /*## home page fourth client section css ##*/
  .client .web-hero-secrion-heading{
    font-size: 25px;
    padding: 0px 25px;
  }
  .last-section .last-section-heading
  {
    font-size: 25px;
  }
  .last-section-inner .last-section-d
  {
    font-size: 16px;
  }
  /*## home page fourth client section css end ########################*/
  
  .slider .slide .info h2{
    font-size: 1.8em;
    line-height: 40px;
  }
  .slider .slide img
  {
    height: 20vh !important;
  }

  .slider .slide .info p{
    font-size: 0.9em;
  }

  /* Staff augmentation services page*/

  .staff-dedicated-services-row .staff-dedicated-services-column {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }

}


@media screen and  (max-width: 767px) {
  .navbar-container{
    padding-bottom: 10px;
  }
 
  .content .content-heading{
    font-size: 33px;
  }
  .content .content-heading-mobile{
    font-size: 33px;
  }
  .content__container .bus_home_title{
    font-size: 33px;
  }
  a#navbarDropdown{
    padding: 0px !important;
  }
  li.nav-item.dropdown{
    padding: 10px !important;
  }
  a#nav-link{
    padding: 10px !important;
  }
  .feedback-card-icon-rigth{
    float: left !important;
  }
  .herp-section-discription{
  font-size: 16px !important;
  }
  .hero-first-home{
    width: 100% !important;
  }
  
  .hero-first-home-wrap{
    align-items:none !important;
  }
  .hero-heading
  {
    font-size: 34px !important;
  }
  .col-lg-6.hero-left-colum {
    padding-top: 25px !important;
  }
  /*services section*/
  .feature-box-1
  {
    padding: 25px;
  }
  .service-card-d
  {
    text-align: justify !important;
  }
  /*services section end*/
  .slider
  {
    min-height: 250px !important;
  }
  .slide
  {
    height: 250px !important;
  }
  .featured-card
  {
    padding: 15px 40px !important;
  }
  .slider .slide img
  {
    height: 22vh !important;
  }
  .navigation
  {
    height: 250px !important;
  }
  .haq-heading{
  font-size: 33px !important;
  line-height: inherit !important;
  }
/*Header  */
  .header-btn-part
  {
  justify-content: flex-start !important;
  width: 100% !important;
  }
  
/*Hero section/First section*/
.col-lg-7.hero-left-colum {
  padding-top:50px !important;
}
h1.display-5.fw-bold.lh-1.mb-3.hero-heading {
  font-size: 38px !important;
}
.pcd {
  width: 100% !important;
}
.hero-d{
  width: 100% !important;
}
.pch h3 {
  font-size: 23px !important;
}

.mobile-img
{
  display: block;
  padding: 0px 20px;
}
.desktop-img
{
  display: none;
}
.col-lg-4.col-xs-12.location 
{
 padding-top: 20px !important;
}
.col-md-6.rigth-colum-feedback.my-3 
{
  text-align: left !important;
}
.ss-pg {
  padding: 0px 0px 0px 0px !important;
}
.product-img img 
{
  height: initial !important;
  width: 100% !important;
}
.apps-links-section-heading 
{
font-size: 30px !important;
}
/*case assistant page*/
.pff-d-discription-heading
{
font-size: 34px !important;
}
/*cornerstore*/
.third-sec-card-disc {
width: 100% !important;
line-height: 32px;
}


.staff-dedicated-services-row .staff-dedicated-services-column {
  width: 100%;
}
.staff-dedicated-services-container .staff-dedicated-services-row{
  margin: 0px 0px;
}

.faq-part #accordionExample {
  width: 95%;
}


}
@media screen and  (min-width: 768px) {

  .h-md-250 { height: 250px; }

  .careercard-h-md-250
   { 
     height: 220px; 
  }
  .mobile-img
  {
    display: none;
  }
.desktop-img
  {
    display: block;
  }
  .row.align-items-center.mobile-img-row {
    display: none;
}


}
@media (min-width:768px) and (max-width:1024px) 
{

.slider .slide img
{
  height: 23vh !important;
}
.navigation
{
  height: 430px !important;
}
.pch h3
{
 font-size: 23px !important;
}
.pcd 
{
  width: 100% !important;
}
}
@media (min-width:768px) and (max-width:991px) {
  .price-card .bop-pricing-card-title {
    font-size: 18px;
  }
.header-btn-part {
  width: 100% !important;
  justify-content: flex-start !important;
}

.staff-dedicated-services-container .staff-dedicated-services-row{
  margin: 0px;
}
.staff-dedicated-services-row .staff-dedicated-services-column {
  width: 33%;
}

.faq-part #accordionExample {
  width: 95%;
}

}
@media (min-width:992px) and (max-width:1200px) {
  .content__container .bus_home_title{
       font-size: 33px;
  }
  .content .content-heading{
    font-size: 33px;
  }
  .content .content-heading-mobile{
    font-size: 33px;
  }
  .fist-second-section-combine .web-hero-secrion-heading{
    font-size: 33px;
  }
  }
/*############################ media quries end ####################################*/
/* heade css */
ul.navbar-nav {
width: 85%;
justify-content: end;
}

.nav-item:hover a.nav-link{
  color:var(--alfain-primary-color);
}
.nav-item:hover .nav-link{ 
  color: white;
}
.navbar-container {
  min-height: 65px;
}

div#navbarSupportedContent {
  min-height: 60px;
}

.navbar-light .navbar-brand
{
 color:var(--alfain-primary-color) !important;
}

a.navbar-brand 
{
 font-size: 20px;
 font-weight: bold;
 padding: 0px;
}
.dropdown-menu{
  min-width: 230px;
  border-radius: 5px;
  box-shadow: 0 0 11px rgb(33 33 33 / 20%);
  border: 0px;
}
.dropdown ul li:hover a {
  background:var(--alfain-submenu-hover);
  border-radius: 5px;
}

.dropdown ul li {
  margin: 0px 15px;
}
ul.navbar-nav li:hover .dropdown-toggle::after{
  transform: rotate(180deg);
}
.dropdown-toggle::after{
transition: all 0.4s ease;
}
.main-header-div ul.dropdown-menu li .sub-menu-text{
  padding-left: 15px;
}
.dropdown-menu li a:hover{
  color: var(--alfain-primary-color);
}
.dropdown-menu li {
  padding: 5px 0px;
}
.sub-menu-web-icon{
  display: inline-block;
  width: 22px;
  height: 21px;
  background-size: cover;
}
.sub-menu-mobile-icon{
  display: inline-block;
  width: 15px;
  height: 25px;
  background-size: cover;
}
.sub-menu-uiux-icon{
  display: inline-block;
  width: 29px;
  height: 17px;
  background-size: cover;
}
.sub-menu-devops-icon{
  display: inline-block;
  width: 25px;
  height: 21px;
  background-size: cover;
}
.dropdown-item{
  display: flex;
  align-items: center;
}
/* .dropdown-menu .dropdown-item .menu-icon .web-icon{
  background-image: url(../assets/svg/Web-black-icon.svg);
}
.dropdown-menu .dropdown-item:hover .menu-icon .web-icon{
  background-image: url(../assets/svg/Web-blue-icon.svg);
}
.dropdown-menu .dropdown-item .menu-icon .mobile-icon{
  background-image: url(../assets/svg/mobile-black-icon.svg);
}
.dropdown-menu .dropdown-item:hover .menu-icon .mobile-icon{
  background-image: url(../assets/svg/mobile-blue-icon.svg);
}
.dropdown-menu .dropdown-item .menu-icon .uiux-icon{
  background-image: url(../assets/svg/ui-ux-black-icon.svg);
}
.dropdown-menu .dropdown-item:hover .menu-icon .uiux-icon{
  background-image: url(../assets/svg/ui-ux-blue-icon.svg);
}
.dropdown-menu .dropdown-item .menu-icon .devops-icon{
  background-image: url(../assets/svg/Devops-black-icon.svg);
}
.dropdown-menu .dropdown-item:hover .menu-icon .devops-icon{
  background-image: url(../assets/svg/Devops-blue-icon.svg);
} */


.dropdown-menu{
  display: none;
}
.dropdown:hover .dropdown-menu{
  display: block;
}
.header-btn-part {
  width: 15%;
  display: flex;
  justify-content: flex-end;
}
span.menu-icon {
  width: 30px;
  float: left;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.active
{color: white !important;
text-decoration: none;
}

button.btn.btn-outline-success.header-btn {
color: white;
border-color: white;
background-color: var(--alfain-primary-color);
}
.hire-btn{
  color: white;
border-color: white;
background-color: var(--alfain-primary-color);
}
button.btn.btn-outline-success.header-btn:hover {
background-color:var(--alfain-black-dark);
}

nav.navbar.navbar-expand-lg.navbar-light.sticky-top {
background-color: white;
border-bottom-color: #E8E8E8;
border-bottom-style: solid;
border-bottom-width: 1px;
}
/* header css end*/
.b-example-divider {
height: 3rem;
background-color: rgba(0, 0, 0, .1);
border: solid rgba(0, 0, 0, .15);
border-width: 1px 0;
box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.bi {
vertical-align: -.125em;
fill: currentColor;
}

.feature-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 4rem;
height: 4rem;
margin-bottom: 1rem;
font-size: 2rem;
color: #fff;
border-radius: .75rem;
}

.icon-link {
display: inline-flex;
align-items: center;
}
.icon-link > .bi {
margin-top: .125rem;
margin-left: .125rem;
transition: transform .25s ease-in-out;
fill: currentColor;
}
.icon-link:hover > .bi {
transform: translate(.25rem);
}

.icon-square {
display: inline-flex;
align-items: center;
justify-content: center;
width: 3rem;
height: 3rem;
font-size: 1.5rem;
border-radius: .75rem;
}

.rounded-4 { border-radius: .5rem; }
.rounded-5 { border-radius: 1rem; }

.text-shadow-1 { text-shadow: 0 .125rem .25rem rgba(0, 0, 0, .25); }
.text-shadow-2 { text-shadow: 0 .25rem .5rem rgba(0, 0, 0, .25); }
.text-shadow-3 { text-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .25); }

.card-cover {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.btnviewmore
{
border-color: #0050D1;
background-color: white !important;
border-radius: 3px !important ;
padding-top: 3px !important;
padding-bottom: 3px !important;
padding-left: 3px !important;
padding-right: 3px !important;

}
.heading-size
{
font-size: 28px !important;
font-weight: bold !important;
}
.feature-margin
{
margin: 60px 0px 0px !important;
}
button.btn.btn-text:hover {
color: white !important;
}
.breadcrumb-main {
padding: 10px 0px;
}


.btn-one{
color:var(--alfain-primary-color) !important;
border-color:var(--alfain-primary-color) !important;

}
.btn-one:hover
{
background-color:var(--alfain-primary-color) !important;
color:var(--btn-text-color)!important;
}
.btn-two
{
background-color:white !important;
color:var(--alfain-primary-color)!important;
}
.btn-two:hover
{
background-color:var(--alfain-primary-color) !important;
color: white !important;
}
.btn-two-herosection
{
background-color:white !important;
color:var(--alfain-primary-color)!important;
}
.btn-two-herosection:hover
{
background-color:#EAEAEA !important;
}
.contact-us-container
{
max-width: 960px;

}
button.btn.btn-primary.contact-us-btn {
margin-top: 0px;
}
.contact-us-subheading
{
font-size: 32px;
font-weight: 600;

}
.contact-us-main-heading
{
font-weight: bold;
  font-size: 48px;
  margin: 0 0 15px;
  padding-left: 15px;
}
.contact-us-2-section{
padding-top: 48px !important;
}
.validationerror {
color: red;
font-size:12px;
}
/*career card css */
.openposition{
  font-weight: bold;
}
.careercard-h3{
   font-weight: bold;
  }
.careercard-btn{
    width: max-content !important;
}
.Applform-heading-div {
  text-align: center;
  color: #0050D1;
}

h3.applyform-heading.mb-3 {
  font-size: 32px!important;
  font-weight: bold !important;
}
/* jobdetailpage css*/
.h-250 { 
  height: 250px; 
}
.jobheader{
  background-color:#F7F7F7;
  border-color: #E3E3E3;
  top: 25px;
  position:sticky;
  position: -webkit-sticky;
  z-index:1;
  border-bottom-color: #E8E8E8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  padding: 10px 0px
  }

/*
 * Blog posts
 */
.blog-post {
  margin-bottom: 4rem;
  padding-top: 25px;
}
.blog-post-title {
  margin-bottom: .25rem;
  font-size: 2.5rem;
}
.blog-post-meta {
  margin-bottom: 1.25rem;
  color: #727272;
}

/* custom css */
.heading-size
{
font-size: 28px !important;
font-weight: bold !important;
}

ol.breadcrumb {
  margin-bottom: 0 !important;
  font-size: 16px;
  padding-left: 0!important;

}

.breadcrumb-item + .breadcrumb-item::before {
  content: ">" !important; 
}
.jobpost-heading {
  font-size: 24px !important;
  font-weight: bold !important;
  font-family:'lato' sans-serif !important;
  padding-top: 10px;
}


ul.jobdetail-ul {
  list-style: none;
  padding-left: 0;
}
ul.key-Responsibilities-ui {
  list-style-type: disc;
}
.key-Responsibilities-ui li{
line-height: 2rem;
}
.Applform-heading-div {
  text-align: center !important;
  MARGIN-BOTTOM: 55px !important;

}

h3.applyform-heading.mb-3 {
  color: #0050D1 !important;
  font-size: 32px !important;
  font-weight: bold !important;
}
.af-btn {
  text-align: center !important;
  margin-top: 35px !important;
}
.jdp-form-section {
background-color: #F7F7F7 !important;
padding-top: 56px !important;
padding-bottom:24px;

}
.col-sm-12.upload-resume-label {
padding: 0 !important;
}

.success-message-div {
padding-top: 12px !important;
color: var(--alfain-primary-color) !important;
padding-top: 20px !important;
}
.col-sm-3.submit-button-div {
padding-top: 0px;
}

.copyright-wrap {
  background: #000;
  width: 100%;
  float: left;
}

.mt-5.pt-5.pb-5.footer {
background-color: #1c1c1c !important;
color: #5E6874 !important ;
}
.links ul {list-style-type: none;}
.links li a{
    color:white;
    transition: color .2s;
    text-decoration: none !important;
 }
.links li a:hover{
      text-decoration:none;
      color: var(--alfain-primary-color) !important;
      }
  
.about-company i{font-size: 25px;}
.about-company a{
    color:#5E6874;
    transition: color .2s;
}
.about-company a:hover
{ 
 color: var(--alfain-primary-color) !important;
}  
.location em{
font-size: 18px;
color: var(--alfain-primary-color) !important;
}
a.navbar-brand-footer {
text-decoration: none !important;
}

.copyright p{
color: #838383 !important ;
padding-top: 15px;

}
.footer-subheading {
width: 70%;
font-size: 16px;
}
.about-company p {
color: white !important;
font-size: 15px;
font-weight: 400;
line-height: 28px;
}
.footer-heading
{
font-size: 24px !important;
color: white;
}
.pch h3 {
font-size: 37px;
font-weight: bold;
}
.pcd {
max-width:92%;
}
.pcimg img {
width: 100%;
}
.jumbotron{
background-color: #eaf2fb;
/*background-color: #F8F9FA;*/
border-color:#EBEBEB;
border-width: 1px;
border-style: solid;
border-radius: 4px;
}
h1.display-5.fw-bold.lh-1.mb-3.hero-heading {
font-size: 52px;
font-weight: bold;
line-height: 10px;
}
.hero-heading{
  font-size: 54px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 20px;

}
.hero-d {
width: 85%;
font-size: 18px;
line-height: 1.8;
}


/* Services section */


.landing-page-services{
text-align: center;
padding: 0px 0px;
}

.sec-heading p {
text-align: center;
margin-bottom: 40px;
padding-top: 20px;

}
.feature-services-top{
text-align: center;
padding-top:30px;
padding-bottom: 0px;

}
.feature-services {
padding-top: 50px;
padding-bottom: 50px;

}
.pcl-right.mb-4 {
text-align: right;
width: 100%;
float: left;
}
.feedback-card-icon-rigth {
width: 200px;
text-align: center;
float: right;
}
.feedback-card-icon-rigth img{
width: 100%;
}
.col-md-6.rigth-colum-feedback.my-3 {
text-align: right;
}
/* last section lets make something */
.last-section {
background: #eaf2fb;  /* fallback for old browsers */
color: #000;
padding: 100px 30px;
}
.last-section-heading {
  color: #000;
}
p.mb-4.last-section-d {
  color: #555;
}
.last-section-heading {
font-size: 36px;
font-weight: bold;
}
button.btn.btn-primary.btn-lg.last-sec-btn {
background-color: #0050D1;
color: #fff;
}
button.btn.btn-primary.btn-lg.last-sec-btn:hover{
  background-color: #fff;
  color: #0050D1;
}
.moveArrow {
animation-name : mymove;
animation-iteration-count : infinite;
animation-direction : alternate;
animation-duration : 2s;
}

@keyframes mymove {
from {transform: translateY(0px);}
to {transform: translateY(30px);}
}

/* New services section */
.feature-box-1 {
padding: 25px;
box-shadow: 0 0 30px rgba(31, 45, 61, 0.125);
margin: 15px 0;
position: relative;
z-index: 1;
border-radius: 10px;
overflow: hidden;
-moz-transition: ease all 0.35s;
-o-transition: ease all 0.35s;
-webkit-transition: ease all 0.35s;
transition: ease all 0.35s;
top: 0;
min-height: 318px;
}
.feature-box-1 * {
-moz-transition: ease all 0.35s;
-o-transition: ease all 0.35s;
-webkit-transition: ease all 0.35s;
transition: ease all 0.35s;
}
.feature-box-1 .icon {
width: 70px;
height: 70px;
line-height: 70px;
background:#0050d1;
color: #ffffff;
text-align: center;
border-radius: 50%;
margin-bottom: 22px;
font-size: 27px;
}
.feature-box-1 .icon i {
line-height: 70px;
}

.feature-box-1 p {
margin: 0;
}
.feature-box-1:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: auto;
right: 0;
border-radius: 10px;
width: 0;
background: #eaf2fb;
z-index: -1;
-moz-transition: ease all 0.35s;
-o-transition: ease all 0.35s;
-webkit-transition: ease all 0.35s;
transition: ease all 0.35s;
}
.feature-box-1:hover {
top: -5px;
}
.feature-box-1:hover h5 {
color: #000;
}
.feature-box-1:hover .icon {
background-color: #0050d1;
color: #ffffff;
}
.feature-box-1:hover p {
color: #000;
}
.feature-box-1:hover:after {
width: 100%;
height: 100%;
border-radius: 10px;
left: 0;
right: auto;
}
/*
.section {
  padding: 70px 0px;
  position: relative;
}
*/
.section-title {
  padding-bottom: 30px;
  text-align: center;

}
.section-title-heading{
  font-weight: bold;
  font-size: 48px;
  margin: 0 0 15px;
  padding-left: 15px;
}
.col-sm-12.services-section-btn {
text-align: center;
padding-top: 30px;
}
.featured-section-btn {
text-align: center;
padding-top: 40px;
}

/*Bottom to top*/

.fisrt-section 
{
padding: 65px 0px;
background: black;
color: white;
}
.section-headeing-d
{
font-size: 18px !important;
}
.web-development-heading {
font-weight: bold;
color: var(--alfain-primary-color);
}
.feature-box-1 .feature-content h5.web-development-heading {
  color: #1c1c1c !important;
}
.feature-box-1:hover .feature-content h5.web-development-heading {
  color: #000 !important;
}
/*Preloader
#loading
{  
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
*/
.loading {
overflow: hidden;
height: 100vh;
}
#preloader{
display:flex;
justify-content:center;
align-items:center;
height:100vh;
}
/*  scroll to top*/
#scrollToTopBtn {
display: none;
position: fixed;
bottom: 20px;
right: 10px;
background-color: var(--alfain-primary-color);
border: none;
color: white;
cursor: pointer;
font-size: 25px;
line-height: 40px;
width: 47px
}

/* Portfolio detail page*/
.portfolio-card-colum {
display: flex;
justify-content: center;
}
.card{
  box-shadow: 0 0 11px rgb(33 33 33 / 20%);
}

.pf-detail-first-section {
  background-color: #142F62; 
  color: white;
  padding-bottom: 120px;

}
.pf-d-discription {
text-align: center;
}
.pf-d-logo {
text-align: center;
padding-bottom: 35px;

}
.pff-d-discription-heading.pb-3 {
font-size: 41px;
font-weight: bold;
line-height: 1.5;
}
.pf-d-second-section {
background-color: #F8F9FA;
padding: 50px 0px 50px 0px;
}
.ss-pg {
line-height: 32px;
color: #4F5962;
font-size: 16px;
font-weight: 400;
text-align: justify;
padding: 15px 0px 0px 0px;
}
.pfd-third-section
{
padding: 50px 0px 50px 0px;
}
.featured-card{
padding: 50px 40px;
}

.third-sec-card-heading {
font-size: 20px;
font-weight: bold;
padding: 10px 0px;

}
.third-sec-card-disc {
color: #4F5962;
font-size: 16px;
font-weight: 400;
}
.third-section-heading {
font-size: 32px;
font-weight: bold;
}
.product-img {
text-align: center;
}

.pfd-fourth-section {
background-color: #F8F9FA;
padding: 70px 0px;
}
.product-img-heading {
text-align: center;
} 
.product-img img
{
width: 100%;
height: 400px;
}
.mobile-img img
{
width: 100%;
}
#playstorebtn
{
height: 80px;
}
#appstorebtn {
height: 61px;
}
.view-website-btn {
padding: 10px 39px;
border-radius: 8px;
color: var(--alfain-primary-color);
font-weight: 600;
margin-bottom: 3px;
}
.apps-links-div {
text-align: center;
}

.apps-links-section {
padding: 60px 0px 110px 0px;
background-color: #142F62;
}
.apps-links-section-heading {
color: white;
font-size: 36px;
font-weight: bold;
padding: 0px 0px 25px 0px;
}
.form-main-div{
background-color: #F8F9FA;
padding: 60px 0px;
}
.haq-heading{
font-size: 36px;
font-weight: bold;
}
.haq-sub-heading {
font-size: 25px;
font-weight: bold;
}
.haq-dis {
color: #5E6874;
}
.form-main-div {
padding: 70px 0px;
}
/* img slider new*/
.image-slider-div {
display: flex;
justify-content: center;
align-items: center;
}
.slider{
position: relative;
width: 630px;
max-height: 500px;
overflow: hidden;
border-radius: 10px;
}

.slider .slide{
position: absolute;
width: 100%;
height: 100%;
clip-path: circle(0% at 0 50%);

}

.slider .slide.active{
clip-path: circle(150% at 0 50%);
transition: 1s;
}
.slide{
display: flex;
justify-content: center;
  align-items: center;
}
.slider .slide img{
position: absolute;
max-height: 70%;
object-fit: cover;
}

.slider .slide .info{
position: absolute;
color: #222;
background: rgba(255, 255, 255, 0.3);
width: 75%;
margin-top: 50px;
margin-left: 50px;
padding: 20px;
border-radius: 5px;
box-shadow: 0 5px 25px rgb(1 1 1 / 5%);
}

.slider .slide .info h2{
font-size: 2em;
font-weight: 800;
}

.slider .slide .info p{
font-size: 1em;
font-weight: 400;
}

.navigation{
height: 500px;
display: flex;
align-items: center;
justify-content: space-between;
opacity: 0;
transition: opacity 0.5s ease;
}

.slider:hover .navigation{
opacity: 1;
}

.prev-btn, .next-btn{
z-index: 999;
font-size: 2em;
color: #222;
background: rgba(255, 255, 255, 0.8);
padding: 10px;
cursor: pointer;
}

.prev-btn{
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}

.next-btn{
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}

.navigation-visibility{
z-index: 999;
display: flex;
justify-content: center;
}

.navigation-visibility .slide-icon{
z-index: 999;
background: rgba(255, 255, 255, 0.5);
width: 15px;
height: 15px;
transform: translateY(-20px);
margin: 0 6px;
border-radius: 20px;
box-shadow: 0 5px 25px rgb(1 1 1 / 20%);
}

.navigation-visibility .slide-icon.active{
background: #4285F4;
}
/*New carosal css*/
.col-sm-12.carosal-colum {
display: flex;
justify-content: center;
}

div#carouselExampleIndicators {

width: 40%;
}

img.d-block.w-100 {
width: 100%;
height: 100%;
}
/*case assistant page*/
.casea-assistant-first-section {
background-color: #E6F5FF;
color: #043761;
padding-bottom: 120px;
padding-top: 50px;
}
.casea-d-logo {
text-align: center;
padding-bottom: 35px;

}
.Confidentiality-section {
background-color: #043761;
color: white;
padding: 15px 0px;
}
.Confidentiality-heading {
font-size: 15px;
font-style: italic;
line-height: 1.8;
}
.technology-section-heading {
display: flex;
justify-content: center;
align-items: center;
padding: 0px 0px 50px 0px;
}
.technology-section {
padding: 70px 0px;
}
.t-card-icon {
display: flex;
justify-content: center;
align-items: center;
min-height:100px;
}
.t-card:hover{
  box-shadow: 0 0 11px rgba(33,33,33,.2);
}
.t-card-colum {
padding: 20px 0px;
}
.t-section-heaading {
font-size: 32px;
font-weight: bold;
}
.t-card-heading {
font-size: 18px;
font-weight: bold;
}

.t-card-h-div {
display: flex;
justify-content: center;
}
.t-card {
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.col-sm-6.col-md-4.col-lg-3.react-card {
margin: 0px 0px;
padding: 0px 0px;
}
/*Services section css*/
.service-card-d {
text-align: left;
}
.zebra-card-logo-headin {
padding-left: 10px;
}
/*corner store*/
.cornerstore-section {
background-color: #F0FAF5;
color: #17525D;
padding-bottom: 120px;
padding-top: 50px;
}
.Confidentiality-section-cornerstore {
background-color: #18525E;
color: #FFFFFF;
padding: 15px 0px;
}
.silent-feature-subheading {
font-size: 24px;
font-weight: bold;
color: #6C6C6C;
}
.third-sec-card-disc {
width: 70%;
line-height: 32px;
}
/*read case study for porfolio*/
.pfd-center-colum
{
padding-top: 30px;
}
.breadcum-a {
color: white !important;
text-decoration: none !important;
}
.breadcrum-activepage
{
color: rgba(230, 230, 230, 1);
}
/*bread crumb careerdetail page*/
.careerdetail-breadcrumb a{
text-decoration: none !important;
color: #5E6874 !important;
}
div#err 
{
  margin-top: 20px;
  padding: 20px 10px !important;
}

/*header css*/
.nav-link 
{
color: var(--alfain-black-dark);
}
.nav-link:hover
{
color: var(--alfain-secondary-color);
}

.navbar-brand img
{
height: 55px;
}
span.navbar-toggler-icon i.fa.fa-bars 
{
font-size: 40px;
color: var(--alfain-primary-color);
}
.navbar-toggler:focus
{ 
box-shadow: none !important;
}
button:focus:not(:focus-visible)
{
outline: 0 !important;
}

.main-header-div
{
background-color: white;
/* border-bottom-color: #E8E8E8;
border-bottom-style: solid;
border-bottom-width: 1px; */
padding: 0px;
box-shadow: 0 0 11px rgb(33 33 33 / 20%);

}
.navbar-toggler-icon
{
display: inline;
}

.home .main-header-div .navbar-toggler .navbar-toggler-icon i.fa.fa-bars
{
color: white;
}
.home .main-header-div
{
background: black;
border: none;
}
.home .main-header-div .navbar-nav .nav-item .nav-link
{
color: white;
}

/* .sitelogo{
width: 120px;
height: 45px;
background-image: url("../assets/images/techcore-logo-new-two.png");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
} */

.sitelogo {
  padding: 5px 0px;
  text-align:center;
  display: flex;
    justify-content: center;
    align-items: center;
}

/*Lat section*/
.last-section-d{
padding: 15px 0px;
font-size: 20px;
}
/*Lat section end*/

/*footer css*/

.pt-5.pb-5.footer 
{
background: #1c1c1c ;
color: white;

}
img.d-inline-block.align-top.footer-logo {
height: 45px;
}
.footer-mobile{
  width: 30px;
  height: auto;
  padding-right:10px;
}
/* i.footer-mobile {
  font-size: 25px;
  color: white;
  padding-right:10px;
  }
 */
i.footer-telephone {
  font-size: 20px;
  color: white;
  padding-right:10px;
}
  i.fa.fa-envelope-o.footer-email {
  font-size: 22px;
  color: white;
  padding-right:10px;
  }
  .footer-email-p{
      display: flex;
      align-items: center;
  }
  .footer-email-p a {
      display: flex;
      text-decoration:none;
  }
.mobile-section {
display: flex;
align-items: center;
margin: 0.6rem 0rem 0.6rem 0rem;
}
.mobile-section a {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: white;
}

.links ul li a:hover {
color:#EAEAEA !important;
}
.fa-map-marker {
font-size: 25px;
padding-right: 10px;
}
.company-heading {
font-size: 14px;
letter-spacing: 4px;
}
.footer-icon {
height: 30px;
}
/* BPO Page css start*/
.price-card {
  border: 1px solid #E1E4EA;
  border-radius: 3px;
  padding:35px 0px;
}
.price-card-heading {
  font-weight: bold;
  font-size: 30px;
  color: var(--alfain-primary-color);
  font-family: 'Lato-Heavy'
}
.price-btn-div {
  display: flex;
  justify-content: center;
}
.price-list {
  list-style: none;
}
.price-list li {
  padding: 10px 0px;
  display: flex;
  align-items: center;
  column-gap:10px;
}
.newspaper::before{    
  content: "\f1ea";
      font-family: 'Font Awesome 5 Free';
      margin-right: 10px;
      -webkit-text-stroke: 0.5px black;
      color:transparent;
  }
  .phone-volume::before{    
    content: "\f2a0";
        font-family: 'Font Awesome 5 Free';
        margin-right: 10px;
        -webkit-text-stroke: 0.5px black;
        color:transparent;
    }
  

  
.price-list li .text-capitalize {
  font-size: 19px;
  font-family: 'Lato-Regular';
}
.price-btn{
  text-decoration: none;
  background-color:var(--alfain-primary-color);
  color:white;
  padding: 6px 50px 6px 50px;
  border: 1px solid var(--alfain-primary-color);
  border-radius: 5px;
  display:flex;
}
.price-btn-div {
  text-align: center;
}
.bop-pricing-card-title {
  text-align: center;
  font-size: 18px;
  font-family: 'Lato-Heavy';
}
.price-card-header {

  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 15px;

}
/* BPO Page end*/

/*Client section*/
.client {
padding: 70px 0px;
background: #fff;
}
.client-logo-row
{
padding: 40px 0px;
}
.bpo-logos-row
{
padding: 40px 0px;
}
.workflow {
display: flex;
text-align: center;
justify-content: center;
align-items: center;
padding: 30px 0px;
}
.bpo-workflow{
  padding: 0px !important;
}

/* services page css */
.services-pages-section {
padding: 40px 0px;
}
.heading-services-page-card {
font-size: 28px;
font-weight: bold;
}
.services-page-card-dis {
color: #696969;
}
/*Services page*/
.services-section{
padding-top: 100px;
}
/*Portfolio page*/
.card-title
{
font-weight: bold !important;
font-size: 24px !important;
}
.card-text
{
color: var(--text-dark-color);
min-height: 144px;
}
.first-portfolio-card {
display: flex;
justify-content: flex-end;
}

.third-portfolio-card {
display: flex;
justify-content: flex-start;
}
/*hero section*/
.hero-first-home-wrap {
background-image: url("../assets/images/compresshero.webp");
background-color: #000;
height: 100vh !important;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
display: flex;
align-items: center;
justify-content: center;
}
.hero-text {
text-align: center;
color: white;
}

.hero-text button {
border: none;
outline: 0;
display: inline-block;
padding: 10px 25px;
color: black;
background-color: #ddd;
text-align: center;
cursor: pointer;
}

.hero-text button:hover {
background-color: #555;
color: white;
}
.hero-section-heading {
font-weight: 700;
font-size: 68px;
}

.herp-section-discription {
font-size: 20px;
font-weight: 400;
padding: 25px 0px;
}
button.btn.btn-home.btn-outline-primary {
background-color:#fff;
color: var(--alfain-primary-color);

}
button.btn.btn-home.btn-outline-primary:hover
{
background-color: var(--alfain-primary-color);
color: #fff;
}
p.herp-section-discription {
  background: rgba(0, 0, 0, 0.3);
}
.colum-inner-hero-section {
display: flex;
justify-content: center;
}
.hero-first-home{
width: 70%;
}
/*main page*/
.pcl-left img{
height: 30px;
}
.pcl-left-corner-stotre img{
height: 80px;
}
.mahanttan{
width: 50%;
height: auto;
}
.cliend-img-with
{
width: 90%;
height: auto;
}
.client-logo-row img {
filter: url(filters.svg#grayscale);
/* Firefox 3.5+ */
filter: gray;
/* IE6-9 */
-webkit-filter: grayscale(1);
/* Google Chrome & Safari 6+ */
}
.client-logo-row img:hover {
filter: none;
-webkit-filter: none;
}
.loader{
height: 100vh;
}
/*new services page*/
.services-card-logo {
margin-right: 15px;
padding: 10px 0px;
}
.row.services-card-row {
padding-bottom: 45px;
}
.services-card-discription {
color: #696969;
}
.services-card-heading {
font-size: 32px;
font-weight: bold;
}
.servoces-card-heading-section {
margin-bottom: 20px;
}

.preloader-color{
  color:#0050D1;
}
/*Succes mesage form div*/
.statusMsg{
  display:none;
  margin-top:1rem;
}
.box-info {
  width: 100%;
  float: left;
  margin-bottom:30px;
}
.info-email {
  display: flex;
  width: 100%;
  margin-bottom:14px;
}
.info-email a {
  text-decoration: none;
  color: #555;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.info-email i {
  font-size: 25px;
  width: 36px;
  text-align: center;
}
.info-email a .fa-map-marker {
    display: flex;
    justify-content: center;
    padding-right: 0px;
}
.map-box {
  width: 100%;
  float: left;
}
.map-box iframe {
  width: 90%;
  height: 350px;
}
.fporm-box {
  width: 100%;
  float: left;
  padding: 20px;
  border: solid 1px #ccc;
  border-radius: 5px;
  box-shadow: 0 0 30px rgb(31 45 61 / 13%);
  background-color :#eaf2fb;
}
.location-wrap {
  margin-bottom: 50px;
}
.box-txt {
  text-align: center;
  font-size: 20px;
  line-height: 32px;
}
/*//////////////////// move hero text animation //////////////////////*/
.content {
  display: flex;
}
.content-heading{
  font-family: 'Lato-Heavy';
  font-size: 40px;
}
.content-heading-mobile{
  font-family: 'Lato-Heavy';
  font-size: 40px;
  display: none;
}
.content__container {
  font-weight: 600;
  overflow: hidden;
  height: 53px;
}

.content__container__list {
  margin-top: 0;
  padding: 0px 0px 0px 9px;
  text-align: left;
  list-style: none;
  -webkit-animation-name: change;
  -webkit-animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
  animation-name: change;
  animation-duration: 10s;
  animation-iteration-count: infinite;

}
.content__container__list__item {
  line-height: 28px;
  height: 125px;
  margin: 0;
  padding-top: 25px;
}

.bus_home_title {
  font-size: 40px;
  line-height: 1.2;
  font-family: 'Lato-Heavy';
  text-transform: capitalize;
}


@-webkit-keyframes opacity {
  0%, 100% {
      opacity: 0;
  }
  50% {
      opacity: 1;
  }
}
@-webkit-keyframes change {
  0%, 10.66%, 100% {
    transform: translate3d(0, 3, 0);
}
16.66%, 27.32% {
    transform: translate3d(0, -3.10%, 0);
}
33.32%,43.98% {
    transform: translate3d(0, -27.50%, 0);
}
49.98%,60.64% {
    transform: translate3d(0, -52.50%, 0);
}
66.64%,77.3% {
  transform: translate3d(0, -77.50%, 0);
}

  /* 83.3%,93.96% {
      transform: translate3d(0, -75.3%, 0);
  } */
}
@-o-keyframes opacity {
  0%, 100% {
      opacity: 0;
  }
  50% {
      opacity: 1;
  }
}
@-o-keyframes change {
  0%, 10.66%, 100% {
    transform: translate3d(0, 3, 0);
}
16.66%, 27.32% {
    transform: translate3d(0, -3.10%, 0);
}
33.32%,43.98% {
    transform: translate3d(0, -27.50%, 0);
}
49.98%,60.64% {
    transform: translate3d(0, -52.50%, 0);
}
66.64%,77.3% {
  transform: translate3d(0, -77.50%, 0);
}

  /* 83.3%,93.96% {
      transform: translate3d(0, -80.3%, 0);
  } */
}
@-moz-keyframes opacity {
  0%, 100% {
      opacity: 0;
  }
  50% {
      opacity: 1;
  }
}
@-moz-keyframes change {
  0%, 10.66%, 100% {
    transform: translate3d(0, 3, 0);
}
16.66%, 27.32% {
    transform: translate3d(0, -3.10%, 0);
}
33.32%,43.98% {
    transform: translate3d(0, -27.50%, 0);
}
49.98%,60.64% {
    transform: translate3d(0, -52.50%, 0);
}
66.64%,77.3% {
  transform: translate3d(0, -77.50%, 0);
}

  /* 83.3%,93.96% {
      transform: translate3d(0, -83.3%, 0);
  } */
}
@keyframes opacity {
  0%, 100% {
      opacity: 0;
  }
  50% {
      opacity: 1;
  }
}
@keyframes change {
  0%, 10%, 100% {
      transform: translate3d(0,-2.64% , 0);
  }
  10%, 25% {
      transform: translate3d(0, -2.64%, 0);
  }
  25%,40% {
      transform: translate3d(0, -17%, 0);
  }
  40%,55% {
      transform: translate3d(0, -31.50%, 0);
  }
  55%,70% {
    transform: translate3d(0, -45.50%, 0);
  }
  70%,85% {
    transform: translate3d(0, -60%, 0);
  }
  
  
}

/* Staff augmentation services page*/


.last-section-staf-augmentation{
background:#eaf2fb ;
}
.staff-dedicated-services-row{
  margin: 0 50px;
}
.staff-dedicated-services-row::after{
  content: "";
  display: table;
  clear: both;
}
.staff-dedicated-services-column{
  float: left;
  width: 20%;
  padding: 0 10px;
  margin:10px 0px;
}
.staff-dedicated-services-card{
  /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); */
  padding: 16px;
  text-align: center;
  /* 
  background-color: #f1f1f1; */
}


.Faq-section {
  margin-bottom: 25px;
  padding-bottom: 25px;
}
.faq-part {
  padding: 40px 0px 40px 0px;
  display: flex;
  justify-content: center;
}

#accordionExample {
  width: 75%;
  box-shadow: rgba(0, 0, 0, 0.15) 2.95px 2.95px 2.6px;
  padding:0px;
  border-radius: 10px;  
}
.accordion-button{
font-weight: bold;
}
.accordion-header .accordion-button:not(.collapsed){
  color: black;
  background-color: white ;
 box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}
.accordion-button:focus{
  background-color: white;
  box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
  /* box-shadow: 0 0 0 0.25rem whitesmoke; */
}
.accordion-button{
  background-color: white;
}
.accordion-button:not(.collapsed)::after{
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-text {
  color: #707070;
  padding:0px 0px 0px 20px;
}
.logo-text{
    font-family: 'Lato-Regular';
    font-size: 20px;
    margin-left: 10px;
    color:black;
}
.education-p{
    color:#4e5052;
    font-size: 16px;
  font-family: 'Lato-Semibold';
}

.discribtion-team{
    color:#4e5052;
    font-size: 14px;
    font-family: 'Lato-Regular';
    min-height: 50px;
    margin-top:10px;
}