@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');



@font-face {

    font-family: 'product_sans_blackregular';

    src: url('../fonts/productsans-black-webfont.woff2') format('woff2'),

         url('../fonts/productsans-black-webfont.woff') format('woff'),

         url('../fonts/productsans-black-webfont.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;



}


@font-face {

    font-family: 'product_sansbold';

    src: url('../fonts/productsans-bold-webfont.woff2') format('woff2'),

         url('../fonts/productsans-bold-webfont.woff') format('woff'),

         url('../fonts/productsans-bold-webfont.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;



}









@font-face {

    font-family: 'product_sans_lightregular';

    src: url('../fonts/productsans-light-webfont.woff2') format('woff2'),

         url('../fonts/productsans-light-webfont.woff') format('woff'),

         url('../fonts/productsans-light-webfont.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;



}









@font-face {

    font-family: 'product_sans_mediumregular';

    src: url('../fonts/productsans-medium-webfont.woff2') format('woff2'),

         url('../fonts/productsans-medium-webfont.woff') format('woff'),

         url('../fonts/productsans-medium-webfont.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;



}









@font-face {

    font-family: 'product_sansregular';

    src: url('../fonts/productsans-regular-webfont.woff2') format('woff2'),

         url('../fonts/productsans-regular-webfont.woff') format('woff'),

         url('../fonts/productsans-regular-webfont.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;



}









@font-face {

    font-family: 'product_sans_thinregular';

    src: url('../fonts/productsans-thin-webfont.woff2') format('woff2'),

         url('../fonts/productsans-thin-webfont.woff') format('woff'),

         url('../fonts/productsans-thin-webfont.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;



}



@font-face {

  font-family: 'icomoon';

  src:  url('../fonts/icomoon.eot?dajm7n');

  src:  url('../fonts/icomoon.eot?dajm7n#iefix') format('embedded-opentype'),

    url('../fonts/icomoon.ttf?dajm7n') format('truetype'),

    url('../fonts/icomoon.woff?dajm7n') format('woff'),

    url('../fonts/icomoon.svg?dajm7n#icomoon') format('svg');

  font-weight: normal;

  font-style: normal;

  font-display: block;

}



[class^="icon-"], [class*=" icon-"] {

  /* use !important to prevent issues with browser extensions that change fonts */

  font-family: 'icomoon' !important;

  speak: never;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 1;



  /* Better Font Rendering =========== */

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



.icon-arrow-right-circle:before {

  content: "\e900";

}

.icon-Group11:before {

  content: "\e906";

  color: #190039;

}

.icon-fi_15478278:before {

  content: "\e902";

  color: #190039;

}

.icon-Group:before {

  content: "\e903";

  color: #190039;

}

.icon-machine-learning:before {

  content: "\e904";

  color: #190039;

}

.icon-Vector:before {

  content: "\e905";

  color: #fff;

}

.icon-arrow-right2:before {

  content: "\ea3c";

}







a,input{outline:none!important}



a:focus, a:hover, button:focus, *{text-decoration:none;outline:none;}



ul{margin:0;padding:0;list-style:none;}



a, input[type='submit'], button{transition:all 500ms ease-in-out;-ms-transition:all 500ms ease-in-out;-o-transition:all 500ms ease-in-out;-moz-transition:all 500ms ease-in-out;-webkit-transition:all 500ms ease-in-out;text-decoration:none;}



a:hover, input[type='submit']:hover, buton:hover{transition:all 500ms ease-in-out;-ms-transition:all 500ms ease-in-out;-o-transition:all 500ms ease-in-out;-moz-transition:all 500ms ease-in-out;-webkit-transition:all 500ms ease-in-out;}



body{

  font-family: 'product_sansregular';

}



header#masthead{

  position: absolute !important; width: 100%; top:0;

}

div.h-auto img{
  height: auto !important;
}



div.banner-content{

  padding: 13% 0;

}



div.banner-content .content{

  width: 41%; margin:0 auto;

}



div.banner-content h2{

  color: #14213D; font-size: 60px; line-height: 72px;

}



div.banner-content p{

  color: #14213D; font-size: 22px; line-height: 34px;

}



button.sub-menu-toggle{

  display: none;

}



.orange-bttn{background: #FF9807; display: inline-block; font-size: 16px; padding: 15px 30px;

  border-radius:7px; color: #ffffff; text-transform: uppercase;}


.orange-bttn:hover{
  color: #ffffff;
}



.banner-slider ul.slick-dots{

  position: absolute; bottom: 30px; width: 100%; text-align: center; z-index: 3;

} 



.banner-slider ul.slick-dots li{

  display: inline-block;

}



.banner-slider ul.slick-dots li + li{

  margin-left: 8px;

}



.banner-slider ul.slick-dots li button{

  width: 14px; height: 14px; background: #ffffff; border-radius: 100%;

  font-size: 0; line-height: 0; border:0;

}



.banner-slider ul.slick-dots li.slick-active button{

  background: #FF9807;

}

.key-benift{
  background: none !important;
}


.hfe-nav-menu .sub-menu li.menu-item{
  margin:0 10px !important;
}

.hfe-nav-menu .sub-menu{
  padding: 10px 0 !important;
}


.hfe-nav-menu .sub-menu li.menu-item a{
  border-radius: 8px !important;  position: relative; padding-left: 20px;
}

.hfe-nav-menu .sub-menu li.menu-item a:before{
  font-family: 'FontAwesome';
  content: "\f061"; font-size: 20px;
  color: #000; top:50%; transform: translateY(-50%);
  position: absolute;left:10px;
}

.hfe-nav-menu .sub-menu li.menu-item a:hover:before, .hfe-nav-menu .sub-menu li.menu-item a.hfe-sub-menu-item-active:before{
  color:#ffffff;
}


.key-benift .e-con-inner{
    background: #FFF2DF;
    padding: 30px;
    border-radius: 30px;
}



.h-100 img{

  height: 100% !important;

}



.no-margin p{

  margin:0

}

@media (min-width:1200px){

  .round-pic img{
    width:538px !important; height: 538px !important;
  }

}





.test-slider{

  max-width: 800px; margin:0 auto; text-align: center;

}



.test-slider .picture {

  display: inline-block; width: 116px; position: relative;

}



.test-slider .picture:before{

  content: "";

  width: 21px; height: 21px;

  border-radius: 100%; background: #FF9807;

  top: 5px;

  right: -15px;position: absolute;

}



.test-slider .picture:after{

  content: "";

  width: 13px; height: 13px;

  border-radius: 100%; background: #FF9807;

  top: 15px;

  left: -10px;position: absolute;

}



.test-slider .picture img{

  border:5px solid #FF9807; border-radius: 100%;

}



.test-slider .desc p{

  font-size: 20px; line-height: 36px; color: #4C4F57;     margin: 30px 0; 

}



.test-slider h3{

  font-size: 16px; color: #000; font-weight: 600; margin:0;

}



.test-slider span{

  font-size: 16px; color: #000; font-weight: 400;

}

  

.test-slider .slick-dots{

  position: absolute;bottom: -40px;

  left: 50%;

  transform: translateX(-50%);

}



.test-slider .slick-dots li{

   display: inline-block; margin: 0 8px 0 0;

}



.test-slider .slick-dots li button{

  background: #D9D9D9; width: 51px; height: 4px; border: 0; font-size: 0; line-height: 0;

}



.test-slider .slick-dots li.slick-active button{

  background: #FF9807;

}



.excellence-cover{

  padding:0 8px;

}



.excellence-cover .picture {

  position: relative;

}



.excellence-cover .picture h3.designation{

   background: rgba(0,0,0,0.6); color: #fff; padding: 8px; border-radius: 8px;

   position: absolute; left: 10px; right: 10px; bottom:10px; font-size: 24px;

}



.excellence-cover .picture img{

  border-radius:8px;

}



.client-slider .client-cover{

  padding: 0 10px;

}



.client-slider .slick-slide{

  float: none; display: inline-block; vertical-align: middle; text-align: center;

}



.client-slider .slick-slide img{

  display: inline-block;

}



.client-slider .slick-slide .picture{

  text-align: center;

}

div.talk-expert a span.elementor-button-text > span{
  background: #ffffff; color:#000000; margin:0 0 0 20px; border-radius:5px; padding: 10px 20px;
}

div.talk-expert a{
  padding:16px 25px; padding-right: 5px !important;
}

div.zigzag-bg div.e-con-inner{
    background: #fff;
    margin: 50px auto;
    padding: 20px 30px;
    border-radius: 20px;
}


div.contact-form .input-group p{
  margin:0; width: 100%;
}

div.contact-form textarea.form-control {
    min-height: 160px;
    height: 160px;
    resize: none; border-radius:10px;
}

div.contact-form input.form-bttn{
  background: #000000; border-radius: 5px; padding: 10px 15px; width: auto; border:0; color: #ffffff;
}

div.iti{
  width: 100%;
}

div.contact-form .input-group{
  flex-wrap: nowrap;
}

div.contact-form .input-group div.input-group-text{
      padding:15px .75rem; height: 38px; border-radius:30px 0 0 30px !important; border-right: 0 !important;
}

div.contact-form .input-group div.input-group-text + p input.form-control{
      border-radius: 0 30px 30px 0;     border-left: 0 !important;
}

div.price-head h4{
  color: #212121 !important; font-size: 20px !important;
}

div.price-head p{
  margin:0 0 8px;
}

div.price-head strong{
  color: #212121 !important; font-size: 25px !important;
}

.openpop form{
  padding: 0 30px;
}

.list-class ul li {
  list-style-type: disc; list-style-position: inside;
}

.list-class ul{
  padding-left: 37px;
}

.wpcf7 form .wpcf7-response-output{
	background:#ffb900; color:#ffffff !important;
}


@media (max-width:767px){
    div.banner-content h2 {
      color: #14213D;
      font-size: 25px;
      line-height: 32px;
  }

  div.banner-content .content {
      width: 100%;
      margin: 0 auto;
  }

  div.banner-content {
    padding: 37% 15px 13%;
  }

  
}


div.round-bullet ul li{
  position: relative; padding-left: 30px;
}

div.round-bullet ul li:before{
  content: "";
    width: 15px;
    height: 15px;
    background: none;
    border: 2px solid #000000;
    top: 4px;
    left: 0;
    position: absolute;
    border-radius: 100%;
}

div.sgpb-popup-builder-content-html{
  padding: 0 30px;
}

div.sgpb-main-html-content-wrapper p strong{
  font-size: 32px; font-weight: bold;
}

div.sgpb-main-html-content-wrapper p{
  font-size: 21px;
}

#sgpb-popup-dialog-main-div{
  border-radius: 15px;
} 

img.sgpb-popup-close-button-2{
    top: 11px !important;
    right: 20px !important;
}






