.img-fluid.logo-white{
    width: 160px;
    height: 50px;
}
.btn{
    font-family: 'Montserrat', sans-serif;
}
.font28{
  font-size: 28px;
}
.aboutMidDeck{
  display: flex;
  justify-content: center;
}
.ptb-20{
  padding: 20px 0px;
}
.mb0{
  margin-bottom: 0px;
}
.padT10{
  padding-top:10px;
}
.linkedBtn{
  color: #273990;
}
.customImageRow{
  width: 100%;
  
}
.customSlideDeck{
  padding: 0px;
  width: 100%;
  margin: 0px;
  max-width: 100%;
}
.linkedBtn img{
  width: 24px;
  height: 24px;
  margin-right: 5px;
}
.serviceLink{
  width: 100%;
  padding: 15px 12px;
}
.mapDeck{
  margin: 0px auto;
  text-align: center;
}
.mapDeck img{
  width: 600px;
  height: 600px;
}
.mt-90{
  margin-top: 90px;
}
.infoLabeling{
  margin-top: 2px;
  padding-top: 8px;
  margin-bottom: 0px;
  border-top: 1px dashed #ddd;
  padding-left: 4px;
  padding-right: 10px;
  margin-left: 10px;
   width: 96%;
  color: #273990;
  font-size: 14px;
  font-weight: 500;
}
.custom-team-info{
  border: 1px solid #ddd;
  border-radius: 0px 0px 12px 12px;
  margin-top: -10px;
  padding-top: 20px;
}
.teamContent{
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: #333;
  padding: 0px 12px;
  min-height: 186px;
  padding-top: 10px;
}
.img-fluid.logo-color{
    width: 160px;
    height: 50px;
}
.flexCol{
    flex-direction: column;
}
.mb15{
    margin-bottom: 15px;
}
.customFlex{
    display: flex;
}
.exclusiveIcon{
    width: 60px;
    height: 60px;
}
.bord-rad{
    border-radius: 60px;
}
.ptb-140{
    padding: 140px 0px;
}
.customPadCards{
    padding: 16px;
}
.customInsights h3{
    font-size: 18px;
}
.customCardFull .promo-single{
    width: 100%;
}
.ln-ht-30{
    line-height: 30px;
}
.custom-crm-support-box{
    background-color: #dee5f4;
    padding: 40px 30px 0;
    /* background-color: transparent; */
}
/* .custom-crm-support-area{
    background: #e5e1e11f! important;
} */
.crm-subtitle {
    color: #63af21 !important;
}
.crm-support-box .crm-title h2{
    color: #333 !important;
    font-size: 32px;
}
.acrossIcons{
    width: 138px;
    height: 138px;
}
.custom-crm-support-box .crm-counter-box{
    padding: 16px;
    text-align: center;
    cursor: default;
}
.acrossLabel{
    text-align: left;
}
.custom-crm-support-box .crm-counter-box.mb--40{
    margin-bottom: -60px;
}
.hoverCard{
    transition: box-shadow 0.2s ease-in-out, 
    transform 0.35s ease-in-out;
   
}
.hoverCard img{
    transition: box-shadow 0.2s ease-in-out, 
        transform 0.35s ease-in-out; 
}
.manjulaPic{
  width: 260px;
  height: 260px;
  object-fit: contain;
  border-radius: 12px;
  background: #d1def8;
}
.hoverCard:hover{
   transform: translateY(-5px); 
   border: 1px solid #6fb744;
   box-shadow: 0px 1px 4px #1e1313a3;
}

  .hoverCard:hover img{
    transform: scale(1.2);
 }
 .indiCard{
    display: flex;
    border: 1px solid #ddd;
    min-width: calc(100% * (1/4) - 20px);
    max-width: calc(100% * (1/4) - 20px);
    margin: 10px;
    border-radius: 8px;
    width: 100%;
    align-items: center;
    padding: 0px;
 }
 .indiCard .promo-info h3{
    font-size: 16px;
    font-weight: 500;
}
.font30{
  font-size: 30px;
}
.ptb-15{
  padding: 15px 0px;
}
.indiCard .mb-32 {
    margin-bottom: 12px;
}
.serviceSection{
    background: #6fb7440a;
}
.crm-feedback-box{
    background-color: #273990;
}
.crm-fd-slide-control{
    background-color: #63af21;
}
.pad20{
    padding: 20px;
}

.typeContainer.container {
   
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .typeContainer.container p {
    font-size: 36px;
    padding: 0.5rem;
    font-weight: 600;
    /* letter-spacing: 0.1rem; */
    text-align: center;
    overflow: hidden;
  }
  .typeContainer.container p span.typed-text {
    font-weight: normal;
    color: #63af21;
  }
  .typeContainer.container p span.cursor {
    display: inline-block;
    background-color: #ccc;
    margin-left: 0.1rem;
    width: 3px;
    animation: blink 1s infinite;
  }
  .typeContainer.container p span.cursor.typing {
    animation: none;
  }
  @keyframes blink {
    0%  { background-color: #ccc; }
    49% { background-color: #ccc; }
    50% { background-color: transparent; }
    99% { background-color: transparent; }
    100%  { background-color: #ccc; }
  }
.customExecutionCard{
    border: 1px solid #ddd;
}
.innerMetricsDeck{
    display: flex;
    flex-wrap: wrap;
}
.mainMetricCard{
    display: flex;
   
    min-width: calc(100% * (1/5) - 20px);
    max-width: calc(100% * (1/5) - 20px);
    margin: 10px;
    border-radius: 8px;
    padding: 20px 8px; 
    flex-direction: column;
    align-items: center;
}
.customExecutionDeck .hd-htw-section .arrow-multiple{
    bottom: 65px;
}
.watch-now-btn i{
    border: 2px solid #63af21;
    color: #63af21;
}
.watch-now-btn{
    color: #63af21;
}
.metricIconCircle{
    width: 60px;
    height: 60px;
    background: #fff;
    border-radius: 50%;
    position: relative;
    margin-bottom: 26px;
}
.dottedCircle{
   
    position: absolute;
    width: 80px;
    height: 80px;
    top: -10px;
    border-radius: 50%;
    left: -10px;
}






  .dot-m{
    width: 10px;
    height: 10px;
    border-radius: 50%;
  }


  .dottedCircleOne{
    border: 2px dotted #00659c;
  }
  .colorOne{
    background: #00659c;
  }
  .miOne{
    border: 1px dotted #00659c;
}
.mbOne{
    border: 2px solid #00659c;
  }

 .dottedCircleTwo{
    border: 2px dotted #1e9f61;
  }
  .miTwo{
    border: 1px dotted #1e9f61;
}
  .colorTwo{
    background: #1e9f61;
  }
  .mbTwo{
    border: 2px solid #1e9f61;
}


.dottedCircleThree{
    border: 2px dotted #fc6363;
  }
.miThree{
    border: 1px dotted #fc6363;
}
.mbThree{
    border: 2px solid #fc6363;
}
  .colorThree{
    background: #fc6363;
  }


  .dottedCircleFour{
    border: 2px dotted #fca915;
  }

  .miFour{
    border: 1px dotted #fca915;
}
  .mbFour{
    border: 2px solid #fca915;
}
  .colorFour{
    background: #fca915;
  }



  .dottedCircleFive{
    border: 2px dotted #8dc63f;
  }
  .miFive{
    border: 1px dotted #8dc63f;
}
  .mbFive{
    border: 2px solid #8dc63f;  
}
  .colorFive{
    background: #8dc63f;
  }
 





  .metricBlock{
    margin-top: 20px;
    padding: 30px 10px;
    border-radius: 12px;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  .metricIcon{
    
    width: 60px;
    height: 60px;
    padding: 8px;
    
    border-radius: 50%;

  }
  .metricBlock h5{
    font-size: 26px;
    margin-bottom: 8px;
    line-height: 15px;
    text-align: center;
  }
  .metricBlock p{
    margin-bottom: 0px;
    font-weight: 500;
    font-size: 16px;
    color: #565454;
    text-align: center;
    line-height: 22px;
    margin-top: 10px;
  }
  .execIcon{
    width: 80px;
    height: 80px;
  }
  .mainFoldDeck{
    display: flex;
    flex-wrap: wrap;
  }
  .mf1{
    display: flex;
   min-width: calc(100% * (1/1) - 20px);
    max-width: calc(100% * (1/1) - 20px);
    margin: 10px;
    border-radius: 8px;
    padding: 10px 8px; 
    
    align-items: center;
   
    align-items: center;
    text-align: center;
    border: 1px solid #ddd;
    background: #fff;
  }
  .mf1 img{
    width: 60px;
    height: 60px;
  }
  .mf1 p{
   text-align: center;
   margin-bottom: 0px;
    font-weight: 500;
    margin-left: 12px;
    color: #fff;
  }
  .customMainFold{
    background: #0000ff0a;
  }
  .navbar .navbar-expand-xl{
    background: #fff;
    box-shadow: 0 10px 30px rgba(0,0,0,.1);
  }
  .navbar.navbar-expand-xl.navbar-light {
    background: #fff;
    box-shadow: 0 10px 30px rgba(0,0,0,.1);
  }
  .customMContainer{
    margin-top: 40px;
  }
  .benfits{
    background: #273990;
    cursor: pointer;
    
  }
  .benfits p{
    color: #fff;
    font-weight: 400;
    text-align: center;
    color: #fff;
    cursor: pointer;
}
.twoFold{
    display: flex;
    flex-direction: column;
    width: 25%;
}
.middleFold{
    width: 48%;
    display: flex;
    background: #27399038;
    border-radius: 12px;
    border: 1px solid #27399038;
    margin: 1%;
    justify-content: center;
}
.mainBanner{
    width: 64%;
    
}
.greenBtn{
    background: #6fb744;
    color: #fff !important;
}
.menuPadding{
  padding-left: 20px;
  padding-right: 20px;
}
.partnerInnerCard{
  padding: 10px;
 }


.posiRel{
  position: relative
}
.realTime{
  color: #c95757 !important;
  /* margin-top: -16px; */
  display: inline-block;
  margin-bottom: 0px;
  position: absolute;
  transform: rotate(345deg);
  left: 16%;
  font-size: 2.5rem;
  font-weight: 700;
  bottom: -2px;
 
}
.dataText{
  margin-left: 23px;
  color: #333 !important;
}
.leftOne{
  margin-left: 60px;
  z-index: 1;
  background: #273990;
  position: relative;
  border-radius: 12px 24px 24px 12px;
}
.leftTwo{
  margin-left: 60px;
  z-index: 1;
  margin-top: 27px;
  border-radius: 12px 24px 24px 12px;
}
.rightOne{
  margin-left: -36px;
  z-index: 1;
  margin-top: 27px;
  border-radius: 24px 12px 12px 24px;
}
.rightTwo{
  margin-left: -36px;
  z-index: 1;
  margin-top: 27px;
  border-radius: 24px 12px 12px 24px;
}
.tildaIcon{
  font-size: 29px;
  position: absolute;
  bottom: -8px;
  margin-left: -12px;
}
.tildaIcon img{
  width: 36px;
    height: 36px;
}

/* 

.realTime, .realTime::after {
  position: absolute;
  top: 0;
  bottom: 0;
  display: table;
  margin: auto;
  width: 100%;
}

.realTime { 
  z-index: 1;
  color: hsl(357, 85%, 80%);
  text-align: center;
  font-size: 180px; 
  font-family: 'Sacramento', cursive;
  letter-spacing: -1px;
}


.realTime::after {
  z-index: -1;
  content: attr(data-content);
}

 */

.heroDeck{
  display: flex;
  padding: 0px 15px;
  margin-top: 100px;
}
.heroFirstPanel{
  display: flex;
  width: 25%;
  flex-direction: column;
}
.heroBannerDeck{
  width: 46%;
 
  border-radius: 8px;
  
  margin: 0px 2%;
}
.boxShadow{
  box-shadow: 0px 1px 4px #333;
}
.heroSecondPanel{
  width: 25%;
  border: 1px solid #ddd;
  height: 200px;
}
.focusTitle{
  display: flex;
  /* flex-direction: column; */
  background: #fff;
  align-items: center;
}
.heroInnerFirst{
  display: flex;
  flex-direction: column;
}
.focusLabel{
  display: flex;
  padding: 10px;
  align-items: center;
  border-radius: 14px;
  background: #fff;
}
.heroFocus{
  width: 60px;
  height: 60px;
}
.focucTitle{
  margin-bottom: 0px;
  font-weight: 500;
  margin-left: 20px;
}
.customFooterMenu{
  display: flex;

}
.menuFooter{
  border-right: 1px solid #fff;
  padding: 2px 5px;
  margin: 0px 10px;
  text-align: center;
  padding-right: 18px;
}
.menuFooter a{
  color: #fff;
}
.pad30{
  padding: 30px;
}
.customTabs .feature-tab-list-2 li a.active{
  background: #6EB744;
    color: #fff;
    border-color: #6EB744;
}

.customTabs .feature-tab-list-2 li a:hover{
  background: #273990;
    color: #fff;
    border-color: #273990;
}
.mb-15{
  margin-bottom: 15px;
}
.mainImage{
  width: 100%;
  border-radius: 6px;
  height: 316px;
  object-fit: cover;
}
.ptb-50{
  padding: 50px 0px;
}
.splInnerPad{
 /*  padding: 70px !important; */
  min-height: 236px;
}
.fullHeader{
  display: flex;
    border: 1px solid #6fb744;
    background: #6fb744;
    padding: 20px;
    border-radius: 6px;
}
.fullHeader p{
  color: #fff;
  margin-bottom: 0px;
  width: 100%;
  text-align: center;
  font-weight: 500;
}
.fullSPlitTwoCards{
  display: flex;
  flex-wrap: wrap;
}
.splitBox{
  display: flex;
  border: 1px solid #ddd;
  min-width: calc(100% * (1/2) - 20px);
  max-width: calc(100% * (1/2) - 20px);
  margin: 10px;
  border-radius: 8px;
  padding: 20px 14px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.splitBlue{
  background: #273990;
}
.splitBlue p{
  color: #fff;
  margin-bottom: 0px;
  font-weight: 500;
  line-height: 22px;
  margin-top: 10px;
}
.splitBox p{
  text-align: center;

}
.aboutUsPic{
  width: 260px;
  height: 260px;
  object-fit: contain;
}
.serviceTitleIcons{
  width: 56px;
  height: 56px;
  padding: 6px;
}
/* Responsive Start Here */




@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
    .mf1 img {
      width: 50px;
      height: 50px;
  }

  
.leftOne{
  margin-left: 10px;
  z-index: 1;
 
  border-radius: 8px;
}
.leftTwo{
  margin-left: 10px;
  z-index: 1;
 
  border-radius: 8px;
}
.rightOne{
  margin-left: 10px;
  z-index: 1;
 
  border-radius: 8px;
}
.rightTwo{
  margin-left: 0px;
  z-index: 1;
 
  border-radius: 8px;
}


}
.firstFold{
  background-image: url(../icons/sliderBg.svg);
    background-size: cover;
    border: none;
    padding: 20px 90px;
    display: flex;
    background-repeat: no-repeat;
    height: 236px;
}
.contentDeck{
  flex-basis: 64%;
  display: flex;
  flex-direction: column;
 
  justify-content: center;
}
.contentImgDeck{
  display: flex;
    flex-basis: 36%;
    justify-content: flex-end;
}
.foldImage{
  width: 100%;
  height: 100%;
}
.foldText{
  font-size: 46px;
  font-weight: 600;
  line-height: 46px;
}
.foldTextContact {
  font-size: 30px;
  font-weight: 600;
  line-height: 38px;
}
@media screen and (max-width: 767px) {
  .miniFlexCol{
    flex-direction: column;
  }
  .miniFlexCol .icon-box{
    margin-bottom: 16px;
  }
  .serviceTitleIcons{
    width: 48px;
    height: 48px;
    padding: 6px;
  }
  .mobileContentDeck{
    padding-left: 24px;
    padding-top: 30px;
  }
  .mobileContentDeck .font30{
    font-size: 22px;
  }
  .mini-no-pad-rt{
    padding-right: 3px;
  }
  .mobileContentDeck .font28{
    font-size: 20px;
    margin-top: 6px;
  }
  .mobileContentDeck  .mt-5{
    margin-top: 24px !important;
  }
  .realTime img{
    width: 200px;
    height: 90px;
  }
  .firstFold{
    padding: 20px;
    flex-wrap: wrap;
    justify-content: center;
    height: auto;
    flex-direction: column;
}
.foldTextContact {
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  margin-bottom: 26px;
}
.foldImage {
  width: 100%;
  height: 220px;
}
.foldText {
  font-size: 26px;
  font-weight: 600;
  line-height: 32px;
  margin-bottom: 26px;
}
  
  .customFooterMenu{
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .heroDeck{
    flex-direction: column;
  }
  .heroFirstPanel{
    width: 100%;
  }
  .heroBannerDeck{
    width: 100%;
    margin: 2% 0px;
  }
    .mainMetricCard{
        min-width: calc(100% * (1/1) - 20px);
        max-width: calc(100% * (1/1) - 20px);
    }
    .twoFold{
        width: 100%;
    }
    .middleFold{
        width: 100%;
    }
    .indiCard{
        min-width: calc(100% * (1/2) - 20px);
        max-width: calc(100% * (1/2) - 20px);
    }
}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
    .mf1 img {
      width: 50px;
      height: 50px;
  }

}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
    .mf1 img {
      width: 50px;
      height: 50px;
  }

  
.leftOne{
  margin-left: 10px;
  z-index: 1;
 
  border-radius: 8px;
}
.leftTwo{
  margin-left: 10px;
  z-index: 1;
 
  border-radius: 8px;
}
.rightOne{
  margin-left: 10px;
  z-index: 1;
 
  border-radius: 8px;
}
.rightTwo{
  margin-left: 0px;
  z-index: 1;
 
  border-radius: 8px;
}


}