/* old one font family */
@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');
}    

/* New one font family */


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

@font-face {
  font-family: 'PTSerif-Bold';
  src: url('./assets/fonts/Ptserif/PTSerif-Bold.eot');
  src: url('./assets/fonts/Ptserif/PTSerif-Bold.woff') format('woff'),
     url('./assets/fonts/Ptserif/PTSerif-Bold.ttf') format('truetype'),
     url('./assets/fonts/Ptserif/PTSerif-Bold.svg#PTSerif-Bold') format('svg');
}

/* New one font family */


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

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

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

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

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

@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');


:root {
--alfain-primary-color: #004FD6;
--btn-text-color:white;
--pg-font-size: 16px;
--heading-font-weight: bolder;
--btn-two-hover-bachground-color:white;
--alfain-secondary-color: #22263C;
--alfain-text-color: #22263C;
--text-dark-color:#696969;
--alfain-black-dark:#3E3E3E;
--alfain-submenu-hover:#F2F6FD;
--alfain-card-border: #B3CAF3;
}

.notranslate {
    translate: none !important;
}

.new-icon-box-wrap{
  width: 40px;
  height: 24px;
  margin-right:10px ;
}

body {
font-family: 'Poppins-Regular';
height: 100%;
margin: 0;
background-color: #fff;
}
body:lang(ar) {
font-family: 'Poppins-Regular';
height: 100%;
margin: 0;

}

.zebra-detailed-p{
  background-image: url('assets/images/zebra-detailed-p-main.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

.cornerstore-section-new-wrap {
  background-image: url('assets/images/corner-store-detailed-p.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

.hihala-detailed-p {
  background-image: url('assets/images/hihala-main-p.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

.hihala-heading5{
  font-family: 'PTSerif-Bold';
}

.casea-assistant-first-section-wrap {
  background-image: url('assets/images/corner-store-img.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

.tower-detailed-p {
  background-image: url('assets/images/tower-detailed-img.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}
.hihala-d-second-section-new {
  padding-right: 24px;
  background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(225, 235, 250, 1) 100%);
  padding-top: 60px;
  padding-bottom: 100px;
  padding-left: 24px;
  padding-right: 24px;
}
.hala-left-side {
  background-color: rgba(0, 79, 214, 0.05);
  padding: 32px 24px;
  border-radius: 16px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.hihala-image{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  text-align: right;
}
.hihala-margin{
  margin-top: 40px;
}
.zebra-development-detailed {
  padding-top: 0px;
  padding-bottom: 0px;
  min-height: 600px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}

.zebra-bg-our-clients {
  padding-top: 100px;
  padding-bottom: 20px;
  padding-left: 24px;
  padding-right: 24px;
  }
  .product-img-heading h3 {
    font-family: 'PTSerif-Bold';
  }
  h3.third-section-heading.new-feature {
    text-align: center;
    font-family: 'PTSerif-Bold';
}
h3.ss-heading {
  font-family: 'PTSerif-Bold';
}
.new-card-box-general {
  min-height: 305px;
  margin-top: 10px;
}

.bg-developer {
  background-color: #F1FFFB;
}
.bg-developer-2 {
  background-color: #FFF1F4;
}
.bg-ui-designer {
  background-color: #FFF9F1;
}

.card-new-box-1{
  width: 100%;
  background: 
  linear-gradient(
      rgba(0, 0, 0, 0.5), /* Gradient color with opacity */
      rgba(0, 0, 0, 0.5) /* Gradient color with opacity */
  ),
  url('assets/images/guest_experience.jpg');
  color:#ffffff;
  background-size:cover;
  background-repeat: no-repeat;
  padding: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.card-new-box-2 {
  width: 100%;
  background: 
  linear-gradient(
      rgba(0, 0, 0, 0.5), /* Gradient color with opacity */
      rgba(0, 0, 0, 0.5) /* Gradient color with opacity */
  ),
  url('assets/images/track_staff_efficiency.jpg');
  color:#ffffff;
  background-size:cover;
  background-repeat: no-repeat;
  padding: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.card-new-box-3 {
  width: 100%;
  background: 
  linear-gradient(
      rgba(0, 0, 0, 0.5), /* Gradient color with opacity */
      rgba(0, 0, 0, 0.5) /* Gradient color with opacity */
  ),
  url('assets/images/reviews.jpg');
  color:#ffffff;
  background-size:cover;
  background-repeat: no-repeat;
  padding: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}

.card-new-box-4 {
  width:100%;
  background: 
  linear-gradient(
      rgba(0, 0, 0, 0.5), /* Gradient color with opacity */
      rgba(0, 0, 0, 0.5) /* Gradient color with opacity */
  ),
  url('assets/images/onlinepayment.jpg');
  color:#ffffff;
  background-size:cover;
  background-repeat: no-repeat;
  padding: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}

.card-new-box-5 {
  width:100%;
  background: 
  linear-gradient(
      rgba(0, 0, 0, 0.5), /* Gradient color with opacity */
      rgba(0, 0, 0, 0.5) /* Gradient color with opacity */
  ),
  url('assets/images/datamining.svg');
  color:#ffffff;
  background-size:cover;
  background-repeat: no-repeat;
  padding: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.card-new-box-6 {
  background:     linear-gradient(rgba(0, 0, 0, 0.5), /* Gradient color with opacity */ rgba(0, 0, 0, 0.5) /* Gradient color with opacity */    ),    url('assets/images/AI.svg');
  color:#ffffff;
  background-size:cover;
  background-repeat: no-repeat;
  padding: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}

.heading-strong-new {
    font-size: 18px;
    font-family: 'Poppins-SemiBold';
}
.text-muted {
     font-family: 'Poppins-Regular';
     font-size:16px;
     line-height:24px;
}
.new-card-box-general p.third-sec-card-disc {
  width: 100%;
  color: #ffffff;
}
h2.herosection-letcol-top-heading{
    font-size: 18px;
    font-family: 'Poppins-SemiBold';
    color: var(--alfain-primary-color);
    text-transform: uppercase;
}
.new-card-box-general h3.third-sec-card-heading {
  font-family: 'PTSerif-Bold';
}

.blog-post p {
    font-family: 'Poppins-Light';
    font-size: 16px;
    line-height: 24px;
}
ul.key-Responsibilities-ui li {
    font-family: 'Poppins-Light';
    font-size: 16px;
    line-height: 24px;
}


a.nav-link.contact-number {
  color: var(--alfain-primary-color);
}

.new-home-top{
  background: #ffffff;
}

.new-home-top-second{
  background: #ffffff;
}

.bg-top-home{
  background: rgb(1,56,151);
  background: linear-gradient(9deg, rgba(1,56,151,1) 0%, rgba(1,47,121,1) 100%);  
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  padding-top: 24px;
  padding-bottom: 110px;
  padding-left: 40px;
  padding-top: 40px;
}
.bg-top-inr-home{
  background: rgb(255,255,255);
  background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(225,235,250,1) 100%); 
  padding-top: 100px;
  padding-bottom: 100px;
  padding-left: 24px;
  padding-right: 24px;
}
.service-card-d{
    font-size:16px;
    line-height: 24px;
    font-family: 'Poppins-Light';
}
button.btn.btn-3.btn-outline-primary {
    font-family: 'Poppins-Regular';
    font-size: 16px;
}

.heading-top-home-sec{
  font-size: 70px;
  line-height: 80px;
  font-family: 'PTSerif-Bold';
  color: #ffffff;
  text-transform: capitalize;
}
.inner-heading2-new-light{
  font-size: 32px;
  line-height: 40px;
  color: #000;
  font-family: 'Poppins-Light';
}
.inner-heading2-new-bold{
  font-size: 30px;
  line-height: 40px;
  color: #000;
  font-family: 'Poppins-Bold';

}
.pargraph-new-hero{
  color: #ffffff;
  font-family: 'Poppins-Light';
  font-size: 16px;
  line-height: 24px;
}
.bg-top-inner{
  margin-top: 24px;
  position: relative;
}
.top-section-home{
  padding-top: 32px;
}
.product-new-dis{
  font-family: 'Poppins-Light';
  color: #000;
  font-size: 16px;
  line-height: 24px;

}
.home-hero-left-side{
  position: absolute;
  right: 12px;
  top: -91px;

}
.home-hero-left-side img{
  height: 290px;
  width: 100%;
}
.card-new-home{
  background: #ffffff;
  border: solid 1px var(--alfain-card-border);
  border-radius: 8px;
  width: 100%;
  display: flex;
}
.padding-new-left{
  padding-top: 24px;
  padding-left: 24px;
}
.padding-new-left-tower{
  padding-top: 12px;
  padding-left: 24px;
}
.box-ongoing{
  background-color: #EBFFF4;
  border: solid 1px #D5FFE8;
  padding: 4px 8px;
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.ongoing-text{
  color: #18CB6A;
  font-size: 10px;
  line-height: 15px;
  margin-left: 4px;
  margin-bottom: 0px;
  font-family: 'Poppins-Regular';
}
.box-outer-ongoing{
  width: 70px;
}
.new-pro-type{
  margin-bottom: 0px;
  margin-top: 12px;
  color: var(--alfain-primary-color);
  font-size: 13px;
  line-height: 20px;
  font-family: 'Poppins-Light';
}
.new-pro-name{
  line-height: 32px;
  font-size: 24px;
  font-family: 'PTSerif-Bold';
  color: #05142B;
}
.margin-top-new-section{
  margin-top: 30px;
}
.project-discription{
  margin-bottom: 0px;
  margin-top: 8px;
  color: #22263C;
  font-size: 14px;
  line-height: 20px;
  font-family: 'Poppins-Light';
  max-width: 240px;
}
.project-discription-tower{
  margin-bottom: 0px;
  margin-top: 8px;
  color: #22263C;
  font-size: 14px;
  line-height: 20px;
  font-family: 'Poppins-Light';
  max-width: 280px;
}
.contact-wrap{
  position: relative;
  min-height: 425px;
}
h1.new-heading-white-contact {
  color: #ffffff;
  font-family: 'PTSerif-Bold';
  text-transform: capitalize;
  text-align: left;
  font-size: 70px;
  line-height: 80px;
}
.new-text-white-contact {
  color: #ffffff;
  font-family: 'Poppins-Light';
  font-size: 16px;
  line-height: 24px;
}
.box-image-wrap{
  width: 100%;
  float: left;
  min-height: 425px;
  position: absolute;
  top: 0px;
  z-index: -1;
}
.box-image-wrap img{
  width: 100%;
  height: 425px;
}
.link-new{
  font-size: 14px;
  font-family: 'Poppins-Medium';
  color: var(--alfain-primary-color);
  text-decoration: none;
}
.link-box{
  margin-top: 100px;
  padding-bottom: 24px;
}
.link-box-tower{
  margin-top: 6px;
  padding-bottom: 6px;
}
.image-right-new-tower{
  margin-top: -90px;
}
.card-new-home.padding-new-left-tower.top-margin {
    padding-right: 8px;
}
.top-margin{
  margin-top: 8px;
}
.bg-third-new{
  background-color: rgba(0, 79, 214, 0.05);
  padding: 32px 24px;
  border-radius: 16px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.heading-one-reach-new{
  font-size: 32px;
  line-height: 40px;
  color: #000;
  font-family: 'Poppins-Light';
  max-width: 380px;
  text-transform: capitalize;
}
.bold-new{
  font-family: 'Poppins-Bold';
}
.discription-new-reach{
  font-size: 14px;
  line-height: 20px;
  color: #000;
  font-family: 'Poppins-Light';
}
.discription-tool-kit{
  max-width: 385px;
  font-size: 14px;
  line-height: 20px;
  color: #000;
  font-family: 'Poppins-Light';
}
.reach-btn-box{
  margin-top: 16px;
}
.reach-link-box{
  background-color:  var(--alfain-primary-color);
  border-radius: 50px;
  width: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-family: 'Poppins-Medium';
  padding: 12px;
  color: #fff;
  text-decoration: none;
}
.reach-link-box-pro{
  background-color: #A5E2D1;
  border-radius: 50px;
  width: 130px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-family: 'Poppins-Medium';
  padding: 12px;
  color: #235A4B;
  text-decoration: none;
}
.design-link-box-pro{
  background-color: #E4BCC1;
  border-radius: 50px;
  width: 130px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-family: 'Poppins-Medium';
  padding: 12px;
  color: #6C2832;
  text-decoration: none;
}
.mobile-app-box-pro{
  background-color: #FCDFB8;
  border-radius: 50px;
  width: 130px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-family: 'Poppins-Medium';
  padding: 12px;
  color: #96682A;
  text-decoration: none;
}
.right-reach-box{
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.right-reach-box img {
  max-width: 410px;
  width: 100%;
  border-radius: 8px;
}
.solution-main{
  margin-top: 100px;
  margin-bottom: 32px;
}
.main-paragraph-new {
  font-size: 16px;
  line-height: 24px;
  color:  var(--alfain-text-color);
  font-family: 'Poppins-Light';
}
.new-desgn-box{
  padding: 24px;
  border-radius: 16px;
}
.new-desgn-box.developemnt{
  background-color: #F1FFFB;
}
.new-desgn-box.designing-bg{
  background-color: #FFF1F4;
}
.image-box{
  margin-bottom: 32px;
}

.image-bottom{
  margin-top: 32px;
}
.image-bottom img {
  width: 100%;
  border-radius: 8px;
  height: 260px;
}
.image-box img{
  width: 100%;
  border-radius: 8px;
  height: 260px;
}
.product-new-dis-new{
  margin-top: 16px;
  font-family: 'Poppins-Light';
  font-size: 16px;
  line-height: 24px;
  color: var(--alfain-text-color);

}
.product-new-dis{
  margin-top: 16px;
  font-family: 'Poppins-Light';
  font-size: 14px;
  line-height: 20px;
  color: var(--alfain-text-color);
  min-height: 84px;
}
.reach-btn-produce{
  margin-top: 32px;
}
.mobile-app-bg{
  background-color: #FFF9F1;
}
.tool-kit-box{
  margin-top: 100px;
}
.heading-tool-kit{
  font-size: 32px;
  line-height: 40px;
  color: #000;
  font-family: 'Poppins-Light';
  max-width: 300px;
  text-transform: capitalize;
}
.list-logo-box ul {
  display: flex;
  padding-left: 0px;
  list-style: none;
  align-items: center;
  flex-direction: row;
  justify-content: flex-end;
}
.list-logo-box ul li {
  padding: 10px;
}
.list-logo-box ul li a {
  width: 53px;
  height: 53px;
  justify-content: center;
  flex: 1;
  align-items: center;
}
.new-logo-margin{
  margin-top: 6px;
}
.heading-success-stories{
  font-size: 32px;
  line-height: 40px;
  color: #000;
  font-family: 'Poppins-Light';
  text-transform: capitalize;
  text-align: center;
}
.discription-success-stories{
  margin-top: 16px;
  font-size: 14px;
  line-height: 20px;
  color: #645C81;
  font-family: 'Poppins-Light';
  text-align: center;
}
.case-study-box{
  margin-top: 40px;
  padding-bottom: 100px;
  /* margin-bottom: 100px; */
}
.case-card-new{
  padding: 10px;
  background: rgb(247,247,255);
  background: linear-gradient(90deg, rgba(247,247,255,1) 0%, rgba(247,247,255,1) 100%);
  border-radius: 16px;
}
.case-card-new img{
  width: 100%;
  border-radius: 8px;
  height: 260px;
}
.case-study-detailed-box{
padding-top: 24px;
max-width: 80%;
margin: 0px auto;

}
.case-study-heading{
  text-align: center;
  color: #000000;
  font-family: 'Poppins-SemiBold';
  font-size: 24px;
  line-height: 40px;
}
.case-study-disc{
  margin-top: 4px;
  font-size: 14px;
  line-height: 20px;
  color: #645C81;
  font-family: 'Poppins-Light';
  text-align: center;
  margin-bottom: 0px;
}
.link-case-study{
  margin-top: 16px;
  color: #533DAA;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  font-family: 'Poppins-Regular';
  display: flex;
  width: 100%;
  justify-content: center;
}
.bg-white{
  background-color: #ffffff;
}
.desktop{
  display:block;
}
.mobile{
  display: none;
}
.top-section-header{
  align-items: center;

}
button.btn-outline-contact {
  background-color: #fff;
  border-radius: 50px;
  border: #ffffff solid 1px;
  font-size: 10px;
  width: 86px;
  text-align: center;
  padding: 8px 0px;
}
.image-right-new-tower.desktop img {
  width: 270px;
}
.card-new-home.left-side-box {
  min-height: 527px;
  align-items: center;
}
p.pargraph-new-hero.hero-section-height {
  min-height: 72px;
}
.card-new-home.padding-new-left-tower.top-margin .left-side-dis {
    margin-right: 10px;
}
button.btn.btn-one.btn-outline-primary {
    font-size: 16px;
    font-family: 'Poppins-Regular';
}
.healthcare-new-hero {
  background: rgb(1,56,151);
  background: linear-gradient(9deg, rgba(1,56,151,1) 0%, rgba(1,47,121,1) 100%);  
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  padding-left: 0px;
  padding-top: 40px;
  padding-bottom: 40px;
}
.healthcare-new-hero h2 {
color: #fff !important;
}
.healthcare-new-hero p.web-hero-section-dis {
color: #fff;
}

.bg-our-clients {
background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(225,235,250,1) 100%); 
padding-top: 100px;
padding-bottom: 100px;
padding-left: 24px;
padding-right: 24px;
}

.bg-case-study{
  background-color: rgba(0, 79, 214, 0.05);
  padding: 32px 24px;
  border-radius: 16px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.healthcare-new-hero h6.pf-d-logo-heading {
  color: #fff;
}
.healthcare-new-hero h1.pff-d-discription-heading {
  color: #fff;
}

.healthcare-new-hero  h6.pff-d-discription-subheading {
  color: #fff;
}
.parts-outer {
  background: rgb(0,79,214);
  background: linear-gradient(90deg, rgba(0,79,214,1) 23%, rgba(0,48,129,1) 100%);
  width: 100%;
  float: left;
}
.parts-wrap {
  width: 100%;
  float: left;
}
.parts-wrap h3.Confidentiality-heading {
  color: #fff;
  padding: 10px;
}
.parts-outer h3.Confidentiality-heading {
  color: #fff;
  padding: 18px 10px;
}


.desktop-new{
  display:block !important;
}
.mobile-new{
  display: none !important;
}












@keyframes scroll2 {
	0% { transform: translateX(0); }
	100% { transform: translateX(calc(-250px * 7)); }
}

.slider2 {
	height: 64px;
	margin: auto;
	overflow: hidden;
	position: relative;
	width: auto;
}

.slide-track2 {
	animation: scroll2 40s linear infinite;
	display: flex;
	width: calc(250px * 14);
}

.slide2 {
	height: 64px;
	width: 80px;
  padding: 10px 20px;
}
.slide-track2 .slide2 img{
  width: 40px;
  height: 40px;
}

.margin-to-card{
  margin-top: 20px;
}
a.reach-link-box:hover{
  color: #FFF1F4;
}
.image-right-new.desktop {
  max-width: 500px;
  margin-right: 10px;
}
.image-right-new.desktop img {
  width: 100%;
}
.heading-top-home-sec.box-new {
  display: flex;
}








@media screen and  (max-width: 1024px) {
.dropdown-toggle::after{
  transform: rotate(0deg) !important;
}

a.link-case-study {
    background: var(--alfain-primary-color);
    color: #fff;
    padding: 12px 0px;
    border-radius: 30px;
    margin-bottom: 20px;
}
.reach-link-box-pro {
    width: 100%;
}
.design-link-box-pro {
    width: 100%;
}
.mobile-app-box-pro {
    width: 100%;
}
.overview-common-new {
    margin: 8px auto !important;
}
.new-case-studies .container-inner {
    max-width: 100%;
}
.container-inner{
    max-width: 100% !important; 
}

h1.new-heading-white-contact {
        font-size: 32px;
        line-height: 33px;
}
.new-text-white-contact {
    font-size: 14px;
    line-height: 20px;
}
  .hihala-image img {
    height: 100%;
    width: 100%;
  }
    /*.inner-page nav#navigation {*/
    /*background: rgb(1, 56, 151);*/
    /*background: linear-gradient(9deg, rgba(1, 56, 151, 1) 0%, rgba(1, 47, 121, 1) 100%);*/
    /*}*/
    .inner-page .top-section-header {
        background:transparent !important;
    }
    .inner-page div#navbarSupportedContent {
    background: #ffff;

    }
  .healthcare-new-hero{
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
  }
  .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;}
  /* New design page */
  .card-new-home {
      flex-direction: column;
    }
    .left-side-dis {
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center;
      width: 100%;
  }
  .project-discription-tower{
    max-width: 100%;
    text-align: center;
  }
  .card-new-home {
    align-items: center;
}

p.new-pro-type {
    text-align: center;
}
h3.new-pro-name {
    text-align: center;
}
p.project-discription {
    text-align: center;
    max-width: 100%;
}
.link-box {
    margin-top: 16px;
    width: 80%;
}
.image-right-new img {
  width: 100%;
}
.image-right-new-tower {
  margin-top: 0px;
}
.image-right-new-tower img {
  width: 100%;
}
.image-right-new-hala {
  margin-top: 0px;
}
.image-right-new-hala img {
  width: 100%;
}
.list-logo-box {
  display: flex;
  overflow-x: auto; /* Enables horizontal scrolling */
  white-space: nowrap; /* Prevents wrapping */
  scrollbar-width: none; /* Hides scrollbar for Firefox */
  -ms-overflow-style: none; /* Hides scrollbar for IE/Edge */
}
.list-logo-box ul {
  display: flex;
  gap: 20px; /* Adjust spacing between logos */
  padding: 0;
  margin: 0;
  list-style: none;
}

.list-logo-box::-webkit-scrollbar {
  display: none; /* Hides scrollbar for Chrome, Safari */
}

.list-logo-box ul li {
  flex: 0 0 auto; /* Prevents items from shrinking */
}
.padding-new-left {
  padding: 20px 20px 0px 20px;
  margin-bottom: 8px;
}
.heading-top-home-sec {
  font-size: 32px;
  line-height: 34px;
}
.home-hero-left-side {
  position: relative;
  top: 0px;
  margin-top: 24px;
}
.row.bg-top-home {
  padding-bottom: 0px;
}
.desktop{
  display:none !important;
}
.mobile{
  display: block;
}
.home-hero-left-side img{
  height: auto;
}
.top-section-home {
  padding-top: 0px;
}

.bg-top-home{
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
a.navbar-brand{
  margin-right: 0px;
}
.top-section-header span.navbar-toggler-icon i.fa.fa-bars{
  color: #ffffff !important;
}
.bg-top-inr-home{
  padding-top: 56px;
  padding-bottom: 56px;
}
.inner-heading2-new-light {
  font-size: 24px;
  line-height: 32px;
}
.inner-heading2-new-bold{
  font-size: 24px;
  line-height: 32px;
  min-height: auto;
}

.image-right-new{
  margin-top: 0px;
}
.padding-new-left-tower{
  padding: 20px 20px 0px 20px;
}
a.link-new {
  background-color: var(--alfain-primary-color);
  border-radius: 50px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-family: 'Poppins-Medium';
  padding: 12px;
  color: #fff;
  text-decoration: none;
}
.link-box-tower {
  width: 80%;
}
.right-reach-box.margin-bottom-mob {
  margin-bottom: 16px;
}
.reach-link-box{
  width: 100%;
}
.new-home-top{
  background: transparent;
}
.hero-section-new{
  padding: 30px 24px 0px 24px;
}
.new-desgn-box.designing-bg {
  margin: 16px 0px;
}
a.navbar-brand-footer {
  text-align: center;
}
p.pr-5.footer-subheading {
  text-align: center;
  width: 100%;
}
.about-company {
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.footer .links {
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.company-heading {
  text-align: center;
}
.links ul li {
  text-align: center;
}
.mobile-section {
  justify-content: center;
}
.case-card-new img{
  height: auto;
}
.right-reach-box img{
  max-width: 100%;
}
.sitelogo{
  margin-top: 8px;
}
.heading-top-home-sec.box-new{
  flex-direction: column;
}
.content__container{
  height: 40px !important;
}
.navbar{
  padding-bottom: 0px !important;
}

}

@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;
    font-family: 'Poppins-Regular';
}

.nav-link {
  padding: 0px 17px !important;
}
}
@media (max-width: 991px){
    .inner-page nav#navigation {
    background: rgb(1, 56, 151);
    background: linear-gradient(9deg, rgba(1, 56, 151, 1) 0%, rgba(1, 47, 121, 1) 100%);
    }
    .inner-page div#navbarSupportedContent {
           padding-bottom: 16px !important;
    }
    .header-btn-part.desktop-new {
    padding-left: 10px;
}
    h2.herosection-letcol-top-heading.mb-1 {
    text-align: center;
}
h2.tech-stack-heading.mb-4 {
    text-align: center;
}
    .portfolio-overlay-zebra .portfolio-content{
            padding: 0 8px !important;
    }
    .grid .grid-item .portfolio-wrapper:hover .portfolio-overlay-third .portfolio-content {
        transform: translateY(30%) !important;
    }
    .grid .grid-item .portfolio-content a {
        margin-top: 0px !important;
    }
.navbar-container .navbar-collapse .navbar-nav li a {
   padding:10px !important;
}  
.navbar-container .navbar-collapse .navbar-nav li a.dropdown-toggle {
   padding:0px !important;
}
.desktop-new{
  display:none !important;
}
.mobile-new{
  display: block !important;
}
.top-section-header{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  background: rgb(1, 56, 151);
  background: linear-gradient(9deg, rgba(1, 56, 151, 1) 0%, rgba(1, 47, 121, 1) 100%);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  padding: 20px 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-dedicated-services-row .staff-dedicated-services-column {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }
}


@media screen and  (max-width: 767px) {
 
  .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: 12px;
  }
.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 (min-width:992px) and (max-width:1199px) {
      button.btn.btn-outline-success.header-btn{
        padding: 8px 10px !important;
      }
     .nav-item .nav-link {
        font-size: 14px;
    }
    .main-header-div {
        margin-bottom: 10px;
    }
  }
  
/*############################ 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;
  font-family: 'Poppins-Regular';
}
.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;
}

.healthcareblue
{
  display: none;
}

.healthcarewhite
{
  display: block;
}

.dropdown-item:hover .healthcarewhite
{
display: none;

}

.dropdown-item:hover .healthcareblue
{
display: block;

}
/* .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);
border-radius: 50px;
padding: 14px 20px;
font-family: 'Poppins-Regular';

}
.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: #1B75BC;
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-family: 'PTSerif-Bold'!important;
color: #ffffff;
}
.jdp-form-section-new-wrap{
  margin-bottom: 40px;
}
.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;
font-family: 'PTSerif-Bold';

}
.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;
}
.rtl-typing-handling {
    direction: ltr;
    text-align: right;
}
.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: #1B75BC;
}


/* jobdetailpage css*/
.h-250 { 
  height: 250px; 
}
.breadcrumb-item+.breadcrumb-item {
  color: #ffffff;
}
.jobheader{
  background: rgb(1, 56, 151);
  background: linear-gradient(9deg, rgba(1, 56, 151, 1) 0%, rgba(1, 47, 121, 1) 100%);
  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; 
  color: #ffffff;
}
.jobpost-heading {
  font-size: 24px !important;
  font-family: 'PTSerif-Bold' !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;

}

.jdp-form-section h3.applyform-heading.mb-3 {
  color: var(--alfain-primary-color) !important;
  font-size: 32px !important;
  font-family: 'PTSerif-Bold' !important;
}
button#afsubmit {
    font-family: 'Poppins-Regular';
    font-size: 16px;
    width:160px;
}
.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: rgba(0, 33, 77, 0.32);
  width: 100%;
  float: left;
}

.mt-5.pt-5.pb-5.footer {
background: rgb(0,79,214);
background: linear-gradient(90deg, rgba(0,79,214,1) 23%, rgba(0,48,129,1) 100%);
color: #5E6874 !important ;
}
.copyright-outer{
  background: rgb(0,79,214);
  background: linear-gradient(90deg, rgba(0,79,214,1) 23%, rgba(0,48,129,1) 100%);
  width: 100%;
  float: left;
}
.phone-number{
    direction: ltr;
    text-align: right;
    unicode-bidi: -moz-plaintext;
    unicode-bidi: plaintext
}

.links ul {list-style-type: none;}
.links li a{
    color:white;
    text-decoration: none !important;
    font-family: 'Poppins-Medium';
    font-size:16px;
    
 }
.links li {
    margin-bottom: 4px;
}
.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: #ffffff !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-family: 'PTSerif-Bold';

}
.pcd-feedback-dis p{
  font-family: 'Poppins-Light';
}
.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: #ffffff;  /* fallback for old browsers */
color: #000;
padding: 50px 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: var(--alfain-primary-color);
color: #fff;
font-family: 'Poppins-Regular';
font-size:16px;
}
button.btn.btn-primary.btn-lg.last-sec-btn:hover{
  background-color: #fff;
  color: var(--alfain-primary-color);
}
.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:#1B75BC;
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: #1B75BC;
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-family: 'PTSerif-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;
font-family: 'Poppins-Light';
}
.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: left;
padding-bottom: 35px;

}
.pff-d-discription-heading.pb-3 {
font-size: 40px;
font-family: 'PTSerif-Bold';
color: #fff;
text-align: left;
}
h6.pff-d-discription-subheading 
{
  font-size: 20px;
  font-family: 'Poppins-Light';
  color: #fff;
  text-align: left;
  }
h6.pf-d-logo-heading {
    color: #fff;
}
.pf-d-second-section {
padding: 50px 0px 50px 0px;
}
.ss-pg {
line-height: 24px;
color: #4F5962;
font-size: 16px;
font-family: 'Poppins-Light';
text-align: justify;
padding: 15px 0px 0px 0px;
}
.pfd-third-section
{
padding: 50px 0px 50px 0px;
}
.featured-card{
padding: 50px 40px;
}
.form-main-div p {
    font-size: 16px;
    font-family: 'Poppins-Light';
    line-height: 24px;
}

.third-sec-card-heading {
font-size: 24px;
padding: 10px 0px;
font-family: 'PTSerif-Bold';

}
.third-sec-card-disc {
color: #4F5962;
font-size: 16px;
font-weight: 400;
}
.third-section-heading {
font-size: 32px;
font-weight: bold;
text-align: center;
font-family: 'PTSerif-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: rgb(1, 56, 151);
background: linear-gradient(9deg, rgba(1, 56, 151, 1) 0%, rgba(1, 47, 121, 1) 100%);
border-radius: 16px;
}
.apps-links-section-heading {
color: white;
font-size: 36px;
font-family: 'PTSerif-Bold';
padding: 0px 0px 25px 0px;
}
.form-main-div{
background-color: transparent;
padding: 60px 0px;
}
p.forms-disc {
  font-family: 'Poppins-Light';
}
.haq-heading{
font-size: 36px;
font-family: 'PTSerif-Bold';
}
.haq-sub-heading {
font-size: 22px;
font-family: 'PTSerif-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: 14px;
    font-style: italic;
    font-family: 'Poppins-Light';
    line-height: 20px;
    margin-bottom: 0px;
}
.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-family: 'PTSerif-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-family: 'PTSerif-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: #ffffff !important;
}
h3.mb-0.heading-size {
    color: #000;
}
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);
}

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: #ffffff !important;

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

.home .main-header-div .navbar-toggler .navbar-toggler-icon i.fa.fa-bars
{
color: white;
font-family: 'Poppins-Regular';
}
.home .main-header-div
{
/* background: black; */
border: none;
font-family: 'Poppins-Regular';
}
.home .main-header-div .navbar-nav .nav-item .nav-link
{
color: white;
font-family: 'Poppins-Regular';

}

.sitelogo{
width: 120px;
height: 45px;
margin-top: 12px;

}

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

/*footer css*/

.pt-5.pb-5.footer 
{
  background: rgb(0,79,214);
  background: linear-gradient(90deg, rgba(0,79,214,1) 23%, rgba(0,48,129,1) 100%);  
  color: white;

}
img.d-inline-block.align-top.footer-logo {
height: 45px;
}
.footer-mobile{
  width: 20px;
  height: auto;
}
.footer-mobile:lang(ar) {
  width: 20px;
  height: auto;
}
/* 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;
  }
  
i.fa.fa-envelope-o.footer-email:lang(ar) {
  font-size: 22px;
  color: white;
  padding-left:10px;
  padding-right:0px;
  }
 .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;
  font-family: 'Poppins-Medium';
  font-size:16px;
}
p.footer-new-contact {
    margin-bottom: 0px;
    width: 180px;
    margin-left: 17px;
    font-size: 16px;
    font-family: 'Poppins-Medium';
}
.footer-logo-new {
    margin-bottom:16px;
}
.mobile-section span {
    width: 25px;
    height: 25px;
}

.footer-contact-info {
    padding-left: 10px;
}
.footer-contact-info:lang(ar) {
    padding-right: 10px;
}

.links ul li a:hover {
color:#EAEAEA !important;
}
.fa-map-marker {
font-size: 25px;
padding-right: 10px;
}
.fa-map-marker:lang(ar) {
font-size: 25px;
/*padding-left: 10px;*/
padding-right: 0px;
}
.company-heading {
font-size: 20px;
font-family:'Poppins-SemiBold';
}
.company-heading:lang(ar) {
font-size: 14px;
letter-spacing: 0px;
}
.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;
}
.inner-client-dev {
    width: 230px;
}
.img-fluid {
    width: 100%;
}
/* 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-family: 'PTSerif-Bold';
font-size: 24px !important;
}
.card-text
{
color: var(--text-dark-color);
min-height: 120px;
margin-bottom:10px;
}
.first-portfolio-card {
display: flex;
justify-content: flex-end;
}

.third-portfolio-card {
display: flex;
justify-content: flex-start;
}

.heading-part {
    min-height: 168px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
.rewards-heading-part{
    background: #f6843e;
}
.hihala-heading-part{
    background: #0a4e61;
}
.anomaly-heading-part{
    background: #0050d2;
}
.solar-heading-part{
    background: #f1823d;
}
.academy-heading-part{
    background: #2abbe2;
}
.haji-heading-part{
    background:#831dbf;
}
.port-folio-card-heading{
    color:white;
    text-align:center;
}

/*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);*/
/*filter: gray;*/
/*-webkit-filter: grayscale(1);*/
/*}*/
/*.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:#1B75BC;
}
/*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: var(--alfain-primary-color);
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Poppins-Medium';
}
.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;
}
.tech-contact-wrap {
  background-color: #f4f6fe;
  padding: 32px 24px;
  border-radius: 16px;
  box-shadow: 0px 4px 4px #f4f6fe;
}
.map-box {
  width: 100%;
  float: left;
}
.map-box iframe {
  width: 95%;
  height: 420px;
}
.fporm-box {
  width: 100%;
  float: left;
  padding: 20px;
}
.location-wrap {
  margin-bottom: 50px;
  margin-top: -200px;
}
.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 {
  overflow: hidden;
  height: 80px;
  margin-top: 4px;
}

.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: 165px;
  margin: 0;
  padding-top: 13px;
}

.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.66%, 100% {
      transform: translate3d(0,-2.64% , 0);
  }
  16.66%, 27.32% {
      transform: translate3d(0, -2.64%, 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);
  }
  
}


/* 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;
}