@font-face {
   font-family: 'nexa-bold';
    src: url(../fonts/NexaBold.otf);
} 
@font-face { 
   font-family: 'neuz-bold';
    src: url(../fonts/neuzeitgrot-bold.ttf);
}
@font-face {
   font-family: 'ttfire-reg';
    src: url(../fonts/TTFirsNeue-Regular.ttf);
}
@font-face {
   font-family: 'ttfire-med';
    src: url(../fonts/TTFirsNeue-Medium.otf);
}
@font-face {
   font-family: 'ttfire-bold';
    src: url(../fonts/TTFirsNeue-DemiBold.ttf);
}
@font-face {
   font-family: 'solfia-light';
    src: url(../fonts/sofiapro-light.otf);
}
@font-face {
   font-family: 'itc-demi';
    src: url(../fonts/ITCAvantGardeStd-Demi.otf);
}
@font-face {
   font-family: 'kameric';
    src: url(../fonts/Kamerik105CyrillicW05Book.ttf);
}
@font-face {
   font-family: 'pop-reg';
    src: url(../fonts/Poppins-Regular.ttf);
}
@font-face {
   font-family: 'pop-semi';
    src: url(../fonts/Poppins-SemiBold.ttf);
}
@font-face {
   font-family: 'solfia-bold';
    src: url(../fonts/SofiaProBold.ttf);
}
@font-face {
   font-family: 'solfia-med';
    src: url(../fonts/SofiaProMedium.ttf);
}
@font-face {
   font-family: 'solfia-reg';
    src: url(../fonts/SofiaProRegular.ttf);
}
@font-face {
   font-family: 'solfia-semi';
    src: url(../fonts/SofiaPro-SemiBold.ttf);
}
body,html{
	margin:0;
	padding:0;
   font-family: 'solfia-light';
	font-weight:400;
  background: #F5F5F5;
  overflow-x: hidden;
  scroll-behavior: smooth;overscroll-behavior: none;
}
*,div:before,div:after {
	box-sizing:border-box;
}
h1,h2,h3,h4,h5,h6,ul,li,p,figure,form {
	margin:0;
	padding:0;
}
h1,h2,h3,h4,h5,h6 {
   font-family: 'ttfire-reg';
}
button:focus {
    outline: none !important;
    box-shadow: none !important;
}
a,img,span,label,input,button {
	display:inline-block;
}
a:hover{
  text-decoration: none;
}
.header-first-row{
      display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}
.dis{
  display: flex;
  justify-content: center;
  align-items: center;
}
.sec1{
  background: #262626;
}
.header{
  padding: 26px 0 36px;
}
.header .sec4-det-a span {
    width: 30px;
    height: 30px;
}
.header .sec4-det-a:before {
    width: 35px;
    height: 35px;
    left: 4px;
    top: 4px;
}
.header-first-row a{
  font-size: 14px;
    font-family: 'solfia-reg';
    color: #898989;
}
.header-center a,.header-right a,.header-center li {
    font-size: 14px;
       font-family: 'solfia-med';
    color: #fff;
    margin: 0 24px;
    padding-bottom: 10px ;
}
.header-right{
  text-align: right;
}
.header-right a{
       font-family: 'solfia-reg';
  color:#C7C7C7;
}
.button-wrapper:before {
    background: #3E3E3E;
    border-radius: 26px;
    filter: blur(5px);
    position: absolute;
    content: '';
    left: -18px;
    top: -11px;
    width: 144px;
    height: 52px;
}
.button-wrapper:after {
        background: #262626;
    border-radius: 26px;
    filter: blur(1px);
    position: absolute;
    content: '';
    left: -6px;
    top: -6px;
    width: 144px;
    height: 52px;
}
.button-wrapper {
      position: relative;
      background: transparent;
      padding: 0;
          margin-left: 19px;
}
.button-wrapper span{
  background: transparent linear-gradient(180deg, #F7744A 0%, #D05730 100%) 0% 0% no-repeat padding-box;
    border-radius: 26px;
    position: relative;
    padding: 8px 30px;
   font-family: 'neuz-bold';
    z-index: 9;
        font-size: 14px;
    color: #fff;
        /*border: 6px solid #262626;*/
}
.align-center{
  align-items: center;
}
.heading{
  font-size: 48px;
    color: #fff;
}
.heading b{
  font-family: 'ttfire-bold';
}
.sec-left p{
  font-size: 18px;
   font-family: 'solfia-light';
    color: #B1B1B1;
    padding: 26px 130px 52px 0;
}
.sec-left .button-wrapper span{
  background: transparent linear-gradient(180deg, #313131 0%, #222222 100%) 0% 0% no-repeat padding-box;
    color: #838383;
        padding: 10px 12px;
}
.sec-left .button-wrapper span img{
  margin-right:10px;
}
#slider .owl-dots{
  position: absolute;
    right: 13px;
    top: 39%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin: 0;
}
#slider.owl-theme .owl-dots .owl-dot span{
      background: #939393;
    border-radius: 0;
    height: 1px;
    width: 12px;
        margin: 0;
    margin-bottom: 13px;
}
#slider.owl-theme .owl-dots .owl-dot.active span{
      background: #fff;
    height: 1px;
    width: 28px;
}
#counter{
  position: absolute;
  top: 30%;
  right: 15px;
   font-family: 'itc-demi';
  color:#fff;
}
#counter span{
  font-size: 20px;
}
#counter small{
   color:#C4C4C4;
  font-size: 14px;
}
#slider{
    margin-bottom: 68px;
}
.logos{
     /*-webkit-box-flex: 0;*/
    /*-ms-flex: 0 0 100%;*/
    /*flex: 0 0 11.11%;*/
    /*background: #313131;*/
    /*max-width: 11.11%;*/
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 37px 0;
    /*border-right: 1px solid #262626;*/
    cursor: pointer;
    height: 150px;
    transition: 0.5s all;
}
.sec2-right {
    position: absolute;
    right: -220px;
    top: 240px;
}
.logos:hover{
  transform: scale(1.03);
}
.sec2{
      padding: 134px 15px 200px;
}
.heading1{
  font-size: 60px;
    padding-bottom: 92px;
    text-align: center;
}
.sec2 p{
      font-size: 24px;
    color: #191919;
        padding-bottom: 60px;
}
/*.sec2-right{
     position: absolute;
    top: 266px;
    right: -220px;
}*/
.button-wrapper1:before {
        background: #FFFFFF;
            left: -10px;
    top: -10px;
}
.button-wrapper1:after {
    background: #e9e9e9;
    filter: blur(4px);
    left: 2px;
    top: 3px;
}
.button-wrapper1 span {
      background: transparent linear-gradient(180deg, #FFFFFF 0%, #EEEEEE 100%) 0% 0% no-repeat padding-box;
    color: #E0633B;
    border: 4px solid #f5f5f5;
}
.sec3 h6,.sec8 h2{
   font-family: 'kameric';
   font-size: 24px;
   padding-bottom: 35px;
   text-align: center;
   color:#000;
}
.sec3 .heading,.sec5 .heading,.sec6 .heading,.sec8 .heading{
  font-size: 60px;
    color: #000;
    text-align: center;
    padding-bottom: 60px;
}
.sec3 .heading b,.sec5 .heading b,.sec8 b{
  display: block;
}
.tab-sec .nav-tabs{
  justify-content: center;
    border: 0;
    margin-bottom: 74px;
}
.tab-sec .nav-tabs .nav-link{
  font-size: 20px !important;
    color: #989898;
   font-family: 'nexa-bold';
   border:0;
       margin: 0 55px;
}
.tab-sec .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #000000;
    background-color: transparent;
    border-color: transparent;
    border: 0;
    border-bottom: 2px solid #E97B5A;
}
.tab-detail{
  background: #FCFCFC;
    border-radius: 36px;
    padding: 45px 62px;
    /*text-align: center;*/
    height: 100%;
    cursor: pointer;
    transition: 0.55s all;
}
/*.tab-detail:hover{
  transform: scale(1.1);
}*/
.tab-detail h3,
.tab-detail h5{
  font-size: 16px;
   font-family: 'itc-demi';
    color: #191919;
    padding: 34px 0px 6px;
}
.tab-detail img{
      width: 74px;
    height: 66px;
    object-fit: contain;
}
.tab-detail p{
  font-size: 12px;
   font-family: 'pop-reg';
  color: #272727;
}
.tab-row{
  grid-row-gap: 30px;
}
.sec4{
  padding: 130px 15px 121px;
}
.sec4-left{
  background: #262626;
      height: 354px;
}
.sec4-det{
  padding: 57px 0 40px;
  width: 373px;
  margin:auto;
}
.sec4-det p{
      font-size: 18px;
    color: #fff;
    padding: 10px 0 20px;
}
.sec4-det h5{
      font-size: 36px;
    color: #fff;
}
.sec4-det p span{
  display: block;
  padding-top:  20px;
}
.sec7-dtl a{
  position: relative;
  margin-right: 8px;
}
.sec4-det a{
  position: relative;
      margin-right: 33px;
}
.sec4-det-a span{
    width: 51px;
    height: 51px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #262626;
    position: relative;
    z-index: 9;
}
.sec4-det-a:before,
#slider1.owl-carousel .owl-nav button.owl-prev:before,
#slider1.owl-carousel .owl-nav button.owl-next:before{
      top: 8px;
    left: 7px;
    width: 46px;
    height: 46px;
    content: '';
    position: absolute;
    background: #3E3E3E;
    filter: blur(1px);
    border-radius: 50%;
}
.sec4-det-a span img{
      width: 20px;
    height: 20px;
}
.sec4-right {
  background: #F7CD55;
  height: 414px;
}
.sec4-right .sec4-det h5{
  color: #000000;
}
.sec4-right .sec4-det p span {
   font-family: 'solfia-semi';
       display: inline-block;
    padding: 0;
}
.sec4-right .sec4-det p{
  color: #000000;
   font-family: 'solfia-reg';
}
.sec4-right .sec4-det a {
    margin-right: 20px;
}
.sec4-right .sec4-det  small{
   font-family: 'neuz-bold';
      font-size: 13px;
    color: #fff;
}
.sec5 .heading {
    padding-bottom: 36px;
}
.sec5-left p{
      font-size: 24px;
    color: #555555;
    padding-right: 78px;
}
.sec5-left  p span{
   font-family: 'solfia-bold';
}
.track{
      background: #FCFCFC 0% 0% no-repeat padding-box;
    border-radius: 36px;
    backdrop-filter: blur(30px);
    padding: 46px 60px;
    text-align: center;
    margin-bottom: 30px;
    cursor: pointer;
}
.track p{
   font-family: 'solfia-med';
      padding-top: 25px;
    font-size: 20px;
    color: #191919;
}
.track1{
  padding-top: 30px;
}
.sec5{
      padding-bottom: 47px;
}
.sec6{
  background: #262626;
      padding: 116px 15px 140px;
}
.sec6 .heading{
  color: #fff;
  padding-bottom: 71px;
}
.industries{
  background: #2F2F2F;
    border-radius: 32px;
    height: 100%;
    padding: 40px 70px;
    text-align: center;
}
.industries p{
      font-size: 20px;
   font-family: 'solfia-med';
    color: #C4C4C4;
    padding-top: 21px;
}
.industries img{
  height: 89px;
  width: 89px;
}
.sec7{
      padding: 109px 15px 162px;
}
.sec7 h2{
      font-size: 48px;
    color: #000000;
    line-height: 1.5;
    padding-bottom: 23px;
}
.sec7-dtl h5,.sec7-dtl h3,.form-sec .img-content h6{
   font-family: 'solfia-bold';
      font-size: 28px;
    color: #191919;
}
.sec7-dtl p,.form-sec h5{
      font-size: 16px;
    color: #191919;
    font-family: 'solfia-med';
    padding: 20px 23px 30px;
}
.sec7-dtl {
  height: 100%;
}
.sec7-dtl img{
      mix-blend-mode: multiply;
      height: 214px;
      object-fit: contain;
}
.sec7-dtl a{
  margin: 0;
}
.sec7-dtl a span{
  background: transparent linear-gradient(180deg, #FFFFFF 0%, #EEEEEE 100%) 0% 0% no-repeat padding-box;
      border: 5px solid #F5F5F5;
}
.arrow-btn:before,
#slider1.owl-carousel .owl-nav button.owl-next:before,
#slider1.owl-carousel .owl-nav button.owl-prev:before{
  background: #D5D5D5;
border-radius: 26px;
filter: blur(5px);
top: 12px;
}
.arrow-btn span {
    width: 49px;
    height: 49px;
}
.arrow-btn span i{
  color: #BEBEBE;
}
#slider1 img{
      width: 124px !important;
    height: 124px;
    object-fit: contain;
    border-radius: 50%;
    margin: auto;
    opacity: 0.21;
        transition: 1.2s all;
}
.man-cont{
  width: 570px;
    background: #fff;
    box-shadow: 0px 3px 36px #b0b4c412;
    border-radius: 18px;
    padding: 48px 63px 34px;
    margin-top: 32px;
    text-align: center;
    position: relative;
    left: -100%;
    /* display: none; */
    opacity: 0;
    transition: 1.2s all;
        transform: scale(0.5);
}
#slider1 .owl-item.active.center .man-cont{
  /* display: block;*/
  opacity: 1;
      transform: scale(1);
      position: relative;
      z-index: 99;
}
#slider1 .owl-item.active.center img{
  opacity: 1;
}
#slider1{
      width: 75%;
    margin: auto;
}
.man-cont p{
  color:#191919;
  font-size: 16px;
}
.man-cont h4{
      font-size: 16px;
    color: #E45A31;
    padding-top: 39px;
    font-family: 'solfia-bold';
}
.man-cont span  {
    font-size: 14px;
    color: #000000;
    padding-top: 5px;
}
.sec8{
      padding-bottom: 100px;
}
.footer{
  background: #262626;
    padding: 68px 15px 35px;
}
.footer-logo{
  padding: 0;
}
.footer h5{
         font-size: 14px;
    color: #C4C4C4;
    font-family: 'ttfire-med';
    padding-bottom: 31px;
}
.footer a{
      font-size: 14px;
    color: #898989;
    display: block;
    width: max-content;
    max-width: 100%;
    font-family: 'solfia-reg';
    margin-bottom: 14px;
}
.footer-row2 p img {
    width: 36px;
    object-fit: contain;
}
.footer-row2 p {
        font-size: 14px;
    color: #9A9A9A;
    font-family: 'solfia-reg';
    padding-top: 22px;
    padding-right: 43px;
    display: flex;
    grid-column-gap: 20px;
    align-items: flex-start;
}
.footer-row2 p a{
      margin-top: 10px;
      margin-bottom: 0;
}
.footer-row2 p a i{
  padding-right: 11px;
}
.footer-container{
  position: relative;
}
.footer button{
        transform: rotate(90deg);
    background: transparent;
    color: #fff;
    padding: 0;
    font-size: 12px;
    position: absolute;
    top: 78%;
    font-family: 'pop-semi';
    right: -100px;
}
.footer button i{
      padding-right: 18px;
}
#slider1.owl-carousel .owl-nav.disabled {
    display: block;
}
#slider1.owl-carousel .owl-nav button.owl-prev,
#slider1.owl-carousel .owl-nav button.owl-next {
        position: absolute;
    top: 10%;
    left: -153px;
}
#slider1.owl-carousel .owl-nav button.owl-prev span,
#slider1.owl-carousel .owl-nav button.owl-next span {
position: relative;
z-index: 9;
    width: 53px;
    height: 53px;
    border-radius: 50%;
    background: #fff;
}
#slider1.owl-carousel .owl-nav button.owl-prev:after,
 #slider1.owl-carousel .owl-nav button.owl-next:after{
  left:-3px !important;
  top:-3px !important;
 }
#slider1.owl-carousel .owl-nav button.owl-next{
  left: unset;
  right: -153px;
}
#slider1.owl-carousel .owl-nav i{
  font-size: 20px;
}
#slider1.owl-theme .owl-nav button:hover{
  color: #000;
  background: transparent;
}
.sec4-row{
  align-items: center;
}
.call-a span {
    background: transparent linear-gradient(179deg, #FBD45E 0%, #ECB941 100%) 0% 0% no-repeat padding-box ;
    border-radius: 28px ;
    position: relative;
    width: 308px ;
    height: 49px ;
    padding: 0 25px;
    justify-content: flex-start ;
    font-size: 16px;
    color: #000;
    align-items: center ;
    font-family: 'solfia-bold';
    border: 4px solid #F7CD55;
    position: relative;
    z-index: 9;
    display: flex;
}
.call-a{
  margin-right: 0 !important;
  margin-bottom: 20px;
}
.call-a:before{
  background: #FFDD6A ;
    border-radius: 26px ;
    filter: blur(5px) ;
    width: 319px ;
    height: 42px ;
    left: -7px ;
    top: -2px ;
    content: '';
    position: absolute;
}
.call-a:after{
  background: #EAB43C;
    border-radius: 26px;
    filter: blur(5px);
    width: 315px;
    height: 46px;
    left: -2px;
    top: 13px;
    content: '';
    position: absolute;
}
.call-a span img{
  margin-right: 20px;
}
.sec4-right .sec4-det p {
    padding: 10px 0 38px;
}
.sec4-right:before{
      content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 30px solid #c48827;
    border-left: 30px solid transparent;
    left: -29px;
    top: 1px;
}
.sec4-right:after{
      content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-right: 30px solid #c48827;
    border-bottom: 30px solid transparent;
    left: -29px;
    bottom: 1px  ;
}
.arrow-btn:after,
#slider1.owl-carousel .owl-nav button.owl-prev:after,
#slider1.owl-carousel .owl-nav button.owl-next:after{
        position: absolute;
    content: '';
    background: #fff;
    left: -7px;
    top: -7px;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    filter: blur(5px);
}
.logos.active img,.logo-remove{
  display: none !important;
}
.logos.active .logo-remove{
  display: block !important;
}
#logo img{
  width: unset !important;
}





















/* Page 3 Start */
.page-3 .heading{
  padding-right: 22px;
}
.page-3 .sec-left p{
   font-family: 'solfia-reg';
   padding-right:77px;
}
.page-3 .button-wrapper span{
      background: transparent linear-gradient(180deg, #F7744A 0%, #D05730 100%) 0% 0% no-repeat padding-box;
    color: #fff;
    width: 229px;
}
.page-3 .button-wrapper:before {
    width: 243px;
}
.page-3 .button-wrapper:after{
  width: 242px;
}
.page-3{
      padding-bottom: 96px !important;
    border-bottom: 1px solid #4A4A4A;
}
.page3-sec1 p{
      color: #767676;
    text-align: center;
    font-family: 'solfia-reg';
    font-size: 18px;
    padding: 33px 0 20px;
}
.page-3-sec2{
  padding-bottom:  100px;
}
#sticky-pos{
  padding-top: 25px;
  padding-bottom: 0;
}
@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 0.9;
        transform: translateY(0);
    } 
}
@keyframes slide-down1 {
    100% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    0% {
        opacity: 0.9;
        transform: translateY(0);
    } 
}
.page-3-sec2 .tab-sec .nav-tabs .nav-item.show .nav-link,.page-3-sec2 .nav-tabs .nav-link.active{
  padding-bottom: 25px;
}
.tab-heading{
   font-family: 'ttfire-bold';
   font-size: 42px;
   color: #000;
       padding: 0 45px 75px;
}
.page-3-sec2  .tab-sec  h2,.manage,.page-3-sec2  .tab-sec  h6{
  font-size: 32px;
   font-family: 'ttfire-med';
  color: #555555;
  padding-bottom: 47px;
}
.page-3-sec2 .tab-detail h5 ,
.page-3-sec2 .tab-detail h3 {
   font-family: 'solfia-semi';
    font-size: 22px;
        padding: 22px 0;
}
.page-3-sec2  .tab-detail {
    padding: 45px 50px;
}
.page3-2-sec3{
  background: #FAFAFA;
  padding: 114px 15px 100px;
}
.custom-head{
   font-family: 'ttfire-med';
   font-size: 36px;
   color:#000;
}
.custom-web h6{
      font-size: 18px;
    color: #000;
    font-family: 'solfia-bold';
    padding: 39px 8px 18px 0;
}
.custom-web p{
      font-size: 18px;
    color: #555555;
    font-family: 'pop-reg';
}
.custom-web p span{
  padding-top: 26px;
}
.page3-row{
  justify-content: space-between;
}
.page3-sec4{
  padding: 83px 15px 112px;
}
.page3-sec4 h2{
  width: 75%;
    margin: auto;
}
.page3-sec4 h6{
      font-size: 20px;
    text-align: center;
    color: #000000;
    padding: 20px 0 90px;
    font-family: 'solfia-reg';
}
.page3-sec4 .sec7-dtl h3,
.page3-sec4 .sec7-dtl h5 {
    font-family: 'solfia-bold';
    font-size: 24px;
        padding: 0 46px;
}
.page3-sec4 .sec7-dtl p,.req-cont {
      font-size: 14px !important;
    color: #272727 !important;
    font-family: 'pop-reg' !important;
    padding: 17px 54px 30px !important;
    line-height: 21px;
}
.page3-sec4 .sec7-dtl img{
      width: 90px;
    height: 90px;
    margin-bottom: 32px;
}
.grow-row{
  grid-row-gap: 60px;
}
.page3-sec5,.page3-sec8,.page3-sec10{
  background: #FAFAFA;
    padding: 100px 0;
}
.right-tech{
      font-size: 36px;
    color: #000000;
    font-family: 'ttfire-bold';
}
.page3-left p,.expertise h5,.collap,.solution-4 p {
    font-size: 18px;
    color: #555555;
    font-family: 'solfia-med';
    padding: 30px 0 100px;
}
.page3-left p span{
    font-family: 'solfia-semi';
    color: #000;
}
.page3-left .button-wrapper1 span,.red-button span{
  background: transparent linear-gradient(180deg, #F7744A 0%, #D05730 100%) 0% 0% no-repeat padding-box;
    color: #fff;
}
.page3-left .button-wrapper1 span{
    width: 282px;
}
.page3-left .button-wrapper1:before {
    width: 283px;
}
.page3-left .button-wrapper1:after {
    width: 291px;
}
.page3-right{
     background: #fff;
    border-radius: 36px;
    padding: 28px 127px 30px 36px;
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
}
.page3-right img{
  margin-right: 30px;
  width: 67px;
  height:67px;
  object-fit: contain;
}
.page3-right h4,.page3-right h3,.manage-logo span{
  font-size: 24px;
    color: #000;
    font-family: 'solfia-med';
    padding-bottom: 11px;
}
.page3-right p,.about-2sec p,.app-content{
  font-size: 14px;
    color: #555555;
    font-family: 'pop-reg';
}
.page3-sec6{
      padding: 126px 15px 50px;
}
.page3-sec6 h6,.page3-sec8 h6,.heading-6{
      font-size: 24px;
      text-align: center;
    font-family: 'solfia-reg';
}
.page3-sec6 .tab-heading{
      text-align: center;
    padding: 23px 0px 115px;
}
.proj{
          border-radius: 43px;
    background: #3E5BA9;
    width: max-content;
    max-width: 100%;
    padding: 5px 12px 5px 5px;
    display: flex;
   margin-bottom: 50px;
    align-items: center;
}
.proj p{
font-size: 14px;
    color: #fff;
    padding-left: 8px;
    line-height: 1;
   font-family: 'ttfire-med';
}
.project1{
         border: 1px solid #F5F5F5;
    background: #fff;
    width: max-content;
    max-width: 100%;
    display: flex;
    align-items: center;
    padding: 0 18px 0px 10px;
    margin-bottom: 24px;
}
.project1 h3{
      font-size: 14px;
    color: #555555;
    font-family: 'solfia-med';
    padding-left: 10px;
}
.first-row{
      display: flex;
          grid-column-gap: 9px;
          width: max-content;
          cursor: pointer;
    max-width: 100%;
}
.page3-back .first-row.active:nth-child(2) .project1 h3,
.page3-back .first-row.active:nth-child(5) .project1 h3{
    color: #000000;
}
.empty{
  width: 82px;
  border-radius: 43px;
  background: #fff;
}
.bor{
  height: 36px;
    border-radius: 43px;
}
.circle-back{
  width: 36px !important;
  background: #fff;
}
.empty1{
  width: 76px !important;
  background: #fff;
}
.first-row .empty{
  width: 56px;
}
.page3-back .first-row:nth-child(3) .project1,
.page3-back .first-row:nth-child(4) .project1,
.page3-back .first-row:nth-child(5) .project1{
  width: 320px;
}
.page3-back .first-row:nth-child(2){
  margin-left: 73px;
}
.page3-back .first-row:nth-child(3){
  margin-left: 228px;
}
.page3-back .first-row:nth-child(4){
  margin-left: 254px;
}
.page3-back .first-row:nth-child(5){
  margin-left: 340px;
}
.page3-back .first-row:nth-child(6){
  justify-content: flex-end;
    margin-right: 20px;
        margin-left: auto;
}
.analyse {
  text-align: center;
    padding: 60px 70px;
    margin-top: 44px;
    display: unset;
    /*height: 470px;*/
    height: auto;
}
.analyse h3,
.analyse h4{
      padding: 38px 0 14px;
    font-family: 'ttfire-med';
}
.analyse p,.app-content{
  color: #272727 !important;
    font-family: 'pop-reg' !important;
    font-size: 14px !important;
    padding: 0 !important;
    line-height: 21px;
}
.finished{
      background: #69C293;
    margin-left: auto;
    margin-top: 30px;
}
.page3-back .first-row.active:nth-child(1) .project1{
  background: #69c293;
}
.page3-back .first-row.active:nth-child(2) .project1,.page3-back .first-row.active:nth-child(2) .empty{
  background: #F7CD55;
}
.page3-back .first-row.active:nth-child(3) .project1,.page3-back .first-row.active:nth-child(3) .empty{
  background: #3e5ba9;
}
.page3-back .first-row.active:nth-child(4) .project1{
  background: #69c293;
}
.page3-back .first-row.active:nth-child(5) .project1{
  background: #f7cd55;
}
.page3-back .first-row.active:nth-child(6) .project1{
  background: #d4633e;
}
.page3-back .first-row.active .project1 h3{
  color: #fff;
}
.page3-sec6 .tabcontent{
  display: none;
}
.page3-sec7{
      padding: 79px 15px 45px;
    background: #fff;
}
.on-board h4{
      font-size: 24px;
    font-family: 'solfia-reg';
}
.on-board .tab-heading{
    padding: 28px 0px 53px ;
}
.sed-quis h3,.yellow-sec-wrapper h4,.industry-head,.hotel-head{
      font-size: 24px;
    color: #000;
    font-family: 'ttfire-med';
}
.yellow-sec-wrapper h4{
  padding-bottom: 20px;
}
.on-board{
      padding-right: 88px;
}
.on-board p{
      font-size: 14px;
    color: #272727;
    padding: 15px 0 48px;
    font-family: 'pop-reg';
}
.yellow-sec-wrapper{
      background: #F7CD55;
    border-radius: 36px;
    padding: 44px 30px;
}
.yellow-sec-wrapper a.active{
   font-family: 'solfia-reg';
    padding-left: 20px;
}
.yellow-sec-wrapper .nav-link.active:before {
    content: '';
    content: "\f04b";
    position: absolute;
    font: normal normal normal 11px/1 FontAwesome;
    left: 0px;
    top: 10px;
}
.yellow-sec-wrapper h6 i{
  font-size: 13px;
    padding-right: 13px;
}
.yellow-sec-wrapper a{
      font-size: 18px;
    font-family: 'solfia-light';
    padding: 0 28px 28px 0;
    color: #000000;
    position: relative;
}
.yellow-sec-wrapper.nav-tabs .nav-link {
    border: 0;
}
.yellow-sec-wrapper.nav-tabs .nav-link:focus, .yellow-sec-wrapper.nav-tabs .nav-link:hover {
    border-color: transparent;
    border:0;
}
.page3-sec8 h6{
  padding-bottom: 34px;
  text-align: left;
}
.expertise {
    display: flex;
    justify-content: space-between;
    padding-bottom: 68px;
}
.expertise .tab-heading{
      padding: 0;
      width: 50%;
}
.expertise h5{
  width: 42%;
  padding: 0;
  color: #000;
}
.manage{
  padding-bottom: 34px;
}
.manage-logo{
      background: #FFFFFF;
    border-radius: 50px;
    padding: 0px 39px;
    height: 100px;
    cursor: pointer;
        margin-bottom: 17px;
}
.manage-logo span {
    display: flex;
    align-items: center;
    padding-bottom: 0;
    height: 100%;
}
.manage-logo span img {
    width: 80px !important;
    height: 50px;
    object-fit: contain;
    margin-right: 20px;
}
.collap{
  color: #C4C4C4;
}
.collap-head {
   font-family: 'ttfire-med';
    padding: 0;
    text-align: center;
    width: 75%;
    margin: auto;
}
.industry-head{
    color: #3E5BA9;
    text-align: center;
    padding: 41px 0 82px;
}
.lang-1 {
  background: #fff;
    padding: 25px;
    text-align: center;
    border-radius: 20px;
    height:100%;
}
.lang-1 img{
  width: 72px;
  height: 72px;
  object-fit: contain;
}
.lang-1 h3,
.lang-1 p{
  font-size: 16px;
  color: #000000;
  font-family: 'solfia-semi';
  padding-top: 12px;
}
.lang-row{
  justify-content: center;
    grid-row-gap: 22px;
    padding-bottom: 39px;
}
.page3-sec9{
      padding: 92px 15px 116px;
}
.page3-sec9 .tab-heading{
      padding: 0;
    width: 78%;
    margin: auto;
    padding-bottom: 60px;
}
.page3-sec9 .tab-heading span{
      display: inline;
    font-family: 'ttfire-med';
}
.hotel-img p{
 font-family: 'solfia-reg';
    font-size: 16px;
    color: #555555;
    padding: 12px 0 30px;
}
.hotel-img img{
  border-radius: 15px;
  margin-bottom: 37px;
  height: 372px;
  object-fit: cover;
}
.hotel-cont{
  width: 78%;
}
.hotel-cont button{
  margin:0;
}
.hotel-cont button span{
    width: 169px;
    padding: 8px 27px;
    justify-content: space-between;
    align-items: center;
    color: #555555;
}
.hotel-cont .button-wrapper:before {
    width: 180px;
        left: -9px;
    top: -7px;
}
.hotel-cont .button-wrapper:after{
  width: 180px;
}
.hotel-cont button span i{
  padding-top: 6px;
  color:#E0633B;
}
.page3-sec10 h2{
  font-size: 36px;
  font-family: 'ttfire-med';
  padding: 17px  0 41px;
}
.john-img{
      display: flex;
      padding-bottom: 49px;
      align-items: center;
}
.abs-img{
      position: relative;
}
.abs-img img{ 
   margin-right: 51px;
 }
 .abs-img span{
  width: 36px;
    height: 36px;
    background: #000000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 61px;
    bottom: 0px;
}
 .abs-img span img{
      height: 21px;
      margin: 0;
 }
 .img-content h6{
      font-size: 16px;
    font-family: 'solfia-bold';
    padding-top: 20px ;
 }
 .img-content p{
      font-size: 16px;
    font-family: 'solfia-reg';
    color: #191919;
 }
 .img-content small{
      font-size: 12px;
    color: #000000;
    font-family: 'solfia-reg';
}
.john-img:nth-child(3)  .abs-img span{
  background: #F7CD55;
}
.john-img:last-child  .abs-img span{
  background: #D1502A;
}
.page3-sec10{
  border-bottom: 1px solid #D8D8D8;
  padding-bottom: 50px;
}
.counter-sec{
  background: #FAFAFA;
  padding: 60px 15px;
}
.counter h2,.about-sec-left h2,.about-2 h2,.about-3 h2,.about-3 h4{
      font-size: 48px;
    font-family: 'ttfire-bold';
    padding-bottom: 0;
}
.counter p,.about3-left p{
      font-size: 20px;
    color: #000000;
    font-family: 'solfia-med';
}
.form-sec{
  padding: 62px 15px;
}
.form-sec .tab-heading{
  padding: 0;
  padding-bottom: 50px;
}
.form-sec .abs-img img{
      width: 80px;
    height: 80px;
    object-fit: contain;
    border-radius: 50%;
    margin-right: 20px;
}
.green-sec{
  background: #69C293 !important;
    width: 20px !important;
    height: 20px !important;
    right: 19px !important;
    bottom: 8px !important;
}
.form-sec .img-content h6{
  padding-top: 0;
}
.form-sec .img-content p{
  color: #000;
    padding-top: 7px;
}
.form-p{
      font-size: 14px;
    color: #191919;
    font-family: 'solfia-reg';
    padding: 24px 49px 72px 0;
}
.form-sec .john-img{
  padding-bottom: 0;
}
.form-sec h5{
  color: #000;
  padding: 0;
  padding-bottom: 30px;
}
.form-img img{
      margin-right: 28px;
}
.form-bg{
      background: #FAFAFA;
    border-radius: 36px;
    padding: 42px 73px;
}
.form-bg label{
      font-size: 14px;
    color: #555555;
    font-family: 'solfia-reg';
}
.form-bg .form-control{
      border: 1px solid #D3D3D3;
    border-radius: 28px;
    background: transparent;
    padding: 0 32px;
    font-size: 18px;
    color: #000000;
    font-family: 'solfia-med';
    margin-bottom: 20px;
    height: 56px !important;
}
.form-control:focus{
  box-shadow: none;
}
.form-bg select{
  appearance:none;
  cursor: pointer;
  background-image: url("http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png") !important;
      background-position: 94% center !important; 
      background-repeat: no-repeat !important; 
}
.form-bg button{
    width: 100%;
    margin: 37px 0 20px;
}
.form-bg button span{
     width: 100%;
    height: 56px;
    background: transparent linear-gradient(180deg, #7FC097 0%, #5DB17C 100%) 0% 0% no-repeat padding-box;
    color: #fff;
}
.form-bg .button-wrapper1:before,
.form-bg .button-wrapper1:after{
  width: 100%;
}
.form-bg .button-wrapper1:after{
      left: 8px;
    top: 15px;
}
.footer h2{
  font-size: 16px;
    color: #fff;
    font-family: 'ttfire-med';
    padding-bottom: 36px;
}
.footer-row{
  grid-row-gap: 70px;
}
.foot-head h5{
  font-size: 16px;
    color: #fff;
}
.footer-row2{
      margin-top: 70px;
    border-top: 1px solid #525252;
    padding: 69px 0;
    border-bottom: 1px solid #525252;
}
.footer-row2-center a{
  position: relative;
      margin: 0 10px;
}
.shares-icon {
  display: flex;
  justify-content: center;
}
.footer-row2-center {
  border-left: 1px solid #525252;
    border-right: 1px solid #525252;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.footer-row2-center h6{
  color: #C4C4C4;
    padding-bottom: 35px;
    font-family: 'ttfire-med';
    font-style: 14px;
}
.footer-row2-center a:after,.header .shares-icon a:after{
  content: '';
    position: absolute;
    background: #000000;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    top: -4px;
    left: -4px;
    filter: blur(4px);
}
.header .shares-icon a{
  position: relative;
  margin-left: 28px;
}
.foot-last h5{
  font-size: 16px;
  padding-bottom: 21px;
}
.foot-last{
      padding-left: 60px;
}
.footer-last-row p{
      font-size: 16px;
    color: #777777;
    font-family: 'solfia-reg';
    padding-top: 40px;
}
.sticky-1{
  position: fixed;
    transition: 0.5s all;
    top: 0;
    transform: translateY(0);
    background: #fff;
    animation: slide-down 0.5s;
    z-index: 99;
    box-shadow: 0px 1px 6px #46506b26;
}
.sticky-1.tab-sec .nav-tabs {
    margin-bottom: 0px;
}
#sticky-pos.tab-sec .nav-tabs .nav-link {
    font-family: 'solfia-reg';
    font-size: 16px;
    padding-bottom: 25px;
    position: relative;
    transition: 0.25s all;
}
#sticky-pos.tab-sec .nav-tabs .nav-link.active{
  color:#000;
      font-family: 'solfia-med';
      border-bottom: 0;
}
#sticky-pos .nav-link:before {
    content: '';
    background: #D4633E;
    width: 0%;
    height: 2px;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: 0.5s all;
    opacity: 0;
}
#sticky-pos .nav-link.active:before{
  opacity: 1;
  left: 0;
  width: 100%;
}
.page3-left button{
  margin-left: 0;
}
.first-row.active img{
  display:none;
}
.first-row.active .logo-remove{
  display: block !important;
}
.page-3{
  background: url(../images/page-3.png) right -52px no-repeat;
}
.scrolling_up .header{
  position: fixed;
  width: 100%;
    background: #262626;
    z-index: 999;
    padding: 20px;
    top: 0;
  animation:slide-down 0.25s;
    left: 0;
}
.scrolling_up .sticky-1 {
      transform: translateY(134px);
}
input:focus{
  border: 2px solid #f7cd55 !important;
}
/*.effect-9{
      transition: 0.4s;
      position: relative;
    z-index: 99;
}
.effect-9 ~ .focus-border:before, .effect-9 ~ .focus-border:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    border-top: 2px solid #3399FF;
    border-radius: 28px;
    transition: 0.2s;
    transition-delay: 0.2s;
}
.effect-9 ~ .focus-border i:before, .effect-9 ~ .focus-border i:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
        border-left: 2px solid #3399FF;
    transition: 0.2s;
    border-radius: 28px;
}
.effect-9 ~ .focus-border i:after {
    left: auto;
    right: 0;
    top: auto;
    bottom: 0;
    transition-delay: 0.4s;
}
.effect-9 ~ .focus-border:after {
    top: auto;
    bottom: 0;
    right: auto;
    left: 0;
    transition-delay: 0.6s;
}
.effect-9:focus ~ .focus-border:before, .effect-9:focus ~ .focus-border:after {
    width: 100%;
    transition: 0.2s;
    transition-delay: 0.6s;
}
.effect-9:focus ~ .focus-border:after {
    transition-delay: 0.2s;
    border-top: 0;
    border-bottom: 2px solid #3399FF;
}
.effect-9:focus ~ .focus-border i:before, .effect-9:focus ~ .focus-border i:after {
    height: 100%;
    transition: 0.2s;
}
.effect-9:focus ~ .focus-border i:after {
    transition-delay: 0.4s;
        border-right: 2px solid #3399FF;
        border-left: 0;
}
.form-group{
  position: relative;
}
.focus-border{
  position: absolute;
    width: 100%;
    top: 30px;
    height: 56px;
    left: 0;
}
.effect-9:focus{
  border: 0;
}*/
.margin-wrapper{
  margin-bottom: 30px;
}
/*p,h1,h2,h3,h4,h5,h6,span,a,img,b{
    opacity: 0;
    transition: ease all 1s;
    margin-left: -15px;
}
    
p.fadeIn,
h1.fadeIn,
h2.fadeIn,
h3.fadeIn,
h4.fadeIn,
h5.fadeIn,
h6.fadeIn,
span.fadeIn,
a.fadeIn,
img.fadeIn,
b.fadeIn
{
      opacity: 1;
      margin-left: 0;
    }
.sec3 .sticky-1{
          width: 100%;
    left: 0;
}*/
/*.tab-content{
  height: 600px;
  overflow: scroll;
}*/
.scroll-spy{
  height: 800px;
  overflow-y:scroll;
}
/*::-webkit-scrollbar {
    width: 0px;
    background: transparent; 
}*/
 .service-menu .dropdown-menu1{
   position: fixed;
    top: 0;
    transform: translate(-50% , -100%);
    left: 50%;
    background: #FFFFFF;
    width: 67%;
    border-radius: 23px;
    transition: 0.5s all;
    z-index: 999;
    visibility: hidden;
    opacity: 0;
   transform-origin: top center;
   transform: scale(1, 0);
   display: block;
  /*z-index: -99999;*/
}
/*.box.show{
opacity: 1;
    transform: translate(-50% , 80px);
}*/
/*.overlay {
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    display: none;
    top: 0;
    background: #000000;
    opacity: 0.6;
    z-index: 999;
}
.overlay.show {
  display: block;
}*/
.service-menu:hover  .dropdown-menu1 {
  opacity: 1;
  visibility: visible;
       transform: translate(-50% , 118px) scale(1);

}

.dropdown-menu1{
  padding: 50px 40px 30px;
}
.design-img {
        width: 43px;
    height: 43px;
    background: #454545;
    border-radius: 50%;
    margin-right: 17px;
}
.graphic{
  display: flex;
  align-items: center;
  margin:0 !important;
  margin-bottom: 20px !important;
  padding: 0;
}
.grphic-cont {
      font-size: 12px;
    color: #8D8D8D;
    font-family: 'pop-reg';
}
.grphic-cont b{
  font-size: 16px;
    color: #555555;
    font-family: 'solfia-med';
    display: block;
    padding-bottom: 4px;
}
.graphic-border{
      border-right: 1px solid #E3E3E3;
}
.dev-services h4{
    color: #A7A7A7;
    font-size: 12px;
    font-family: 'ttfire-med';
        padding-bottom: 23px;
}
.dev-services {
    padding: 0 45px;
}
.dev-services a {
    font-size: 14px;
    color: #555555;
    margin:0 !important;
    margin-bottom: 25px !important;
    font-family: 'solfia-reg';
    padding: 0;
}
.marketing{
  padding-top: 18px;
}
.man-cont h5{
      font-family: 'ttfire-bold';
    font-size: 24px;
    padding-bottom: 15px;
}
.page-3-sec2 .tab-sec h2{
  font-size: 22px;
}
.jump-start{
  font-size: 22px !important;
}

.choose-from{
  font-size: 2rem !important;
      font-family: 'ttfire-reg' !important;
}




























/* solution start */
.solution-1 h1,.solution-3 h1{
   font-size: 68px;
    color: #000;
    font-family: 'ttfire-bold';
    width: 50%;
    line-height: 78px;
    padding: 20px 0 30px;
}
.solution-1 .heading-6{
  text-align: left;
  color: #555555;
}
.solution-header{
    padding: 23px 0;
}
.solution-1{
  background: #fff;
    padding: 140px 15px 97px;
}
.solution-1 p{
      font-size: 18px;
    color: #555555;
    font-family: 'solfia-reg';
    width: 65%;
    padding-bottom: 56px;
}
.solution-2{
  padding: 45px 15px 65px;
}
.solution2-right h2,.solution-4 h2{
      font-size: 56px;
    color: #000000;
    line-height: 68px;
    font-family: 'ttfire-bold';
}
.solution2-right {
    padding-left: 40px;
}
.solution-image1{
    margin-right: 15px;
}
.solution-image img:first-child{
  width: 204px;
  object-fit: cover;
  margin-bottom: 27px;
}
.solution-3{
      padding: 165px 15px 138px;
}
.solution-3-1{
  display: flex;
  justify-content: space-between;
  margin-bottom: 100px;
}
.solution-3-1 h1{
  padding: 0;
}
.solution-3 .tab-detail:hover{
  transform: unset;
}
.solution-3 .tab-detail h5 {
   font-family: 'solfia-bold';
    font-size: 28px;
        padding: 42px 0 9px;
}
.solution-3 .tab-detail p {
    font-size: 14px;
}
.solution-3 .tab-detail {
    text-align: left;
    padding: 0;
    padding-right: 97px;
}
.solution3-row{
  grid-row-gap: 76px;
}
.solution-4{
      padding: 112px 0 100px;
}
.solution-4 p{
  font-family: 'solfia-reg';
    padding: 44px 0 36px;
}
.solution-4 h2{
  width: 75%;
}
.solution4-img img{
  border-radius:36px;
}
.solution4-img:last-child img{
  margin-top: 100px;
}
.solution-5{
  background: #FAFAFA;
    padding: 133px 15px 108px;
}
.solution5-sec h4{
      font-family: 'ttfire-bold';
}
.solution5-sec p{
      font-size: 18px;
    color: #555555;
       padding: 18px 6px 56px 0;
    font-family: 'solfia-med';
}
.solution5-sec p span{
      color: #000000;
   font-family: 'solfia-semi';
}
.solution5-sec {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.solution2-right .button-wrapper:before {
    width: 165px;
}
.solution2-right .button-wrapper:after {
    width: 175px;
}
.solution2-right button{
  margin-top: 30px;
}
.solution5-sec    .button-wrapper1 span{
          color: #E45A31;
    width: 225px;
}
.solution5-sec .button-wrapper:before {
    width: 225px;
}
.solution5-sec .button-wrapper:after {
    width: 233px;
}
.solution5-left{
  width: 583px;
  padding-bottom: 50px;
}
#solution img{
      height: 60px;
    object-fit: contain;
}
.solution-6{
  padding:165px 15px;
}
.solution-6 h2{
      font-family: 'ttfire-bold';
    padding-bottom: 48px;
}
.team-img-member h6,.about-2sec h5{
  font-size: 28px;
   font-family: 'solfia-semi';
   padding: 23px 0 0 28px;
}
.team-img-member p{
      font-size: 16px;
    color: #555555;
    font-family: 'solfia-med';
    padding-left: 28px;
}
.team-mem-row{
  grid-row-gap: 58px;
}

























/* Chat Start */
.chat-btn{
         background: transparent linear-gradient(180deg, #FFFFFF 0%, #EEEEEE 100%) 0% 0% no-repeat padding-box;
    border-radius: 26px;
    font-size: 14px;
   font-family: 'neuz-bold';
    color: #E45A31;
        padding: 10px 23px;
}
.chat-btn i{
      font-size: 19px;
    margin-right: 7px;
    vertical-align: middle;
}
.chat-1{
  padding: 95px 15px 130px;
}
.talk{
      font-size: 17px;
    color: #E45A31;
    font-family: 'solfia-reg';
    padding-bottom: 21px;
}
.talk-heading{
  font-size: 48px;
  color: #000;
   font-family: 'ttfire-bold';
}
.chat-1 h6{
  font-size: 24px;
    color: #555555;
    font-family: 'solfia-light';
    padding: 31px 0 84px;
}
.about-project h5{
font-size: 28px;
    color: #000000;
    font-family: 'solfia-med';
}
.about-project p{
  font-size: 16px;
    color: #696969;
    font-family: 'solfia-light';
    padding: 7px 156px 18px 0;
}
    
.about-project textarea{
      border: 1px solid #DEDEDE;
    height: 228px;
    border-radius: 20px;
    padding: 24px 26px;
    font-family: 'solfia-reg';
}
.about-project1{
    padding: 42px 0 67px;
}
.about-project1 p{
      color: #696969;
    font-family: 'solfia-reg';
}
.about-project1 button{
  margin-top: 22px;
}
.about-project1 button span{
  color: #555555;
}
.about-project1 .button-wrapper:before {
    width: 180px;
}
.about-project1 .button-wrapper:after {
    width: 187px;
}
.chat-form .form-control{
      border: 1px solid #DEDEDE;
    border-radius: 32px;
    height: 56px;
    padding: 20px;
}
.chat-form label{
  color: #555555;
    font-size: 16px;
    font-family: 'solfia-med';
}
 .chat-form-row{
 grid-row-gap: 32px;
}
.chat-form .page3-left{
      margin-top: 65px;
}
.chat-2{
    border-bottom: 1px solid #DBDBDB;
    border-top: 1px solid #DBDBDB;
    padding: 105px 15px 76px;
}
.job-search p,.chat-3 p{
    font-size: 20px;
    color: #555555;
}
.job-search h2{
      font-size: 26px;
    color: #000000;
    font-family: 'solfia-med';
    padding: 10px 0 32px;
}
.job-search button{
    width: 137px;
}
.chat-3 {
  padding: 63px 15px 96px;
}
.location h5{
      padding: 63px 0 27px;
    font-size: 24px;
    color: #000000;
   font-family: 'ttfire-med';
}
.location p{
      font-size: 16px;
    font-family: 'solfia-reg';
    padding-right: 72px;
}




























/* About Start*/
.about-1{
  padding-top: 20px;
}
.about-sec-left h2{
      padding-bottom: 31px;
}
.about-sec-left p{
      font-size: 24px;
    color: #555555;
}
.about1-row{
      align-items: center;
    justify-content: space-between;
}
.about-2{
  padding:130px 15px 110px;
}
.about-2 h2{
  padding-bottom: 32px;
}
.about-2sec h5{
      padding: 34px 0 9px;
    color: #000;
}
.about-2sec img{
  width: 56px;
  height:56px;
}
.about-2sec p{
    color: #272727;
    padding-right: 100px;
}
.about2-row{
  grid-row-gap:89px;
}
.about-solution a{
 font-size: 28px;
    color: #E45A31;
    font-family: 'ttfire-bold';
}
.about-solution p{
  padding-bottom: 45px;
}
.about-3{
  padding: 84px 15px 177px;
}
.about-3 h2{
  padding-bottom: 90px;
  color: #000;
}
.about-3 h4{
  color: #000;
  font-size: 32px;
}
.about3-left p{
  color: #555555;
}
.about3-right p{
  color: #272727;
  padding-bottom: 33px;
}
.about3-row{
  justify-content: space-between;
  grid-row-gap: 83px;
}
.about3-right .button-wrapper span{
      width: 185px;
}
.about3-right .button-wrapper:before{
  width: 194px;
}
.about3-right .button-wrapper:after{
  width: 191px;
}


























































/*sweet ecommence start*/
.mainbanner{
  background: url(../images/banner-ec.png) 0 0  no-repeat;
  background-size: cover;
  height:620px;
  padding-bottom: 135px;
  position: relative;
}
.bg-black{
  background: #000;
  height: 100%;
  width: 100%;
  opacity: 0.23;
  position: absolute;
  left: 0;
}
.banner-container{
  display: flex;
  justify-content: flex-end;
  height: 100%;
  flex-direction: column;
  padding-left: 40px;
  z-index: 99;
  position: relative;
}
.banner-container h5{
  font-family: 'solfia-bold';
  font-size: 14px;
  color: #FFFFFF;
  padding-bottom: 8px;
}
.banner-container h4{
   font-family: 'ttfire-bold';
  color: #FFFFFF;
  font-size: 48px;
}
.second-row{
  padding-top: 77px;
}
.second-rw-container{
  padding-bottom:96px;
}
.inner-content h4{
    font-size: 13px;
    font-weight: 600;
        font-family: 'solfia-med';
    color:#000;
}
.inner-content p{
  color: #555555;
    font-family: 'solfia-reg';
    padding-top: 5px;
}
.inner-content{
  padding-bottom:34px;
}
.premium-title h2{
  font-size:38px;
  color:#000;
  font-family: 'ttfire-med';
  width: 80%;
  padding-bottom: 22px;
}
.premium-title p{
  font-size:18px;
  color:#191919;
    padding-right: 57px;
}
.second-rw-container .button-wrapper{
  margin: 0;
}
.second-rw-container .button-wrapper:before {
    width: 150px;
}
.second-rw-container .button-wrapper:after {
    width: 154px;
}
.second-rw-container .client-row{
  justify-content: space-between;
}
.premium-title p:last-child{
  padding-top: 20px;
}
.video-sec-hd{
  padding-bottom:99px;
}
.video-section{
  /* background: url(../images/video-img-bg.png) 0 0  no-repeat; */
  /* background-size: cover; */
  /* height:100vh; */
  /* width: 100%; */
  position: relative;
}
.video-icon-img{
  position: absolute;
  top: 50%;
  left: 50%;
  background: transparent;
  border: 0;
  transform: translate(-50%, -50%);
  z-index: 99;
  background: #fff;
  width: 89px;
  height: 89px;
  border-radius: 50%;
  color: #E0633B;
  font-size: 27px;
}
.imc-content-title h3{
  font-size: 38px;
  color: #000;
  padding-bottom: 34px;
  font-family: 'ttfire-med';
}
.imc-content-title p{
  color:#191919;
  font-size:18px;
  padding-bottom: 71px;
}
.imc-content-title p span{
  padding-top:20px;
}
.imc-challenges{
  padding:0 ;
}
.custom-img-wrapper{
  margin-bottom: 55px;
}
.imc-challenges h5{
  font-size:24px;
  color:#000;
  font-family: 'ttfire-med';
  padding-bottom: 15px;
}
.outcomes-first-rw{
  background-color: #FCFCFC;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-radius: 36px;
  padding: 36px;
  width: 266px;
  height: 226px;
}
.outcomes-first-rw h3{
  font-size: 38px;
  font-weight: 600;
  padding-bottom: 10px;
}
.outcomes-first-rw h6{
  font-size: 18px;
  color:#191919;
}
.last-img-ic{
  background: url(../images/final-img-bg.png) 0 -545px  no-repeat;
  background-size: cover;
  height:546px;
  position: relative;
  margin-top: 98px;
  display: flex;
      justify-content: center;
    align-items: center;
    flex-direction: column;
}
.final-black-bg{
  opacity: 0.66;
}

.black-bg{
  background: #000;
  height: 100%;
  width: 100%;    
  opacity: 0.27;
}
.next-prjct .prog{
  width: 169px;
      background: #ffffff82;
    height: 1px;
    margin: 44px auto 95px;
}
.next-prjct .prog-bar{
  height: 3px;
  background: #fff;
  width: 81px;
    position: relative;
    top: -1px;
}
.next-prjct{
      position: relative;
    z-index: 9;
    text-align: center;
    color: #fff;
}
.next-prjct h6,.next-prjct button{
  font-size: 16px;
    font-family: 'solfia-bold';
}
.next-prjct h4{
    padding-top: 10px;
      font-size: 42px;
}
.next-prjct button{
  background: transparent;
  border: 0;
  padding: 0;
  color: #fff;
}
/*sweet ecommence end*/




.material-image-wrapper{
  margin-bottom:  95px;
}
.solution-heading h3{
  padding-bottom: 54px;
}
.solution-heading p{
      padding-bottom: 119px;
}










.read-more-content{
  display: none;
}
.read-more{
  display: inline-block;
  font-size: 12px;
    color: #272727;
    font-weight: bold;
}.timeline-info {
  position: relative;
  background: #f3f1f1;
  padding: 24px 20px 18px;
  margin-bottom: 12px;
  border: 1px solid #f3f1f1;
  border-radius: 8px;
  margin-left: 54px;
}
.read-more-content p,.read-more-content ul li,.read-more-content{
  font-size: 12px;
  font-family: 'pop-reg';
}
.design-page{
  padding: 30px 0 111px;
}
.design-page h1{
  text-align: center;
    font-size: 50px;
    font-family: 'ttfire-med';
}
.design-page h2{
    font-size: 31px;
    padding: 13px 0;
    font-family: 'solfia-med';
}
.design-page p{
    font-size: 17px;
        padding-top: 10px;
}
.design-page span{
    padding: 10px 0;
    display: block;
}
.normal,.number{
    padding: 15px 20px;
}
.number li{
  list-style: decimal;
}
.design-page h6{
      font-size: 18px;
    padding: 18px 0 0;
}
.design-page b{
    font-family: 'solfia-med';
}
.design-page h3{
    font-size: 22px;
    padding-top: 15px;
    font-family: 'solfia-med';
}
.design-page h5{
    font-size: 20px;
    padding-top: 15px;
    font-family: 'solfia-med';
}
.design-page small{
    text-align: center;
    display: block;
    padding-bottom: 30px;
}




















.blog-section h1{
  text-align: center;
  padding: 50px 0 40px;
  font-size: 62px;
    font-family: 'ttfire-med';
}
.header-center {
    display: flex;
}
.header-center  li{
  list-style: none;
  position: relative;
  cursor: pointer;
  padding-bottom: 20px;
}
.hover-menu{
      position: absolute;
    top: 35px;
    width: 300px;
    left: -50px;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    z-index: 99;
        opacity: 0;
    visibility: hidden;
    transform: translateY(60px);
    transition: 0.5s all;
}
.hover-width{
    width: 900px;
    left: -300px;
}
.hover-menu a,
.hover-menu h5{
  color: #000;
  display: block;
}
.hover-menu a{
  margin: 10px 0;
}
.hover-menu h5{
  font-family: 'ttfire-med';
}
.header-center li:hover  .hover-menu{
  opacity: 1;
  visibility: visible;
    transform: translateY(0px);
}
.header-logo{
  margin-bottom: 20px;
}
.form-bg textarea.form-control{
  height: 121px !important;
    padding-top: 10px;
}
.faq-scroll{
  height: 460px;
}
.design-head{
  padding-top: 45px;
}
.software-sec{
  padding: 50px 15px;
}
.software-sec h3,
.software-sec p{
  text-align: center;
  padding: 20px 0 40px;
}
.off-p{
  padding-top: 20px;
  text-align: center;
}
.count-col{
      column-count: 4;
    padding-top: 50px;
    padding-bottom: 50px;
}











.header .shares-icon a:after {
    width: 35px;
    height: 35px;
    top: -2px;
    left: -4px;
}
/*.whatsapp-icon img{
  width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    bottom: 0;
}*/
.flag {
    display: flex;
    grid-column-gap: 20px;
    align-items: center;
}
.flag img {
    width: 30px;
    height: 30px;
}
.whatsapp-icon-fix{
      position: fixed;
    top: 63%;
    right: 10px;
    width: 70px;
    z-index: 9999;
    height: 70px;
    /*transform: translateY(-50%);*/
}

















.form-modal .modal-body{
  padding: 0;
}
.form-modal .form-bg{
  padding: 42px 35px;
}
.form-modal .modal-content {
  border-radius: 36px;
}
.form-modal .form-bg select{
  background-image: unset !important;
}















.contactus .sec4-right{
  height: 100%;
}
.contactus .sec4-left {
    height: 433px;
}




.service-blog{
  font-size: 28px !important;
    text-align: center;
    font-family: 'ttfire-med' !important;
    padding-bottom: 26px !important;
}
.service-blogbg {
  padding-top: 52px;
    text-align: center;
}
.service-blogbg h3 {
    font-size: 30px;
    font-family: 'ttfire-med';
}
.service-blogbg p {
    font-size: 21px;
    padding: 9px 0 30px;
}



.off-1{
  padding-bottom: 20px;
}
.provide-off{
  font-size: 20px;
}
::marker {
    font-weight: bold;
}
.form-img img:first-child,
.form-img img:nth-child(2){
    mix-blend-mode: difference;
}





.top-rate{
      background: #000000;
    margin-bottom: 125px;
    padding: 125px 15px;
    color: #fff;
}
.top-rate h2{
      font-size: 42px;
    width:926px;
    padding-bottom: 37px;
    line-height: 42px;
}
.top-rate p{
      font-size: 16px;
    color: #C4C4C4;
    padding-right: 16px;
    font-family: 'solfia-reg';
}
.top-rate p span{
    display: block;
    padding: 23px 0;
}
.top-rate-row{
  justify-content: space-between;
}



















.forms label {
    position: unset;
    font-size: 16px;
    transform: unset;
    color: #21023F;
    font-family: 'pop-reg';
    transition: unset;
}
.time-slot span {
    border-radius: 8px;
    width: 100%;
    text-align: center;
    padding: 11px 0;
    font-size: 14px;
    font-family: 'pop-reg';
    color: #21023F;
    border: 1px solid #AFAFAF;
    cursor: pointer;
}
.time-row {
    grid-row-gap: 15px;
}
.time-slot.active span {
    color: #fff;
    background: #589b78;
    border: 0;
}
.forms input{
      display: block;
    width: 100%;
    background: transparent;
    border: 1px solid #ccc;
    padding: 3px 24px;
    border-radius: 8px;
    height: 50px;
}
.forms{
  padding: 20px 15px;
}
.blog-7 h3{
      font-family: 'solfia-light';
    font-size: 16px;
    padding-top: 3px;
}
.call-us-btn{
  display: block;
    width: max-content;
    max-width: 100%;
    margin-top: 20px;
}
.call-us-btn span{
      width: 148px !important;
}
.call-us-btn:focus{
  box-shadow:none;
}
.call-us-btn:before{
    width: 150px !important;
}
.call-us-btn:after {
    width: 153px !important;
  }
.call-us-btn i{
  margin-right: 11px;
    font-size: 17px;
}


.about3-left h4 span{
      font-family: 'solfia-med';
    font-size: 27px;
}