/*=======================================
Common css Start Here
=======================================*/


@font-face {
  font-family: 'Poppins-Thin';
  src: url('../fonts/Poppins-Thin.eot') format('embedded-opentype');
  src:  url('../fonts/Poppins-Thin.otf')  format('opentype'),
         url('../fonts/Poppins-Thin.woff') format('woff'), 
         url('../fonts/Poppins-Thin.ttf')  format('truetype'), 
         url('.../fonts/Poppins-Thin.svg#Poppins-Thin') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins-ExtraLight';
  src: url('../fonts/Poppins-ExtraLight.eot') format('embedded-opentype');
  src:  url('../fonts/Poppins-ExtraLight.otf')  format('opentype'),
         url('../fonts/Poppins-ExtraLight.woff') format('woff'), 
         url('../fonts/Poppins-ExtraLight.ttf')  format('truetype'), 
         url('.../fonts/Poppins-ExtraLight.svg#Poppins-ExtraLight') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins-SemiBold';
  src: url('../fonts/Poppins-SemiBold.eot') format('embedded-opentype');
  src:  url('../fonts/Poppins-SemiBold.otf')  format('opentype'),
         url('../fonts/Poppins-SemiBold.woff') format('woff'), 
         url('../fonts/Poppins-SemiBold.ttf')  format('truetype'), 
         url('.../fonts/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Poppins-Bold';
  src: url('../fonts/Poppins-Bold.eot') format('embedded-opentype');
  src:  url('../fonts/Poppins-Bold.otf')  format('opentype'),
         url('../fonts/Poppins-Bold.woff') format('woff'), 
         url('../fonts/Poppins-Bold.ttf')  format('truetype'), 
         url('.../fonts/Poppins-Bold.svg#Poppins-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

*{
    padding:0;
    margin::0;
    outline: none;
    text-decoration:none;
}

html{
  scroll-behavior: smooth;
}

body{
    margin: 0 0 0 0;
    padding: 0;
    width: 100%;
    height:100%;
    font-family: 'Poppins-ExtraLight';
    float: left;
    scroll-behavior:smooth;
}

.wrapper{
    padding: 0;
    margin:0;
    width:100%;
    position: relative;
    -webkit-animation-name: fadeInon;
  animation-name: fadeInon;
  animation-delay: 2s;
  -webkit-animation-delay: 2s;
}

section{
    width: 100%;
    float: left;
}

h1,h2,h3,h4,h5,h6,p{margin:0;}

p{
  font-size: 15px;
  color: #000;
  line-height: 18px;
}

.align-right{
  text-align: right;
}


/*=======================================
Common css End Here
=======================================*/


/*=======================================
Banner css Start Here
=======================================*/

.logo-mb-row{
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.logo-div{
  width: 90%;
}

.banner{
  background: rgb(0,164,207);
  /*background: linear-gradient( 90deg, rgba(0,164,207,1) 4%, rgba(18,176,101,1) 96%);
  padding: 60px 0;*/
  background: rgb(43,41,41);
  background: linear-gradient(90deg, rgba(43,41,41,1) 5%, rgba(12,125,180,1) 95%);
  padding: 60px 0;
}

.banner-title-mb h2{
  text-align: center;
  font-family: 'Poppins-SemiBold';
  font-size: 43px;
  letter-spacing: 0;
  margin-bottom: 10px;
  color: #ffe02c;
}

.banner-title-mb p{
  font-size: 18px;
  text-align: center;
  margin-bottom: 15px;
  font-family: 'Poppins-Thin';
  font-weight: 600;
  color: #fff;
  line-height: 27px;
}

.banner-bottom-txt h3{
  font-family: 'Poppins-SemiBold';
  font-size: 33px;
  line-height: 45px;
  letter-spacing: 0px;
  margin-bottom: 20px;
  color: #fff;
}

.banner-bottom-txt p{
  font-size: 15px;
  line-height: 32px;
  text-align: justify;
  letter-spacing: 0px;
  margin-bottom: 20px;
  color: #fff;
}

.banner-bottom-div{
  position: relative;
  width: 100%;
  padding: 50px 0px;
}

.logo-mb-div p{
  line-height: 96px;
}

.logo-mb-div p span a{
  color: #000;
  font-weight: 600;
  text-decoration: none;
  transition: all .5s ease-in-out;
}

.logo-mb-div p span a:hover{
  transition: all .5s ease-in-out;
  color: #00a4cf;
}

.zf-fmFooter button:focus{
  outline: none;
}

.zf-subContWrap ul li:last-child{
  padding: 0 15px;
}

.zf-tempHeadContBdr h2{
  color: #FFFFFF;
  margin: 0;
  padding: 0;
  font-size: 25px;
  font-family: 'Poppins-SemiBold';
  text-align: center;
  margin-bottom: 8px;
}


.ulHead h3{
  color: #fff;
  font-size: 37px;
  font-family: 'Poppins-SemiBold';
  margin-bottom: 16px;
}

.ulDivStart li{
  color: #fff;
  font-size: 15px;
  margin-bottom: 25px;
}

.awardUlDiv ul{
  list-style: disc;
  list-style-position: inside;
}
/*=======================================
Banner css End Here
=======================================*/

/*===========================================================
Conversational AI background section css Start Here
=============================================================*/

.bg-mb-icon{
  background: #270076;
}

.bg-grid-mb{
  display: flex;
  width: 100%;
  margin-bottom: 10px;
}

.bg-mb-icon img{
  width: 100px;
  height: 100px;
}

.form-mb-inner .form-area .templateWidth{
  padding: 0 !important;
}

/*===========================================================
Conversational AI background section css End Here
=============================================================*/



