@import url('https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,900');
 @import url('../../cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');

 
body {
    background-color: #fff;
   font-family: 'Poppins', sans-serif;
   padding: 0;
   font-size:17px;
   margin: 0;
   color:#3f3f3f;
}
a {
color: #8ab1eb;}

p{padding: 0;   margin: 0 0 15px; }

 

.hslide.one  {     position: inherit;
    top:0;}
.hslide.two[data-scroll='in'] {     position: sticky;
    top: 35%;}
 .hslide.three[data-scroll='in'] {     position: sticky;
    top: 35%;}
	
	
	.hslide.one.sbox[data-scroll='in']{     position: sticky;
    top: 5%;}
	.hslide.two.sbox[data-scroll='in'] {     position: inherit;
    top: 0;}
	.hslide.three.sbox[data-scroll='in'] {     position: inherit;
    top: 0;}

/*.lead-sec:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    padding: 135px 0;
    transform: skew(0deg, -7deg);
    margin-top: -130px;
    height: 100px;
    width: 100%;}*/
 .lead-sec ul {list-style-type:none;padding: 0;}
.lead-sec ul li{color: #fff;} 
.lead-sec ul li{
    list-style: none;
    padding: 0 0 10px 41px;
    background: url(../images/p-intro-bullet.png) no-repeat 0 7px;
    margin-bottom: 10px;
    position: relative;}
#simply-sec img{width:60%;}
#simply-sec{text-align:center;padding: 150px 0 150px;}
.leadProcessTop{padding-bottom:80px;}
#simply-sec img.facebook-lead {
    width: 80%;
}

.pricing-newsec #smaller-plans .plan:hover {
    transition: all 0.5s ease;
    top: 0;
    background: url(../images/p-robot-bg.png) no-repeat right 50% #0d4498;
    background-size: 80%;
    border-radius: 0;
    color: #fff;
}
#trust-sec h2.title{padding-top:100px;}
.pricing-newsec{background-color: #f1f1f1; margin:0 !important;}

.scroll-container {
  height: 100vh;
 }
  .header{padding:0 50px;}
 .header .logo{display:inline-block; vertical-align:top;width: 10%; transition: all 0.5s ease; opacity:0;}
.header.inner .logo {
   opacity: 1;
}
 .header.stickyHead .logo{opacity:1;}
  .header .logo img{width:100%; transition: all 0.5s ease;}
   .header .menuOut{display:inline-block; width:89%;  text-align: right; padding: 9px 0 0;} 
   .header .hmenu{display:inline-block; vertical-align:top;   padding: 45px 0 0;     position: relative;
    z-index: 1000000;}
	 .header .hmenu ul li{display:inline-block; list-style:none;  }
	  .header .hmenu ul li a{ color:#fff; opacity:0.5; text-decoration: none;   padding: 12px 15px;   display: block; position:relative; font-size: 17px;
    font-weight: 500;}
	  .header .hmenu ul li a:after{content: '';  position: absolute;  right: -4px; width: 1px;   height: 15px;  background: rgba(255,255,255,0.5); top: 17px; }
	   .header .hmenu ul li a:hover{ color:#fff; opacity:1;}
	   .header .hmenu ul li a.active{ color:#fff; opacity:1;}
	    .header .hmenu ul li:last-child a:after{background:none;}
 .header .login{display:inline-block; vertical-align:top;  padding: 45px 0 0;     position: relative;
    z-index: 1000000;}  
 .header .login ul{  padding: 6px 15px;  margin: 0;  background: #3b5376;  float: right; border-radius: 35px;}
.header .login ul li{padding:0; margin:0; list-style:none; display:inline-block;}
.header .login ul li a{padding:8px 15px; margin:0; color:#fff; font-size:14px; text-decoration:none; text-transform:uppercase; display: inline-block; opacity:0.5; position: relative;}
.header .login ul li a:after{content:''; position:absolute; background:#fff; height:8px; width:1px; right: -2px;
    top: 14px;}
	.header .login ul li a:hover{opacity:1;}
	.header .login ul li:last-child a:after{background:none;}

.hs {
   margin-top: 0;
   height:2800px;
}
 



 
.scroll-sequence__content {
  padding: 4em;
}

.scroll-sequence {
  position: sticky;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -5;
  height: 100vh;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  
}

 
 
 
.header {
     transition: all 0.5s ease;
    position: absolute;
    width: 100%;
	    z-index: 10;
}
 
  .header.stickyHead{display:block; position:fixed; top:0;  left: 0; width: 100%; transition: all 0.5s ease; z-index: 10;}


.navigation{    position: relative;
    z-index: 9999;}
.hbIntro{text-align: center;   width: 100%;}
.Ilogo{ width: 180px;  margin: 0 auto; transition: all 0.5s ease;}
.Ilogo img{ width: 100%; }
	
 
  .hcBox{
   display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
			    text-align: left;
 }
 
 
 
 
  .hcBoxL{ text-align: right; color:#fff; width:50%;}
 
     .hcBoxM{ text-align: center;  padding: 0 30px; margin: -20px 0 0;}
	  .hcBoxR{ text-align: left;color:#fff; width:50%;}
	  
.hbIntro h5{ font-size: 50px;  color: #fff;  margin: 0 ;   padding: 0;  text-transform: uppercase; font-weight: 100;   line-height: 65px;}
	
.hbIntro h1{ font-size: 70px; line-height: 80px; color: #fff;  margin: 0;  padding: 0;  text-transform: uppercase; letter-spacing: 2px;}
	  
	  
	
 .hcBox h5{ font-size: 40px;  color: #fff;  margin: 0 0 20px;   padding: 0;  text-transform: uppercase; font-weight: 100; 
    line-height: 35px; display: none;}
  .hcBox h6{     font-size: 19px;
    color: #fff;
    margin: 0 0 10px;
    padding: 0;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: 6px;}
  .hcBox h2{ font-size: 40px;  line-height: 50px; color: #fff;  margin: 0;  padding: 0;  text-transform: uppercase; letter-spacing: 1px;}
	  
 
.Ilogo.lonone{opacity:0;}


  .mouse-down {
  width:15px;
  height:30px;
  border:2px solid #fff;
  border-radius:20px;
  margin:0 auto;
  position:fixed;
  left: 50%;
   bottom: 65px;
   z-index:1;
  
}
.bullet {
  width:5px;
  height:5px;
  background:#fff;
  margin: auto auto;
  border-radius:8px;
  position:relative;
   -webkit-animation: scrollDownUp 3s infinite; /* Chrome, Safari, Opera */
    animation: scrollDownUp 3s infinite;
}
/* Chrome, Safari, Opera */ 
@-webkit-keyframes scrollDownUp {
    0% {top: 5px;}
    50% {top: 20px;}
    100% {top: 5px;}
} 

/* Standard syntax */ 
@keyframes scrollDownUp {
    0% {top: 5px;}
    50% {top: 20px;}
    100% {top: 5px;}
}


.sarrow {
  left: 50.2%;
  z-index: 1;
  transform: translateY(0%) rotate(45deg);
width: 10px; height: 10px; background-color: transparent; 
            bottom: 46px; position: fixed; border-width: 0 0.1em 0.1em 0; border-style: solid; border-color: antiquewhite; animation: scrolldown 1.2s ease-in-out infinite 0.15s; opacity: 0;
}
.sarrow.last{bottom:55px;}
  
  
  @keyframes scrolldown {
  0% {
    transform: translateY(20%) rotate(45deg);
    opacity: 0.7;
  }
  50% {
    transform: translateY(0%) rotate(45deg);
    opacity: 0.2;
  }
  100% {
    transform: translateY(20%) rotate(45deg);
    opacity: 0.7;
  }
}
	  
.page{height:100vh; height:100%; background:#fff;} 




#top-slide {
    position: fixed;
    z-index: 1;
    background: transparent;
    left: 0;
    right: 0;
    top: 35%;
}

#top-slide li {
    float: left;
	display:none;
}
#top-slide li.active {
    display:block;
}


#top-slide .hsm {
    float: left;
	display:none;
		transition: all 0.5s ease;
}
#top-slide .hsm.active {
    display: block;
    text-align: center;
    width: 100%;
    float: none;
		transition: all 0.5s ease;
}

#top-slide a {
    display: block;
    padding: 0;
    width: 100%;
    text-align: center;
    -webkit-transition: .5s all ease-out;
    -moz-transition: .5s all ease-out;
    transition: .5s all ease-out;
     color: #aaa;
    text-decoration: none;
}

#top-slide a:hover {
    color: #fff;
}

#top-slide li.active a {
    color: #fff;
}

#s1 {
    position: absolute;
    top: 1200px;
	font-size:0;
}

#s2 {
    position: absolute;
    top: 1800px;
	font-size:0;
}

#s3 {
    position: absolute;
    top: 2600px;
	font-size:0;
}





@-webkit-keyframes fading {
    from {
        opacity: 0;
    }
    to {
         opacity: 1;   
    }
}
@-moz-keyframes fading {
    from {
        opacity: 0;
    }
    to {
         opacity: 1;   
    }
}

@keyframes fading {
    from {
        opacity: 0;
    }
    to {
         opacity: 1;   
    }
}

.hfade {
    opacity: 0;
    -webkit-animation: fading ease-in 2s;
    animation: fading ease-in 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.hfade.one {

}
 
 
 .contentSec{    position: relative;     overflow: hidden; z-index: 10;  background: #fff;}
 
 .bg-static {
   max-width:100%;
    background-position: center;
}
 .hIntro{ position: relative; padding:180px 0 100px; overflow:hidden; }
.hIntro .bg-move {
  position: absolute;
  top: 0;
  bottom: 0;
  right: auto;
    left: 25px;
  width: 100%;
  background: url("../images/robo-big-img.png") no-repeat;
  background-size: 6%;
  background-position: center;
}

.hIntro h5{
padding: 5px 8px;
    font-size: 16px !important;
    text-transform: uppercase;
    letter-spacing: 3px !important;
   font-weight: 700 !important;
    position: absolute;
    left: -22px;
    top: 155px;
    font-weight: 600;
    color: #0854aa;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
}
 
 .hIntro img{ width: 100%;}
.hclients{ position: relative; padding: 0 0 600px; }
.hclients ul{padding:0; margin:0;}
.hclients ul li{padding:0;     margin: 0 44px 0 0; list-style:none; display:inline-block; position: relative;  z-index: 100;}

.hclients ul li img  {
	    width: 100%;
	opacity:0.7;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

.hclients ul li img:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
}
 
 .LconSec{position: relative;  z-index:100;}
 
   .videoRight{  position: relative;}
 
  

h2.title{  font-size: 60px;
    color: #021839;
    font-weight: 700;
    padding: 0;
    margin: 0 0 10px;
    line-height: 72px;
    letter-spacing: 0px;}
	
	
	
.play-icon-box{   
    position: absolute;
    top: 48%;
    left: 18%;
	 z-index: 1000;}
	
	.play-icon {
  /* border: 4px rgb(252, 252, 255) solid; */
  border-radius: 50%;
  width: 90px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  margin: 0px auto;
  cursor: pointer;
     background: #b8232a;
   
}
.play-icon img {
  width: 30px;
  height: 30px;
  margin-left: 6px;
}
.play-icon img.second-img {
  display: none;
}

.play-txt {
  font-size: 20px;
  color: rgb(255, 255, 255);
  line-height: 1.4;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 0px;
}
.stroke-dotted {
  opacity: 0;
  stroke-dasharray: 4, 5;
  stroke-width: 1px;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: spin 4s infinite linear;
  animation: spin 4s infinite linear;
  -webkit-transition: opacity 1s ease, stroke-width 1s ease;
  transition: opacity 1s ease, stroke-width 1s ease;
}
/* spin animation  */

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.stroke-solid {
  stroke-dashoffset: 0;
  stroke-dasharray: 300;
  stroke-width: 4px;
      stroke: #b8232a;
  -webkit-transition: stroke-dashoffset 1s ease, opacity 1s ease;
  transition: stroke-dashoffset 1s ease, opacity 1s ease;
}

.icon {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: -webkit-transform 200ms ease-out;
  transition: -webkit-transform 200ms ease-out;
  transition: transform 200ms ease-out;
  transition: transform 200ms ease-out, -webkit-transform 200ms ease-out;
}

.icon {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: -webkit-transform 200ms ease-out;
    transition: -webkit-transform 200ms ease-out;
    transition: transform 200ms ease-out;
    transition: transform 200ms ease-out, -webkit-transform 200ms ease-out;
    /* background: #000; */
    /* stroke: #000; */
    
}

.play-icon:hover {
     background: #fff;
 }
.play-icon:hover .icon{fill: #b8232a;}

#play:hover .stroke-dotted {
  stroke-width: 4px;
  opacity: 1;
    stroke: #b8232a;
}
#play:hover .stroke-solid {
  opacity: 0;
  stroke-dashoffset: 300;
}
#play:hover .icon {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}



.button-container-1 {
  position: relative;
  width:310px;
  height: 50px;
   margin-top: 6vh;
  overflow: hidden;
  border: 1px solid #0854aa;
 font-size: 17px;
  transition: 0.5s;
  letter-spacing: 1px;
  border-radius: 25px;
      
}

.readBtn {    color: #fff;
    background: #0854aa;
    padding: 13px 38px;
    margin: 20px 0 0;
    display: inline-block;
    border-radius: 30px;
    text-decoration: none;}
	
 .readBtn:hover{background: #b82329; color:#fff;}
 
.button-container-1 button {
  width: 101%;
  height: 100%;
  font-size: 17px;
  letter-spacing: 1px;
    font-weight: 400;
  background: #0854aa;
 -webkit-mask: url("../../raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/nature-sprite.png");
  mask: url("../../raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/nature-sprite.png");
  -webkit-mask-size: 2300% 100%;
  mask-size: 2300% 100%;
  border: none;
  color: #fff;
  cursor: pointer;
  -webkit-animation: ani2 0.7s steps(22) forwards;
  animation: ani2 0.7s steps(22) forwards;
}
.button-container-1 button:hover {
  -webkit-animation: ani 0.7s steps(22) forwards;
  animation: ani 0.7s steps(22) forwards;
}

.mas {
  position: absolute;
  color: #000;
  text-align: center;
  width: 101%;
   position: absolute;
  font-size: 17px;
  margin-top: 11px;
  overflow: hidden;
     font-weight: 400;
}

@-webkit-keyframes ani {
  from {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
  }
  to {
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
  }
}
@keyframes ani {
  from {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
  }
  to {
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
  }
}


.hIntro h2.title {  color: #021839;  margin: 0 0 30px;  line-height: 72px;   }
  
  .bTop{margin: -450px 0 100px;
     background: url("../images/btop-bg.jpg") no-repeat;
    box-shadow: rgb(0 0 0 / 18%) 0px 14px 21px;
    padding: 60px;
    border-radius: 6px;
background-size:cover;	}

    .bTop  h2.title{color:#004ca2;}
    .bTop  h2.title span{ font-weight: 300;
    color: #000; }
	
	 .bTop .col-md-4{   border-left: solid 1px #ccc;
	 padding:15px 25px 15px 20px; margin: 80px 0;}
	 .bTop .col-md-4 img{margin:0 0 15px;}
	  .bTop .col-md-4 h3{    margin: 0 0 6px;
    padding: 0;
    font-size: 23px;
    font-weight: 700;  color: #034ea3;  position: relative;}
	  .bTop .col-md-4 h3:before{content: '';  position: absolute;  left: -21px;  top: 0;  width: 2px;   height: 23px;   background: #034ea3; }
	
    .hBusiness{  background: linear-gradient(rgb(10 63 143), rgb(30 98 201), rgb(6 55 126));
    padding: 200px 0;
    transform: skew(0deg, -10deg);
  margin-top: -200px; }
  
   .hBusiness .container{   transform: skew(0deg, 10deg);   text-align: left;}
   
   
  .hBusstic .hfade.one {

}

  .hBusstic .hfade.two {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s
}

.hBusstic .hfade.three {
    -webkit-animation-delay: 2.3s;
    animation-delay: 2.3s;
}

.hBusstic .hfade.four {
    -webkit-animation-delay: 3.4s;
    animation-delay: 3.4s;
}


@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.hBusstic .fadeup {
  opacity: 0;
  -webkit-animation: fadeInUp 1s ease-in-out 0s forwards;
          animation: fadeInUp 1s ease-in-out 0s forwards;
}

.hBusstic .fadeup.one {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.haacSec{position:relative;}

.haacSec .bg-move {
  position: absolute;
  top: 0;
  bottom: -398px;
  right: auto;
    left: 25px;
  width: 100%;
  background: url("../images/robo-big-img.png") no-repeat;
  background-size: 75%;
  background-position: center;
 }


 
 

 
.haacSec .accordion-collapse.collapse .accordion-body p{margin: 0 0 25px;}
.haacSec  .accordion-body{  color: #fff;  background: url("../images/accordian-b-bg.jpg") no-repeat 0 bottom #074eaa;
    padding: 40px 40px 80px;} 
	
.haacSec .accordion-item { background-color: transparent; color: #fff; }
.haacSec .accordion-button:not(.collapsed) {     background-color:#074eaa;     border-bottom: none; 
    box-shadow: none;  padding: 37px 24px 0;}


.haacSec .accordion-button {
    background-color: transparent;
    border-bottom: solid 2px #26569e;
	font-size: 23px;
	color: #ffffff;
	opacity: 0.5;
	font-weight:700;
}
.haacSec .accordion-button::after{background-image:url(../images/arrow-img.png); margin-top: 14px;}
.accordion-button:not(.collapsed) {
    opacity: 1;
}
.haacSec .accordion-button:not(.collapsed) span   {
    opacity: 1;
	color: #ffffff;
}
.haacSec .accordion-button span{color:#7ca1d7; margin-right: 8px; }
.haacSec .accordion-button strong{color: #82a8e1; margin-right: 5px;  font-weight: 300;  font-size: 17px;  padding: 2px 0 0 0;}
 
.haacSec .accordion-item {
    border: none;
}

.haacSec .accordion-button:focus {
     box-shadow: none;
}

.haacSec .accordion-collapse.collapse .accordion-body .col-md-6{margin: 0 0 40px;}
  .haacSec .accordion-collapse.collapse .accordion-body .col-md-6 .col-md-8{  padding: 16px 0 0 22px;}

.haacSec .col-md-4{padding:0 0 500px; margin:-250px 0 0;}

.whyChoose{padding:180px 0 320px;}

.whyChoose h2.title {
    color: #004ca2;
}
.whyChoose h2.title span {
    font-weight: 300;
    color: #000;
}

.whyChoose .roboImgR img{width:100%; }

 .whyChooseTop{
    font-size: 14px;
    margin: 0 0 35px;
}
 
.whyChooseLeft img:last-child{   float: right;
    margin: -143px 0 0;
    z-index: 100;
    position: relative;
right: 0;}

.whyChooseRight .col-md-6{
margin: 0 0 30px;  font-size: 16px; } 

/*
.whyChooseRight .col-md-6 .col-md-2:after{content:''; position:absolute; right:0; background: url("../images/icon-line-bg.png") no-repeat right center;     width: 35px;
    height: 200px;}
	*/
	
.whyChooseRight .col-md-6 .col-md-4{      padding: 18px 0 0 14px;     text-align: center;}
.whyChooseRight .col-md-12 .col-md-2{ text-align: center;}
.whyChooseRight .col-md-12 .col-md-8{  padding: 0;}
  
  .whyChooseRight .col-md-6 .col-md-8{   padding: 15px 0;}
  
  .whyChooseRight .col-md-6 .col-md-8 p br{display:none;}
 
.hweOffer {
    background: linear-gradient(rgb(10 63 143), rgb(8 63 147), rgb(6 55 126));
    padding: 200px 0;
    transform: skew(0deg, -10deg);
    margin-top: -200px;
}

.hweOffer .container {
    transform: skew(0deg, 10deg);
    text-align: left;
}
.hweOfferTop {text-align:center; color:#fff;}

.hweOffer h2.title {
    color: #ced3d9;
}
.hweOffer h2.title span {
    font-weight: 300;
    color: #ced3d9;
}
.hweOfferTop{margin:0 0 30px;}

.hweOfferBottom{      width: 100%;  background: url(../images/We-offer-cbg.png) no-repeat center 0;  padding: 110px 0 90px 6px;
 }
.hweOfferBottom .col-md-3 img{width:100%;   margin: -52px 0 0;}

.hweOfferBottom ul li{  list-style:none; color:#fff; display: flex; margin: 0 0 62px; }
.hweOfferBottom ul li span{  display: inline-block;  vertical-align: top;  padding: 0 10px;}
.hweOfferBottom ul li h3{ padding:0; margin:0; font-size: 26px;  font-weight: 600; }
.hweOfferBottom ul li p{ color: #9abee1;   font-size: 14px;}
.hweOfferBottom .col-md-4.first span{ text-align:right;}
.hweOfferBottom .col-md-4.first span.Iocon{ order: 2;}

  .hweOfferBottom .col-md-3.middle { position: relative;
  left: 36px;}

.hweOfferBottom .col-md-4.first li:nth-child(1){margin: 0 0 40px -80px; position: relative; top: 67px; right: -2px;}
.hweOfferBottom .col-md-4.first li:nth-child(2){ margin-left: -106px;  margin-right: 89px; position: relative;  top: 80px;}
  .hweOfferBottom .col-md-4.first li:nth-child(3){  position: relative;   right: -170px; top: -13px;  }
  
 .hweOfferBottom .col-md-5.right li:nth-child(1){ position: relative;  right: 0; top: 30px; }
  .hweOfferBottom .col-md-5.right li:nth-child(2){position: relative;   right: -162px;   top: 15px;}
  .hweOfferBottom .col-md-5.right li:nth-child(3){position: relative;     right: 42px;  top: -28px;}
 .hweOfferBottom .col-md-5.right{  padding-right: 86px;}
  
  .salezRobot{padding:220px 0 750px;}

.salezRobot h2.title {
    color: #004ca2;
}
.salezRobot h2.title span {
    font-weight: 300;
    color: #000;
}

 
 .salezRobotTop{
    font-size: 14px;
    margin: 0 0 35px;
	text-align:center;
}
 
 .globalPresenceTop{text-align:center; color:#fff; margin:0 0 120px;}
  .globalPresenceBottom{text-align:center; padding:0; margin:0 0 80px; color:#fff; background:url(../images/global-bg.png) no-repeat 0 bottom;    
  background-size: 100%;    min-height: 580px;}
  .globalPresenceBottom h2{color:#fff;     font-weight: 700; }
  
  
    .globalPresenceBottom .col-sm-2 h2 span{  font-size: 15px;  clear: both;  display: block;  color:#a7c1f1;  line-height: 20px;  font-weight: 500;   }
	.globalPresenceBottom .col-sm-2 h2{margin:0 0 15px; font-size: 55px;}
	.globalPresenceBottom .col-sm-2 sup {  top: 0;  font-size: 19px;   vertical-align: top;  font-weight: 500;}
     .globalPresenceBottom .col-sm-2 {  width: 16.666667%; }
	 .globalPresenceBottom .col-sm-2 .line{position:relative; }
	  .globalPresenceBottom .col-sm-2 .line:after{position:absolute; content:''; left:50%;  background:url(../images/line-bg.png) repeat-y; width:2px; height:90px;}
	    .globalPresenceBottom .col-sm-2 .dotshadow{position:relative;   bottom: -98px; left: -6px;}
	  .globalPresenceBottom .col-sm-2 .dotshadow:after{position:absolute; content:''; background:rgba(255,255,255,0.8); width:6px; height:6px; border-radius:100%; left:50%; top: -11px;
    left: 51.5%; }
	  .globalPresenceBottom .col-sm-2 .dotshadow:before{position:absolute; content:''; background:rgba(255,255,255,0.2); width:15px; height:15px; border-radius:100%;bottom:0; left:50%; }
	  .globalPresenceBottom .col-sm-2:nth-child(1){ padding: 130px 0 0;}
	     .globalPresenceBottom .col-sm-2:nth-child(2){ margin: -33px 0 0 -40px;}
		    .globalPresenceBottom .col-sm-2:nth-child(2) .dot {  height: 146px;}
			    .globalPresenceBottom .col-sm-2:nth-child(2) .line:after { height: 140px; }
				 .globalPresenceBottom .col-sm-2:nth-child(2) .wave {  top: 117px;}
				  .globalPresenceBottom .col-sm-2:nth-child(2) .wave2 {  top: 117px;}
	    .globalPresenceBottom .col-sm-2:last-child{padding: 90px 0 0;}
	  
	 .salezRobotBox h3 {font-size: 25px;
     text-transform: uppercase;
    letter-spacing: -1px;
    font-weight: 700;
    color: #042d78;}
	  .globalPresenceBottom:after {
    content: '';
    position: absolute;
    left: 0;
    background: linear-gradient(1deg, #1045a5, #426bb9, #1048ad);
    height: 1px;
    width: 100%;
    bottom: 0;
}
	  .dot{
	margin: auto auto;
	width: 50px;
	height:100px;
	position: relative;
}


.centraldot{
	width: 6px;
	height: 6px;
	background: #fff;
	border-radius: 30px;
	position: absolute;
   left: 45%;
    bottom: 12px;
	animation: animationDotCentral linear 3s;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards;
  animation-iteration-count: infinite;
}


.wave{
	width: 30px;
	height: 30px;
	background: rgba(32,150,243,0.4);
	border-radius: 200px;
	position: absolute;
	    left: 10px;
    top: 69px;
	opacity: 0;
	animation: animationWave cubic-bezier(0,.54,.53,1) 3s;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards;
  animation-delay:0.9s;
  animation-iteration-count: infinite;
}

.wave2{
	width: 30px;
	height: 30px;
	background: rgba(32,150,243,0.4);
	border-radius: 200px;
	position: absolute;
	   left: 10px;
    top: 69px;
	opacity: 0;
	animation: animationWave cubic-bezier(0,.54,.53,1) 3s;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards;
  animation-delay:1.07s;
  animation-iteration-count: infinite;
}


@keyframes animationDotCentral{
	
	0% {
		transform:  scale(0) ;
		opacity: 0;
	}
 
	5% {
		transform:  scale(2) ;
	}
  
	10% {
		transform:  scale(0.90) ;
		opacity: 1;
	}


	11% {
		transform:  scale(1.50) ;
	}

	12% {
		transform:  scale(1.00) ;
	}
 
	28% {
		background: rgba(32,150,243,1);
	}
  
	29% {
		background: rgba(255,255,255,1);
	}

	31% {
		background: rgba(32,150,243,1);
	}

	33% {
		background: rgba(255,255,255,1);
	}

	35% {
		background: rgba(32,150,243,1);
	}

	90%{
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes animationWave{
	0% {
	    opacity: 0;
	    transform:  scale(0.00);
	}

	1% {
		opacity: 1;
	}

	10% {
		background: rgba(32,150,243,0.4);
	}

	100% {
	 	transform:  scale(1) ;
	 	background: rgba(32,150,243,0.0);
	 }
}

 

.salezRobot .col-md-8{position:relative;}
	 .salezRobot .col-md-4 {
    padding: 100px 0 0 0;
	
}
.salezRobot .col-md-3 {
     background: #fff;
	     width: 28%;
    /* box-shadow: 10px 10px 5px #ccc; */
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
    margin-right: 18px;
    border-radius: 16px;
   padding: 18px;
    font-size: 16px;
}
.salezRobot .col-md-3 span{ letter-spacing: -3px; font-size: 60px;
    position: absolute;
    right: 13px;
    top: 0;
    font-weight: 100;
opacity: 0.2;}
.salezRobot .col-md-3:nth-child(1){top: 100px;  position: absolute;  left:-30px;}
.salezRobot .col-md-3:nth-child(2) { position: absolute;  left: 235px;  top: -60px;}
.salezRobot .col-md-3:nth-child(3){top: 100px;  position: absolute;  left: 500px;}
.salezRobotBox{position:absolute; width:100%; top:0; z-index:100; }	 
.salezRobot .col-md-3:nth-child(4){ position: absolute;  left: 100px;  top: 522px;}
.salezRobot .col-md-3:nth-child(5){ position: absolute;  left: 457px;  top: 480px;}
.salezRobot .button-container-1 button { background: #b82329;}
.salezRobot .button-container-1 { border: 1px solid #b82329; position: relative;  width: 250px;  height: 52px;}

.salezRobot .readBtn  {
    background: #b82329;
    color: #fff;
}

.salezRobot .readBtn:hover {
    background: #0854aa;
    color: #fff;
}

.circleOut{position:relative; top: 220px;}
  .circleOut img{  position: relative;
    z-index: 100;
    left: 150px;
    width: 44%;
  top: 28px;}
.circle {	border-radius: 50%;	background-color: #fff;	width: 400px;	height: 400px;	position: absolute;	opacity: 0;	top: 10px;	left: 130px;	animation: scaleIn 3s infinite cubic-bezier(.36, .80, .89, .32);	border: solid 1px #ccc;}	
@keyframes scaleIn {
	from {transform: scale(.5, .5);opacity: .9;}
	to {transform: scale(2.5, 2.5);opacity: 0;}
}	

.improve{ background: #f7f9fc;     padding: 0 0 280px;  position: relative;}
.improve .container{ position: relative; z-index: 10;}
.improve:before{content:''; position:absolute; left:0; width:100%;  background: #f7f9fc;   padding: 200px 0;   transform: skew(0deg, -10deg);  margin-top:-230px; height:100px; }

 .improve .row.ImproveBottom {-webkit-box-align: end;    -ms-flex-align: end;    align-items: flex-end;}
  .ImproveBottom .col-md-2 {
    flex: 0 0 auto;
    width: 22%;
    background: #fff;
    /* box-shadow: 10px 10px 5px #ccc; */
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
    margin-right: 28px;
    border-radius: 16px;
	padding: 30px 30px 50px;
	    text-align: right;
		    font-size: 15px;
 }
  .ImproveBottom .col-md-2 p{ font-style: italic;}
  .ImproveBottom .col-md-2:nth-child(1){position: relative;  top: 60px;}
   .ImproveBottom .col-md-2:nth-child(2){position: relative;  top: 20px;}
     .ImproveBottom .col-md-2:nth-child(3){position: relative;  top:-20px;}
	   .ImproveBottom .col-md-2:nth-child(4){position: relative;   top: -122px;}

  .ImproveBottom .col-md-2 h3{text-align: left; color:#004ca2; font-weight: 700; font-size: 20px;  letter-spacing: -1px;}
  
 .ImproveBottom .col-md-2 p{text-align: left; }
 
.improve:after{position:absolute; content:''; top:-60px !important;  left:0;  background:url(../images/improve-bg.jpg) no-repeat; width:100%; height: 100%;  background-size: 100%;}
.ImproveTop{padding:0; margin:0 0 100px;}
.ImproveTop h2.title { color: #004ca2; }
.ImproveTop h2.title span {  font-weight: 300;   color: #000; }
  .ImproveTop .col-md-4{ padding-top: 145px;}
 .footer{padding:100px 0 0; background-image: linear-gradient(#0f48b1, #042960);}
 .footer .col-md-2{  margin: 0 30px 0 0;}
  .footer h3{ padding: 0; margin: 0 0 5px; color:#d4ddec; font-size:20px;letter-spacing: -1px;  font-weight: 600;  }
 .footer ul{ padding: 0;
 margin: 0;}
 .footer ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	list-style:none;
	padding:0 0 3px;
	
 }
 .footer ul li a {
    position: relative;
    overflow: hidden;
    padding: 0;
    padding-bottom: 5px;
	color:#d6dfee;
	text-decoration:none;
	font-size:16px;
	
}
 .footer ul li a:after {
    background: #fff;
    content: '';
    height: 2px;
    top: 0;
     bottom: 6px;
    margin: auto;
    left: 0;
    opacity: 0;
    position: absolute;
    transform: translate3d(-100%, 0, 0);
    width: 100%;
}

 .footer ul li a:hover{color:#fff;}
 .footer ul li a:hover::after {
  animation: link-hoverstate 0.5s linear forwards;
  animation-timing-function: linear;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
@keyframes link-hoverstate {
  0% {
    opacity: 1;
    transform: translate3d(-100%, 0, 0);
  }
  55% {
    transform: translate3d(100%, 0, 0);
  }
  56% {
    transform: translate3d(100%, calc(0.5rem + 4px), 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, calc(0.5rem + 4px), 0);
  }
}

.fTop{padding:0; margin:0 0 30px;}
.fBottom{border-top:solid 1px #3665b9; padding:25px 0; color:#fff; font-size: 15px;  }
.fBottom ul{padding:0; margin:0;}
.fBottom ul li{padding:0; margin:0 10px 0 0; display:inline-block;}
.fBottom ul li a{margin: 0;
    display: inline-block;
    color: #fff;  border: solid 2px #fff;  border-radius: 100%;  height: 30px;   width: 30px;  vertical-align: middle;  text-align: center;  line-height: 26px;   font-size: 14px;  opacity: 0.5;}
 .fBottom ul li a:after{background:none;}
 .fBottom ul li a:hover{opacity:1;}
 
 .socialLinks{text-align: right;}
 
 
 .fBottom .footopen {
        margin: 0;
    line-height: 20px;
    color: #fff;
    text-align: right;
	opacity:0.8;
}
 .fBottom  .cright{opacity:0.8; }
 .fBottom .footopen a {
    padding: 7px 0 7px 40px;
    background: url(../images/open-dd-logo.png) no-repeat left center;
    background-size: 32px 32px;
    display: inline-block;
    margin: 0 0 0 3px;
	color:#fff;
}

.fTop p a{
    display: inline-block; width: 47%;  margin-right: 3px;}
.fTop p a img{ width:100%;}

.getStarted .container{background:url(../images/getstared-bg.png) no-repeat; text-align: center;  min-height: 420px;   display: flex;   justify-content: center;  align-items: center;     background-size: 100%;}
.getStarted .container a{background:#fff; padding:20px 60px; border-radius:35px; color:#000; text-decoration:none; transition: all 0.5s ease;}
.getStarted .container a:hover{background:#021530; color:#fff; transition: all 0.5s ease;}

.footer .col-md-2:last-child {
    margin: 0;
}

.hweOffer .carousel-inner {
    color: #fff;
    text-align: center;
}

#videopop .modal-dialog {
max-width: 1000px;} 
#videopop .modal-content { padding:51px 0 0 0; border-radius:10px;
 background-color: #102442;}
 
 #videopop .btn-close {
       box-sizing: content-box;
    width: 53px;
    height: 58px;
    padding: 0.25em 0.25em;
    color: #fff;
    background: url(../images/close-pop-btn.png) no-repeat;
    border: 0;
    border-radius: 0.25rem;
    opacity: 0.5;
    position: absolute;
    right: 0;
    top: 16px;
    z-index: 100;
	background-size: 65%;
 
}

 
#freedemo .modal-content { padding:0; border-radius:10px;
 background-color: #102442;}
 
 #freedemo .btn-close {
       box-sizing: content-box;
    width: 53px;
    height: 58px;
    padding: 0.25em 0.25em;
    color: #fff;
    background: url(../images/close-pop-btn.png) no-repeat;
    border: 0;
    border-radius: 0.25rem;
    opacity: 0.5;
    position: absolute;
    right: 0;
    top: 16px;
    z-index: 100;
	background-size: 65%;
 
}
 

 #freedemo .col-md-5:before{content: '';
    position: absolute;
    right: -91px;
    top: 29%;
    width: 260px;
    height: 370px;
    background: url(../images/pop-up-robot.png) no-repeat;
    background-size: 78%;}


 #freedemo .modal-body {
    padding: 0;
}
 #freedemo .col-md-5 {
    padding: 0;
	background-color: #fff;
	position:relative;
}
 #freedemo .col-md-5 {
    padding: 40px;
	    border-radius: 7px 0 0 7px;
 }
 #freedemo .col-md-5 ul{padding:0; margin:0;}
 #freedemo .col-md-5 ul li{padding:0; margin:0 10px 0 0; display:inline-block;}
 #freedemo .col-md-5 ul li a{margin: 0;
    display: inline-block;
    color: #3f3f3f;  border: solid 2px #3f3f3f;  border-radius: 100%;  height: 30px;   width: 30px;  vertical-align: middle;  text-align: center;  line-height: 26px;   font-size: 14px;  opacity: 0.5;}
 #freedemo .col-md-5 ul li a:after{background:none;}
 #freedemo .col-md-5 ul li a:hover{opacity:1;}
  #freedemo  .socialLinks {
    text-align: left;
}


 
 
  #freedemo .col-md-5 h3{ position: relative;
    z-index: 10;
    color: #004ca2;
    font-weight: 700;
    letter-spacing: 0px;
    font-size: 34px;
    line-height: 36px;}
    #freedemo .col-md-5 h5{position: relative;  z-index: 10;     text-transform: uppercase;}
	  #freedemo .col-md-5 h4{position: relative;  z-index: 10;}
	  #freedemo .col-md-5 p{position: relative;  z-index: 10; font-weight: 700;
    font-size: 19px;
	color:#3f3f3f;
    text-transform: uppercase;
    letter-spacing: -1px;
	  line-height: 23px;
	      margin: 0 0 190px;}
		  
		   #freedemo .col-md-5 h5{position: relative;  z-index: 10; font-weight: 600;   font-size: 19px;    color:#3f3f3f;}
		      #freedemo .col-md-5 h4{position: relative;  z-index: 10; font-weight:600;   font-size: 25px;    color:#004ca2;padding: 0 0 16px;
    margin: 0 0 25px;}
	 #freedemo .col-md-5 h4:after{content:''; background:#ccc; width:87%; position:absolute; left:0; height:1px; bottom: 0;}
	  

 #freedemo .col-md-7 {
 padding: 60px;
 position: relative;
 }
 
  #freedemo .col-md-7 h5{color:#fff; font-size:18px; padding:0; margin:0;     text-transform: uppercase;
    letter-spacing: 1px;}
   #freedemo .col-md-7 h2{color:#fff;  font-size: 35px;  padding: 0; margin: 0;  font-weight: 700;}
#freedemo .col-md-7 p{color:#fff; font-size: 14px;    margin: 0 0 15px;}
#freedemo .modal-content {
   
background-color: #102442;}

.input-containe {
   position: relative;
   margin:0 0 12px;
}

.input-containe:last-child {    height: 75px;  }

:focus {
    outline: none;
}
#freedemo  select {
        background: #163460;
    border: solid 1px #3c5f93;
    padding: 10px 14px;
    transition: 0.4s;
	    color: #7a98c4;
    width: 100%;
	margin:0 0 2px;
	
}
#freedemo a{  text-decoration: none; color: #004ca2;}
input  {
      
    width: 100%;
    box-sizing: border-box;
    letter-spacing: 1px;
	color:#fff;
 
}

#freedemo input[type=submit] {cursor: pointer;
    background: #b82329;
    border: none;
    width: auto;
    padding: 10px 25px;
    color: #fff;
text-transform: uppercase;}
 
 #freedemo input[type=submit]:hover{background: #f11e27;}

#freedemo textarea {
     background: #163460;
	 color:#fff;
    border: solid 1px #3c5f93;
    padding: 10px 14px;
    transition: 0.4s;
    width: 100%;
    box-sizing: border-box;
    letter-spacing: 1px;
  height:75px;
}
 
#freedemo .effect-1  {
        background: #163460;
    border: solid 1px #3c5f93;
    padding: 10px 14px;
    transition: 0.4s;
}

#freedemo ::-webkit-input-placeholder { /* Edge */
  color: #7a98c4;
}

#freedemo :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #7a98c4;
}

#freedemo ::placeholder {
  color: #7a98c4;
}
#freedemo .effect-1 ~ .focus-border:before,
#freedemo .effect-1 ~ .focus-border:after{content: ""; position: absolute; top: 0; left: 0; width: 0; height: 2px; background-color: #3399FF; transition: 0.3s;}
#freedemo .effect-1 ~ .focus-border:after{top: auto; bottom: 0; left: auto; right: 0;}
#freedemo .effect-1 ~ .focus-border i:before,
#freedemo .effect-1 ~ .focus-border i:after{content: ""; position: absolute; top: 0; left: 0; width: 2px; height: 0; background-color: #3399FF; transition: 0.4s;}
#freedemo .effect-1 ~ .focus-border i:after{left: auto; right: 0; top: auto; bottom: 0;}
#freedemo .effect-1:focus ~ .focus-border:before,
#freedemo .effect-1:focus ~ .focus-border:after{width: 100%; transition: 0.3s;}
#freedemo .effect-1:focus ~ .focus-border i:before,
#freedemo .effect-1:focus ~ .focus-border i:after{height: 100%; transition: 0.4s;}
 
#freedemo .modal-dialog {
max-width: 1000px;} 

.header.inner {  display: block;   position: fixed;  top: 0;  width: 100%;   z-index: 1000; }
.header.inner.stickyHead {     background: #136cdf;  border-bottom: none; z-index:1000; }
.header.inner.stickyHead .logo img {  width: 51%; }
.header.inner.stickyHead .login {    padding: 13px 0 0; }
.header.inner.stickyHead .hmenu {   padding: 10px 0 0;}

 .header.inner .login ul {  background: #001b48;}
.innerbannerSec{ background: url(../images/inner-banner-bg.jpg) no-repeat; background-size:cover;   padding: 210px 0 68px; position:relative; color:#fff;     z-index: 100;}

.innerbannerSec.contact{ background: url(../images/contact-banner.jpg) no-repeat 42% 0; background-size:cover;  }

.innerbannerSec p{
margin: 0 0 28px;}

.innerbannerSec:after{content:''; position:absolute; left:0;  background: url(../images/banner-shape-bg.png) no-repeat; background-size: cover; width: 100%;
   height: 414px;  bottom: 0;}
	
.innerbannerSec .container{	   position: relative; z-index: 10;}
.innerbannerSec h2{ padding:0; margin:0 0 10px;
font-size: 44px;
font-weight: 700;}

  .innerbannerSec h2 span{  font-size: 18px;  
  font-weight: 400; display:block; line-height:18px;}

 
.innerbannerSec .container .col-md-5{ text-align: right;}
.skipText{position: fixed; left:48.8%; bottom:0; text-align:center; }
 .skipText a{color:#fff; font-size:14px; text-decoration:none;}
 .contentSec.inner{overflow:inherit;     background: transparent;    padding-top: 20px; }
 .innerbannerSec .button-container-1 {  width: 240px;}
 .innerbannerSec .button-container-1 button{background: #b82329; }
  .innerbannerSec .mas {  color: #fff;}
  .innerbannerSec .button-container-1 {  border: 1px solid #b82329;}
   #smaller-plans .plan {
   top:0; position:relative; transition: all 0.5s ease;}
 #smaller-plans .plan:hover{
	  transition: all 0.5s ease;
	 top:0;
	 background: url(../images/p-robot-bg.png) no-repeat right 50% #0d4498; background-size:80%;
    border-radius: 0; color:#fff;}
#smaller-plans{ margin:40px 0 0;   overflow: hidden; padding: 43px 0 23px;}

 .pricing-columns #pricing-chart .plan:hover .price .amount{color:#fff;}

#smaller-plans .plan:hover a.button {  background:#b82329; top: 5px; transition: all 0.5s ease;}
#smaller-plans .plan a.button { transition: all 0.5s ease;}
  #smaller-plans .plan h3{    color: #000;
    font-weight: 600;
    margin: 0;
    min-height: auto;
    text-align: center;
     padding: 0;
    transition: all 0.5s ease;
    font-size: 25px;
	position: relative;
    top:0;
    }
	
   #smaller-plans .plan:hover h3{ color:#fff;}
 .pricing-columns #pricing-chart .plan:nth-child(1) h3{border:none;     background: none;}
	.pricing-columns #pricing-chart .plan:nth-child(1):hover h3{border:none; background:none;}
     #smaller-plans .plan ul{padding:0 !important; margin:0; min-height: 510px;}
	#smaller-plans .plan ul li{ background:url(../images/tic-img.png) no-repeat 18px 23px;
    list-style: none;
    padding: 19px 0 0 43px;
    min-height: 70px;
    border-bottom: solid 1px #cccc;
	border-right: solid 1px #cccc !important;
     margin: 0 !important;}
	 
	 #smaller-plans .plan:nth-child(2) ul li{ background:url(../images/tic-img-g.png) no-repeat 18px 23px;}
	 #smaller-plans .plan:nth-child(3) ul li{ background:url(../images/tic-img-b.png) no-repeat 18px 23px;}
	 #smaller-plans .plan:nth-child(4) ul li{ background:url(../images/tic-img-r.png) no-repeat 18px 23px;}
	  #smaller-plans .plan:hover ul li { background:url(../images/tic-img-w.png) no-repeat 18px 23px !important; color: #fff;}
  
  #smaller-plans .plan ul.NotTic li {    background: none;
    padding: 19px 0 0 30px;
    font-weight: 600;
    font-size: 18px;
    color: #004ca2 !important;
    filter: none;
    -webkit-filter: none;
    -moz-filter: none;
}
#smaller-plans .plan ul.NotTic li span {    font-size: 14px;
     display: block;   color: #000;   padding: 0 0 10px;  margin: 0;}

#smaller-plans .price h5 {  color: #004ca2; font-size: 18px;}
#smaller-plans .price h5 {  color: #004ca2; font-size: 18px;}
/*
#smaller-plans .plan:hover ul li{  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);}
  
*/
  
#smaller-plans .plan ul li.mh96{min-height: 120px;}
  
  #smaller-plans .owl-nav{position:absolute; top:45%;  width:100%;}
   #smaller-plans  .owl-theme .owl-nav [class*=owl-]:hover {
   background: transparent;}
    #smaller-plans .owl-nav .owl-prev{
      left: -58px;
    position: absolute;}
	 #smaller-plans .owl-nav .owl-prev span{ font-size:0; background: url(../images/p-arrow-left.png) no-repeat 0 0; width: 40px;  height: 36px;  display: block; }
	    #smaller-plans .owl-nav .owl-next{   right: -58px; position: absolute;}
	
    #smaller-plans .owl-nav .owl-next span{ font-size:0; background: url(../images/p-arrow-right.png) no-repeat 0 0;  width: 40px; height: 36px;  display: block; }
	    #smaller-plans  .owl-dots{display:none;}
			    #smaller-plans:before{ content:''; position:absolute; left:0; width:100%; height:93.7%;  box-shadow: rgb(0 0 0 / 18%) 0px 14px 21px;
    border: #fff;   bottom: 0;
    border: solid 1px #ccc;
    border-radius: 44px;
    border-top: solid 3px #999;
    border-bottom: solid 3px #b82329;
    overflow: hidden;
    z-index: 1;     top: 40px;}
    #smaller-plans .owl-item {padding-bottom:50px; padding-top:10px;
	
	}
	
	#smaller-plans .owl-nav .owl-next.disabled{ filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);}
  	#smaller-plans .owl-nav .owl-prev.disabled{ filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);}
 
 .pricing-section #horizontalTab{margin: 60px 0 0 !important;}
 .pricing-section .resp-tabs-list{text-align:center;}
.pricing-section .resp-tabs-list li{float:none;}
 .pricing-section .resp-tab-content {
    border: none;
	background:none;
}
 .pricing-section .resp-tabs-container {
     background-color: transparent;
    
}
.pricing-section .resp-tabs-list li {
    font-weight: 600;
    font-size: 20px;
    display: inline-block;
    padding: 13px 17px;
    margin: 0 10px 0 0;
    color: #b1adae;
	position: relative;
}
.pricing-section .resp-tabs-list li:nth-child(1){order:3;}
.pricing-section .resp-tabs-list li:nth-child(2){order:2;}
.pricing-section .resp-tabs-list li:nth-child(3){order:1;}
.pricing-section .resp-tab-active {
     border: none;
    border-bottom: solid 2px #b82329;
    color: #0d4498 !important;
    font-weight: 700 !important;
	padding: 7px 17px !important;
	    background: none;
}

.pricing-section .resp-tab-active::after {
    content: '';
    height: 12px;
    left: 45%;
    position: absolute;
    top: auto;
    width: 12px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #b82329;
    bottom: -8px;
}

.pricing-section .resp-tabs-list li.active{}
 
 .hclients.Inner {text-align:center;     padding:80px 0 100px;}
	.hclients.Inner  h2.title {
    color: #004ca2;
}
.hclients.Inner  h2.title span {
    font-weight: 300;
    color: #000;
}

.taptop{position:relative;     margin: 30px 0 0;}
 .taptop:before{content:''; position:absolute; left:0; top:30px; background:#ccc; width:35%; height:1px; }
  .taptop:after{content:''; position:absolute; right:0; top:30px; background:#ccc; width:35%; height:1px; }
.testimonial{background:url(../images/testi-bg.jpg) no-repeat center 0; padding:80px 0; 
    background-size: cover;}
.testimonial .slick-slide {
    display: block;
     border-right: solid 1px rgba(255,255,255,0.5);
    padding: 50px 0;
}
.testimonial .slick-slide:nth-child(even){border-right:none;}
.testimonial .tLeft{ padding:35px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
flex-direction: column;}
.testimonial .tLeft p{font-size: 18px;
    padding: 60px 0 30px;
    color: #fff;
    font-weight: 300;
    margin: 0;
    line-height: 30px;
    position: relative;
    min-height: 213px; }
.testimonial .tLeft p:before{content:''; position:absolute; left:0; top:24px; background:url(../images/t-qurt-top.png) no-repeat 0 0; width:40px; height:30px; }
.testimonial .tLeft p:after{content:''; position:absolute; right:10%; bottom:0; background:url(../images/t-qurt-bottom.png) no-repeat 0 0; width:40px; height:30px; }
.testimonial .col-md-12  .col-md-8{position:relative; padding: 0;}
.testimonial .col-md-12  .col-md-8:after{    content: '';
    position: absolute;
    right: 14px;
    top: 10px;
    background: none;
    width: 1px;
    height: 49px;}
.testimonial .tRight{position: relative; padding: 0 30px;  display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.testimonial .tRight img {
    border-radius: 100%;
    z-index: 1;
	    width: 75%;
    position: relative;
	  -webkit-box-shadow: #023d78 10px 7px 0px;    box-shadow: #023d78 10px 7px 0px;
}
 
.testimonial .tRight:before {
    content: '';
    position: absolute;
     background: #014482;
    border-radius: 100%;
	 right: 14px;
    top: 37px;
    height: 94%;
    width: 89%;
	display:none;
 
}

  .testimonial h4{  color: #dde4f2; font-size:26px;}
   .testimonial h5{  color: #dde4f2; font-size:16px;}
.testimonial .row{margin:0;}
  

.faqOut{padding:80px 0;     background: #f1f1f1;}
.faqOut .readBtn {
    background: #b82329;
    color: #fff;
    margin: 40px 0 25px;
}
.faqOut .readBtn:hover {  background: #0854aa;}


.faqOut h2.title{color:#004ca2}


.faqOut .col-md-4{display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
			    -webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
        flex-direction: column;}
		
		.faqOut .col-md-8{ padding:0 0 0 80px;}

/* Style the buttons that are used to open and close the accordion panel */
.faq, .wc-accordion {
  margin-top: 25px;
  /* Style the accordion panel. Note: hidden by default */
}
.faq .accordion, .wc-accordion .accordion {
  padding:5px 0px 20px 20px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  border-radius: 0px;
  background: none;
  display: flex;
  border-bottom: 1px solid #dcdcdc;
      outline: none;
 }
.faq .active, .faq .accordion:hover, .wc-accordion .active, .wc-accordion .accordion:hover {
  background-color: none;
}
 
.faq .active i, .wc-accordion .active i {
  transform: rotate(90deg);
}
.faq .panel, .wc-accordion .panel {
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
  transition-duration: 400ms;
  transition-property: max-height, visibility;
  transition-delay: 0, 400ms;
}

.faq .panel.open {
      visibility: visible;
    transition-duration: 400ms;
    transition-property: max-height, visibility;
    transition-delay: 400ms, 0;
    padding: 0 30px 0 30px;
    border-left: solid 1px #b82329;
    margin: 35px 0 0 80px;
    color:#7e7e7e;
	  overflow: inherit;
	  max-height: inherit;
}
.faq .panel.open a {
color: #b82329;}

.faq .closed .vertical {
  transition: all 0.4s ease-in-out;
  transform: rotate(-90deg);
}
.faq .closed .horizontal {
  transition: all 0.4s ease-in-out;
  transform: rotate(-90deg);
  opacity: 1;
}



.faq .active {
  opacity: 1;
}
.faq .active .vertical {
  transition: all 0.4s ease-in-out;
  transform: rotate(90deg);
}
.faq .active .horizontal {
  transition: all 0.4s ease-in-out;
  transform: rotate(90deg);
  opacity: 0;
}

.faq .circle-animation {
  position: relative;
    top: 20px;
	left:20px;
}
.faq span{padding: 0 0 0 50px;     font-size: 20px;}

.faq span strong{font-weight:400;}
.faq .active span strong{font-weight:700; color:#303030;}
.faq .active span {color:#004ca2; font-weight:700;  font-size: 26px;}

.faq .circle-animation .horizontal {
  position: absolute;
  background-color: #b82329;
  width: 15px;
  height: 2px;
  left: 50%;
      margin-left: -8px;
    top: 50%;
    margin-top: -3px;
}

.faq .circle-animation .vertical {
  position: absolute;
     background-color: #b82329;
    width: 2px;
    height: 15px;
  left: 50%;
  margin-left: -1px;
  top: 50%;
  margin-top: -10px;
}

.faqOut .button-container-1 {  width: 240px;}
.faqOut .button-container-1 button{background: #b82329;    font-weight: 700; }
 
.faqOut .button-container-1 {  border: 1px solid #b82329;  margin-top: 3vh;}

.contactIntroTop{text-align:center; margin:-80px 0 0;}
.contactIntroTop img{margin: 0 0 15px;
    border: solid 10px #fff;
    box-shadow: rgb(100 100 111 / 32%) 0px 7px 29px 0px;
border-radius: 100%;}
.contactIntroTop h5{color: #093983; position:relative;   font-size: 20px;  margin: 0 0 60px; padding: 0;}
.contactIntroTop h5 span {
    position: relative;
    background: url(../images/white-bg.jpg) repeat-x 0 12px;
    padding: 0 10px;
    z-index: 10;
    font-weight: 600 !important;
}
.contactIntroTop h5:before{content:''; position:absolute; left:0; top:12px; background:#ccc; width:39%; height:1px; }
.contactIntroTop h5:after{content:''; position:absolute; right:0; top:12px; background:#ccc; width:39%; height:1px; }
.contactIntroTop h2.title { font-size: 45px;   margin: 0 0 5px;}
.contactOut{background:url(../images/contact-top-bg.jpg) no-repeat 0 100px;   background-size: 100%;     padding: 85px 0 0; }
.contactIntroBottom{text-align:center;  margin: 0 0 60px;}
.contactIntroBottom img{margin:0 0 15px;}
.contactIntroBottom h3{ font-size: 20px;  color: #021839; font-weight: 600;  margin: 0 0 5px;}
.contactIntroBottom .row{text-align:center; }
.contactIntroBottom .col-md-4{ display: inline-block; color: #021839; font-weight: 500; border-right: solid 1px #ccc;}
  .contactIntroBottom .col-md-4:last-child{  border-right: none;}
.contactIntroNumber{  position: relative;     z-index: 10;}
.contactIntroNumber ul {    background: #074da8;
    display: flex;
    max-width: 60%;
    margin: 0 auto 30px;
    text-align: center;
    align-items: center;
    justify-content: center;
     border-radius: 40px;
    padding: 15px 20px;}
.contactIntroNumber ul li {padding:0 10px; margin:0; list-style:none; color: #fff; font-size: 20px;}
.contactIntroNumber ul li a{color: #fff; text-decoration:none; display: block;}
.contactIntroNumber ul li a:hover { color: #cae1ff;}

.officeAddress {
    background:#fff;
    box-shadow: rgb(0 0 0 / 16%) 0px 14px 21px;
    padding:100px 120px 80px;
    border-radius: 0 0 15px 15px;
    background-size: cover;
	  margin: -71px 0 72px;
	  position:relative;
	  border-bottom: solid 3px #074da8;
	  
}
.officeAddressTop  .col-md-6{
border-right: solid 1px #e6e6e6;
    border-bottom: solid 1px #e6e6e6;
 padding: 50px;}
 
 .officeAddressTop  .col-md-6:nth-child(2){
border-right: none;
    border-bottom: solid 1px #e6e6e6;
 padding: 50px 30px 50px 80px;}
 
  .officeAddressTop  .col-md-6:nth-child(4){
border-right: none;
    border-bottom: none;
 padding: 50px 30px 50px 80px;}
 
   .officeAddressTop  .col-md-6:nth-child(3){  border-bottom: none;}
 
.officeAddress h5{color: #093983; position:relative; text-align:center;   font-size: 20px;  margin: 0 0 40px; padding: 0;}
.officeAddress h5 span {
    position: relative;
    background: url(../images/white-bg.jpg) repeat-x 0 12px;
    padding: 0 10px;
    z-index: 10;
    font-weight: 600 !important;
    text-transform: uppercase;
    font-size: 20px;
    color: #074da8;
    letter-spacing: 1px;
}
.officeAddress h3{ font-size: 22px;  color: #093983;  font-weight: 700;}
.officeAddress h4{ font-size: 18px;  color: #0f202f; font-weight: 600;}
.officeAddress h4 a{ font-size: 18px;  color: #0f202f; font-weight: 400; text-decoration:none;}
.officeAddress h4 a:hover { color: #0649b1;}
 .officeAddress .col-md-8{ padding: 0 0 0 30px;}

.officeAddress h5:before{content:''; position:absolute; left:0; top:12px; background:#ccc; width:39%; height:1px; }
.officeAddress h5:after{content:''; position:absolute; right:0; top:12px; background:#ccc; width:39%; height:1px; }
.officeAddressTop .col-md-4{text-align:center;}
    
.officeAddressTop .col-md-4 img{
margin:0 0 15px;	
   border: solid 10px #fff;
    box-shadow: rgb(100 100 111 / 32%) 0px 7px 29px 0px;
    border-radius: 100%;}
.officeAddressTop .col-md-4 span{display:block;     font-weight: 800; font-size: 22px; color: #021839;
    letter-spacing: 1px;}

.officeAddressTop{margin:0 0 80px;}
.officeAddressBottom{text-align:left;}
.officeAddressBottom .col-md-5{    margin: 0 auto;}
.officeAddress .officeAddressBottom .col-md-4 {   text-align: left; }
.officeAddress .officeAddressBottom .col-md-4 img{margin:0 0 15px;}

.contactform{background:url(../images/testi-bg.jpg) no-repeat center 0; }
.contactform .container{ position:relative;  padding:80px 0 80px 250px;}
.contactform .container form{    position: relative;  z-index: 1;}
.contactform .container:before {
    content: '';
    position: absolute;
    left: 5px;
    top: 29%;
    width: 260px;
    height: 370px;
    background: url(../images/pop-up-robot.png) no-repeat;
    background-size: 78%;
	z-index: 10;
}

.contactform .container:after { content:''; position:absolute; left:175px; top:0;
    height: 100%;
	width:15%;
    background-image: linear-gradient(to right, #0f63b3 , transparent);
}

 .contactform  h2.title{ color:#fff; font-size:45px; margin:0 0 30px; line-height:45px;}
 .contactform  h5{ color:#fff; text-transform:uppercase;     font-size: 18px; letter-spacing: 2px;}
.contactform  select {
           background: #114e8c;
    border: solid 1px #3373d1;
    padding: 17px 24px;
    transition: 0.4s;
	    color: #7a98c4;
    width: 100%;
	margin:0 0 2px;
	-webkit-appearance: none;
    -moz-appearance: none;
	    background-image: linear-gradient(45deg, transparent 50%, #7193ba 50%), linear-gradient(135deg, #7193ba 50%, transparent 50%), linear-gradient(to right, transparent, transparent);
    background-position: calc(100% - 20px) calc(1em + 13px), calc(100% - 15px) calc(1em + 13px), 100% 0;
    background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
    background-repeat: no-repeat;
	
}
.contactform a{  text-decoration: none; color: #004ca2;}
 .contactform .input-containe {
    display: inline-block;
    width: 44%;
    vertical-align: top;
}

 .contactform .input-containe:last-child {
    display: block;
    width: 88.5%;
	height: 74px;
  
}

.contactform input[type=submit] {cursor: pointer;
    background: #b82329;
    border: none;
    width: auto;
    padding: 10px 25px;
    color: #fff;
text-transform: uppercase;}
 
.contactform input[type=submit]:hover{background: #f11e27;}

.contactform textarea {
     
	 color:#fff;
       background: #114e8c;
    border: solid 1px #3373d1;
    padding: 17px 24px;
    transition: 0.4s;
    width: 100%;
    box-sizing: border-box;
    letter-spacing: 1px;
  height:75px;
}
 
.contactform .effect-1  {
          background: #114e8c;
    border: solid 1px #3373d1;
    padding: 17px 24px;
    transition: 0.4s;
}

.contactform ::-webkit-input-placeholder { /* Edge */
  color: #7a98c4;
}

.contactform :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #7a98c4;
}

.contactform ::placeholder {
  color: #7a98c4;
}
.contactform .effect-1 ~ .focus-border:before,
.contactform .effect-1 ~ .focus-border:after{content: ""; position: absolute; top: 0; left: 0; width: 0; height: 2px; background-color: #3399FF; transition: 0.3s;}
.contactform .effect-1 ~ .focus-border:after{top: auto; bottom: 0; left: auto; right: 0;}
.contactform .effect-1 ~ .focus-border i:before,
.contactform .effect-1 ~ .focus-border i:after{content: ""; position: absolute; top: 0; left: 0; width: 2px; height: 0; background-color: #3399FF; transition: 0.4s;}
.contactform .effect-1 ~ .focus-border i:after{left: auto; right: 0; top: auto; bottom: 0;}
.contactform .effect-1:focus ~ .focus-border:before,
.contactform .effect-1:focus ~ .focus-border:after{width: 100%; transition: 0.3s;}
.contactform .effect-1:focus ~ .focus-border i:before,
.contactform .effect-1:focus ~ .focus-border i:after{height: 100%; transition: 0.4s;}
.aboutIntroL img {
    width: 108%;
    position: relative;
    top: -40px;
}
.aboutIntro h2.title { font-size: 50px;  color: #024192;   line-height: 48px;}
.aboutIntro h5 {color:#0854aa; text-transform:uppercase; font-size:17px; letter-spacing: 2px;  font-weight: 600;}
.aboutIntroR{margin: -170px 0 0 -10px;  display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;}
.aboutIntroR p{ margin: 0 0 30px; line-height: 26px; font-size:16px;}

.ourJourney{ background: url(../images/ourjorny-bg.jpg) repeat 0 12px #044799;
    padding: 20px 0 80px;
      position:relative; overflow:hidden;}
	
	.aboutIntro{position:relative;}
	.aboutIntro:after{ content:''; position:absolute; bottom:0; left:0; width:100%; height:250px; background: url(../images/vision--top-bg.png) no-repeat 0 0; background-size:cover;
     }
	
	.ourJourney:after{content:''; position:absolute; left:0; width:100%; height:30px; background: url(../images/j-line-bottom.png) repeat 0 0; bottom: 0; opacity: 0.8;}
	
.ourJourney .container {
     text-align: left;
}
.ourJourneyTop{text-align:center; margin: 0 0 100px;}
.ourJourneyTop h2.title {  font-size: 55px; color: #fff;  line-height: 65px;}
 .ourJourneyTop p{ color:#fff;}
 
 
 .qualities{     padding: 150px 0 60px;
    background: url(../images/qualities-bg.jpg) repeat 0 0;
    margin: -130px 0 0;
    position: relative;
    z-index: 10;}
	
	 .qualities h2.title {  font-size: 55px; color: #004ca2;  line-height: 65px;}
 
 .qualitiesTop{margin:0; padding:0;}
.qualities .col-md-4{   border-left: solid 1px #ccc;
	 padding:15px 60px 15px 20px; margin:40px 0;}
.qualities .col-md-4 img{margin:0 0 15px;}
.qualities .col-md-4 h3{    margin: 0 0 6px;
    padding: 0;
    font-size: 23px;
    font-weight: 700;  color: #034ea3;  position: relative;}
.qualities .col-md-4 h3:before{content: '';  position: absolute;  left: -21px;  top: 0;  width: 2px;   height: 23px;   background: #034ea3; }
	
.ourTeam{background:url(../images/testi-bg.jpg) no-repeat center 0; padding:80px 0;}

.ourTeam h2.title {  font-size: 45px;  color: #ffffff;  line-height: 55px; }
 .ourTeam h5 {  color: #ffffff;}
  .ourTeam h3{  color: #ffffff;  font-weight: 700; margin: 0;}
  .ourTeam p {  color: #fff; }
    .ourTeam h4{  font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #fff;
    font-weight: 600;
    margin: 0 0 20px;}
  
  .ourTeam .teamP{ position: relative;}
  .ourTeam .teamP:before {
    content: '';
    position: absolute;
    background: #014482;
    border-radius: 100%;
   right: 4px;
    top: 15px;
    height: 94%;
    width: 89%;
	display:none;
}
  .ourTeam .teamP img {
    border-radius: 100%;
    z-index: 1;
    width: 100%;
    position: relative;
	  -webkit-box-shadow: #014578 9px 7px 0px;    box-shadow: #014578 9px 7px 0px;
}

  .ourTeam .col-md-4{
display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
            flex-direction: column;
    /* align-items: center; */
    -webkit-box-pack: center;
    -ms-flex-pack: center;
  justify-content: center;}
  
.teamOut{padding:0 150px  0 80px;  border-left:solid 1px rgba(255,255,255,0.5); border-right:solid 1px rgba(255,255,255,0.5);}
.teamOut .row {padding: 47px 0 0;}

.teamOut .slick-dots {
    position: absolute;
    top: 45%;
	bottom:auto;
    display: block;
    width: auto;
    padding: 10px 0  0;
    margin: 0;
    list-style: none;
    text-align: right;
       right: -21px;
    background: #0457b7;
}
.teamOut .slick-dots li{    display: block;}
.teamOut .slick-dots li button:before { display:none; }
.teamOut .slick-dots li button{background:#3178c5;  width: 6px;
    height: 6px;
    margin: 0 0 10px;
    border-radius: 100%;}
	.teamOut .slick-dots li.slick-active button{background:#fff;}

  .visionOut{  
    margin: 0 auto 60px;
    border-bottom: solid 1px rgba(255,255,255,0.2);
  padding: 0 100px 50px; color:#fff;}

.visionOut h3{padding:0; margin:0; font-size: 40px; font-weight: 700;}
.visionOut p{padding:0; margin:0; font-size:20px; }
 .visionOut .col-md-8{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
.ourJourneyBottom{color:#fff; position:relative; z-index:10;  padding: 0 0 0 20px;}
  .ourJourneyBottom .col-md-3{  padding: 0 30px 0 30px;     font-size: 16px; font-weight:400;
    line-height: 25px; width: 100%; letter-spacing: 1px;     position: relative;  min-height: 650px;}
	 
   .ourJourneyBottom .col-md-3 h3{   font-size: 24px;  line-height: 30px;
   font-weight: 600;}
.ourJourneyBottom .col-md-3 h5{position:absolute;     padding: 0 0 100px; color:#dae2f0; font-size:35px; font-weight:700; bottom: 0; left: 42px;}
.ourJourneyBottom .col-md-3 h5:after{content:''; position:absolute; background:#fff; width:2px; height:80px; bottom:0; left:12%; }

 
.ourJourneyBottom .col-md-3 span{ display: block;}
.award{padding:100px 0; text-align:center;}
  .award h5{ color: #001b48;
  font-weight: 600;}
.award h2.title {
    color: #004ca2;
}
.award h2.title span {
    font-weight: 300;
    color: #000;
}

  .award .col-md-4{ padding:0 30px;}
   .award .col-md-4 img{ width:100%; }
.hclients.Inner.pt{padding:100px 0 100px;}
.award .awardBox {margin: 50px 0 0; display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;}
.award .awardBox .col-md-3 {
     padding: 0 20px;
    margin: 0 0 23px;
}


.modal {  z-index: 99999;}
.getBtn{background:#b82329; color:#fff; padding:15px 30px; border-radius:35px; text-decoration:none;     margin: 12px 0 0;
    display: inline-block;}
.getBtn:hover{  background: #cf040c; color:#fff;}
.productIntro{padding:0 0 80px;}
  .productIntroTop{  text-align: center;}
  
  .productIntroTop h5 {
    color: #0854aa;
    text-transform: uppercase;
    font-size: 17px;
    letter-spacing: 2px;
    font-weight: 600;
}
  .productIntroTop h2.title {
    color: #021839;
  margin: 0 0 30px;}
  
  .productIntroBottom {
  position: relative; 
    padding: 60px 0;
    overflow: hidden;
}
  .productIntroBottom .bg-move {
    position: absolute;
    top: 0;
     bottom:100px;
    right: auto;
    left: -30px;
    width: 100%;
    background: url(../images/robo-big-img.png) no-repeat;
    background-size:6%;
    background-position: center;
	background-attachment: fixed;
}
 
.productIn .row{padding:0; margin:0 0 60px;}
.productIn .col-md-6{display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    /* align-items: center; */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
            flex-direction: column;}
			
 .productIn .col-md-6.Text{padding:60px; position: relative;
    z-index: 100;}
 
 .productIn .col-md-6 h3 {
    font-size: 40px;
    color: #021839;
    font-weight: 700;
    padding: 0;
    margin: 0 0 10px;
    line-height: 55px;
    letter-spacing: -2px;
}

.productIn .col-md-6 img{  border: solid 19px #fff;
    border-radius: 15px;
    box-shadow: rgb(100 100 111 / 32%) 0px 2px 20px 0px; }
	
.ourJourneyBottom  .slick-prev.slick-arrow{
    font-size: 0;
    background: url(../images/p-arrow-left-w.png) no-repeat 0 0;
    width: 40px;
    height: 36px;
    display: block;
}
	
.ourJourneyBottom .slick-next.slick-arrow {
    font-size: 0;
    background: url(../images/p-arrow-right-w.png) no-repeat 0 0;
    width: 40px;
    height: 36px;
    display: block;
}

.ourJourneyBottom .slick-next.slick-arrow:before{display:none;}	
	.ourJourneyBottom .slick-prev.slick-arrow:before{display:none;}	

.ourJourneyBottom .slick-next.slick-arrow.slick-disabled{opacity:0.1;}
.ourJourneyBottom .slick-prev.slick-arrow.slick-disabled{opacity:0.1;}



.testimonial  .slick-prev.slick-arrow{
    font-size: 0;
    background: url(../images/p-arrow-left-w.png) no-repeat 0 0;
    width: 40px;
    height: 36px;
    display: block;
}
	
.testimonial .slick-next.slick-arrow {
    font-size: 0;
    background: url(../images/p-arrow-right-w.png) no-repeat 0 0;
    width: 40px;
    height: 36px;
    display: block;
}

.testimonial .slick-next.slick-arrow:before{display:none;}	
.testimonial .slick-prev.slick-arrow:before{display:none;}	
	

.testimonial .slick-next.slick-arrow.slick-disabled{opacity:0.1;}
.testimonial .slick-prev.slick-arrow.slick-disabled{opacity:0.1;}

.navigation .container{height:100%;}
.navigation .row{ justify-content:center; align-items: center; height:100%;}
.navigation h3{ position: relative;
    z-index: 10;
    color: #f6f9ff;
    font-weight: 600;
    letter-spacing: 0px;
    font-size: 33px;
    line-height: 36px;
    margin: 0 0 10px;}
.navigation h5{position: relative;  z-index: 10;     text-transform: uppercase;}
.navigation h4{position: relative;  z-index: 10;}
.navigation p{position: relative;  z-index: 10; font-weight: 400;
    font-size: 19px;
	color:#fff;
    text-transform: uppercase;
    letter-spacing: -1px;
	  line-height: 23px;
	      margin: 0 0 20px;}
		  
.navigation  h5{position: relative; 	color:#fff; z-index: 10; font-weight: 600;   font-size: 19px;     }
.navigation   h4{position: relative; 	color:#fff; z-index: 10; font-weight:600;   font-size: 25px;  padding: 0 0 16px;
    margin: 0 0 25px;}
.navigation h4:after{content:''; background:#fff; width:70%; position:absolute; left:0; height:1px; bottom: 0;     opacity: 0.1;}
	  
.navigation a {
    text-decoration: none;
    color: #499eff;
}

.navigation a:hover {  color: #499eff; }

 
.navigation  .socialLinks ul{padding:0; margin:0;}
.navigation  .socialLinks ul li{padding:0; margin:0 10px 0 0; display:inline-block;}
.navigation  .socialLinks ul li a{margin: 0;
    display: inline-block;
   color: #f5f5f5;
    border: solid 2px #e3e3e3;  border-radius: 100%;  height: 30px;   width: 30px;  vertical-align: middle;  text-align: center;  line-height: 26px;   font-size: 14px;  opacity: 0.5;}
.navigation  .socialLinks ul li a:after{background:none;}
.navigation  .socialLinks ul li a:hover{opacity:1;}
.navigation  .socialLinks {
    text-align: left;
}

 .navigation  .col-md-4:last-child h3{  padding: 0 0 0 46px;}
 
.navigation .row:before { content:'';
    position: absolute;
    top: 0;
	    bottom: 0;
    left: 46%;
        width: 100px;
    background: url(../images/robo-big-img.png) no-repeat;
    background-size: 100%;
    background-position: center;
 opacity: 1;
    z-index: 100;
}

.navigation .col-md-4{position:relative;}
 
.navigation .col-md-4:first-child:after { content:'';
    position: absolute;
    top: 0;
	    bottom: 0;
   right: 27px;
    width: 1px;
    background: #fff;
   opacity:0.5;
   
}

.innerbannerSec.product .col-md-6{ padding: 60px 0 0;}
.cY{font-size: 50px;}

.ourJourneyBottom .slick-slide img {
     margin: 0 0 10px;
}

 .slick-slider .slick-list {
    -webkit-transform: inherit ;
    -moz-transform: inherit;
    -ms-transform: inherit;
    -o-transform: inherit;
    transform: inherit;
}


 .pDetailIntroR{   
  background: url(../images/product-right-bg.jpg) no-repeat 0 0;
    background-size: 100%;
    padding: 155px 0 205px 180px;
  color: #fff;}
  
 .pDetailIntro{ position:relative;}
  .pDetailIntro h3{
 font-size: 40px;
    text-transform: uppercase;
  font-weight: 600;}
  .pDetailIntroL{padding:80px 0 0;}
  .pDetailIntro h2.title {
    font-size: 50px;
    color: #035ab7;
     margin: 0 0 15px;
    line-height: 56px;
 }
 .pDetailIntro:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 250px;
    background: url(../images/vision--top-bg.png) no-repeat 0 0;
    background-size: cover;
}
 .pDetailIntroR ul{padding:0; margin:0;}
 .pDetailIntroR li{
font-size: 20px;
    text-transform: uppercase;
    line-height: 22px;
    font-weight: 500;
    list-style: none;
    padding: 0 0 10px 41px;
    background: url(../images/p-intro-bullet.png) no-repeat 0 7px;
    margin-bottom: 10px;
	position:relative;
  }
  
  .pDetailIntroR li:after{content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 13px;
    background: url(../images/pintro-line-bg.gif) no-repeat 0 0;
    background-size: 66%;
    /* z-index: 100; */
    bottom: -15px;}

 .pDetailIntroR li span{ 
 display: block;
 font-size: 15px;}
.pDetailIntroB{ margin: -447px 0 74px;
    position: relative;
    z-index: 1;
    left: 2px;}
	

	
	.leadProcess {
    background: url(../images/ourjorny-bg.jpg) repeat 0 12px #044799;
    padding: 50px 0 150px;
    position: relative;
    overflow: hidden;
}
.leadProcessTop {
    /* margin: 0 0 100px;
	 color:#fff;*/
}
.leadProcess p{color: #fff;}
.leadProcessTop h2.title {
    font-size: 55px;
    color: #fff;
    line-height: 65px;
}
.leadProcess:after {
   /* content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 50%;
     background: #035ab7; 
    bottom: 0;
    opacity: 0.8;
    background-image: linear-gradient(transparent, #035ab7);*/
}

.leadProcess .accordion{
margin: 0 0 150px;
    position: relative;
z-index: 10;}

.leadProcess .bg-move {
    position: absolute;
  top:0;
  bottom:0;
    right: auto;
    left: -35px;
    width: 100%;
    background: url(../images/robo-big-img.png) no-repeat;
    background-size: 90%;
    background-position: center;
}	
.leadProcess .accordion-body {
    background: #084aa8;
    color: #fff;
	padding: 0 60px 60px;
}

#simply-sec h2.title{font-size: 55px;
color: #004ca2;}
 
#simply-sec {
    padding: 100px 0 120px;
    background: url(../images/qualities-bg.jpg) repeat 0 0;
    position: relative;
}
#simply-sec:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/qualities-bg.jpg) repeat 0 0;
    padding: 135px 0;
    transform: skew(0deg, -7deg);
    margin-top: -130px;
    height: 100px;
    width: 100%;
}
.leadProcess .accordion-body p{margin:0 0 20px;}
  .leadProcess  .accordion-item {
  background-color: transparent; border: none;}
 
  .leadProcess  .accordion-button{
    color: #81addb;
    background-color:transparent;
    box-shadow: none;
    font-size: 30px;
    font-weight: 600;
	border-top: solid 2px #2570c1;
}

  
 .leadProcess .accordion-button:not(.collapsed) {
    color: #fff;
    background-color: #084aa8;
    box-shadow: none;
    font-size: 30px;
    font-weight: 600;
	padding: 40px 22px 25px;
}


 .leadProcess .accordion-button::after {
    background-image: url(../images/arrow-img.png);
    margin-top: 14px;
}

 .leadProcess .accordion-button:not(.collapsed)::after {
	  background-image: url(../images/arrow-img.png);
    transform: rotate(-180deg);
}

.leadProcess .accordion-button strong{opacity:0.5;}
.leadProcess .accordion-button:not(.collapsed) strong{opacity:1;}

 .leadProcess  .accordion-button:focus {
    z-index: 3;
    border-color: inherit;
    outline: 0;
    box-shadow: none;
}
  .leadProcess  .accordion-button strong{font-weight: 400;
    font-size: 17px;
    padding: 11px 0 0 0;
    color: #fff;
  margin: 0 13px 0 0;
  position: absolute;
        top: 13px;}
	
	  .leadProcess  .accordion-button span{padding: 0 0 0 50px;}
	  
	  .leadProcess .accordion-button:not(.collapsed) strong{top: 34px;}

  .leadProcess .col-md-2{  position: relative;
  z-index: 100;}
 .leadProcess .col-md-6 img{  width: 100%;}
.sComparison {
    background: #fff;
    padding: 200px 0 0;
    transform: skew(0deg, -10deg);
    margin-top: -200px;
}

	

.sComparison .container {
    transform: skew(0deg, 10deg);
    text-align: left;
}

.sComparisonTop{ text-align: center; margin: 0 0 60px;}
.sComparisonTop h2.title {
    font-size: 50px;
    color: #035ab7;
    margin: 0 0 15px;
    line-height: 56px;
}


.bPractices {
      background: url(../images/best-practices-bg.jpg) no-repeat 0 0;
    padding: 135px 0;
    transform: skew(0deg, -10deg);
       margin-top: -130px
}


.bPracticesTop{ text-align: center; color: #fff; margin:0 0 80px; position:relative;}
.bPracticesTop h2.title {
    font-size: 50px;
    color: #fff;
    margin: 0 0 15px;
    line-height: 56px;
}

.bPractices .container {
    transform: skew(0deg, 10deg);
    text-align: left;
}

.bPractices .container:after {
    content: '';
    position: absolute;
    right: 0;
    background: url(../images/reduceLead-pattern.png) no-repeat 0 0;
    width: 36%;
    height: 350px;
    background-size: 100%;
    opacity: 0.3;
    top: -180px;
}

.bPractices .container:before {
      content: '';
    position: absolute;
    top: -120px;
     left: 49px;
    width: 161px;
    background: url(../images/robo-big-img.png) no-repeat;
    background-size: 100%;
    z-index: 1000;
    height: 243px;
}

#verticalTab{ display: block; overflow: hidden;}
#verticalTab h2.resp-tab-active {
    background: #09345a !important;
}
#verticalTab h2.resp-accordion {
    z-index: 9999;
    position: relative;

font-size: 18px;}
 
 
 

.bPractices .resp-vtabs .resp-tabs-list li{position:relative;}
.bPractices .resp-vtabs .resp-tabs-list li:after{   content: '';
    position: absolute;
    width: 40%;
    height: 1px;
    background: #fff;
    opacity: 0.5;
    border: 0;
    bottom: -9px;
   right:0px;}
   
   
.bPractices .resp-vtabs .resp-tabs-list li.resp-tab-active:before{   content: '';
    position: absolute;
   width: 7px;
      height: 13px;
       background: url(../images/arrow-w.html) no-repeat 0  bottom;
    background-size: 100%;
    top: 48%;
   right: -11px;}
   
   

.bPractices .resp-vtabs .resp-tabs-container {
    background-color: transparent;
	    width: 73%;
border: none; color:#fff;}


.bPractices .resp-vtabs .resp-tabs-list li {
    text-align: right;
    font-size: 20px;
    line-height: 26px;
    color: #fff;
    font-weight: 700;
	opacity:0.5;
	    padding: 6px 20px 10px !important;
    margin: 20px 0;
	position: relative;
    right: -3px;
	    list-style: none;
	border-right: solid 4px transparent;
}
.bPractices .resp-vtabs .resp-tabs-list li span{    display: block;
    text-transform: uppercase;
	font-weight: 500;
    font-size: 18px; padding: 0;
    line-height: 18px;}
.bPractices .resp-vtabs li.resp-tab-active {
	font-size: 26px;
    line-height:32px;
    border: none;
    border-right: solid 4px #fff;
background-color: transparent;
opacity:1;
}

.bPractices .resp-vtabs .resp-tabs-list li:last-child:after{background:none;}
.bPractices .resp-tab-content {
  padding: 38px 0 0 51px;}
.bPractices .resp-tab-content p{padding:0; margin:0 0 25px;}
.bPractices .resp-vtabs h3{  font-size: 30px;
    color: #fff;
  font-weight: 700;}
  
.bPractices  .resp-vtabs ul.resp-tabs-list {
     width: 26%;
	     border-right: solid 1px rgba(255,255,255,0.5);
    padding-bottom: 80px;
}
.bPractices .resp-tab-content .col-md-2{padding:0;}
.bPractices .resp-tab-content .col-md-2 img{width:80%;}
.bPractices .resp-tab-content .col-md-10{padding:0;}
 .bPractices .resp-tab-content ul{padding:0; margin: 45px 0 0 -120px;}
  .bPractices .resp-tab-content ul li{padding:0 ;   margin: 0 56px 0 0; list-style:none; display: inline-block;    vertical-align: top; text-align: center;    position: relative;       width: 10%;}
 .bPractices .resp-tab-content ul li:nth-child(even) { padding:60px 0 0;}
    .bPractices .resp-tab-content ul li:nth-child(even):before{content:''; position:absolute; left:0; background: url(../images/BPractices-line-bg1.png) no-repeat;  left: 84px;
    top: 32px;
    width: 97px;
    height: 97px;
    background-size: 85%;}
    .bPractices .resp-tab-content ul li:nth-child(odd):before{ content:''; position:absolute; left:0; background: url(../images/BPractices-line-bg.png) no-repeat;     left: 78px;
    top: 35px;
    width: 97px;
    height: 97px;
    background-size: 89%; }
	 .bPractices .resp-tab-content ul li:last-child{margin:0;}
	  .bPractices .resp-tab-content ul li:last-child:before{background:none;}
  .bPractices .resp-tab-content ul li span{ display:block;     font-size: 15px;  font-weight: 700;}
     .bPractices .resp-tab-content ul li img{padding:7px; width: auto; background: rgb(124 119 119 / 20%); margin:0 0 8px;
    border: solid 7px rgba(255,255,255,0.2);
	 border-radius: 100%;}
  
 .comparison-table-wrapper {
    overflow: visible;
}


.feature-comparison-table {
    border-radius: 5px;
    min-width: 100%;
    border-collapse: inherit;
    border-spacing: 0;
    margin: 0 0 20px;
}

.feature-comparison-table p {
    font-size: .875rem;
    line-height: 1.375rem;
    font-family: neue-haas-grotesk-text,Helvetica,sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #3b3f47;
    margin-top: 0;
    text-align: center;
}
.feature-comparison-table td.feature-rating {
    font-size: .875rem;
    line-height: 1.375rem;
    font-family: neue-haas-grotesk-text,Helvetica,sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #3b3f47;
    text-align: center;
    border: 0;
    background: 0 0;
}
.tool-tip-button {
    position: relative;
    cursor: pointer;
    top: 2px;
    padding-left: 2px;
}
.feature-tool-tip .icon-tooltip {
    color: #b3b3b3;
    font-size: 14px;
}
.feature-comparison-table thead th {
    padding: 0 15px;
	vertical-align: middle;
}
.tool-tip-button.tool-tip-appended-content::before, .tool-tip-content {
    font-size: .75rem;
    line-height: 1.125rem;
    font-family: neue-haas-grotesk-text,Helvetica,sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #3b3f47;
    color: #fff;
}

.feature-tool-tip .tool-tip-button.tool-tip-appended-content::before, .feature-tool-tip .tool-tip-content {
    left: 20%;
    right: 20%;
    bottom: 26px;
}
.feature-tool-tip .tool-tip-button.tool-tip-appended-content[align=right]::before {
    left: -235px;
    min-width: 250px;
    right: -2px;
}
.tool-tip-button.tool-tip-appended-content:hover::before {
    display: block;
    bottom: 27px;
}
 
.feature-tool-tip .tool-tip-button.tool-tip-appended-content[align=right] {
    margin-right: -18px;
    margin-left: 0;
}
.tool-tip-button.tool-tip-appended-content::before, .tool-tip-content {
    font-size: .875rem;
    line-height: 1.375rem;
    font-family: neue-haas-grotesk-text,Helvetica,sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #3b3f47;
    display: none;
    position: absolute;
    top: initial;
    left: -10px;
    right: -10px;
    bottom: 31px;
    padding: 15px;
    text-align: center;
    border-radius: 3px;
    color: #fff;
    background-color: #3b3f47;
}
.tool-tip-button::after {
    position: absolute;
    top: -13px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #3b3f47;
    opacity: 0;
}
.tool-tip-button:hover::after {
    opacity: 1;
    content: '';
       top: -12px;
    left: -2px;
}


.tool-tip-button.tool-tip-appended-content::before {
    content: attr(data-tooltip-content);
}
 
.fa-info-circle:before {
    content: "\f05a";
	 color: #b3b3b3;
    font-size: 14px;
}
.sr-only {
    position: absolute;
    margin: -1px 0 0 -1px;
    padding: 0;
    display: block;
    width: 1px;
    height: 1px;
    font-size: 1px;
    line-height: 1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
    outline: 0;
}
.feature-comparison-table {
    border: solid 1px rgba(11,19,32,.3);
}
.feature-comparison-table thead {
    height: 60px;
}
.feature-comparison-table thead th:first-child {
    width: 50%;
    padding: 21px 0 21px 15px;
    text-align: left;
}
.feature-comparison-table thead h6 {
    line-height: 1.33;
    letter-spacing: .5px;
    color: #0b1320;
	margin: 0;
	font-weight:600;
    text-transform: uppercase;
 
}
.comparison-table-logo-competitor, .comparison-table-logo-self {
    height: 25px;
    width: auto;
    vertical-align: middle;
}
.feature-comparison-table td {
    word-break: normal;
}
.feature-comparison-table td.feature-heading {
    font-size: .875rem;
    line-height: 1.25rem;
    font-family: neue-haas-grotesk-display,Helvetica,sans-serif;
    font-weight: 600;
    font-style: normal;
    color: #0b1320;
    text-align: left;
    color: #0b1320;
    border: 0;
    padding-left: 15px!important;
    background: 0 0;
}
.feature-comparison-table tbody tr:first-child td {
    border-top: 1px solid rgba(11,19,32,.3);
}
.feature-comparison-table tbody tr td {
    padding-left: 15px;
	border:none;
    padding-right: 15px;
}
.feature-comparison-table thead th:first-child {
    width: 50%;
    padding: 21px 0 21px 15px;
    text-align: left;
}
.feature-comparison-table tbody td.highlight-cell {
    background-color: rgba(11,19,32,.1);
}
.feature-comparison-table tbody tr:nth-child(even) {
    background: rgba(11,19,32,.05);
}
.feature-comparison-table tbody tr {
    height: 50px;
}
.feature-comparison-table tbody tr:first-child td {
    border-top: 1px solid rgba(11,19,32,.3);
}
.star-container-wrap {
    min-width: 155px;
}
.star-container {
    font-size: 1.125rem;
    line-height: 1.75rem;
    /* font-family: neue-haas-grotesk-text,Helvetica,sans-serif; */
    font-weight: 400;
    font-style: normal;
    color: #3b3f47;
    position: relative;
    display: inline-block;
    top: 2px;
    margin-right: 8px;
}
 
.fa-star:before {
    content: "\f005";
}
.fa-check:before {
    content: "\f00c";
	    color: #76c125;
    vertical-align: middle;
}
 

.full-stars {
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    overflow: hidden;
    color: #ffb73e;
}

.hide-in-desktop {
    display: none;
}


 
.comparison-table-wrapper {
    overflow: auto;
    box-shadow: rgb(0 0 0 / 18%) 0px 14px 21px;
    padding: 20px 25px 235px;
}
.fa-close:before, .fa-multiply:before, .fa-remove:before, .fa-times:before, .fa-xmark:before {
    content: "\f00d";
	    color: #e44c4c;
    vertical-align: middle;
}


.challenges {
        padding: 80px 0 260px;
    position: relative;
    /*z-index: 10;*/
}

.challengs-secnew:after{content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 250px;
    background: url(../images/vision--top-bg.png) no-repeat 0 0;
    background-size: cover;}



.challengesTop {
    margin: 0;
    padding: 0;
}
.challenges h2.title {
     color: #004ca2;
    
}
.challenges .col-md-4{   border-left: solid 1px #ccc;
	 padding:15px 60px 15px 20px; margin:40px 0;}
.challenges .col-md-4 img{margin:0 0 15px;}
.challenges .col-md-4 h3{    margin: 0 0 6px;
    padding: 0;
    font-size: 23px;
    font-weight: 700;  color: #034ea3;  position: relative;}
.challenges .col-md-4 h3:before{content: '';  position: absolute;  left: -21px;  top: 0;  width: 2px;   height: 23px;   background: #034ea3; }
 
.challengesTop .col-md-9{  padding: 45px 0 0;}
.challengesTop .col-md-2 img{  width:100%;}


 

.benefitsUsing  {
    padding: 100px 0 60px;
    background: url(../images/qualities-bg.jpg) repeat 0 0;
	    position: relative;
 }
 .benefitsUsing:before{ content:''; position:absolute; left:0;  top:0;
     background: url(../images/qualities-bg.jpg) repeat 0 0;
    padding: 135px 0;
   transform: skew(0deg, -7deg);
    margin-top: -130px;
    height: 100px;
    width: 100%;
}
.benefitsUsing .container{position: relative;}

    
.benefitsUsing .col-md-7 img{width:100%;margin: -120px 0 0;}
 
.benefitsUsing .col-md-7 img.lead-page{width:100%;margin: 0px 0 0;}


.benefitsUsing .accordion-button:not(.collapsed) {
background-color: transparent;}

.benefitsUsing .accordion-button  {
background-color: transparent;}

.benefitsUsing .accordion-button:focus {
    z-index: 3;
    border-color:none;
    outline: 0;
    box-shadow: none;
}

.benefitsUsing  .accordion-item {
    background-color: transparent;
    border: none;
}
.benefitsUsing .accordion-body {
     position: relative;
}
.benefitsUsing .accordion-body p {
     padding:0; margin:0 0 20px;
}
.benefitsUsing .accordion-body ul {
     padding:0; margin:0 0 25px;
}
.benefitsUsing .accordion-body ul li {
     padding:0 0 0 20px; margin:0 0 10px; list-style:none; position:relative;
}
.benefitsUsing .accordion-body ul li:before {
    content: '';
    position: absolute;
    left:0;
    top: 7px;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-left: 5px solid #696969;
    border-bottom: 4px solid transparent;
}
 

.benefitsUsing .accordion-item {  background-color: transparent; box-shadow: none;     border-left: dashed 1px #0854aa;}

.benefitsUsing .collapse.show .accordion-body:before{ content: '';
    top: 0;
    position: absolute;
    left: -2px;
    background: #004ca2;
    height: 100%;
    width: 2px;}
.benefitsUsing .accordion-button:not(.collapsed):before { content: '';
    position: absolute;
    left: -2px;
    background: #004ca2;
    height: 100%;
    width: 2px;}
	
	  .benefitsUsing .accordion-button strong{  margin: 0 0 0 -72px; position: absolute;
    top: 17px;}
	.benefitsUsing .accordion{padding: 0 0 0 42px;}
	  
	.benefitsUsing .accordion-button span{
	padding: 0 0 0 5px;
    font-weight: 500;
    color: #3f3f3f;
    font-size: 22.5px;
    letter-spacing: -1px;}
	
.benefitsUsing .accordion-button:not(.collapsed) span{
	  font-weight: 700;
    color: #004ca2;
     }
	 
	  .benefitsUsing .accordion-button strong img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  opacity:0.7;
}

.benefitsUsing .accordion-button:not(.collapsed) strong img{ 
  filter: none;
   opacity:1;
  -webkit-filter: grayscale(0%);
}
 

 .benefitsUsing .accordion-button:after {
	 content:''; 
	 position:absolute;
	 left:0;
	 top: 21px;
      width: 0;
      height: 0;
      border-top: 7px solid transparent;
      border-left: 9px solid #696969;
      border-bottom: 7px solid transparent;
    }
	
	.benefitsUsing .accordion-button:not(.collapsed):after{  border-top: 7px solid transparent;
      border-left: 9px solid #004ca2;
      border-bottom: 7px solid transparent;    transform: inherit;}
	  
      .benefitsUsing  h2.title {
        color: #004ca2;
        margin: 0 0 15px;
        font-size: 58px;
        letter-spacing: -1px;
    }
	 
		.benefitsUsing h4{     color: #3f3f3f;
    font-weight: 600;
    margin: 0 0 50px;
    font-size: 32px;
		letter-spacing: -1px;}
		
	.benefitsUsing .getBtn {   margin: 32px 0 0 18px; }	
	
.hclients.Inner p{	margin: 0 0 30px;}

 

 .leadProcess.rbotBox .accordion-body {
    background: #094aa8;
    color: #fff;
    padding: 89px 60px 60px;
    /* border-top: solid 1px #1c68d3; */
    border-top: solid 2px #2570c1;
}

 .leadProcess.rbotBox .accordion-body .col-md-6{ margin:0 0 30px;}
 .leadProcess.rbotBox .accordion-body .col-md-6 h3 span {
    font-weight: 400;
    font-size: 20px;
    padding: 11px 0 0 0;
    color: #fff;
    margin: 0 13px 0 0;
}


.benefitsUsing .col-md-4 {
    background: #fff;
    width: 31%;
    /* box-shadow: 10px 10px 5px #ccc; */
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
    margin: 0 18px 20px 0;
    border-radius: 16px;
    padding: 25px;
    font-size: 16px;
	position: relative;
}
.benefitsUsing .col-md-4 span {
    letter-spacing: -3px;
    font-size: 60px;
    position: absolute;
    right: 13px;
    top: 0;
    font-weight: 100;
    opacity: 0.4;
}
.benefitsUsing .col-md-4 h3 {
    font-size: 25px;
    text-transform: uppercase;
    letter-spacing: -1px;
    font-weight: 700;
    color: #042d78;
}
.crm .aboutIntroR {
    margin: -170px 0 0 0;
     padding: 0 0 80px 90px;
}

.mdec{display: none; }
.pricing-section .resp-tabs-list{position:relative;display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;}
.pricing-section .resp-tabs-list:before {
	position: absolute;
    left: 38%;
    content: '';
    text-align: center;
    border-bottom: solid 2px #ccc;
    width: 22%;
    margin: 0 auto;
    bottom: 4px;
}

.fa-whatsapp.my-float{ display:none;}

#video-popup-container {
  display:none;
  position: fixed;
  z-index: 996;
  width: 60%;
  left: 50%;
  margin-left: -30%;
  top: 20%;
  background-color: #fff;
}

#video-popup-close {
  cursor: pointer;
  position: absolute;
  right: -10px;
  top: -10px;
  z-index: 998;
  width: 25px;
  height: 25px;
  border-radius: 25px;
  text-align: center;
  font-size: 12px;
  background-color: #000;
  line-height: 25px;
  color: #fff;
}

#video-popup-iframe-container {
  position: absolute;
  z-index: 997;
  width: 100%;
  padding-bottom: 56.25%;
  border: 2px solid #000;
  border-radius: 2px;
  background-color: #000;
}

#video-popup-iframe {
  z-index: 999;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #000;
}

#video-popup-overlay {
  display: none;
  position: fixed;
  z-index: 995;
  top: 0;
  background-color: #000;
  opacity: 0.8;
  width: 100%;
  height: 100%;
}

#video-popup-close:hover {
  color: #DE0023;
}

#video .modal-dialog {
max-width: 800px;}

#video .btn-close {
   background-position: right 0;
    right: 23px;
    text-align: right;
    width: 100%;
    position: relative;
    top: 11px;
}

.benefitsUsingTop p{padding:0; margin:0 0 35px;}
.benefitsUsing.tma .col-md-7 img { margin: 0;}

.hweOffer.crm  {
    transform: inherit;
    margin-top: 0;
	    padding: 0;
	    position: relative;
}
.hweOffer.crm  .container {
transform: inherit;  position: relative;}

.mobileCRM {
    background: #fff;
    padding: 200px 0 230px;
    transform: skew(0deg, -10deg);
    margin-top: -200px;
     
}


.mobileCRM .col-md-6:nth-child(1) img{width:100%;}
.mobileCRM .container {
    transform: skew(0deg, 10deg);
    text-align: left;
}


.mobileCRM.str {
    background: #fff;
    padding: 100px 0 130px;
   transform:inherit;
    margin-top: 0;
     
}
 .mobileCRM.str .container {
    transform:inherit;
    text-align: left;
}


.mobileCRM h2.title {
    color: #004ca2;
    margin: 0;
	font-size:50px;
	line-height:55px;
}
.mobileCRM h2.title br{display:none;}
.mobileCRM p{margin:0 0 25px; padding:0;}
.mobileCRM ul{ padding: 0 0 35px 0;
margin: 0 0 10px 5px;}
.mobileCRM ul li {
    padding: 0 0 0 20px;
    margin: 0 0 10px;
    list-style: none;
    position: relative;
}
.mobileCRM ul li:before {
       content: '';
    position: absolute;
    left: 0;
    top: 5px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-left: 8px solid #da1010;
    border-bottom: 7px solid transparent;
}
.mobileCRM .circleOut img {
    position: relative;
    z-index: 100;
    left: 201px;
    width: 44%;
    top: 60px;
}
.mobileCRM  .circleOut {
    position: relative;
    top: 86px;
}

.hweOffer.crm:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: #0a3f8f;
    padding: 135px 0;
    transform: skew(0deg, -7deg);
    margin-top: -130px;
    height: 100px;
    width: 100%;
}
.benefitsUsing.crm {  padding: 100px 0 350px;}

.hmenu ul li ul:before {     content: '';
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 10px solid #b82329;
    top: -10px;
    /* width: 100%; */
    position: absolute;
    left: 55%;
    }

.hmenu ul li ul.menuIn {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  display: block;
  text-align:left;
    padding: 0;
  background: #fff;
   border-radius: 5px;
   z-index: 100000;
      top: 115px;
    transition: opacity 0.2s, visibility 0.2s;
    width: 900px;
    left: -153px;
	
  /* transition: opacity 0.2s, visibility 0.2s; */
}
.scroll-up .hmenu ul li ul.menuIn {
    top: 61px;
}
.hmenu ul li ul li {
   padding:0; 
   border-bottom: solid 1px rgba(255,255,255,0.5);
    width: 100%;
}
.hmenu ul li ul.menuIn li:after{background:none;}
.hmenu ul li ul.menuIn li:last-child{border-bottom: none;}

.header .hmenu ul li ul.menuIn li a:after{background:none;}
.hmenu ul li ul.menuIn li a {
  color: #000;
}
.hmenu ul li:hover { color:#fff;}
.hmenu ul li:hover a {
    color: #fff;
    opacity: 1;
}
.hmenu ul li:hover ul.menuIn {
  visibility: visible;
  opacity: 1;
  box-shadow: 0px 0px 11px -1px #000;
}
.hmenu ul li:hover ul.menuIn li a {
  color: #000;
}

@keyframes slide-in {
  0% {
    top: -50px;
  }
  40% {
    top: 20px;
  }
  70% {
    top: 10px;
  }
  100% {
    top: 15px;
  }
}
.challenges.topSha{position:relative; padding:0 0 250px;}

.challenges.topSha:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    padding: 135px 0;
    transform: skew(0deg, -7deg);
    margin-top: -130px;
    height: 100px;
    width: 100%;
}



#customers-testimonials .shadow-effect p {
		    font-family: inherit;
		    font-size: 17px;
		    line-height: 1.5;
		    margin: 0 0 17px 0;
		    font-weight: 300;
		}
		.testimonial-name {
		    margin: -17px auto 0;
		    display: table;
		    width: auto;
		    background: #3190E7;
		    padding: 9px 35px;
		    border-radius: 12px;
		    text-align: center;
		    color: #fff;
		    box-shadow: 0 9px 18px rgba(0,0,0,0.12), 0 5px 7px rgba(0,0,0,0.05);
		}
		#customers-testimonials .item {
		    text-align: center;
		    padding: 0 20px 50px;
				margin-bottom:0;
		    opacity: .5;
		    -webkit-transform: scale3d(0.8, 0.8, 1);
		    transform: scale3d(0.8, 0.8, 1);
		    -webkit-transition: all 0.3s ease-in-out;
		    -moz-transition: all 0.3s ease-in-out;
		    transition: all 0.3s ease-in-out;
		}
		#customers-testimonials .owl-item.active.center .item {
		    opacity: 1;
		    -webkit-transform: scale3d(1.0, 1.0, 1);
		    transform: scale3d(1.0, 1.0, 1);
		}
		.owl-carousel .owl-item img {
		    transform-style: preserve-3d;
		    max-width:140px;
    		margin: 0 auto 17px;
		}
		#customers-testimonials.owl-carousel .owl-dots .owl-dot.active span,
#customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span {
		    background: #004ca2;
		    transform: translate3d(0px, -50%, 0px) scale(0.7);
		}
#customers-testimonials.owl-carousel .owl-dots{
	display: inline-block;
	width: 100%;
	text-align: center;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot{
	display: inline-block;
}
		#customers-testimonials.owl-carousel .owl-dots .owl-dot span {
    background: #004ca2;
		    display: inline-block;
		    height: 20px;
		    margin: 0 0 5px;
		    transform: translate3d(0px, -50%, 0px) scale(0.3);
		    transform-origin: 50% 50% 0;
		    transition: all 250ms ease-out 0s;
		    width: 20px;
			    border-radius: 100%;
		}


.bPractices.rpslide  {
	background: url(../images/qualities-bg.jpg) repeat 0 0;
     padding: 106px 0 116px;
    transform: inherit;
    margin-top: 0;
	    position: relative;
}
.bPractices.rpslide .container {
    transform: inherit;
    text-align: left;
	color:#000;
	position:relative;
}

 
.bPractices.rpslide h2.title {
    color: #004ca2;
}

.bPractices.rpslide .bPracticesTop{color:#000;
}

.aboutIntro.crm.wapi{padding-bottom:160px;}

.bPractices.Rbot .container {
    color:#fff;
}
.bPractices.Rbot .owl-item img {
    border-radius: 100%;
}

.bPractices.Rbot #customers-testimonials.owl-carousel .owl-dots {
    position: relative;
    bottom: 40px;
}
.bPractices.Rbot #customers-testimonials.owl-carousel .owl-dots .owl-dot.active span, .bPractices.Rbot #customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span {
background: #fff;}

.bPractices.Rbot #customers-testimonials.owl-carousel .owl-dots .owl-dot span {
background: #fff;}

.pDetailIntroL {
    padding: 80px 0 0;
}

.pDetailIntroL.rfIntro {
    padding: 80px 0 340px;
}

.pDetailIntroL.rfIntro h3{padding:0; margin:0; font-size:25px;}
.pDetailIntroL.rfIntro p{padding:0; margin:0 0 25px; width:80%;}

.challengesTop .col-md-2 img{transform: translatey(0px);
animation: float 2s ease-in-out infinite;}

.bPractices .container:before{transform: translatey(0px);
animation: float 2s ease-in-out infinite;}

.bPractices .resp-tab-content .col-md-5 img{width:100%; opacity:0.8;}

@keyframes float {
	0% {
		 transform: translatey(0px);
	}
	50% {
		 transform: translatey(-20px);
	}
	100% {
		 transform: translatey(0px);
	}
}

.navigation__list .accordion-items{display:none;}

.pDetailIntroL.lmp {
    padding: 140px 0 0;
	position: relative;
    z-index: 1000;
}

 .pDetailIntroB img{ width: 72%;}
 
.testimonial .cImg img{ border-radius: 100%;
    z-index: 1;
    width: 18%;
    position: relative;
    -webkit-box-shadow: #023d78 10px 7px 0px;
box-shadow: #023d78 10px 7px 0px;}


.signUp .col-md-2{  text-align: center;}

.signUp{  padding:40px 0; background:#1459d5; color: #fff; text-align:center; }
  .signUp p{padding:0; margin:0 0 15px;}
.signUp h2.title {    color: #fff;  font-size: 46px;  line-height: 55px;   margin: 0 0 8px; }
 .signUp h2.title span {
    font-weight: 300;
    color: #fff;
}
  .signUp p a {  margin: 0 10px 0 0;
  text-decoration:none;
    padding: 0;
    /* border: solid 5px rgba(255,255,255,0.1); */
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;} 
    .signUp p a.signUp{    background: #01389b;
    color: #fff;
    padding: 10px 30px;
    border-radius: 35px;
    text-decoration: none;
    margin: 12px 0 0 10px;
    display: inline-block;}
  .signUp p a.signUp:hover{background:#032d76;}
   .signUp .col-md-9 {
     padding: 17px 0 0;
}

.signUp .col-md-2 img{  transform: translatey(0px);
    animation: float 2s ease-in-out infinite;
    width: 100%;
    position: relative;
    /* top: -71px; */
    margin: -98px 0 0;}
  
 .faward ul{ background: #fff;
    border-radius: 6px;
 padding: 5px 15px;}
 
 .faward { margin: -13px 0 0;}
  .faward ul li{ padding: 0 10px 0 0;}
   .faward ul li:last-child{ padding: 0;}
  .signUp p a {  font-size:20px;}
 .bPracticesTop h2.title {
 font-size: 40px;}
 .bPractices .resp-vtabs li.resp-tab-active {
    font-size: 28px;
 line-height: 27px;}
 
 .benefitsUsing .col-md-7{position:relative;}

.benefitsUsing .col-md-7:before{content:''; position:absolute; left:0; width:400px; height:400px;
}
.benefitsUsing .col-md-7 img{
position: relative;
    z-index: 10000;
}

.benefitsUsing .col-md-7:before {
    content: '';
    position: absolute;
    top: -64px;
    left:45%;
    width: 269px;
     background-size: 100%;
    z-index: 1000;
    height: 387px;
}

.leBanner{
    padding: 180px 0 26px;
   margin: 0 0 90px;
}
.innerbannerSec.leBanner:after{background:none; /*box-shadow: -5px 14px 8px -12px #000;*/}
.benefitsUsing .col-md-7 img.rImg{    position: absolute;
    width: 34%;
    left: 46%;
    top: 56px;
} 

/* 
.benefitsUsing .col-md-7 img.rImg {
    position: absolute;
    width: 100%;
    left: 4%;
    top: 70px;
} */
.rbotB  {
    background: url(../images/inner-banner-bg1.jpg) no-repeat;
    padding: 180px 0 50px;
    margin: 0 0 90px;
}
.innerbannerSec.rbotB:after {
    background: none;
	/* box-shadow: -5px 14px 8px -12px #000; */
}
.innerbannerSec.rbotB .col-md-5 {
    margin: -65px 0 0;
}

.rbotIn .aboutIntroL img {
    width: 100%;
    margin: 0 0 165px;
}

.wapiB  {
    background: #0448a4;
    padding: 180px 0 140px;
    margin: 0 0 90px;
	
}
.innerbannerSec.wapiB:after {
    background: none;
 
}
.innerbannerSec.wapiB .col-md-6:last-child {
    margin: -35px 0 0;
}

.innerbannerSec.wapiB .col-md-6 img{width:100%;}

.crm.wapi .aboutIntroR {
margin: 0;}
 

.rformB  {
    background: url(../images/inner-banner-bg1.jpg) no-repeat;
    padding: 180px 0 70px;
    margin: 0 0 90px;
}
.innerbannerSec.rformB:after {
    background: none;
	box-shadow: -5px 14px 8px -12px #000;
}

.innerbannerSec.wapiB:after {
     background: url(../images/w-banner-s-bg.png) no-repeat;
    background-size: cover;
    height: 265px;
}
 
.innerbannerSec.rformB .col-md-5  img {  position: absolute; }

 
.innerbannerSec.rformB .col-md-5 {
    margin: -70px 0 0;
	text-align:left;
}
.innerbannerSec.rbotB .col-md-6:last-child {position:relative;}
.innerbannerSec.rbotB .col-md-6:last-child img { position:absolute; width: 100%;}
 .innerbannerSec.leBanner .col-md-6:last-child {position:relative;}
 .innerbannerSec.leBanner .col-md-6:last-child img {  position: absolute;   width: 75%;  margin: 0 auto;   left: 15%;}
.grecaptcha-badge{z-index: 10000;}
 .navigation__item ul{display:none;}
 .thankyou {

      background: url(../images/inner-banner-bg.jpg) no-repeat;
	  background-size:cover;
	      height: 100vh;

}
.leadProcess .accordion-body ul{padding:30px 0; margin:0;}
.leadProcess .accordion-body ul li{display:block; background:none;  width: 100%; padding: 0 0 10px 18px;
    margin: 0; text-align: left;     position: relative;}
 
.leadProcess .accordion-body ul li:before  {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 7px solid #fff;
    border-bottom: 5px solid transparent;
}

.mobileCRM.bcg {
background: #f3f3f3;}



.aboutIntro.telcrm:after{ background:none;}
.benefitsUsing.telcrm{padding-bottom:180px;}
.benefitsUsing.telcrm:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 250px;
    background: url(../images/vision--top-bg.png) no-repeat 0 0;
    background-size: cover;
}
 
.leadProcess.telcrm{padding-bottom:60px;}

.videoSec {
    background: url(../images/qualities-bg.jpg) repeat 0 0;
    padding: 100px 0 130px;
  text-align:center;
}
.videoSecTop{margin:0 0 30px;}
.videoSec h2.title {
    color: #004ca2;
}
.videoSec .container {
    text-align:center;
	    padding:0;
}
.videoSec .videoIn{position:relative; max-width:800px; margin:0 auto;}
.videoSec .videoIn img{width:100%;  border: solid 30px #000;
    border-radius: 15px;
      box-shadow: 1px 9px 27px #000;
    outline: 10px solid #f5f5f5;}
.videoSec .videoIn .play-icon-box {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1000;
    transform: translate(-50%, -50%);
}
.pricing-section.telcrm{ margin:0;}
.pricing-section.telcrm {   margin: 0;  background: #f1f1f1;   float: none; }

.challengs-secnew:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    padding: 135px 0;
    transform: skew(0deg, -7deg);
    margin-top: -130px;
    height: 100px;
    width: 100%;
}
.leadProcess.lead-sec{padding-bottom:180px;}
.aboutIntro.telcrm{ padding-bottom: 100px;     padding-top: 80px;}
.aboutIntro.crm{padding:100px 0 100px;  }
.aboutIntro.crm ul{padding:0;  margin:-18px  0 15px;}

.aboutIntro.crm ul li {
    display: block;
    background: none;
    width: 100%;
    padding: 0 0 10px 18px;
    margin: 0;
    text-align: left;
    position: relative;
}
.aboutIntro.crm ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left:7px solid #034599;
    border-bottom: 5px solid transparent;
}



.wfhTab .resp-vtabs .resp-tabs-list li{position:relative;}
.wfhTab .resp-vtabs .resp-tabs-list li:after{   content: '';
    position: absolute;
    width: 40%;
    height: 1px;
    background: #b1b1b1;
    opacity: 0.5;
    border: 0;
    bottom: -9px;
   right:0px;}
   
   
.wfhTab .resp-vtabs .resp-tabs-list li.resp-tab-active:before{   content: '';
    position: absolute;
   width: 7px;
      height: 13px;
       background: url(../images/arrow-w.html) no-repeat 0  bottom;
    background-size: 100%;
    top: 48%;
   right: -11px;}
   
   

.wfhTab .resp-vtabs .resp-tabs-container {
    background-color: transparent;
	    width: 73%;
border: none; color:#000;}


.wfhTab .resp-vtabs .resp-tabs-list li {
    text-align: right;
    font-size: 20px;
    line-height: 26px;
    color: #000;
    font-weight: 700;
	opacity:0.5;
	    padding: 6px 20px 10px !important;
    margin: 20px 0;
	position: relative;
    right: -3px;
	    list-style: none;
	border-right: solid 4px transparent;
}
.wfhTab .resp-vtabs .resp-tabs-list li span{    display: block;
    text-transform: uppercase;
	font-weight: 500;
    font-size: 18px; padding: 0;
    line-height: 18px;}
.wfhTab .resp-vtabs li.resp-tab-active {
	font-size: 26px;
    line-height:32px;
	color: #0854aa;
    border: none;
    border-right: solid 4px #014397;
background-color: transparent;
opacity:1;
}

.wfhTab .resp-vtabs .resp-tabs-list li:last-child:after{background:none;}
.wfhTab .resp-tab-content {
  padding: 38px 0 0 51px;}
.wfhTab .resp-tab-content p{padding:0; margin:0 0 25px;}
.wfhTab .resp-vtabs h3{  font-size: 30px;
    color: #0854aa;
  font-weight: 700;}
  
.wfhTab  .resp-vtabs ul.resp-tabs-list {
     width: 26%;
	     border-right: solid 1px rgba(0,0,0,0.5);
    padding-bottom: 80px;
}
.wfhTab .resp-tab-content .col-md-2{padding:0;}
.wfhTab .resp-tab-content .col-md-2 img{width:80%;}
.wfhTab .resp-tab-content .col-md-10{padding:0;}
 .wfhTab .resp-tab-content ul{padding:0; margin: 45px 0 0 -120px;}
  .wfhTab .resp-tab-content ul li{padding:0 ;   margin: 0 56px 0 0; list-style:none; display: inline-block;    vertical-align: top; text-align: center;    position: relative;       width: 10%;}
 .wfhTab .resp-tab-content ul li:nth-child(even) { padding:60px 0 0;}
    .wfhTab .resp-tab-content ul li:nth-child(even):before{content:''; position:absolute; left:0; background: url(../images/BPractices-line-bg1.png) no-repeat;  left: 84px;
    top: 32px;
    width: 97px;
    height: 97px;
    background-size: 85%;}
    .wfhTab .resp-tab-content ul li:nth-child(odd):before{ content:''; position:absolute; left:0; background: url(../images/BPractices-line-bg.png) no-repeat;     left: 78px;
    top: 35px;
    width: 97px;
    height: 97px;
    background-size: 89%; }
	 .wfhTab .resp-tab-content ul li:last-child{margin:0;}
	  .wfhTab .resp-tab-content ul li:last-child:before{background:none;}
  .wfhTab .resp-tab-content ul li span{ display:block;     font-size: 15px;  font-weight: 700;}
     .wfhTab .resp-tab-content ul li img{padding:7px; width: auto; background: rgb(124 119 119 / 20%); margin:0 0 8px;
    border: solid 7px rgba(255,255,255,0.2);
	 border-radius: 100%;}
	 
	 .wfhTab .resp-tab-content .col-md-5 img{width:100%;}
 
.leadProcess.telcrm.wfh .accordion-body {
    background: #094aa8;
    color: #fff;
    padding: 89px 60px 60px;
    /* border-top: solid 1px #1c68d3; */
    border-top: solid 2px #2570c1;
}

.leadProcess.telcrm.wfh .accordion-body .col-md-6{margin-bottom:25px;}

  .benefitsUsing.wfhTab h2.title {
    margin: 0 0 25px;
}



.whycallCRM {
    background: url(../images/best-practices-bg.jpg) no-repeat 0 0;
    padding: 200px 0 230px;
    transform: skew(0deg, -10deg);
    margin-top: -200px;
	 color: #fff;
     position: relative;
}

.whycallCRM:before {
    content: '';
    position: absolute;
    background: url(../images/Call-Centre-CRM-Banner.png) no-repeat;
    background-size: 27%;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    top: 115px;
}

.whycallCRM .col-md-6:nth-child(1) img{width:100%;}
.whycallCRM .container {
    transform: skew(0deg, 10deg);
    text-align: left;
}

.whycallCRM.ccs {
    padding: 100px 0 60px;
     transform:inherit;
    margin-top:0;
 }
 
.whycallCRM.ccs .container {
    transform:inherit;
    text-align: center;
}

.whycallCRM h2.title {
    color: #fff;
    margin: 0 0 25px;
	font-size:50px;
	line-height:55px;
}
 
.whycallCRM p{margin:0 0 25px; padding:0;  color: #fff;}

.whycallCRM ul {
    padding: 0 0 35px 0;
    margin: 0 0 10px 0px;
    display: flex;
    flex-wrap: wrap;
    width: 86%;
    margin: 0 auto;
    margin-bottom: 10px;
}
.whycallCRM ul li:hover {
    box-shadow: 0 0 19px 0 rgb(0 0 0/28%);
    background: #065ecc;
}
.whycallCRM ul{

}
.whycallCRM ul li {
    padding: 15px 26px;
    margin: 14px 19px 17px;
    list-style: none;
    flex: 0 0 29.33%;
    position: relative;
    box-shadow: 0 0 4px 0 rgb(0 0 0/28%);
    color: #fff;
    display: inline-block;
    vertical-align: top;
    width: 41.33%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: rgb(0,0,0,0.1);
}
.whycallCRM ul li span{display:inline-block;  width: 25%; vertical-align: top;}


.whycallCRM ul li strong {
    display: inline-block;
    width: 70%;
    vertical-align: top;
    font-size: 20px;
    line-height: 23px;
    margin-top: 15px;
}

.whycallCRM ul li span img{ width:85%;}
/*.whycallCRM ul li:before {
       content: '';
    position: absolute;
    left: 0;
    top: 5px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-left: 8px solid #fff;
    border-bottom: 7px solid transparent;
}*/
 

.fstcrm {
    padding-bottom: 80px;
    padding-top: 60px;
}
.fstcrm .aboutIntroL img{width:100%;}
 
 .fstcrm.aboutIntro:after{background:none;}
 
   .scroll-down .header.inner{ top: -99px;}
  .scroll-up .header.inner{ top: 0;}

.benefitsUsing.wfhTab .col-md-7 img {
   margin: -80px 0 0;
}

.bPractices .owl-carousel .owl-dots.disabled, .bPractices .owl-carousel .owl-nav.disabled {
    display: block;
    position: absolute;
    top: 50%;
	width:100%;
}

.bPractices .owl-carousel  .owl-prev{float:left; font-size:0;}
.bPractices .owl-carousel  .owl-prev:before{content:'<'; position:absolute; left:0; font-size:30px; color:#fff;}
.bPractices .owl-carousel  .owl-next{float:right; font-size:0;}
.bPractices .owl-carousel  .owl-next:before{content:'>'; position:absolute; right:0; font-size:30px; color:#fff;}


/* Style the tab */
.menuOut .tab {
    float: left;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    width: 30%;
    height: 423px;
}

/* Style the buttons that are used to open the tab content */
.menuOut .tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 22px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
      border-bottom: solid 1px #ccc;
	  position:relative;
 
}

/* Change background color of buttons on hover */
.menuOut .tab button:hover {
  background-color: #ddd;
}

/* Create an active/current "tab button" class */
.menuOut .tab button.active {
 background-color: #b82329;
    color: #fff;
}

.menuOut .tab button.active:before {
content: '';
    width: 0;
    height: 0;
     top: 41%;
     position: absolute;
    right: -10px;
    border-top: 7px solid transparent;
    border-left: 10px solid #b82329;
    border-bottom: 7px solid transparent;
}

/* Style the tab content */
.menuOut .tabcontent {
  float: left;
  padding:30px;
  border: 1px solid #ccc;
  width: 70%;
  border-left: none;
  height: 100%;
  display: none;
 
}

.menuOut .tabcontent:before {
	    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: auto;
    right: 0;
    width: 144px;
    background: url(../images/robo-big-img.png) no-repeat;
    background-size: 100%;
    background-position: 0 bottom;
    opacity: 0.2;
}
.menuOut .tabcontent h2{    color: #cf040c;
    font-size: 25px;
    padding: 0;
    margin: 0 0 10px;
    font-weight: 600;}


.menuOut .tabcontent ul{ padding:0; margin:0;} 
.menuOut .tabcontent ul li{ padding:0; margin: 0 15px 0 0;  width: 46%; border-bottom: solid 1px rgba(0,0,0,0.1);} 
.menuOut .tabcontent ul li a{ padding:8px 0; margin:0; opacity: 0.7; } 
.menuOut .tabcontent ul li a i{    padding: 0 8px 0 0;
    width: 23px;
    text-align: center;}


/*_________________  Accordion
________________________________________*/
.accordionmenu {
  position: relative;
  margin: 0 auto;
  width: 80%;
}

[id*="open-accordion"], [id*="close-accordion"] {
  background: transparent;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  line-height: 40px;
  height: 40px;
  display: block;
  margin: 0 auto;
  position: relative;
  width: 99%;
}

[id*="close-accordion"] {
  display: none;
}

.accordionmenu a {
  color: #fff;
   font-size: 16px;
  font-weight: normal;
  padding-left: 2%;
  text-decoration: none;
  text-shadow: none;
}

.accordionmenu ul{display:block;}
.accordionmenu ul li{ color: #fff; font-size:14px;}

[id*="open-accordion"]:after, [id*="close-accordion"]:after {
  content: "";
     border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 5px  solid rgba(255, 255, 255, 0.6);
  position: absolute;
  right: 5px;
  top: 15px;
  z-index: 999;
 
}

.target-fix {
  display: block;
  top: 0;
  left: 0;
  position: fixed;
}

.accordionmenu .accordion-content {
  background:transparent;
  height: 0;
  margin: -1px auto 0;
  padding: 0 2.5%;
  position: relative;
  overflow: hidden;
  width: 100%;
  display:none;
  transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
}

.accordionmenu span:target ~ .accordion-content {
  display: block;
  height: auto;
  padding-bottom: 25px;
  padding-top: 10px;
}

.accordionmenu span:target ~ [id*="close-accordion"] {
  display: block;
}

.accordionmenu span:target ~ [id*="open-accordion"] {
  display: none;
}

.accordionmenu span:target ~ [id*="close-accordion"]:after {
  border-bottom: 5px solid #fff;
      border-top: none;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
}

 .testimonial h2.title { color: #fff;
    text-align: center;
    margin: 0 0 45px;
 }

.challenges.tcrm {
padding: 150px 0 160px;}

 .innerbannerSec.pdB h5{font-style: italic;}
 
 .aboutIntro.crm.wapi .aboutIntroL img {
    width: 122%;
}



/* 29-07-2023 */




.benefitsUsing.telcrm.post-sale:after {
    content: '';
    display: none;
}

.qualities.real-est .container {
    transform: skew(0deg, 5deg);
    text-align: left;
}
.qualities.real-est {
    /* background: #034ea3!important; */
    padding: 120px 0 100px;
    transform: skew(0deg, -5deg);
    margin-top: -200px;
    background: url(../images/ourjorny-bg.jpg) repeat 0 12px #044799;
    padding: 150px 0 150px;
    position: relative;
    overflow: hidden;
}

.qualities.real-est .col-md-4 {
    width: 50%;
}
.qualities.real-est .col-md-4 h3 {
    color: #fff;
}
.qualities.real-est .col-md-4 p{
    color: #fff;
}
.qualities.real-est .col-md-4 h3:before {
    background: #fff;
}
.mobileCRM.Benefits {
    transform: skew(0deg, 0deg);
    background: #Fff !important;
    z-index: 9;
    margin-top: 0;
    position: relative;
    padding: 140px 0 70px;
}
.mobileCRM.real-est {
    background: #fff;
    padding: 145px 0 230px;
    transform: skew(0deg, 0deg);
    margin-top: 0px;
}
.mobileCRM.real-est .container {
    transform: skew(0deg, 0deg);
    text-align: left;
}

.mobileCRM.Benefits .container {
    transform: none;
}
.aboutIntro.telcrm.rel-est {
    padding-bottom: 200px;
}
.hweOfferBottom.rel-est .col-md-4.first li:nth-child(1) {
    margin: 0 0 100px -80px;
}
.hweOfferBottom.rel-est .col-md-4.first li:nth-child(3) {
    right: -424px;
    padding-top: 80px;
}
.hweOfferBottom.rel-est .col-md-5.right li:nth-child(2) {
    padding-top: 100px;
}
.aboutIntro.telcrm.rel-est {
    padding: 321px 0 259px;
    transform: skew(0deg, -5deg);
    background: #05479bf0;
    margin-top: -80px;
    color: #Fff !important;
}
.aboutIntro.telcrm.rel-est .container {
    transform: skew(0deg, 5deg);
}
.aboutIntro.telcrm.rel-est h2.title{
    color: #fff;
}
.leadProcess.rel_sta .col-md-6 img {
    width: 100%;
    display: none;
}
.leadProcess.telcrm.rel_sta .col-md-6 {
    width: 80%;
}
.col-md-6.real-sale-img img {
    width: 100%;
}
.benefitsUsing.post-sale h2.title {
    line-height: 50px;
    margin-bottom: 20px;
}
.leadProcess.telcrm.rel_sta {
    padding-bottom: 100px;
}
.benefitsUsing.telcrm.real-est {
    padding-top: 50px;
    padding-bottom: 50px;
}

.wfhTab.real-est .resp-vtabs ul.resp-tabs-list {
    width: 88%;
    display: flex;
    border-right: solid 0px rgba(0,0,0,0.5);
    justify-content: center;
    z-index: 9;

}
.wfhTab.real-est .resp-vtabs li.resp-tab-active {
    border-bottom: solid 2px #014397;
    border-right: solid 0px #014397;
}
.wfhTab.real-est #verticalTab {
    display: flex !important;
    flex-direction: column;
    width: 100% !important;
}

.wfhTab.real-est #verta:after {
    content: 'Developers ';
    position: absolute;
    left: 2%;
    width: 81%;
    z-index: 100;
    top: 81%;
    font-size: 117px;
    color: #2c2828;
    opacity: 0.5;
    font-weight: 100;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    font-family: 'Poppins';
    text-transform: capitalize;
}

.wfhTab.real-est .accordion-body ul {
    display: flex;
    margin: 0 !important;
    align-items: flex-start !important;
    flex-direction: column;
    position: relative;
}
.wfhTab.real-est .accordion-body ul li {
    padding: 0;
    padding-bottom: 10px !important;
    width: 100% !important;
    text-align: inherit;
    padding-left: 18px;
    margin: 0;
}

.wfhTab.real-est .resp-tab-content .accordion-body ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-left: 9px solid #696969;
    border-bottom: 7px solid transparent;
}
.wfhTab.real-est .resp-tab-content {
    padding: 38px 0 48px 51px;
}

.benefitsUsing.wfhTab.real-est  .container {
    position: relative;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 300px;
}

.leadProcess {
    background: url(../images/ourjorny-bg.jpg) repeat 0 12px #044799;
    padding: 50px 0 150px;
    position: relative;
    overflow: hidden;
}


.resp-vtabs .resp-tabs-container {
    padding: 0px;
    background-color: #fff0 !important;
    border: 0px solid #c1c1c1 !important;
    float: left;
    width: 68%;
    min-height: 250px;
    border-radius: 4px;
    clear: none;
}

div#verticalTabs .resp-tabs-container {
    width: 100% !important;
}
div#verticalTabs {
    display: flex !important;
    flex-direction: column;
}
div#verticalTabs ul.resp-tabs-list {
    display: flex;
    width: 100% !important;
    justify-content: center;
    margin-left: -128px;
}
.qualities.real-est.brok-tab {
    position: relative;
}

.wfhTab.real-est #vertb:after {
    content: 'Brokers';
    position: absolute;
    left: 2%;
    width: 81%;
    z-index: 100;
    top: 81%;
    font-size: 117px;
    color: #2c2828;
    opacity: 0.5;
    font-weight: 100;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    font-family: 'Poppins';
    text-transform: capitalize;
}


#vertb{
    display: none ;
}

ul.devtabs {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin-left: -20%;
}
ul.devtabs li {
    margin: 0 10px;
}
ul.devtabs li button {
    text-align: right;
    font-size: 20px;
    line-height: 26px;
    color: #000;
    font-weight: 700;
    opacity: 0.5;
    padding: 6px 20px 10px !important;
    margin: 20px 0;
    position: relative;
    right: -3px;
    list-style: none;
    background-color: transparent;
    border: solid 0px transparent;
}
ul.devtabs li button.mystyle{
    font-size: 26px;
    line-height: 32px;
    color: #0854aa;
    border: none;
    border-bottom: solid 2px #014397;
    border-right: solid 0px #014397;
    background-color: transparent;
    opacity: 1;
}
.benefitsUsing.telcrm.real-est:after{
    height: 0;
}
.wfhTab.real-est .resp-vtabs .resp-tabs-list li:after {
    height: 0px;
}
.aboutIntro.telcrm.rel-est h5 {
    color: #fff;
}
ul.sec02 {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: 25px;
}
ul.sec02 li {
    width: 47%;
    display: flex;
    align-items: center;
    margin-bottom: 21px;
    padding-right: 27px;
}
ul.sec02 li p {
    margin: 0;
    padding-left: 20px;
}
ul.sec02 li img {
    width: 85px;
    height: 85px;
}
.aboutIntro.telcrm.rel_sta img {
    width: 80%;
    position: relative;
    top: -97px;
}
.aboutIntro.telcrm.rel_sta {
    padding-bottom: 160px;
    padding-top: 166px;
}
#collapseOne{
    position: relative;
}

/* #collapse1:after {
    content: '';
    position: absolute;
    background: url(../images/psm-01.png)no-repeat left;
    background-size: 57%;
    width: 100%;
    height: 519px;
    top: -76px;
    left: 100%;
}
#collapse2:after {
    content: '';
    position: absolute;
    background: url(../images/psm-02.png)no-repeat left;
    background-size: 57%;
    width: 100%;
    height: 519px;
    top: -76px;
    left: 100%;
}
#collapse3:after {
    content: '';
    position: absolute;
    background: url(../images/psm-03.png)no-repeat left;
    background-size: 57%;
    width: 100%;
    height: 519px;
    top: -76px;
    left: 100%;
}
#collapse4:after {
    content: '';
    position: absolute;
    background: url(../images/psm-04.png)no-repeat left;
    background-size: 57%;
    width: 100%;
    height: 519px;
    top: -76px;
    left: 100%;
} */
div#accordionExample03 {
    width: 100%;
}
div#accordionExample01 {
    width: 100%;
}
.benefitsUsing .col-md-4 {
    background: transparent;
    width: 31%;
    box-shadow: none;
    margin: 0 18px 20px 0;
    border-radius: 16px;
    padding: 25px;
    font-size: 16px;
    position: relative;
}
/* #accordionExample02 #collapseOne:after{
    content: '';
    position: absolute;
    background: url(../images/Online-and-Offline-payments.png)no-repeat left;
    background-size: 57%;
    width: 100%;
    height: 519px;
    top: -76px;
    left: 100%;
}
#accordionExample02 #collapseTwo:after{
    content: '';
    position: absolute;
    background: url(../images/Site-Visit-Management.png)no-repeat left;
    background-size: 57%;
    width: 100%;
    height: 519px;
    top: -76px;
    left: 100%;
}
#accordionExample02 #collapseThree:after{
    content: '';
    position: absolute;
    background: url(../images/Customized-Sales-Pipeline.png)no-repeat left;
    background-size: 57%;
    width: 100%;
    height: 519px;
    top: -76px;
    left: 100%;
}
#accordionExample02 #collapseFour:after{
    content: '';
    position: absolute;
    background: url(../images/Inventory-Management.png)no-repeat left;
    background-size: 57%;
    width: 100%;
    height: 519px;
    top: -76px;
    left: 100%;
} */

.benefitsUsing #accordionExample02 .accordion-item {
    background-color: transparent;
    box-shadow: none;
    border-left: dashed 1px #0854aa;
    width: 85%;
}


div#verticalTabs .resp-tab-content .row {
    display: flex;
    align-items: center;
}
.wfhTab.real-est #verticalTab .resp-tab-content .row {
    display: flex;
    align-items: flex-start;
}
div#verticalTabs img {
    width: 80%;
}
#verticalTab .col-md-4 img {
    position: absolute;
    width: 516px;
}
ul.real-ben.aos-init.aos-animate li:before {
    display: none;
}
ul.real-ben {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    padding: 0;
    justify-content: space-around;
}
ul.real-ben li {
    width: 47%;
    display: flex;
    margin-bottom: 17px;
    align-items: center;
    padding: 0;
}
ul.real-ben li img{
    width: 70px;
    height: 70px;
}
ul.real-ben li p{
   padding-left: 20px;
   margin: 0;
}
.mobileCRM.real-est .col-md-6 img.pho-img {
    width: 65% !important;
    margin: 0 auto;
    display: flex;
}
#verticalTab .col-md-4 img {
    position: absolute;
    width: 516px;
}
#verticalTab  .accordion-button:not(.collapsed) {
    width: 70% !important;
}

#verticalTab #collapseTwo .col-md-4 img {
    top: 0;
    left: 44%;
}
#verticalTab #collapseThree .col-md-4 img {
    left: 104px;
}
#verticalTab #collapseFour .col-md-4 img {
    left: 100px;
}
#verticalTab #collapseFive .col-md-4 img {
    left: 50px;
}
#verticalTab #accordionExample02 #collapseOne .col-md-4 img {
    top: -100px;
    left: 139px;
}
#verticalTab #accordionExample02 #collapseTwo .col-md-4 img {
    top: -37px;
    left: 139px;
}
#verticalTab #accordionExample02 #collapseThree .col-md-4 img {
    top: -300px;
    left: 139px;
}
#verticalTab #accordionExample02 #collapseFour .col-md-4 img {
    top: -330px;
    left: 139px;
}
#verticalTab #accordionExample03 .col-md-4 {
    width: 100%;
}
.benefitsUsing #accordionExample03 .accordion-body {
    position: relative;
    width: 65%;
}
#verticalTab #collapse1 .col-md-4 img {
    right: -26%;
    top: -186px;
}
#verticalTab #collapse2 .col-md-4 img {
    right: -26%;
    top: -260px;
}
#verticalTab #collapse3 .col-md-4 img {
    right: -26%;
    top: -338px;
}
#verticalTab #collapse4 .col-md-4 img {
    right: -26%;
    top: -350px;
}
.testimonial .test-head {
    text-align: center;
    margin-bottom: 50px;
}
.testimonial .test-head h5 {
    font-size: 20px;
    font-weight: 500;
    color: #Fff;
}
.testimonial .test-head p {
    color: #fff;
}
.testimonial .test-head h2 {
    font-size: 39px;
    margin-bottom: 10px;
}

/* 29-07-2023 */

/* 02-08-2023 */

.testimonial.crm-intgra h2 {
    margin-bottom: 10px;
}
.testimonial.crm-intgra p.intgra{
    text-align: center;
    color: #fff;
    margin-bottom: 15px;
}
.aboutIntro.fstcrm.crm-intgra {
    padding-top: 100px;
    padding-bottom: 170px;
}
.leadProcess.crm-intgra .accordion-button {
    font-size: 21px;
}
.leadProcess.crm-intgra .accordion-button:not(.collapsed) {
    font-size: 22px;
}
.aboutIntro.crm-intgra h2.title {
    line-height: 55px;
}

#simply-sec .container {
    position: relative;
    z-index: 99999;
}
.benefitsUsing.telcrm.cus-sup-crm:after {
    height: 0px;
}
.challenges.topSha.cus-sup-crm:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 250px;
    background: url(../images/vision--top-bg.png) no-repeat 0 0;
    background-size: cover;
}
.challenges.topSha.cus-sup-crm .col-md-4 {
    width: 50%;
}

/* 02-08-2023 */

#verticalTabs ul.brok_tab {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0 !important;
    position: relative;
}
#verticalTabs ul.brok_tab li {
    width: 100% !important;
    text-align: left !important;
    padding: 0 !important;
    margin-bottom: 10px !important;
    padding-left: 20px !important;
}
#verticalTabs ul.brok_tab li:after {
    content: '';
    position: absolute;
    left: 5px;
    top: 5px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-left: 9px solid #004ca2;
    border-bottom: 7px solid transparent;
}
.real-est #verticalTabs p {
    margin-bottom: 10px;
}

.aboutIntro.fstcrm.crm-intgra.cust-suport {
    padding-top: 156px;
    padding-bottom: 250px;
}
.benefitsUsing.telcrm.wfhTab.cus-sup-crm {
    padding-top: 49px;
}
.leadProcess.cussport .accordion-button:not(.collapsed) strong {
    top: 29px;
}
.leadProcess.cussport .accordion-button strong {
    top: 5px;
}




/* testimonial paege */

#tstmo-page div#trust-sec.testi-page {
    padding-top: 0;
}
#tstmo-page div#trust-sec.testi-page {
    padding-top: 0;
    padding: 0;
    margin-bottom: -100px;
}
#tstmo-page .hclients ul {
    padding: 105px 49px;
    margin: 0 69px;
    background: #ffff;
    display: flex;
    box-shadow: 0 0 27px 0px rgb(0 0 0 / 10%);
    border-radius: 12px;
    flex-wrap: wrap;
}
#tstmo-page .hclients ul li img {
    width: 85%;
}
#tstmo-page .hclients ul li {
    margin: 0 0px 0 0;
}
#tstmo-page .hclients ul li.r1 {
    border-right: 2px solid #f5f5f5;
    border-bottom: 2px solid #f5f5f5;
}
#tstmo-page .hclients ul li.r2 {
    border-right: 2px solid #f5f5f5;
}
#tstmo-page .hclients ul li.r5, #tstmo-page .hclients ul li.r6 {
    border-right: 0px solid #f5f5f5;
}

#tstmo-page .testimonial {
    padding-top: 177px;
}

.testi-mon p{
    font-size: 18px;
    padding: 60px 0 30px;
    color: #fff;
    font-weight: 300;
    margin: 0;
    line-height: 30px;
    position: relative;
    min-height: 213px;
}

.testi-mon p:before {
    content: '';
    position: absolute;
    left: 0;
    top: 24px;
    background: url(../images/t-qurt-top-test.png) no-repeat 0 0;
    width: 40px;
    height: 30px;
}
.testi-mon p:after {
    content: '';
    position: absolute;
    right: 10%;
    bottom: 0;
    background: url(../images/t-qurt-bottom-test.png) no-repeat 0 0;
    width: 40px;
    height: 30px;
}
#testi-mon .testibox {
    background: #fff;
    padding: 59px 45px 59px 43px;
    border-radius: 18px;
}
#testi-mon .testibox p {
    color: #0369bd;
    line-height: 25px;
    font-weight: 400;
    font-size: 18px;
}
#testi-mon .testibox h4 {
    color: #0369bd;
    line-height: 25px;
    font-weight: 500;
    font-size: 27px;
}
#testi-mon .testibox h5 {
    color: #0369bd;
}
.testi-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.testi-box .box {
    width: 38%;
    margin: 0 35px;
    height: auto;
    position: relative;
}
#testi-mon .cImg img {
    border-radius: 100%;
    z-index: 1;
    width: 25%;
    position: relative;
    -webkit-box-shadow: #023d78 10px 7px 0px;
    box-shadow: #016abd 5px 5px 1px;
}


#testi-mon .text {
    display: none;
    color: #000;
}
#testi-mon .scOut {
    width: 100%;
}
#testi-mon .scOut .btn-container {
    display: flex;
    justify-content: center;
}
#testi-mon button.toggle {
    width: fit-content;
    margin-top: 19%;
    background: #b82329;
    color: #fff;
    padding: 20px 37px;
    border-radius: 35px;
    text-decoration: none;
    font-size: 20px;
    display: flex;
    border: 0;
    align-items: center;
}
.box.box02 {top: 54px;}
.box.box03 {top: 35px;}
.box.box04 {top: 110px;}
.box.box05 {top: 93px;}
.box.box06 {top: 166px;}
.box.box07 {top: 155px;}
.box.box08 {top: 190px;}
.box.box09 {top: 208px;}
.box.box10 {top: 243px;}
.box.box11 {top: 261px;}
.box.box12 {top: 299px;}
.box.box12 {top: 299px;padding-bottom: 179PX;}

#tstmo-page .hclients ul li {
    flex: 0 0 20%;
}

/* testimonial paege */





/* logesh 02-09 */
.wfhTab.real-est ol.acc_btn {
    display: flex;
    flex-wrap: wrap;
    padding: 15px 0px;
}
.wfhTab.real-est  ol.acc_btn li {
    flex: 0 0 25%;
    background: #124a9f;
    color: #fff;
    font-size: 15px;
    margin: 6px 10px !important;
    padding: 7px !important;
    border-radius: 34px;
    text-align: center !important;
}
.wfhTab.real-est  ol.acc_btn li:before{
    display: none;
}
.wfhTab.real-est ul.pt_point li:before{
    display: none;
}
.wfhTab.real-est .accordion-body ul ul.pt_point {
    padding-top: 10px;
}

.wfhTab.real-est .resp-tab-content ul.sale_hd_point li {
    display: inline-block;
    vertical-align: top;
    text-align: inherit;
    position: relative;
    padding: 0;
    padding-bottom: 10px !important;
    width: 100% !important;
    padding-left: 18px;
    margin: 0;
}
.wfhTab.real-est .resp-tab-content ul.sale_hd_point {
    margin: 0;
}
.wfhTab.real-est .resp-tab-content ul.sale_hd_point li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-left: 9px solid #696969;
    border-bottom: 7px solid transparent;
}
.wfhTab.real-est .row.ful_wd {
    width: 135%;
}
.wfhTab.real-est .row.ful_wd .col-md-6 img {
    margin: 0 auto;
    display: flex;
    width: 80%;

}

#mpslider .col-md-12.tLeft h2 {
    font-size: 21px;
    font-weight: bold;
    color: #000;
}
#mpslider.slick-initialized .slick-slide>div:hover .col-md-12.tLeft h2{
    color: #fff;
}
#mpslider.slick-initialized .slick-slide>div:hover .col-md-12.tLeft p{
    color: #fff;
}
#mpslider .col-md-12.tLeft{
    position: relative;
}
#mpslider .col-md-12.tLeft p {
    font-size: 14px;
}
#mpslider .slick-initialized .slick-slide>div {
    padding: 0 14px;
}

#mpslider.slick-initialized .slick-slide>div {
    width: 96%;
    margin: 20px auto;
    background:transparent;
    padding: 28px 27px 0px 25px;
    position: relative;
}
#mpslider.slick-initialized .slick-slide>div:hover{
    background: #007ac9;
    box-shadow: 0 0 6px #bdbdbd;
    border-radius: 10px;

}
#mpslider.slick-initialized .slick-slide>div:before {
    content: '';
    background: #fff;
    position: absolute;
    width: 100%;
    box-shadow: 0 0 6px #bdbdbd;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 6px;
    border-top-right-radius: 95px;
}

#mpslider.slick-initialized .slick-slide>div:hover:before{
    box-shadow: 0 0 0px ;
    background-image: linear-gradient(180deg , #0056ad, #0073c3);
    transition-delay: 0.1s;
    border-top-right-radius: 114px;
}


#mpslider .col-md-12.tLeft:before {
    font-size: 61px;
    font-weight: bolder;
    position: absolute;
    bottom: -17px;
    right: -10px;
    opacity: 0.1;
}
#mpslider .col-md-12.tLeft.box01:before { content: '01'; }
#mpslider .col-md-12.tLeft.box02:before { content: '02'; }
#mpslider .col-md-12.tLeft.box03:before { content: '03'; }
#mpslider .col-md-12.tLeft.box04:before { content: '04'; }
#mpslider .col-md-12.tLeft.box05:before { content: '05'; }
#mpslider .col-md-12.tLeft.box06:before { content: '06'; }
#mpslider .col-md-12.tLeft.box07:before { content: '07'; }
#mpslider .col-md-12.tLeft.box08:before { content: '08'; }

#mpslider .slick-initialized .slick-slide>div:hover {
    background: #f5f5;
    border-radius: 12px;
}
#mpslider button.slick-next.slick-arrow {
    background: #007ac8;
    width: 40px;
    height: 40px;
    border-radius: 51px;
    z-index: 999;
}
#mpslider button.slick-prev.slick-arrow {
    background: #007ac8;
    width: 40px;
    height: 40px;
    border-radius: 51px;
    z-index: 999;
}
#mpslider button.slick-next.slick-disabled.slick-arrow { opacity: 0.5; 
    width: 35px;
    height: 35px;}
#mpslider button.slick-prev.slick-disabled.slick-arrow {
    opacity: 0.5;
    width: 35px;
    height: 35px;
}
#mpslider .slick-prev.slick-disabled:before, #mpslider .slick-next.slick-disabled:before{
    font-size: 34px;
    line-height: 0.5;
}



#mpslider .slick-prev:before, #mpslider .slick-next:before {
    font-family: monospace;
    font-size: 44px;
    font-weight: bold !important;
    line-height: 0.6;
    opacity: 1;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
ul.slick-dots li:before{
    border: 0px !important;
}
.slick-list.draggable {
    height: 100% !important;
}

#mpslider.slick-initialized .slick-slide>div:hover .col-md-12.tLeft:before {
    opacity: 0.2;
}

.wfhTab.real-est .accordion-body .cimg .slick-dots li button:before {
    font-family: 'Poppins';
    font-size: 17px !important;
    line-height: 20px;
    position: absolute;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50px !important;
    background: #dcded9;
    display: flex;
    opacity: 1;
    color: #134a9d;
    align-items: center;
    justify-content: center;
}

.wfhTab.real-est .accordion-body .cimg .slick-dots li.slick-active button:before {
    color: #fff;
    background: #134a9d;
    font-weight: 600;
}

.wfhTab.real-est .accordion-body .cimg ul.slick-dots {
    display: flex;
    flex-direction: row !important;
    width: 33% !important;
    position: relative;
    margin: 0 auto !important;
}
ul.slick-dots li:first-child button:before{
    content: '01' !important;
}
ul.slick-dots li:nth-child(2) button:before{
    content: '02' !important;
}
ul.slick-dots li:last-child button:before{
    content: '03' !important;
}
div#cimg {
    position: absolute;
    right: -27%;
    width: 50%;
    border-bottom: 1px solid #b5abab;
}
div#cimg .slick-track {
    margin-left: 0px;
}


div#cimg ul.slick-dots {
    position: relative;
    background: #f2f2f2;
    top: 13px;
}
div#cimg ul.slick-dots:before {
    content: "EX";
    padding-right: 15px;
    padding-left: 5px;
    margin-top: 7px;
    font-weight: 600;
    color: #1350ab;
}
div#cimg .slick-slide img {
    margin: 0 auto;
    width: 100%;
}
div#cimg ul.slick-dots:after {
    content: ":";
    padding-right: 15px;
    margin-top: 7px;
    position: absolute;
    color: #1350ab;
    font-weight: 600;
    left: 29px;
}
ul.pa-acc {
    margin: 0 !important;
    padding-left: 36px !important;
}


ul.pa-acc li:after {
    content: '';
    position: absolute;
    left: 5px;
    top: 5px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent !important;
    border-left: 9px solid #696969 !important;
    border-bottom: 7px solid transparent !important;
}
#verticalTabs ul.brok_tab li ol.acc_btn li {
    text-align: center !important;
    font-size: 17px;
    flex: 0 0 16%;

    padding: 6px !important;
}
#verticalTabs ul.brok_tab li ol.acc_btn{

}



div#carouselExampleIndicators {
    position: absolute;
    width: 52%;
    right: -27%;
}
div#carouselExampleIndicators img{
    width: 100%;
}
div#carouselExampleIndicators .carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 35px;
    height: 35px;
    margin: 0 4px;
    font-family: 'Poppins';
    font-size: 17px;
    display: flex;
    border-radius: 50px;
    z-index: 9;
    text-indent: 0px;
    border: 0px;
    opacity: 0.9;
    color: #134a9d;
    align-items: center;
    justify-content: center;
}
div#carouselExampleIndicators .carousel-indicators button.active{
    color: #fff;
    background: #134a9d;
    font-weight: 600;
}
div#carouselExampleIndicators .carousel-indicators {
    bottom: -76px;
}

div#carouselExampleIndicators .carousel-indicators  p{
    margin: 0;
    margin-top: 5px;
    padding-right: 6px;
    font-weight: 600;
    color: #1350ab;
}
div#carouselExampleIndicators .carousel-indicators:before {
    content: '';
    position: absolute;
    width: 107px;
    left: 0;
    height: 1px;
    background: #1e1e1e;
    top: 17px;
}
div#carouselExampleIndicators .carousel-indicators:after {
    content: '';
    position: absolute;
    width: 107px;
    right: 0;
    height: 1px;
    background: #1e1e1e;
    top: 17px;
}
#verticalTabs ul.brok_tab li ol.acc_btn li:after {
    content: '';
    border: 0;
}
/* logesh 02-09 */

.wfhTab.real-est #verticalTab .resp-tab-content .row .rea-tab-img {
    position: absolute;
    right: -70%;
}
.wfhTab.real-est #verticalTab .resp-tab-content .row .rea-tab-img.psm-tab-img {
    right: -55%;
}
.wfhTab.real-est #verticalTab .resp-tab-content .row .rea-tab-img.psm-tab-img img {
    width: 40%;
}




.fstcrm.cust-suport .aboutIntroL img {
    width: 82%;
}
.mobileCRM.str.cussuport {
    background: #f3f3f3;
}
.mobileCRM.str.cussuport .col-md-6.aos-init.aos-animate {
    text-align: center;
}
#testi-mon .ply-vidpop {
    position: absolute;
    right: 30px;
    bottom: 42px;
}
#testi-mon .ply-vidpop img {
    border-radius: 60px;
    }



.modal.fade .modal-dialog {
    max-width: 800px;}
    
.modal.fade .btn-close {
    background-position: right 0;
    right: 23px;
    text-align: right;
    width: 100%;
    position: relative;
    top: 11px;
}

.leadProcess.rbotBox.crm-intgra .accordion-body .row {
    align-items: center;
}
.leadProcess.rbotBox.crm-intgra .accordion-button strong {
    top: 10px;
}
.leadProcess.rbotBox.crm-intgra .accordion-button:not(.collapsed) strong {
    top: 30px;
}
.mobileCRM.str.cussuport .col-md-6:nth-child(1) img {
    width: 65% !important;
    margin: 0 auto;
    display: flex;
}

li.menudrdo .tabcnt{
    display: none !important;
}   

li.menudrdo:hover  .tabcnt {
    display: block !important;
    position: absolute;
    top: 100%;
    left: 72%;
    transform: translate(-52%, -22%);
    text-align: left;
}
li.menudrdo:hover .tabcnt ul.menu02 {
    padding: 0;
    border: 1px solid;
    background:#024999;
}
.hmenu ul li ul.menu02:before {
    content: '';
    left: 45%;
}
.tabcnt ul.menu02 li:hover{
    text-decoration: underline;
}
div#Crmsales ul li:last-child{
    border-bottom: solid 1px rgba(0,0,0,0.1) !important;
}

.navigation .col-md-4:last-child {
    height: 500px;
    overflow-y: scroll;
}



.navigation .col-md-4:last-child::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.navigation .col-md-4:last-child::-webkit-scrollbar
{
	width: 4px;
	background-color: #F5F5F5;
}

.navigation .col-md-4:last-child::-webkit-scrollbar-thumb
{
	background-color: #0b2d7a;
}
.contentSec.inner.pricing {
    padding-top: 82px;
}




.aboutIntro.fstcrm.blogIntro.crm-intgra { padding-top: 140px; text-align: center;padding-bottom: 0;}

.dlab-img-effect img { display: block;margin: 0;width: 100%;height: auto; box-shadow: 0 0 0 transparent;-webkit-box-shadow: 0 0 0 transparent;-moz-box-shadow: 0 0 0 transparent;transition: all .8s; -moz-transition: all .8s;-webkit-transition: all .8s;-o-transition: all .8s;}
.dlab-media img, .dlab-post-media img {width: 100%;height: auto;}
.dlab-img-effect { position: relative; overflow: hidden;display: block;}
.dlab-media, .dlab-post-media {background-color: #fff; position: relative;}
.blog-rounded .dlab-post-media {border-radius: 4px 4px 0 0;}
.blog-effect1 {transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;-webkit-transition: all 1s;}
.blog-post { position: relative; margin-bottom: 30px;}

.blog-rounded .dlab-post-media img {border-style: none;height: 150px;max-width: 100%;vertical-align: middle;}
.dlab-post-meta ul {margin: 0;list-style: none;text-transform: capitalize;padding: 0;}
.dlab-post-meta ul li {padding: 0;display: inline-block; color: #007bff;font-size: 13px;text-transform: uppercase;font-weight: 700;}
.dlab-post-meta ul li strong {font-weight: 700;}
.dlab-post-meta { margin-bottom: 10px;}
.dlab-post-meta li:after { content: "|"; display: inline-block;font-weight: 400;margin-left: 5px;opacity: .5;}
.dlab-post-meta li.post-author:after { content: ''; display: none;}
.blog-post.blog-grid.blog-rounded.blog-effect1 {padding: 0;box-shadow: 0px 0px 8px rgb(0 0 0 / 10%);margin: 0 20px;}
.pagination { display: flex; padding-left: 0;list-style: none;justify-content: center;}
.pagination button { border: 0px solid; border-radius: 24px;padding: 3px 12px; margin: 0 2px; font-size: 14px; font-weight: 500;}
.num__btns {  margin: 0 12px;display: flex;justify-content: center;align-items: center;}
.num__btns button.num__btn {border: 2px solid #bfbfbf;background: #fff;color: #bfbfbf;font-size: 14px;font-weight: 600;padding: 4px 10px;width: 36px;height: 36px;}
.pagination button.num__btn.num__btn--active {border: 2px solid #0854aa;background: #0854aa;color: #fff;}
.pagination button.prenext:disabled {background: #bfbfbf;color: #fff;}
.pagination button.prenext{background: #0854aa;color: #fff;}
.dlab-post-title h6.post-title a {color: #000;font-weight: 600;font-size: 17px;line-height: 18px;    text-decoration: none;}
a.site-button {font-size: 14px;background: #007bff;color: #fff;text-decoration: none;padding: 7px 14px;font-weight: 600;}
a.site-button:hover {background: #063f7b; }
.dlab-info.p-a20.border-1 {display: flex;flex-direction: column;justify-content: space-around;padding: 10px 10px 10px 10px;}
.dlab-info.p-a20.border-1 .dlab-post-readmore {margin-top: 17px;}
.dlab-post-meta ul li a{color: #007bff;font-weight: 700;}
.widget-title.style-1 {border-bottom: 1px solid rgba(0,0,0,.15);margin-bottom: 20px;padding-bottom: 15px;font-weight: 600;line-height: 12px;position: relative;}
.widget-title.style-1:after {border-radius: 0;bottom: -2px;content: "";display: inline-block;height: 3px;left: 0;margin: 0;position: absolute;vertical-align: bottom;width: 50px;background-color: #007bff;}
.widget_archive ul li a{color: #767676;text-transform: capitalize;    text-decoration: none;}
.widget_archive ul{padding: 0;}
.widget_archive ul li {padding-bottom: 18px;margin-bottom: 13px;border-bottom: 1px solid rgba(102,102,102,.11);position: relative;padding: 10px 10px 10px 15px;list-style: none;margin-bottom: 0;line-height: 20px;}
.widget_archive ul li:before {content: "\f105";position: absolute;left: 0;top: 10px;display: block;font-family: FontAwesome;}
.widget_tag_cloud.radius a {border-radius: 40px;padding: 7px 10px;}
.widget_tag_cloud a {padding: 7px 10px;background-color: #fff;border: 1px solid #ebedf2;font-size: 12px;display: inline-block;margin: 0 0 5px;color: #555;font-weight: 600;}
.blog-post.blog-grid.blog-rounded.blog-effect1:hover {box-shadow: 0px 0px 8px rgb(0 0 0 / 37%);}

/* .post.card-container:nth-child(2n){
    margin-top: -20px;
} */
.dlab-post-readmore {display: none;}
.dlab-post-media.dlab-img-effect p {position: absolute;top: 50%;left: 50%;margin: 0;font-weight: 600; transform: translate(-50%, -50%);background:#0000009c;color:#fff; width: 100%;height: 100%;text-align: center;padding: 64px 0px;    display: none;}
.dlab-post-media.dlab-img-effect{position: relative;}
.dlab-post-media.dlab-img-effect:hover  p{display: block !important;}  
div#masonry {display: flex;margin:0 0 25px 0;}
.content-area .row .blog-pg{display: flex;flex-direction: column;justify-content: space-between;}
button#nextPage i {padding: 0px 7px 0 10px;}
button#prevPage i {padding: 0 10px 0px 7px;}
.blog_cat {text-align: center;padding-bottom: 60px;}
.blog_cat h2{font-size: 21px;}
.blog_cat ul.blog_tab {padding: 0;list-style: none;display: flex;justify-content: center;}
.blog_cat ul.blog_tab li{padding: 0 10px;}
.blog_cat ul.blog_tab li a {text-decoration: none;color: #fff;font-size: 15px;font-weight: 500;}
.blog_cat ul.blog_tab li {padding: 4px 20px;background: #0854aa;margin: 0 5px;border-radius: 27px;}
.blogdetailIntro {padding-top: 175px;}
h2.post-title a {color: #000;text-decoration: none;font-weight: 700;font-size: 30px;}
h2.post-title.m-t0 {margin: 10px 0 30px 0;}
.dlab-post-text p {font-size: 15px;line-height: 28px;font-weight: 400;color: #000;}
.dlab-post-text p a {text-decoration: none;color: #000;font-weight: 600;}
blockquote {padding: 16px 20px 16px 80px;font-size: 18px;font-style: italic;color: #555;margin: 40px 0;border-left: none;line-height: 30px;position: relative;background: #f6f6f6;clear: both;border-left: 4px solid #007bff;}
blockquote:before {content: '\f10d';font-family: FontAwesome;color: #007bff;font-size: 35px;position: absolute;left: 20px;top: 20px;font-style: normal;}
blockquote a {color: #0d6efd;text-decoration: none;}
.tcolor {color: #000;line-height: 28px;font-size: 15px;}
.innerbannerSec.BlogDetail:after {height: 0;}
.BlogDetailBan{text-align: center;}
section.contentSec.inner.BlogDetailPage {padding-top: 100px;}
.dlab-post-text h5 {color: #000;}

.post.card-container.dnone .dlab-post-media.dlab-img-effect:hover p {
    display: none !important;
}
.post.card-container.dnone .blog-rounded .dlab-post-media img {cursor: default;}
.post.card-container.dnone .dlab-post-title h6.post-title a{cursor: default;}
.post.card-container.dnone .dlab-post-meta ul li a{cursor: default;}

.sticky-top .widget.dnone a{cursor: default !important;}

.blog_cat ul.blog_tab.dnone li a{cursor: default;}
.dlab-post-meta ul li.post-author a {
    cursor: default;
}


@media screen and (min-device-width: 1920px) and (max-device-width: 2500px) {

 .improve:after { top: -294px;}
 .improve { position: relative; }
 .innerbannerSec:after {   height: 529px; }
 .innerbannerSec:after { height: 500px;}
 
}
@media screen and (min-device-width: 999px) and (max-device-width: 2500px) {

}
@media (max-width:1800px) {
    .benefitsUsing.telcrm:after {
        bottom: -1px;
    }
    
}
@media (max-width:1680px) {
	 .innerbannerSec.pricing .container{padding: 0 0 61px;}
	  .navigation .row:before { content:'';
 left: 45%;}
.hbIntro h1 {
    font-size: 55px;
line-height: 60px;}
.hcBox h6 {   font-size: 15px;}
.hbIntro h5 {   font-size: 40px;}
.hcBox h2 {   font-size: 30px;  line-height: 40px;}
.hcBox h5 {  font-size: 30px;}
.hIntro h2.title {
    line-height: 65px;
}
h2.title {
font-size: 55px;}
#top-slide {  top: 39%; }
.hbIntro {
    margin: -80px 0 0;
}
.hcBoxM img{ width: 97%;}
.pDetailIntroB {
margin: -507px 0 87px;}
.pricing-columns #pricing-chart .plan:nth-child(1) .price {
    padding: 15px 0 0px 0;
    min-height:98px;
}


.wfhTab.real-est #verta:after {
    left: -1%;
    top: 78%;
    font-size: 82px;
}
.wfhTab.real-est #vertb:after {
    left: -1%;
    top: 78%;
    font-size: 82px;
}


.benefitsUsing.wfhTab.real-est  .container {
    padding-left: 89px;
}

ul.devtabs {
    margin-left: -8%;
}



}
@media (max-width:1600px) {
    .benefitsUsing.wfhTab.real-est  .container {
        padding-left: 113px;
    }
    .wfhTab.real-est ol.acc_btn li {
        flex: 0 0 29%
    }
    .benefitsUsing.wfhTab.real-est  h2.title {
        margin: 0 0 0px;
        font-size: 45px;
    }
    .wfhTab  .resp-vtabs ul.resp-tabs-list {
        padding-bottom: 11px;
    }
    div#carouselExampleIndicators .carousel-indicators:before {
        left: -27px;
    }
    div#carouselExampleIndicators .carousel-indicators:after {
        right: -22px;
    }
}
@media (max-width:1580px) {
    .challenges {
    padding: 150px 0 260px;}
    
    .challenges.flead {  padding: 60px 0 260px;}
    
    .whycallCRM .container {
max-width: 900px;
}
    .whycallCRM h2.title {
font-size: 30px;
line-height: 42px;
}
    .header.inner.stickyHead .login {
padding: 5px 0 0;
}
.header .hmenu ul li a {  padding: 2px 15px; font-size: 14px; }
.header  .hmenu ul li ul li a {  padding: 8px 15px; font-size: 14px; }
.header .hmenu ul li a:after { top: 6px; }
    .innerbannerSec p br{display:none;}
    .crm .aboutIntroR {
margin: -40px 0 0 0;
}
    .award .awardBox .col-md-3 img{width:80%;}
    .pDetailIntroR li {
    font-size: 15px;}
    .mobileCRM h2.title {
    font-size: 45px;}
    .mobileCRM h2.title br { display:none;}
    #customers-testimonials .shadow-effect p {
    font-size: 15px;}
    .header .hmenu {  padding: 28px 0 0;}
body {  font-size: 15px;}
.hclients ul li { margin: 0;}
h2.title {  font-size: 40px;  line-height: 48px;}

.hweOfferBottom {   background-size: 72%; }
.hweOfferBottom .col-md-3 img {
width: 82%;
margin: -10px 0 0 -33px;
}
.hweOfferBottom {
padding: 88px 0 90px 187px;
}
.hweOfferBottom .col-md-4.first li:nth-child(2) {
margin-left: 15px;
}
.hweOfferBottom .col-md-4.first li:nth-child(2) {
margin-left: 15px;
}
.hweOfferBottom .col-md-5.right li:nth-child(2) {
    right: 17px;
}

.hweOfferBottom .col-md-4.first li:nth-child(2) {
margin-left: -90px;
}
.hweOfferBottom .col-md-4.first li:nth-child(3) {
margin-left: 11px;
}
.hweOfferBottom .col-md-5.right li:nth-child(3) {
    right: 95px;
}
.hweOfferBottom .col-md-5.right li:nth-child(1) {
    right: 121px; top: 0;
}
.whyChooseTop p br{display:none;}
.whyChooseRight .col-md-6 .col-md-10 p br{display:none;}
.ImproveTop {  padding: 0; margin: 0;}
.play-icon-box { left: 22%;}
.whyChooseRight .col-md-6 .col-md-4 img {width: 75%;}
.whyChooseRight .col-md-12 .col-md-2 img {width: 75%;}

.whyChooseRight p br{display:none;}
.whyChooseRight .col-md-12 p br {
display: block;
}
.globalPresenceTop p br{display:none;}
.globalPresenceBottom {  min-height: 543px; }
.salezRobotBox h3 {  font-size: 18px;}
.salezRobot p br{display:none;}
.hweOfferBottom .col-md-5.right {    padding-right: 0; }
.hweOfferBottom .col-md-4.first li:nth-child(1) { top: 0;}
.hweOfferBottom ul li p {   font-size: 12px;}
.hweOfferBottom .col-md-3.middle {  left: -5px;}
.hweOfferBottom ul li h3 {  font-size: 20px;}
.hweOfferBottom .col-md-4.first li:nth-child(2) {  margin-left: -156px; margin-right: 119px;  top: -15px; }
.hweOfferBottom .col-md-5.right li:nth-child(2) {  right: 17px;     top: -35px;}
.hweOfferBottom .col-md-5.right li:nth-child(3) {  right: 163px;  top: -92px;}
.hweOfferBottom .col-md-4.first li:nth-child(3) {    margin-left: -58px;  right: -43px;  top: -89px;}
.salezRobot .col-md-3{font-size: 15px;}
.haacSec .accordion-button { font-size: 24px;}
.whyChooseRight .col-md-6 {  font-size: 14px; }
.whyChooseRight .col-md-12 {  font-size: 14px; }
.whyChooseRight .col-md-12  .col-md-8{  padding: 0;}
.Ilogo img {
width: 75%;
}
.hbIntro h5 {
font-size: 45px;
}
#top-slide {  top: 38%; }
.hbIntro h1 {
font-size: 50px;
line-height: 60px;
}
.skipText {  left: 48.3%;}
.header .login ul li a { padding: 2px 15px; font-size: 13px;}
.header .login { padding: 25px 0 0; }
.header .login ul li a:after {  top: 8px; }
#freedemo .col-md-5 h3 { font-size: 28px;  line-height: 29px;}
#freedemo .col-md-5 p {   font-size: 13px;  line-height: 20px;}
#freedemo .col-md-5 h5 {  font-size: 13px;     margin: 0;}
#freedemo .col-md-5:before {  right: -123px; top: 24%;  background-size: 63%;}
#freedemo .col-md-5 p {  margin: 0 0 118px; }
#freedemo .col-md-5 h4 {  font-size: 18px;}
#freedemo .col-md-5 h4:after { width: 85%;}
#freedemo .col-md-7 {  padding: 50px; }
.hcBox h2 {  font-size: 26px;  line-height: 38px;}
#freedemo .col-md-7 h2 {  font-size: 30px;}
#freedemo .modal-dialog {  max-width: 900px; }
#freedemo .effect-1 {  padding: 8px 14px;  font-size: 12px; }
#freedemo select { font-size: 12px; }
#freedemo input[type=submit] {  font-size: 13px; }
.hcBox h5 {  font-size: 30px;  margin: 0; }
.hcBoxM img{    width: 75%;}

.hIntro h2.title {
line-height: 40px;
}
.button-container-1 { width: 276px; height: 47px;}
.button-container-1 button { font-size: 15px;}
.hIntro h5 {  font-size: 12px !important; left: -17px;  top: 126px;}

.play-icon {  width: 60px;  height: 60px; float: right;}
    .play-icon-box {
top: 52%;
left: -22%;
}
.pricing-section h2 {   font-size: 30px; }
.testimonial .tLeft p {      font-size: 15px;
line-height: 23px; }
.testimonial h4 {  font-size: 23px; }
.testimonial h5 {  font-size: 16px; }
.innerbannerSec h2 {
font-size: 33px;
}
.innerbannerSec {  padding: 180px 0 30px; }
.innerbannerSec.pdB{  padding: 130px 0 100px; }
.innerbannerSec .container .col-md-5 img{ width:60%;}
.aboutIntro h2.title {  font-size: 40px;   line-height: 45px;}
.aboutIntroR p {  line-height: 23px;  font-size: 14px; }
.visionOut h3 { font-size: 30px;}
.visionOut p {  font-size: 17px; }
.ourJourneyTop h2.title {    font-size: 40px;  line-height: 45px; }
.ourJourneyBottom .col-md-3 h3 {  font-size: 20px; line-height: 24px;}
.ourJourneyBottom .col-md-3 { font-size: 14px;   line-height: 22px;}
.ourJourneyBottom .col-md-3 h5 { font-size: 27px;}


.qualities h2.title {   font-size: 40px;  line-height: 45px;}
.qualities .col-md-4 h3 {  font-size: 18px;}
.ourTeam h2.title {  font-size: 35px; line-height: 45px; }
.ourTeam .teamP:before { right: 4px;  top: 30px; height: 79%; width: 89%; }

.navigation__button {   width: 3rem;  height: 3rem;}
.navigation__icon-span {  height: 3px;}
.navigation__icon {  top: 27%;}
.navigation__background {    width: 3rem;   height: 3rem;}
.qualities .col-md-4 {   margin: 40px 0 20px; }
#smaller-plans {  margin: 40px 0 0; }

.pricing-columns #pricing-chart .plan .price .month, .pricing-columns-both #pricing-chart .plan .price .month {
font-size: 13px;
}
.pricing-columns #pricing-chart .plan .price .slash, .pricing-columns-both #pricing-chart .plan .price .slash {
font-size: 13px;
}
.contactIntroTop h2.title {  font-size: 30px;}
.contactIntroTop h5 { font-size: 16px;}
.contactIntroBottom h3 {  font-size: 18px;}
.contactIntroNumber ul li { font-size: 18px; }
.officeAddress .col-md-8 {    padding: 0 0 0 35px; }
.officeAddress h3 {   font-size: 18px;}
.contactform h2.title {  font-size: 35px; line-height: 40px; }

    .innerbannerSec.product .col-md-6 {
padding: 0;
}

.innerbannerSec .container {
    max-width: 1000px;
}
.innerbannerSec.product .container .col-md-5 img {
width: 95%;
}

.productIn{padding: 0 40px;}
.productIn .col-md-6 h3 {  font-size: 30px;  line-height: 30px;}

.circleOut img {  left: 205px;  width: 33%;  top: 28px; }
.salezRobot .col-md-3:nth-child(2) {  left: 248px;}
.salezRobot .col-md-3:nth-child(4) { top: 430px;}
.salezRobot .col-md-3:nth-child(5) { left: 400px;  top: 397px; }
.ourJourneyBottom .col-md-3 { min-height: 530px; }
.pDetailIntroB {
margin:-460px 0 119px;}

.innerbannerSec.pdB .container .col-md-5 img {
width: 120%;
}
#smaller-plans .plan ul {
    min-height: 417px;
}
#smaller-plans .plan ul li.mh96 {
min-height: 86px;
}
.pricing-columns #pricing-chart .plan:nth-child(1) .price h5 {
font-size: 18px;}
#smaller-plans .plan h3 { font-size: 20px;}
#smaller-plans .plan ul.NotTic li { font-size: 16px;}
.pricing-columns #pricing-chart .plan:nth-child(1) .price {  min-height: 91px;}
#smaller-plans .plan ul.NotTic li span {
font-size: 12px;}
#smaller-plans .plan ul li.mh96 {
min-height: 108px;
}
.leadProcessTop h2.title {
font-size: 45px;   line-height: 50px; }
.signUp .col-md-9 {   padding: 10px 0 0; }
.signUp h2.title { font-size: 40px;  line-height: 45px; }
.benefitsUsing .col-md-7:before {
    
top: -64px;
left: 45%;
width: 228px;
    
}
.rbotB {
background: url(../images/inner-banner-bg1.jpg) no-repeat -129px 0;}
.innerbannerSec.pdB {
padding: 160px 0 70px;
}	
.innerbannerSec.wapiB { padding: 140px 0 160px;}
.innerbannerSec.rformB .col-md-5 {
margin: -40px 0 0;
}
.innerbannerSec.rformB .container .col-md-5 img {
width: 48%;
}
.innerbannerSec.rformB h2 {
font-size: 36px;
}
.innerbannerSec.rbotB h2 {
font-size: 39px;
}
.innerbannerSec.pdB.rbotB {
padding: 130px 0 60px;
}
.aboutIntroR { margin: -130px 0 0 -10px;}
h2.title { font-size: 40px;  line-height: 45px;}
.aboutIntro h2.title {
font-size: 30px; line-height: 35px;}
.benefitsUsing h4 {  font-size: 26px;}
.benefitsUsing.telcrm .col-md-7 img {
width: 95%;
margin: -64px 0 0;
}
.leadProcessTop h2.title {
font-size: 35px;
    line-height: 40px;
}
.benefitsUsing .accordion-button span {  font-size: 20px;}
.benefitsUsing .col-md-4 {  font-size: 14px;}
.benefitsUsing .col-md-4 h3 {
font-size: 20px;}
.benefitsUsing h2.title  {
font-size:35px;
    line-height: 40px;
    margin:0 0 10px;
}
.benefitsUsing h4 {
font-size: 20px;
}
.mobileCRM h2.title {
font-size:35px;
    line-height: 40px;
}
.aboutIntro h2.title {
font-size: 35px;
line-height: 40px;
}
#simply-sec h2.title {
font-size: 35px;}
.challenges.topSha {
padding: 0 0 160px;
}
.hmenu ul li ul.menuIn {
top: 76px; left: -186px;
}
#trust-sec h2.title {
padding-top: 0;
}
.benefitsUsing:before {  margin-top: -83px;}
.aboutIntro.telcrm {
padding-bottom: 150px;
}
#simply-sec {
padding: 50px 0 120px;}
#simply-sec .container {position:relative;}
.leadProcessTop {
padding-bottom: 30px;
}
.whycallCRM ul {
padding: 0 0 35px 12%;
margin: 0 0 10px 0px;
    width: 100%;
}
.whycallCRM .container {
max-width: 1000px;
}
.whycallCRM ul li {
padding: 15px 15px;  margin: 14px 15px 17px;  flex: 0 0 27.33%; }
.whycallCRM ul li strong {   width: 70%; font-size: 18px;}
    .aboutIntro.crm.wapi .aboutIntroL img {
width: 110%;
}
.aboutIntro.crm.wapi{
padding: 80px 0 100px;
}
}
    /* logesh */
@media screen and (max-width:1500px) {
    .hweOfferBottom.hweOfferBottom .col-md-4.first li:nth-child(3) {
        right: -284px;
    }
    .aboutIntro.telcrm.rel-est {
        padding: 239px 0 184px;
    }
    .aboutIntro.telcrm {
        padding-bottom: 90px;
    }
    .benefitsUsing.real-est:before {
        margin-top: -112px;
        transform: skew(0deg, -5deg);
    }
    .mobileCRM.real-est {
        padding: 145px 0 148px;
    }
    .wfhTab.real-est #verta:after {
        left: 1%;
        top: 74%;
        font-size: 95px;
    }
    .wfhTab.real-est #vertb:after {
        left: 1%;
        top: 74%;
        font-size: 95px;
    }
    .mobileCRM.Benefits {
        padding: 95px 0 70px;
    }
    .wfhTab.real-est .resp-tab-content {
        padding: 38px 0 48px 113px;
    }
    #verticalTab #accordionExample02 #collapseOne .col-md-4 img {
        left: 222%;
        top: -150px;
    }
    #verticalTab #accordionExample02 #collapseTwo .col-md-4 img {
        left: 222%;
        top: -90px;
    }
    #verticalTab #accordionExample02 #collapseThree .col-md-4 img {
        left: 222%;
    }
    #verticalTab #accordionExample02 #collapseFour .col-md-4 img {
        left: 222%;
    }
    .menuOut .tab {
        height: 345px;
    }
    .scroll-up .hmenu ul li ul.menuIn {
        top: 47px;
    }
    .wfhTab.crm-intgra .resp-vtabs .resp-tabs-container {
        width: 71%;
    }
    .wfhTab.crm-intgra .resp-vtabs ul.resp-tabs-list {
        width: 27%;
    }


    .wfhTab.real-est ol.acc_btn li {
        flex: 0 0 36%;
    }
    .benefitsUsing.wfhTab.real-est  h2.title {
        margin: 0 0 25px;
        font-size: 45px;
    }   

    div#carouselExampleIndicators .carousel-indicators:before {
        left: -52px;
    }
    div#carouselExampleIndicators .carousel-indicators:after {
        right: -57px;
    }

    .wfhTab.real-est #verticalTab .resp-tab-content .row .rea-tab-img img {
        width: 65%;
    }
    .aboutIntro.fstcrm.crm-intgra.cust-suport {
        padding-top: 115px;
        padding-bottom: 209px;
    }
    .challenges.topSha.cus-sup-crm {
        padding: 0 0 220px;
    }
    .mobileCRM.cussuport .col-md-6:nth-child(1) img {
        width: 82%;
    }
    .benefitsUsing.telcrm.wfhTab.mapp-crm {
        padding-bottom: 200px;
    }
}
/* logesh */
@media (max-width:1400px) {
    
    .crm .aboutIntroR {
    padding: 0 0 80px 30px;
}
    .aboutIntroR { margin: -180px 0 0 -10px;}
    .innerbannerSec.pdB {
padding: 160px 0 50px;
}
.innerbannerSec.pdB.wapiB {
    padding: 160px 0 160px;
}
.innerbannerSec.wapiB h2 {
    font-size: 25px;
}
.innerbannerSec.wapiB .col-md-6 img {
    width: 85%;
}
    .innerbannerSec.leBanner .col-md-6:last-child img {
    width: 85%;}
.pricing-columns #pricing-chart .plan:nth-child(1) .price {
min-height: 90px !important;
}
    
.navigation .row:before {   left: 44%; }
    .navigation p {  font-size: 16px;}
    .navigation h4 { font-size: 20px;}
    
    body {  font-size: 14px;     overflow-x: hidden;    }
    #top-slide {  top: 36%; }
.hweOfferBottom ul li h3 {  font-size: 20px;}
.haacSec .accordion-button { font-size: 20px;}
.hweOfferBottom {  padding: 88px 0 90px 27px; }
.hweOfferBottom .col-md-5.right li:nth-child(1) {  right: 40px;}
.hweOfferBottom .col-md-5.right li:nth-child(2) {  right: -1px;}
.hweOfferBottom .col-md-4.first li:nth-child(2) {    margin-left: -44px;}
.hweOfferBottom ul li {  margin: 0 0 35px; }
.hweOfferBottom ul li p {  font-size: 13px;}
.hweOfferBottom .col-md-4.first li:nth-child(2) {   margin-left: -44px; margin-right: 0;   top: -29px;}
.hweOfferBottom .col-md-3 img { width: 89%;  margin: -92px 0 0 33px;}
.hweOfferBottom .col-md-5.right li:nth-child(3) {   right: 54px;}
.fTop p a {  width: 46%; }
.hclients ul li img { width: 85%;}
.hweOffer {  padding: 200px 0 150px;}
.hweOfferBottom ul li h3 {    font-size: 16px;}
.hweOfferBottom ul li p {    font-size: 11px; }
.hweOfferBottom .col-md-4.first li:nth-child(1) { right: -46px;}
.hweOfferBottom .col-md-5.right li:nth-child(3){  right: 97px; top: -35px;}
.hweOfferBottom .col-md-5.right li:nth-child(2) {   right: -39px;  top: -17px; }
.hweOfferBottom .col-md-5.right{padding-right: 29px;}
.hweOfferBottom .col-md-4.first li:nth-child(3) {    right: -145px;   top: -50px;}
.salezRobot .col-md-3{font-size: 13px;}
h2.title {  font-size: 35px;  line-height:45px;}
.ImproveBottom .col-md-2 h3 { font-size: 15px;}
.ImproveBottom .col-md-2 { font-size: 12px; }
.ImproveBottom .col-md-2 img{width: 40%;}
.ImproveBottom .col-md-2:nth-child(2) {  top: 34px; }
.ImproveBottom .col-md-2:nth-child(3) {  top: 3px;}
.ImproveBottom .col-md-2:nth-child(4) { top: -56px; }
.ImproveBottom .col-md-2 {  padding: 30px 30px 25px;}
.footer h3 {  font-size: 17px;}
.footer ul li a {  font-size: 12px; }
.getStarted .container {  min-height: 395px;}
.fBottom {  font-size: 13px;}
.globalPresenceBottom .col-sm-2 h2 span { font-size: 13px;  line-height: 17px;}
.pricing-columns .wrapper-full {  width: 1140px;}
.testimonial .tRight:before {  height: 84%;  width: 86%; }
.faq span { font-size: 18px; }
.faq .active span { font-size: 22px; }
.faq .circle-animation {  top: 15px;}
.ourJourneyBottom .col-md-3 {
min-height: 590px;
}
.award .awardBox .col-md-3 {
padding: 0 10px;}

.globalPresenceBottom .col-sm-2:nth-child(2) {
margin: -8px 0 0 -40px;
}

.pDetailIntroB img{width:78%;}
.pDetailIntroR { padding: 92px 0 205px 169px;}
.pDetailIntroB {  margin: -507px 0 109px; }
.pDetailIntroR li {   font-size: 18px;}
.bPracticesTop h2.title {   font-size: 35px;  margin: 0;   line-height: 40px;}
#customers-testimonials .shadow-effect p {  font-size: 13px; }
.bPractices .resp-vtabs li.resp-tab-active { font-size: 23px;  line-height: 30px;}
.bPractices .resp-tab-content ul li img {  width: 80%;}
.bPractices .resp-tab-content ul li {  margin: 0 36px 0 0;     width: 12%;}
.bPractices .resp-tab-content ul li span { font-size: 14px;}
.bPractices .resp-tab-content ul li:nth-child(odd):before {   background-size: 78%; }
.bPractices .resp-tab-content ul li:nth-child(even):before {  background-size: 71%;}
.bPractices .resp-vtabs h3 {   font-size: 26px;}
.leadProcess .accordion-button { font-size: 20px;}
.leadProcess .accordion-button strong {  padding: 5px 0 0 0;}
.leadProcess .accordion-button:not(.collapsed) { font-size: 25px;}
.leadProcessTop h2.title { font-size: 45px;}
.sComparisonTop h2.title {  font-size: 45px;  line-height: 44px; }
#smaller-plans .plan ul li.mh96 {
min-height: 108px;
}
.pricing-columns #pricing-chart .plan .price .amount strong {
font-size: 19px;
}
.pricing-columns #pricing-chart .plan .price .amount, .pricing-columns-both #pricing-chart .plan .price .amount {
font-size: 13px;}
.pricing-columns #pricing-chart .plan .price { padding: 8px 9px 0;}
.pricing-columns #pricing-chart .plan:nth-child(1) .price {
min-height: 93px;
}
.pricing-columns #pricing-chart .plan .price .ruby {
font-size: 19px;
}
.pDetailIntroL.lmp {
padding: 140px 0 0;}
.pDetailIntroB {
margin: -430px 0 129px 0;

}
.leadProcessTop h2.title {
font-size: 35px;
}
.mobileCRM h2.title {
font-size: 35px;
line-height:40px;
}
.pDetailIntroB img {
width: 60%;
position: relative;
right: -104px;
}
.pDetailIntroR li span {
display: block;
font-size: 11px;
}
.aboutIntro.telcrm .aboutIntroR {
margin: -60px 0 0 -10px;}
.aboutIntro h5 {
font-size: 14px;}
.aboutIntro h2.title {
font-size: 35px;
line-height: 40px;
}
.pricing-section h2 {
font-size: 35px;}

h3, .h3 {
font-size: 1.25rem;}

.wfhTab .resp-vtabs .resp-tabs-list li {
font-size: 19px;}
.wfhTab .resp-vtabs li.resp-tab-active{
font-size: 25px;}
.aboutIntro:after {
bottom: -45px;
}
.aboutIntroL img {
width: 105%;
padding-bottom: 29px;
}
.benefitsUsing  h2.title {
font-size: 35px;
}
.faq .panel.open {
margin: 35px 0 0 65px;
}



/* logesh */
.aboutIntro.telcrm.rel-est {
    padding: 191px 0 199px;
}
#verticalTab .col-md-4 img {
    width: 422px;
}
#verticalTab #accordionExample02 .col-md-4 img {
    left: 47% !important;
}
.benefitsUsing .col-md-4 {
    width: 30%;
}

#mpslider .col-md-12.tLeft p {
    font-size: 12px;
}
#mpslider .col-md-12.tLeft h2 {
    font-size: 17px;
}
.wfhTab.real-est .accordion-body .cimg .slick-dots li button:before {
    font-size: 14px !important;
    width: 30px !important;
    height: 30px !important;
}

#mpslider button.slick-prev.slick-arrow {
    width: 35px;
    height: 35px;
}
#mpslider .slick-prev:before, #mpslider .slick-next:before {
    font-size: 38px;
    line-height: 0.4;
}

div#carouselExampleIndicators .carousel-indicators [data-bs-target] {
    width: 30px;
    height: 30px;
    font-size: 15px;
}
div#verticalTabs ul.resp-tabs-list {
    margin: 0 auto;
}
/* logesh */


.aboutIntro.fstcrm.crm-intgra.cust-suport {
    padding-top: 110px;
}
.benefitsUsing.telcrm.wfhTab.cus-sup-crm {
    padding-top: 77px;
    padding-bottom: 135px;
}
.wfhTab .resp-vtabs h3 {
    font-size: 28px;
    line-height: 26px;
}
.accordionmenu a {
    font-size: 13px;
}
.benefitsUsing.telcrm:after {
    height: 215px;
}
}
@media screen and (max-width:1380px) {
    .mobileCRM.real-est {
        padding: 100px 0 148px;
    }
    .aboutIntro.telcrm {
        padding-bottom: 150px;
    }

    .wfhTab.real-est #verta:after {
        left: 1%;
        font-size: 75px;
    }
    .wfhTab.real-est #vertb:after {
        left: 1%;
        font-size: 75px;
    }
    .aboutIntro.crm-intgra h2.title {
        line-height: 35px;
    }
    .benefitsUsing.telcrm.crm-intgra {
        padding-top: 50px;
    }
    .wfhTab.crm-intgra .resp-vtabs ul.resp-tabs-list {
        width: 30%;
    }
    .wfhTab.crm-intgra .resp-vtabs .resp-tabs-container {
        width: 70%;
    }
    .wfhTab .resp-vtabs li.resp-tab-active {
        font-size: 23px;
        line-height: 27px;
    }
    .wfhTab .resp-vtabs .resp-tabs-list li {
        line-height: 22px;
    }
    .challenges.topSha.cus-sup-crm {
        padding-bottom: 239px;
    }
    .leadProcess.rbotBox.crm-intgra.cussport {
        padding-top: 0;
    }
    #verticalTabs ul.brok_tab li ol.acc_btn li {
        font-size: 15px;
        padding: 3px !important;
    }

    .aboutIntro.fstcrm.crm-intgra.cust-suport {
        padding-top: 159px;
    }
    .benefitsUsing.telcrm.wfhTab.cus-sup-crm {
        padding-bottom: 175px;
    }

    .benefitsUsing.telcrm:after {
        height: 215px !important;
    }

    .dlab-post-title h6.post-title a {
        font-size: 15px;
        line-height: 15px;
    }
    .dlab-post-meta ul li {
        font-size: 12px;
    }
    .blog-post.blog-grid.blog-rounded.blog-effect1 {
        margin: 0 7px;
    }
}
@media (max-width:1280px) {
    .challenges .col-md-4 h3 {
    font-size: 20px;}
    #top-slide {
top: 38%;
}
.hbIntro h1 {
font-size: 45px;
line-height: 50px;}
.hcBox h6 {   font-size: 15px;}
.hbIntro h5 {   font-size: 35px;}
.hcBox h2 {   font-size: 27px;  line-height: 37px;}
.hcBox h5 {  font-size: 30px;}
.hIntro h2.title {
line-height: 55px;
}
h2.title {
font-size: 35px;}
.hweOfferBottom ul li h3 {  font-size: 20px;}
.hweOfferBottom {   padding: 85px 0 90px 110px;}
.hweOfferBottom .col-md-5.right li:nth-child(1) {  right: 64px;}
.hweOfferBottom .col-md-5.right li:nth-child(2) {  right: 3px;}

.bTop .col-md-4 { font-size: 13px;}
.haacSec .accordion-button { font-size: 21px;}
.whyChooseRight .col-md-6 {  font-size: 13px; }
.whyChooseRight .col-md-12 {  font-size: 13px; }
.hweOfferBottom .col-md-5.right li:nth-child(3) {  right: 94px; }

.wfhTab.real-est #verta:after {
    left: 2%;
}
.wfhTab.real-est #vertb:after {
    left: 2%;
}

.wfhTab.real-est .resp-tab-content {
    padding: 38px 0 48px 57px;
}

#verticalTab #accordionExample02 #collapseOne .col-md-4 img {
    left: 79%;
    top: -74px;
}
#verticalTab #accordionExample02 #collapseTwo .col-md-4 img {
    left: 79%;
    top: -74px;
}
#verticalTab #accordionExample02 #collapseThree .col-md-4 img {
    left: 79%;
    top: -230px;
}
#verticalTab #accordionExample02 #collapseFour .col-md-4 img {
    left: 79%;
}
#verticalTab .col-md-4 img {
    width: 373px;
}


.wfhTab.real-est ol.acc_btn li {
    flex: 0 0 40%;
}
.wfhTab  .resp-vtabs ul.resp-tabs-list {
    padding-bottom: 30px;
}

}
@media (max-width:1200px) {
    .signUp h2.title { font-size: 35px;  line-height:35px; }
.hbIntro h1 {
font-size: 60px;
line-height: 70px;}
.hcBox h6 {   font-size: 15px; line-height: 19px;}
.hbIntro h5 {   font-size: 50px;}
.hcBox h2 {   font-size: 40px;  line-height: 50px;}
.hcBox h5 {  font-size: 25px;   margin: 0 0 4px;}
.hIntro h2.title { line-height: 45px; }
.hcBoxM {  margin: -36px 0 0;}
h2.title {
font-size: 35px; line-height: 38px;}
.hweOfferBottom ul li h3 {  font-size:18px;}
.hweOfferBottom {  padding: 138px 0 90px 88px; }
.hweOfferBottom .col-md-5.right li:nth-child(1) {  right: -6px;}
.hweOfferBottom .col-md-5.right li:nth-child(2) {  right: -53px;}
.hweOfferBottom .col-md-5.right li:nth-child(3) { right: -30px;}
.bTop .col-md-4 { padding: 15px 20px;}
.bTop .col-md-4 p br{display:none;}
.bTop .col-md-4 h3 { font-size: 19px;}
.bTop p br{display:none;}
.haacSec .accordion-button {  font-size: 18px;}
.whyChooseLeft img:first-child{ width: 80%;}
.whyChooseLeft img:last-child{ width: 60%;}
.whyChooseLeft img:last-child {  margin: -76px 0 0;}
.whyChooseRight .col-md-6 .col-md-8 {  font-size: 13px;  line-height: 17px;}
.whyChooseRight .col-md-6 .col-md-4 img{width: 90%;}
.whyChooseRight .col-md-12 .col-md-2 img{width: 90%;}
.whyChooseRight .col-md-12 .col-md-8{  padding: 0;}
.hweOfferBottom ul li p {  font-size: 11px; }
.hweOfferBottom {  background-size: 86%; }
.hweOfferTop p br{display:none;}
.ImproveBottom .col-md-2 h3 { font-size: 22px;}
.ImproveTop {  width: 72%; }
.ImproveTop  p br{display:none;}
.footer ul li a { font-size: 12px; }
.hweOfferBottom ul li p {  font-size: 10px; }

.hweOfferBottom .col-md-4.first li:nth-child(3) {     margin-left: -48px;  right: -103px;  top: -56px; }
.ourJourneyBottom .col-md-3 {  min-height: 590px; }
.benefitsUsing h4 {  font-size: 28px;}
.bPractices .resp-tab-content ul li {
margin: 0 34px 0 0;
width: 15%;
}
.bPractices .resp-tab-content ul li:nth-child(4):before {
    background: none;
}
.benefitsUsing  h2.title {  
margin-bottom: 8px;
}
.innerbannerSec {
padding: 180px 0 43px;
}
.benefitsUsing .col-md-4 {
    width: 27%;
}
#verticalTab #accordionExample02 #collapseFour .col-md-4 img {
    top: -256px;
}
.wfhTab .resp-vtabs .resp-tabs-list li {
    font-size: 16px;
}
.wfhTab .resp-vtabs li.resp-tab-active {
    font-size: 20px;
}
div#verticalTabs ul.resp-tabs-list {
    margin-left: -50px;
}
.leadProcess.rbotBox.crm-intgra {
    padding: 50px 0 35px;
}
.benefitsUsing.telcrm.wfhTab.crm-intgra {
    padding: 26px 0 180px;
}
.header.inner.stickyHead .logo img {
    width: 70%;
}
.header.inner.stickyHead .logo {
    margin-top: 4px;
}
.benefitsUsing.telcrm.wfhTab.cus-sup-crm {
    padding-bottom: 242px;
}
.mobileCRM.cussuport .col-md-6:nth-child(1) img {
    width: auto;
}
.mobileCRM h2.title {
    font-size: 24px;
    line-height: 25px;
}
#mpslider .col-md-12.tLeft h2 {
    font-size: 14px;
}
#mpslider .col-md-12.tLeft p {
    font-size: 11px;
}
.mobileCRM.str.cussuport .col-md-6.aos-init.aos-animate {
    display: flex;
    align-items: center;
    justify-content: center;
}
.blog-rounded .dlab-post-media img {
    height: 120px;
}
.dlab-post-media.dlab-img-effect p {
    padding: 52px 0px;
}
.dlab-post-meta ul {line-height: 13px;}
.dlab-post-title h6.post-title a {
    font-size: 12px;
    line-height: 10px;
}


}
@media (max-width:1180px) {
    .hweOfferBottom {  padding: 85px 0 90px 79px; }
    .hweOfferBottom ul{ margin: 0; padding: 0;}
    .hweOfferBottom .col-md-5.right li:nth-child(1) {  right: 25px; }	
    .hweOfferBottom .col-md-5.right li:nth-child(1) {  right: -5px;}  
    .hweOfferBottom .col-md-3 img {  margin: -26px 0 0 -5px;}
    .hweOfferBottom .col-md-4.first li:nth-child(3) {  margin-left: -12px;}
    .circle { width: 260px;  height: 260px;}
    .salezRobot .col-md-3 { width: 30%;}
    .salezRobotBox img{width: 50%;}
    .salezRobot .col-md-3 span { font-size: 50px;}
    .circleOut img {  left: 139px;   width: 44%;  top: 0px;}
    .salezRobot .col-md-3:nth-child(5) {   left: 354px;   top: 418px; }
    .salezRobot { padding: 220px 0 626px; }
    .globalPresenceBottom {   min-height: 490px; }
    .globalPresenceBottom .col-sm-2 h2 {  font-size: 40px; }
    .LconSec p br{display:none;}
    .hIntro h5 {  font-size: 13px !important;   left: -22px;   top: 133px;}
    .globalPresenceBottom .col-sm-2 h2 span {  font-size: 12px;   line-height: 16px;}
    .globalPresenceBottom {  min-height: 470px; }
        .haacSec .accordion-collapse.collapse .accordion-body .col-md-6 .col-md-3{padding:0; margin:0;}
    .haacSec .accordion-collapse.collapse .accordion-body .col-md-6 .col-md-3  img{width: 100%;}
    .getStarted .container {  min-height: 343px;}
    .header .logo { margin-top: 20px;}
    .hcBox h2 { font-size: 20px;  line-height: 30px;}
    .hcBox h5 {  font-size: 22px;}
    .hweOfferBottom .col-md-4.first li:nth-child(3) {  margin-left: -48px;    right: -103px;   top: -56px; }
    .salezRobot .col-md-3:nth-child(4) {   top: 455px; }
    .salezRobot .col-md-3:nth-child(2) {  left: 190px;  top: -79px; }
    .salezRobot .col-md-3:nth-child(3) { left: 405px; }
    .ImproveBottom .col-md-2 h3 {  font-size: 14px; }
    .pricing-columns .wrapper-full {  width: 857px; }
    .navigation__link:link, .navigation__link:visited { font-size: 1rem;  padding: 0.5rem 2rem 0;}
    .navigation h3 { font-size: 28px;}
    .navigation p { font-size: 14px; }
    .navigation .row:before {  left: 43%; }
    .hbIntro h5 {  font-size: 30px; }
    .hbIntro h1 {   font-size: 37px;   line-height: 39px; }
    .hbIntro {  margin: -74px 0 0; }
    .hclients ul li {  width: 19%; }
    .improve:after {  top: -114px; }
    .bPractices .resp-tab-content ul li {
        margin: 0 8px 0 0;
    }
        .bPractices .resp-tab-content ul li span { font-size: 13px; }
    .bPractices .resp-vtabs li.resp-tab-active {  font-size: 20px;  line-height: 30px; }
    .bPractices .container:before {  width: 129px;  top: -88px; background:none;}
    .challengesTop .col-md-2 img {  width: 87%; }
    .challengesTop .col-md-9 {   padding: 16px 0 0; }
    .benefitsUsing h4 {  font-size: 25px;}
    .benefitsUsing .accordion-button span { font-size: 17.5px;}
    .benefitsUsing .col-md-7 img {  margin: -38px 0 0; }
    .benefitsUsing:before {  padding: 85px 0;  margin-top: -85px; }
    .leadProcess .bg-move {   left: -50px;}
    .bPracticesTop h2.title {  font-size: 35px;}
    .bPractices .container {  }
    .bPractices {
margin-top: 105px;
}
#smaller-plans .plan ul.NotTic li {
font-size: 13px;
}
.pricing-columns #pricing-chart .plan:nth-child(1) .price h5 {
font-size: 16px;
}
.pricing-columns #pricing-chart .plan .price .amount, .pricing-columns-both #pricing-chart .plan .price .amount {
font-size: 27px;
}
.pricing-columns #pricing-chart .plan ul li, .pricing-columns-both #pricing-chart .plan ul li {
font-size: 12px;}

#smaller-plans .plan ul li.mh96 {
min-height: 121px;
}
.pricing-columns #pricing-chart .plan .price .amount strong {
font-size: 16px;
}
.pricing-columns #pricing-chart .plan .price .amount, .pricing-columns-both #pricing-chart .plan .price .amount {
font-size: 13px;}
.pricing-columns #pricing-chart .plan .price { padding: 8px 9px 0;}
.pricing-columns #pricing-chart .plan:nth-child(1) .price {
min-height: 93px;
}
.pricing-columns #pricing-chart .plan .price .ruby {
font-size: 16px;
}
.aboutIntroL img {
width: 105%;
padding-bottom: 60px;
}
.aboutIntroR p {
margin: 0 0 20px;
}
.aboutIntroR {
margin: -118px 0 0 -10px;
}
.pDetailIntroR {
padding: 35px 0 292px 159px;
}
.pDetailIntroB img {
right: -141px;
top: -19px;
}
.officeAddress h4 a {
font-size: 14px;}
.innerbannerSec.pdB.wapiB {
padding: 160px 0 188px;
}

/* log */
.mobileCRM.real-est {
padding: 100px 0 240px;
}
.wfhTab.real-est .resp-vtabs ul.resp-tabs-list {
width: 100%;
}
.wfhTab .resp-tab-content p br {
    display: none;
}


#verticalTab #accordionExample02 #collapseOne .col-md-4 img {
    left: 268%;
}
#verticalTab #accordionExample02 #collapseTwo .col-md-4 img {
    left: 268%;
}
#verticalTab #accordionExample02 #collapseThree .col-md-4 img {
    left: 268%;
}
#verticalTab #accordionExample02 #collapseFour .col-md-4 img {
    left: 268%;
}
.wfhTab.real-est #vertb:after {
    top: 45%;
}

div#carouselExampleIndicators .carousel-indicators:after {
    right: -71px;
}
div#carouselExampleIndicators .carousel-indicators:before {
    left: -76px;
}
#verticalTabs ul.brok_tab li ol.acc_btn li {
    font-size: 13px;
}
.wfhTab.real-est ol.acc_btn li {
    flex: 0 0 44%;
}
.benefitsUsing.wfhTab.real-est  h2.title {
    margin: 0 0 14px;
    font-size: 37px;
}
/* -- */


}
@media (max-width:1080px) {
    .visionOut {
    padding: 0 0px 50px;}
    .aboutIntroL img {
padding-bottom: 36px;
}
    .officeAddress .officeAddressBottom .col-md-8 {
padding: 0;
}
.officeAddress .officeAddressBottom .col-md-3 img{   width: 100%;}
    .play-icon-box {
    top: 47%;}
    .pricing-section h2 {font-size: 35px;}
    #simply-sec h2.title {font-size: 35px;}
.hweOfferBottom {  padding: 85px 0 90px 70px;}
.ImproveBottom .col-md-2 {  width: 22%;  margin-right: 15px;   padding: 30px 20px 50px; }
.ImproveBottom .col-md-2  img{width: 48%;}
.ImproveBottom .col-md-2 p br{display:none;}
.footer h3 {  font-size: 16px;}
.salezRobot .col-md-3 {    width: 31%;   margin-right: 0;}
.testimonial .tRight {  padding: 78px 30px; }
.testimonial .tRight:before { height: 64%; width: 83%; right: 21px; top: 86px;}
.testimonial h4 {  font-size: 19px; }
.testimonial h5 {    font-size: 13px; }
.testimonial .tLeft p {
font-size: 18px;
line-height: 29px;
}
.pDetailIntroR {
padding: 48px 0 205px 113px;
}
.pDetailIntroB {
margin: -162px 0 129px;
}
.pDetailIntroR li {
font-size: 16px;
}
.pDetailIntro h3 { font-size: 30px;}
.pDetailIntroR {
padding: 68px 0 205px 113px;
}
.leadProcessTop h2.title {
font-size: 38px;
}
.mobileCRM h2.title {
font-size: 30px;
}
.pricing-section h2 {
font-size: 30px;
}
.faq span {
font-size: 15px;
}
.faq .panel.open {
margin: 35px 0 41px 65px;
}
.innerbannerSec.pdB.wapiB {
padding: 160px 0 210px;
}
.visionOut {
border-bottom: solid 1px rgba(255,255,255,0.2);
}
.officeAddress .officeAddressBottom .col-md-8 {
padding:0;
}
.officeAddress .officeAddressBottom .col-md-8 p br {
content: '';
}
.officeAddressTop  .col-md-6 {
padding: 30px;
}
.officeAddressTop  .col-md-6:nth-child(2) {     
padding: 30px 30px 30px 30px;
}
.mobileCRM.str {  padding: 100px 0 195px;}
.hweOfferBottom .col-md-5.right li:nth-child(3) {
right: 37px;
}
.pricing-columns #pricing-chart .plan .price {
line-height: 23px !important;
width: 90% !important;
}
.pricing-columns #pricing-chart .plan:nth-child(1) .price {   min-height: 80px !important;}
.pricing-columns #pricing-chart .plan ul li span, .pricing-columns-both #pricing-chart .plan ul li span {
font-size: 12px;
line-height: 17.5px;
margin-left: -1px;
}
.pricing-section {
padding: 208px 0 70px 0;}
.officeAddress {   padding: 100px 53px 80px;}


.wfhTab.real-est  ol.acc_btn li {
    font-size: 11px;
}
div#cimg {
    right: -39%;
    width: 68%;
}


/* logesh */
.benefitsUsing.telcrm.real-est {
padding-top: 50px;
}
.benefitsUsing.telcrm.real-est {
    padding-top: 0px;
    padding-bottom: 10px;
}
.leadProcess.telcrm.rel_sta {
padding: 0 0 169px;
}
.benefitsUsing.telcrm.post-sale {
padding-top: 50px;
}
.mobileCRM.Benefits {
padding: 80px 0 50px;
}
.hweOfferBottom.hweOfferBottom .col-md-4.first li:nth-child(3) {
right: -247px;
padding-top: 97px;
}
.hweOfferBottom.hweOfferBottom .col-md-5.right li:nth-child(2) {
padding-top: 53px;
right: -5px;
}
.wfhTab.real-est #verta:after {
left: 0%;
top: 62%;
font-size: 77px;
}
.wfhTab.real-est #vertb:after {
left: 0%;
top: 62%;
font-size: 77px;
}
div#verticalTabs ul.resp-tabs-list {
    width: 95% !important;
}
.benefitsUsing .col-md-4 {
    width: 29%;
}
#verticalTab .col-md-4 img {
    width: 298px;
}
#verticalTab #accordionExample02 #collapseOne .col-md-4 img {
    left: 68%;
}
#verticalTab #accordionExample02 #collapseTwo .col-md-4 img {
    left: 68%;
}
#verticalTab #accordionExample02 #collapseThree .col-md-4 img {
    left: 68%;
}
#verticalTab #accordionExample02 #collapseFour .col-md-4 img {
    left: 68%;
    top: -256px;
}
#verticalTab #collapse3 .col-md-4 img {
    top: -261px;
}


div#carouselExampleIndicators .carousel-indicators:after {
    right: -81px;
}
div#carouselExampleIndicators .carousel-indicators:before {
    left: -86px;
}
div#carouselExampleIndicators {
    width: 69%;
    right: -43%;
}
.wfhTab.real-est ol.acc_btn li {
    flex: 0 0 42%;
}
.benefitsUsing.wfhTab.real-est  h2.title {
    font-size: 33px;
}


.wfhTab .resp-tab-content {
    padding: 53px 0 0 24px;
}
/* logesh */


.hmenu ul li ul.menuIn {
    left: -134px;
}
.hmenu ul li ul:before {
    left: 49%;
}

}
@media (max-width:999px) {
    .officeAddress .officeAddressBottom .col-md-8 {
padding: 0 30px;
}
    .bPractices .container {  transform: inherit;}
.bPractices {
transform: inherit;
}
    
    .signUp .col-md-2 img {
    width: auto;}
    .videoSec .container {
padding: 0 0 120px;
}
.award .awardBox .col-md-3 {
padding: 0 10px;
width: 40%;
display: inline-block; 
vertical-align: top;
}
    .videoSec {
padding: 60px 30px 180px;}
.videoSec p br{display:none;}
.mobileCRM h2.title {
font-size: 30px;
}
.pricing-section h2 {
font-size: 27px;}
    .hclients p br{display:none;}
    .pricing-columns .wrapper-full {  width:80%; }
    .header {  display: block; opacity:1;  background: #fff;}
    .navigation__button {  border: none;}
.container {   max-width: 100%;   }
.salezRobot {  padding: 220px 0 313px; }
.salezRobot .col-md-8 {   width: 100%; padding: 0 0 0 100px;  }
.salezRobot .col-md-4 { padding: 476px 0 0 30px;   width: 100%; }
.circle { top: 100px;  left: 288px;}
.circleOut img {    left: 210px;    width: 44%; top: 0px; }
.hclients ul li {  margin: 0;  width: 19%; }
.hweOfferBottom {  padding: 85px 0 90px 0; }
.haacSec .accordion-collapse.collapse .accordion-body .col-md-6 .col-md-8 {
padding: 0 0 0 6px;
}
.haacSec .accordion-button { font-size: 18px;     padding-right: 38px; }
.hweOfferBottom .col-md-5.right li:nth-child(1) {  right: 0; }
.hweOfferBottom .col-md-5.right li:nth-child(2) {  right: 0; }
.hweOfferBottom .col-md-5.right li:nth-child(3) {  right: 0; }
.hweOfferBottom {  background: none;}
.salezRobot .col-md-8 {  padding: 0; }
.globalPresenceBottom {  padding: 0 0 0 40px;}
.salezRobotBox {  left: 60px; }
.hweOfferBottom .col-md-4.first li:nth-child(2) {  margin-left: 0; }
.hweOfferBottom .col-md-4.first li:nth-child(3) {  margin-left: 0; }
.haacSec .accordion-collapse.collapse .accordion-body .col-md-6 .col-md-8 br{display:none;}
[data-aos^=fade][data-aos^=fade] {
opacity: 1;}
[data-aos][data-aos][data-aos-delay='200'].aos-animate, body[data-aos-delay='200'] [data-aos].aos-animate {
transition-delay: inherit !important;
}
[data-aos^=fade][data-aos^=fade].aos-animate {
opacity: 1;
transform: inherit !important;
transition-delay: inherit !important;
transition-duration: inherit !important;
}
[data-aos][data-aos][data-aos-duration='2000'], body[data-aos-duration='2000'] [data-aos] {
transition-duration: inherit !important;
}
.haacSec .col-md-8{width:100%;}
.haacSec .col-md-4 {  display: none; }
.salezRobotBox {   left: 0; }

.circleOut {   display: none;}
.ImproveBottom .col-md-2 {  width: 21%;  margin-right: 15px;  top: auto !important;  margin-bottom: 15px;  padding: 30px 20px 25px;}
.improve { padding: 0 50px 80px;  position: relative; }
.salezRobot .col-md-3 {   width: 31%;  left: auto !important;  top: auto !important;  margin-right: 15px;  margin-bottom: 15px;}
.salezRobotBox {  position: relative;}
.salezRobot .col-md-4 {  padding: 0;}
.salezRobotBox {    left: 0;  margin: 0 0 35px; }
.salezRobot {   padding: 220px 50px 313px; }

.improve:after {  background-size: 112%; }
.salezRobot {   padding: 220px 50px 243px; }
.footer {   padding:60px 30px 0;}
.footer .col-md-2 {  margin: 0 9px 0 0; width: 19%; }
.ImproveTop {  padding: 0;  margin: 0 0 35px;}
.ImproveBottom .col-md-2 h3 { font-size: 17px;}
.hcBox h2 {  font-size: 24px;  line-height: 34px;}
.hcBox h5 {  font-size: 17px;}
.hbIntro h1 {  font-size: 45px;}
.hbIntro h5 {  font-size: 38px;  line-height: 45px;}
.hweOfferBottom {  padding: 85px 0 90px 30px;}
.hweOffer {
padding: 120px 0 150px;
}
.header { padding: 10px; }
[data-aos=fade-right] {
transform: inherit !important;
}
[data-aos=fade-down] {
transform:  inherit !important;
}
[data-aos=fade-left] {
transform:  inherit !important;
}
[data-aos=fade-up] {
transform:  inherit !important;
}
.improve .row.ImproveBottom {
-webkit-box-align: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
}
.salezRobot .col-md-3 {
width: 31%; position:relative !important;}
.whyChooseRight .col-md-6 .col-md-8 {  font-size: 11px;  line-height: 14px; }
.whyChooseRight .col-md-12 .col-md-8 {
font-size: 11px;
line-height: 14px;
}
.header .login {
padding: 25px 0 0;
}
.hcBoxM img{    width: 80%;}
.hcBoxM {   padding: 0;}
.hcBox h5 {  font-size: 15px; font-weight: 200;}
.hcBox h6 {
font-size: 11px;
line-height: 4px;
}
body {
font-size: 13px;
overflow-x: hidden;

}
.button-container-1 button {  font-size: 15px;}
.globalPresenceBottom .col-sm-2 h2 span {   font-size: 11px;  line-height: 14px; }
.globalPresenceBottom {  min-height: 386px; }
.hweOfferBottom .col-md-3.middle {  display: none;}

.hweOfferBottom ul li {
list-style: none;
color: #fff;
display: block;
margin: 0 0 62px;
text-align: left;
position: relative !important;
left: 0 !important;
right: auto !important;
text-align: left !important;
margin: 0 !important;
padding: 0;
top:0 !important;
}
.hweOfferBottom ul li span {
display: block;
vertical-align: top;
padding: 0 10px;
}
.hweOfferBottom .col-md-4.first{width:50%;}
.hweOfferBottom .col-md-4.right{width:50%;}
.hweOfferBottom .col-md-5.right {  padding-right: 0; }
.hweOfferBottom {
padding: 40px 0 90px 30px;
}
.whyChooseRight{  width: 100%;
padding: 30px 25px;}
.whyChooseLeft{    width: 100%;}

.whyChooseRight .col-md-6 .col-md-4 img {
width: 100%;
}
.whyChooseRight .col-md-6 .col-md-4 {
display: block;
align-items: baseline;
width: 20%;
padding: 18px 20px 0 0;
}
.whyChooseRight .col-md-12 .col-md-2 {
padding: 0 20px 0 0;
}
.hIntro h5 {
font-size: 13px !important;
left: 0;
top: 0;
position: relative;
transform: inherit;
}
.whyChooseRight .col-md-12 .col-md-2 {
display: block;
align-items: baseline;
width:10%;
}
.whyChooseRight .col-md-12 .col-md-8 {
display: flex;
align-items: center;
}
#freedemo .col-md-5 {
border-radius: 0 0 7px 7px;  order: 1;
}

#freedemo .col-md-5 h5 {  font-size: 16px;}
#freedemo .col-md-5 h4:after {  width: 80%;}
#freedemo .col-md-7 {   padding: 38px; }
#freedemo .col-md-7 h2 {  font-size: 25px;}
#freedemo .col-md-7 h5 {  font-size: 16px;}
.whyChoose {
padding: 100px 0 320px;
}
.hweOfferBottom {
padding: 0 10px;
}
.hweOfferBottom ul li p {
font-size: 12px;
color: #fff;
opacity:0.5;
}
#freedemo .btn-close {
width: 37px;
height: 36px;
right: 3px;
top: 6px;
z-index: 100;
background-size: 101%;

}
.bTop { padding: 40px;}

#freedemo .col-md-5 p { font-size: 17px;}
#freedemo .col-md-5 h4 {  font-size: 20px;}
#freedemo .col-md-5 h3 {

font-size: 27px;
line-height: 29px;
}
.hclients {
padding: 0 0 517px;
}


.contactIntroTop {
margin: 0;
}
.innerbannerSec {
padding: 160px 30px;
}
.contactform .container {
position: relative;   padding: 50px 20px;
}

.contactform .container:before { display:none; }
.contactform .container:after{ display:none; }
.contactform .input-containe {  width: 49%;}
.contactform .input-containe:last-child {  width: 99.5%;}
.aboutIntroL img { width: 100%; }
.aboutIntroR {   margin: 0;  order: 1;   width: 100%; padding: 50px 20px 0; }
.aboutIntroL {   margin: 0;  order:2;  width: 100%; }
.aboutIntro h2.title {
font-size: 35px;
color: #024192;
line-height: 48px;
}

.ourJourneyTop p  br{display:none;}
.aboutIntro h2.title br{display:none;}
.aboutIntro{padding: 30px 20px;}
.ourJourney {  padding:40px 20px 0;}
.qualities {   padding: 150px 20px 20px;  margin: -70px 0 0; }
.qualities h2.title { font-size: 35px; line-height: 42px; }
.ourTeam h2.title {   font-size: 35px;  line-height: 45px;}
.teamOut { padding: 0;}
.ourTeam{background-size:cover;}
.teamOut .slick-dots {     position: absolute;    top: 100%;  right: auto;  background:transparent;     margin: 0 auto;
width: 100%;
text-align: center;}
.teamOut .slick-dots li {
display: inline-block;
}
.teamOut {  border-left:none;
border-right: none;
}
.ourTeam .teamP:before {  right: 13px;     top: auto;  bottom: -6px;  width: 75%;}
.ourTeam .teamP {   margin: 0 0 40px;   padding: 40px 40px 0;}
.testimonial .tLeft p {      font-size: 16px;  line-height: 28px; }
.testimonial .tRight:before {   height: 62%;   width: 78%; right: 32px; top: 136px;}
.testimonial {  padding: 40px 0;}
.aboutIntroR p {     margin: 0 0 30px;   line-height: 24px;  font-size: 14px;}
.aboutIntro h2.title {  font-size: 25px;  line-height: 37px; }
.aboutIntro h5 {  font-size: 14px;}
.testimonial .slick-prev {
left: 0;
z-index: 100;
}
.testimonial .slick-next {
right: 0 !important;
z-index: 100;
}
.pricing-section {  margin: 0; padding: 80px 0 60px 0;}
.navigation {
position: fixed;
z-index: 99999;
top: 0;
}
.faq span {
font-size: 14px;
}
.header.inner.stickyHead .logo img {
width: 100%;
}
.visionOut { padding: 0 0 50px;}
.visionOut .col-md-6{margin:0 0 15px;}
.ourJourneyTop {   margin: 0 0 50px; }
.ourJourneyBottom .col-md-3 {   font-size: 13px; line-height: 21px; }
.ourJourneyBottom .col-md-3 h5 {  font-size: 20px; }

.ourJourneyBottom .col-md-3 h3 {   font-size: 17px; line-height: 22px; }

.plan a.button {  padding: 8px 19px;}
.ourTeam {  text-align: center;  padding: 60px 20px; }
#freedemo .btn-close {  background-size: 66%; }
.faq .accordion, .wc-accordion .accordion {  padding: 5px 0px 20px 0;}
.faq .panel.open {
max-height: inherit !important;
}
.header.inner {
background: #196fcd;
}
.header.inner.stickyHead {
background: #196fcd;
border-bottom: none;
z-index: 1000;
}
.navigation__button {
background-color: #196fcd;}
.navigation__icon-span {  background: #ffffff;}
.header {  background: #196fcd; }
.header.stickyHead  {  background: #196fcd; }
.navigation__button {
background-color: #ffffff;
}
.navigation__icon-span {
background: #000000;
}
.navigation .col-md-4:first-child {
display: none;
}
.navigation .col-md-4 {
position: relative;
text-align: center;
}
.navigation .row:before {
display:none;
}
.navigation .col-md-4:last-child h3 {
padding: 0 0 0 46px;
display: none;
}

.productIntroTop p br{display:none;}
.leadProcess .accordion-button:not(.collapsed) {
font-size: 23px;
}

.bPractices .resp-tab-content ul li {
width: 17%;
}
.bPractices .resp-tab-content ul li:nth-child(odd):before {
background-size: 67%;
left: 97px;
}
.bPractices .resp-tab-content ul li:nth-child(odd):before {
background-size: 73%;
left: 81px;
}
.pricing-columns #pricing-chart .plan .price .amount strong {
font-size: 16px;
display: block;
}
.pricing-columns #pricing-chart .plan:nth-child(1) .price {
min-height: 153px;
}



.navigation__list .accordion-items {
display:block;
max-width: 300px;
background: linear-gradient(to bottom right, #fff, #f7f7f7);
background: #0097a7;
margin: 0 auto;
border-radius: 3px;
box-shadow: 0 10px 15px -20px rgba(0, 0, 0, 0.3),
0 30px 45px -30px rgba(0, 0, 0, 0.3), 0 80px 55px -30px rgba(0, 0, 0, 0.1);
}
.navigation__list  .accordion-heading {
color: #fff;
font-size: 14px;
border-bottom: 1px solid #e7e7e7;
letter-spacing: 0.8px;
padding: 15px;
cursor: pointer;
}
.navigation__list  .accordion-heading:nth-last-child(2) {
border-bottom: 0;
}
.navigation__list  .accordion-heading:hover {
background: #00838f;
border-radius: 0;
}
.navigation__list  .accordion-heading:first-child:hover {
border-radius: 3px 3px 0 0;
}
.navigation__list  .accordion-heading:nth-last-child(2):hover {
border-radius: 0 0 3px 3px;
}
.navigation__list .accordion-heading::before {
content: "";
vertical-align: middle;
display: inline-block;
border-top: 7px solid #f5f5f5;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
float: right;
transform: rotate(0);
transition: all 0.5s;
margin-top: 5px;
}
.navigation__list  .active.accordion-heading::before {
transform: rotate(-180deg);
}
.navigation__list  .not-active.accordion-heading::before {
transform: rotate(0deg);
}
.navigation__list  .accordion-content {
display: none;
background: #fffafa;
padding: 15px;
color: #7f8fa4;
font-size: 13px;
line-height: 1.5;
}

.pDetailIntroL.lmp {
padding: 40px 0 0;
}
.signUp {
padding: 30px;
background: #1459d5;
color: #fff;
text-align: center;
}



.signUp p span{display:block;}



.hweOfferBottom.rel-est {
background: url(../images/We-offer-cbg.png) no-repeat center 0;
background-size: 100%;
}
ul.sec02 li {
    width: 100%;
}
/* #verticalTab .col-md-6 img {
    display: block;
    width: 100%;
}
.accordion-collapse:after {
    background: none !important;
    left: 0 !important;
} */
.wfhTab.real-est .resp-tab-content {
    padding: 37px 0 48px 6px;
}
.accordion-collapse:after {
    background-size: 95%;
    left: 87%;
}
.wfhTab.real-est ol.acc_btn li {
    flex: 0 0 44%;
    margin: 6px 2px !important;
}
#verticalTab #collapseThree .col-md-4 img {
    left: 42px;
}
.benefitsUsing.wfhTab.real-est  h2.title {
    margin: 0 0 17px;
    font-size: 35px;
}
#verticalTabs ul.brok_tab li ol.acc_btn li {
    font-size: 15px;
    flex: 0 0 31%;
    padding: 6px !important;
}
.aboutIntro.telcrm.rel_sta {
    padding-top: 37px;
}
.aboutIntro.telcrm.rel_sta img {
    width: 61%;
    position: relative;
    top: 26px;
}

.blog-rounded .dlab-post-media img {
    height: 100%;
}

div#masonry {
    display: flex;
    flex-direction: column;
}
.post.card-container.col-lg-4.col-md-12.col-sm-12 {
    margin-bottom: 20px;
}
.content-area ul.page {
    padding: 0;
}
.dlab-post-meta ul li {
    font-size: 17px;
}
.dlab-post-title h6.post-title a {
    font-size: 22px;
    line-height: 25px;
}
.col-xl-9.col-lg-8.col-md-12.m-b30.blog-pg {
    padding-bottom: 40px;
}

.aboutIntro.fstcrm.blogIntro.crm-intgra {
    padding-top: 0;
 }
 section.contentSec.inner.BlogDetailPage {
    padding-top: 10px;
}

}


@media (max-width:860px) {
    
    .pricing-columns #pricing-chart .plan .price .amount strong {
font-size: 16px;
display: inline-block;
}
    #smaller-plans .plan ul li.mh96 {
min-height: 44px;
}

    .hcBox h2 {  font-size: 12px;  line-height: 23px; }
    .hcBoxM img { width: 61%; }
    .innerbannerSec p br{display:none;}

.productIn .col-md-6.Text {
padding: 20px; }
.innerbannerSec .container {
max-width: 87%;
}
.ourTeam .col-md-4{width: 100%;}
.ourTeam .col-md-8{width: 100%;}
.ourTeam h2.title br{display:none;}
#top-slide {
top: 41%;
}
.hbIntro h1 {
font-size: 27px;
}
.hbIntro h5 {
font-size: 25px;
line-height: 37px;
}
.videoRight {
    margin: 30px 0 0;
}
.readBtn {  margin: 15px 0 0;}
.skipText {
left: 47.3%;
}

.ourJourneyBottom .col-md-3 {
min-height: auto;
}
.ourJourneyBottom .col-md-3 h5 {  position: relative;}
.ourJourneyBottom .col-md-3 h5 {
bottom: 0 !important;
left: 0;
}
.header .hmenu {
display: none;
}
.bPractices { transform: inherit;}
    .bPractices {  transform: inherit; }
    .challengesTop .col-md-2 { display:none; }


.bPractices .container:before {
    background: none;
}
.pDetailIntro {
    padding: 0 25px 0 ;
}
.pDetailIntroB {
margin: -181px 0 123px;
left: 0;
}
.pDetailIntro h2.title {    font-size: 34px;  line-height: 44px; }
.pDetailIntroR li {
font-size: 12px;
}
.pDetailIntroR li span {
    font-size: 11px;
}
.pDetailIntro h3 {
font-size: 20px;
}
.pDetailIntroR {
padding: 56px 0 205px 89px;
}
.pDetailIntroR li {
    
line-height: 13px;
    padding: 0 0 10px 33px;
background: url(../images/p-intro-bullet.png) no-repeat 0 7px;
    background-size: 8%;
}
.pDetailIntroR li:last-child:after{background:none;}
.leadProcessTop h2.title {
    line-height:35px;
}
#simply-sec p br{display:none;}
.leadProcess .accordion-button {
font-size: 20px;
}
.hclients.Inner.pt {
padding: 60px 0 100px;
}
#trust-sec h2.title {
padding-top: 60px;
}
.leadProcess .accordion-button:not(.collapsed) {
font-size: 30px;
}
.testimonial h4 {
font-size: 27px;
}
.testimonial h5 {
font-size: 19px;
}
.leadProcess .accordion-button strong {
font-size: 16px;}
.bPractices .resp-tab-content {
padding: 38px 40px;
}
.bPractices {
    margin-top: 0;
    position: relative;
}
.comparison-table-wrapper {
    padding: 20px 25px 55px;
}
.bPractices .resp-tab-content ul {
padding: 0;
margin: 45px 0 0 -58px;
}
.bPractices .resp-tab-content ul li {
margin: 0 25px 0 0;
}
.bPractices .resp-tab-content ul li:nth-child(4):before {
background: none;
}

.challenges {
padding: 71px 25px 160px;}
.challenges.flead {
padding: 60px 25px 160px;
}
.benefitsUsing {
padding: 100px 25px 60px;}
.benefitsUsing h2.title {
font-size: 30px;}
.benefitsUsing h4 {
font-size: 20px;
}
.benefitsUsing .accordion-button span {
font-size: 15.5px;
}
.benefitsUsing {
padding: 41px 10px 60px 40px;
}
.benefitsUsing .col-md-7 img {
margin: 0;
}
.bPractices .resp-vtabs .resp-tabs-list li { padding: 6px 15px 10px 0 !important;}
.bPractices .resp-vtabs .resp-tabs-list li {  font-size: 16px;   line-height: 23px;}
.bPractices {  padding: 80px 0;}
.bPractices .resp-tab-content ul {   margin: 45px 0 0 4px; }
.bPractices .resp-tab-content ul li { margin: 0 39px 0 0; }
.resp-arrow {
border-top:8px solid #ccc;
padding: 10px 0 0 0;
}
.bPractices h2.resp-tab-active span.resp-arrow {
    border-bottom: 8px solid #ffffff;
padding: 10px 0 0 0;
}

.bPractices   h2.resp-accordion br{display:none;}
#verticalTab h2.resp-accordion {
font-size: 22px;
padding: 18px 15px;
}
#verticalTabs h2.resp-accordion {
font-size: 22px;
padding: 18px 15px;
}
.bPractices h2.resp-tab-active {
border-bottom: 0px solid #c1c1c1 !important;
margin-bottom: 0px !important;
padding: 18px 15px !important;
}
.bPractices .resp-arrow {
    border-top: 8px solid #c1c1c1;
    padding: 10px 0 0 0;
}
.bPractices {
background-size: cover;
}
.crm .aboutIntroR {
margin: 0;
padding: 0 20px 80px;
}
.bPractices .resp-tab-content ul {
margin: 45px 0 0 11px;
}
.bPractices .resp-tab-content ul li {
width: auto;
}
.benefitsUsing .col-md-4 { width: 47%;}
.bPractices .resp-vtabs .resp-tabs-container {
background-color: transparent;
width: 100%;}

.pricing-columns #pricing-chart .plan, .pricing-columns-both #pricing-chart .plan {
width: 100%!important;}

#smaller-plans:before{opacity:0;}
.mdec {
display: block;
color: #004ca2;
font-size: 16px;
font-weight: 600;
}

#smaller-plans .plan:nth-child(1){ display:none;}
#smaller-plans .plan ul li {    border: solid 1px #ccc;
border-top: none;}

#smaller-plans .plan:nth-child(1) ul li:last-child {
border-bottom: solid 3px #56e3c5;
}

#smaller-plans .plan:nth-child(2) ul li:last-child {
border-bottom: solid 3px #56e3c5;
}

#smaller-plans .plan:nth-child(3) ul li:last-child {
border-bottom: solid 3px #1e6ce1;
}

#smaller-plans .plan:nth-child(4) ul li:last-child {
border-bottom: solid 3px #b82329 !important;
}

#smaller-plans .plan {
margin: 0 0 117px;
}
#smaller-plans .plan ul li {
padding: 20px 0 20px 42px;}

.pricing-section h2.resp-accordion:first-child {
border-top: 1px solid #23b797 !important;
background: #23b797 !important;
color: #fff !important;
padding: 15px 0 !important;
font-size: 25px;
}
.pricing-section h2.resp-tab-active span.resp-arrow {
border: none;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 7px solid #0a0a0a;
/* padding: 0 10px 0 0; */
/* margin: 0 23px 0 0; */
position: relative;
right: 14px;
}

.pricing-section h2.resp-accordion:nth-child(3) {
border-top: 1px solid #1e6ce1 !important;
background: #1e6ce1 !important;
color: #fff !important;
padding: 15px 0 !important;
font-size: 25px;
}

.pricing-section h2.resp-accordion:nth-child(5) {
border-top: 1px solid #b82329 !important;
background: #b82329 !important;
color: #fff !important;
padding: 15px 0 !important;
font-size: 25px;
}
#smaller-plans .plan h3{top:0;}

.pricing-section h2.resp-tab-active span.resp-arrow {
border: none;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 7px solid #fff;
/* padding: 0 10px 0 0; */
/* margin: 0 23px 0 0; */
position: relative;
right: 14px;
    top: 8px;
}
.pricing-section .resp-tab-content {
border: solid 1px #ccc;}

.pricing-section .resp-arrow {

border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 7px solid #fff;
position: relative;
right: 14px;
    top: 10px;
}
.pricing-section .resp-tabs-list {
display: none;
}
.pricing-section .resp-tabs-container {
background-color: transparent;
display: flex;
    flex-direction: column;
}
.pricing-section h2.resp-accordion:first-child { order: 5;}
.pricing-section .resp-tab-content:nth-child(2) { order: 6;}

.pricing-section h2.resp-accordion:nth-child(2) { order: 3;}
.pricing-section .resp-tab-content:nth-child(3) { order: 4;}


.pricing-section h2.resp-accordion:nth-child(3) { order: 1;}
.pricing-section .resp-tab-content:nth-child(4) { order: 2;}
.plan a.button {  top: 32px;     padding: 13px 41px;}
.mobileCRM .col-md-6 img{width:28%;}
.challenges.topSha {
padding: 0 25px 60px;
}
.challenges.topSha .container{position:relative;}
.leadProcess.rbotBox .col-md-6 img {
width: auto;
}
.leadProcess.rbotBox .accordion-body { padding: 37px 30px 60px;}
.leadProcess.rbotBox{padding: 20px 0 60px;}
.leadProcess.rbotBox .accordion-body {
background: #094aa8;}
.leadProcess.rbotBox .accordion-body img {
width: 100%;
}
#customers-testimonials .item {  padding: 0 50px 20px;  margin-bottom: 30px;}

.hweOfferBottom ul li span.Iocon { margin: 17px 0 0;}
.benefitsUsing:before {  margin-top: -26px; }
.leadProcess.rbotBox .accordion {
margin: 0 0 100px; 
}
.testimonial .slick-slide {
    border-right: none;
padding: 50px 30px;
}
.aboutIntroR {
        margin: 0 0 0 -10px;}
        .aboutIntro h2.title {
font-size: 28px;
line-height: 35px;
}
.hweOfferBottom .col-md-4.first li:nth-child(3) {
margin-left: -32px;
right: auto;
top: -56px;
}
.pricing-section h2 {
font-size: 29px !important;}
.hweOfferBottom .col-md-4 li  {
right: auto !important;
    margin: 0 0 20px !important;
margin-left: auto;
    top: auto !important;
}
.hweOfferBottom .col-md-5.right li  {
right: auto !important;
        margin: 0 0 20px !important;
margin-left: auto;
    top: auto !important;
}
.hweOfferBottom .col-md-4.first {
padding: 0;
}
.hweOfferBottom .col-md-5.right {
    padding: 0;
}
.accordionmenu .accordion-content {
background: transparent;
}



/* logesh */

.benefitsUsing.real-est:before {
margin-top: -106px;
}
.aboutIntro.telcrm.rel-est {
padding: 131px 10px 199px 40px;
}
.qualities.real-est {
margin-top: -125px;
}

.qualities.real-est {
padding: 30px 49px 50px;
}
.mobileCRM.Benefits {
padding: 80px 40px 50px;
}
.videoSec.real-est {
transform: skew(0deg, 0deg);
}
.videoSec.real-est .container{
transform: skew(0deg, 0deg);
}
.mobileCRM.real-est {
padding: 100px 0 230px;
}
.leadProcess.telcrm.rel_sta {
padding: 0 20px 50px;
}
.benefitsUsing.telcrm.post-sale:before {
margin-top: -70px;
}


.aboutIntroL.rel_sta img {
top: 32px;
}
.aboutIntro.telcrm.rel-est {
margin-top: -197px;
}
.wfhTab.real-est .resp-vtabs .resp-tabs-container {
width: 100%;
}
#verticalTab h2.resp-tab-active {
background: #09345a !important;
color: #fff;
}
#verticalTabs h2.resp-tab-active {
background: #09345a !important;
color: #fff;
}
.wfhTab.real-es .resp-tab-content {
padding: 38px 0 18px 51px;
}
.benefitsUsing.telcrm.real-est {
padding: 0px 20px 42px;
}
.benefitsUsing.telcrm:after {
bottom: -2px;
}
.videoSec.real-est {
padding: 60px 30px 36px;
}
.hweOfferBottom.rel-est .col-md-5.right li:nth-child(2) {
padding-top: 0px;
}
.hweOfferBottom.rel-est .col-md-4.first li:nth-child(3) {
    padding-bottom: 100px;
    padding-top: 0;
    position: relative !important;
    left: 169px !important;
}
.hweOfferBottom.rel-est .col-md-3.middle {
display: block;
}
.hweOfferBottom.rel-est .col-md-4.first {
width: 37%;
}
.hweOfferBottom.rel-est .col-md-5.right {
width: 37%;
}
.hweOfferBottom.rel-est .col-md-3.middle {
left: 14px;
top: 80px;
}
.mobileCRM.real-est {
padding: 100px 20px 230px;
}
div#verticalTabs .col-md-6 img {
width: 100%;
}
.aboutIntro.telcrm.rel_sta img {
    width: 62%;
    top: 0px;
    margin: 0 auto;
    display: block;
    margin-top: 40px;
}
.aboutIntro.telcrm.rel_sta {
    padding-bottom: 290px;
}
.challenges.topSha.cus-sup-crm .col-md-4 {
    width: 100%;
    margin: 10px 0;
    /* padding-bottom: 106px; */
}
.challenges.topSha.cus-sup-crm {
    padding-bottom: 213px;
}
.mobileCRM.str.cussuport {
    padding: 100px 0 0;
}


.benefitsUsing .col-md-8{
    width: 100%;
}

#verticalTab .col-md-4 img {
    position: relative;
}
div#cimg {
    position: relative;
    right: 0;
    width: 68%;
}
.wfhTab.real-est #verticalTab .resp-tab-content .row {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}
.wfhTab .resp-vtabs .resp-tabs-list li {
    text-align: center;
}
.wfhTab .resp-vtabs .resp-tabs-list li {
    padding: 6px 16px 10px !important;
}
div#verticalTabs .resp-tab-content .row {
    display: flex;
    flex-direction: column;
}
div#verticalTabs .resp-tab-content .row .col-md-6{
    width: 100%;
}


div#carouselExampleIndicators {
    position: relative;
    width: 100%;
    right: 0;
    padding-bottom: 60px;
    margin: 0 auto;

}
div#carouselExampleIndicators .carousel-indicators {
    bottom: 0;
}
.wfhTab.real-est .row.ful_wd {
    width: 100%;
}

.wfhTab.real-est #verticalTab .resp-tab-content .row .rea-tab-img {
    position: relative;
    right: 0;
}
.wfhTab.real-est #verticalTab .resp-tab-content .row .rea-tab-img img {
    width: 100%;
}
.wfhTab.real-est #verticalTab .resp-tab-content .row .rea-tab-img.psm-tab-img img {
    width: 100%;
}
.wfhTab.real-est #verticalTab .resp-tab-content .row .rea-tab-img.psm-tab-img {
    right: 0;
}
/* logesh */
.wfhTab.crm-intgra .resp-vtabs .resp-tabs-container {
    width: 100%;
}
.benefitsUsing.telcrm.wfhTab.crm-intgra h2.title {
    text-align: center;
}
.benefitsUsing:before {
    margin-top: -77px;
}
.aboutIntro.fstcrm.crm-intgra .col-md-6.aboutIntroR.aos-init.aos-animate {
    padding-bottom: 50px;
}
.aboutIntro.fstcrm.crm-intgra {
    padding-top: 16px;
    padding-bottom: 6px;
}
.wfhTab .resp-tab-content {
    padding: 51px 11px 24px;
}
.challenges.topSha.cus-sup-crm {
    padding: 0 20px 213px;
}

}
@media (max-width:800px) {
    .testi-box .box {
        width: 100%;
        margin: 0px 0px;
        padding: 0 75px;
    }
    .box.box02 {top: 0px;}
    .box.box03 {top: 0px;}
    .box.box04 {top: 0px;}
    .box.box05 {top: 0px;}
    .box.box06 {top: 0px;}
    .box.box07 {top: 0px;}
    .box.box08 {top: 0px;}
    .box.box09 {top: 0px;}
    .box.box10 {top: 0px;}
    .box.box11 {top: 0px;}
    .box.box12 {top: 0px;}
    .box.box12 {top: 0px;padding-bottom: 179PX;}

    .testi-box .box {
        margin-bottom: 40px;
    }


    .leadProcess .bg-move {
        display: none;
    }
}
@media (max-width:768px) {
    div#verticalTab ul.resp-tabs-list {
        display: none;
    }
    div#verticalTabs ul.resp-tabs-list{
        display: none;
    }
    .wfhTab.real-est #verta:after {
        display: none;
    }
    .wfhTab.real-est #vertb:after {
        display: none;
    }
    .wfhTab.real-est .resp-tab-content {
        padding: 38px 0 48px 69px;
    }
    .benefitsUsing.telcrm.real-est {
        padding: 8px 20px 105px;
    }
    .innerbannerSec.pdB .container .col-md-5 img {
        width: 106%;
    }

    h2.resp-tab-active span.resp-arrow {
        margin-top: -5px;
    }
    div#verticalTabs .col-md-6 {
        width: 100%;
    }
    .wfhTab.real-est #verticalTabs .resp-tab-content {
        padding: 38px 30px 48px 30px;
    }
    .accordion-collapse:after {
        background: none !important; 
        left: 0 !important;
    }
    #verticalTab .col-md-6 img {
        display: block;
        width: 100%;
    }
    .benefitsUsing.wfhTab.real-est  .container {
        padding-left: 20px;
    }
    ul.real-ben li {
        width: 100%;
    }
    ul.real-ben li img {
        width: 65px;
        height: 65px;
        object-fit: contain;
    }
    ul.real-ben li {
        width: 100%;
        display: flex;
        margin-bottom: 17px;
        align-items: center;
        padding: 0;
    }
    #verticalTab .col-md-4 img{
        position: relative;
    }
    #verticalTab #accordionExample02 #collapseOne .col-md-4 img {
        left: 0;
        top: 0;
    }
    #verticalTab #accordionExample02 #collapseTwo .col-md-4 img {
        left: 0;
        top: 0;
    }
    #verticalTab #accordionExample02 #collapseThree .col-md-4 img {
        left: 0;
        top: 0;
    }
    #verticalTab #accordionExample02 #collapseFour .col-md-4 img {
        left: 0;
        top: 0;
    }
    #verticalTab #collapse1 .col-md-4 img {
        right: 0%;
        top: 0px;
    }
    #verticalTab #collapse2 .col-md-4 img {
        right: 0%;
        top: 0px;
    }
    #verticalTab #collapse3 .col-md-4 img {
        right: 0%;
        top: 0px;
    }
    #verticalTab #collapse4 .col-md-4 img {
        right: 0%;
        top: 0px;
    }
    #verticalTab #collapseOne .col-md-4 img {
        margin-top: 0%;
        top: 0;
        left: 0%;
    }
    #verticalTab #collapseTwo .col-md-4 img {
        margin-top: 0%;
        top: 0;
        left: 0%;
    }
    #verticalTab #collapseThree .col-md-4 img {
        margin-top: 0%;
        top: 0;
        left: 0%;
    }
    #verticalTab #collapseFour .col-md-4 img {
        margin-top: 0%;
        top: 0;
        left: 0%;
    }
    #verticalTab #collapseFive .col-md-4 img {
        margin-top: 0%;
        top: 0;
        left: 0%;
    }
    #verticalTab .col-md-4 img {
        width: 421px;
    }
    .testimonial .test-head h2 {
        font-size: 25px;
        margin-bottom: 5px;
    }
    #verticalTab #accordionExample02 .col-md-4 img {
        left: 0% !important;
    }
    .benefitsUsing #accordionExample03 .accordion-body {
        width: 100%;
    }
    #verticalTab  .accordion-button:not(.collapsed) {
        width: 100% !important;
    }

    div#cimg {

        width: 100%;
    }
    div#carouselExampleIndicators .carousel-indicators:after{
        height: 0;
    }
    div#carouselExampleIndicators .carousel-indicators:before{
        height: 0;
    }
}
@media (max-width:767px) {
#simply-sec h2.title {font-size: 25px;}
.innerbannerSec.rformB h2 {
font-size: 30px;
}
.innerbannerSec.rbotB h2 {
font-size: 30px;
}
.innerbannerSec.pdB {
padding: 130px 0 100px;
margin: 0;
}
.pDetailIntroL.rfIntro {
padding: 80px 0 60px;
}
.innerbannerSec.wapiB:after {
background: url(../images/banner-shape-bg.png) no-repeat;
background-size: cover;
height: 265px;
}
.innerbannerSec.wapiB .col-md-6:first-child {
display: none;
}
.leadProcess.rbotBox .accordion-body img {
width: auto;
}
.innerbannerSec.rbotB .col-md-6:last-child {  display: none;}
.mobileCRM .row{display:flex;}
.mobileCRM {
margin-top: -50px;
padding: 75px 20px 230px;
}

.mobileCRM .col-md-6:last-child {
order:1;
}
.mobileCRM .col-md-6:first-child {
order:2;
}
.mobileCRM .col-md-6 p img {
width: 30%;
}
.bPractices .resp-tab-content .col-md-2 img {
width: 15%;
}
.bPractices .resp-vtabs .resp-tabs-container {  width: 99%;}
.header .hmenu {    display: none;}
.header .menuOut { width: 73%;}
.ourJourneyBottom  .slick-slide img {  margin: 0 auto; }
.productIn .col-md-6.Text {
padding: 0;}

.productIntroBottom .bg-move{display:none;}

.productIntroBottom .col-md-6.Img { order: 1;
margin: 0 0 20px;
padding: 0;}
.productIntroBottom .col-md-6.Text { order: 2; margin:0 0 25px;}
.productIn .col-md-6 img {
border: solid 10px #fff;
border-radius: 10px;
padding: 0;	
}
.productIntroBottom {  padding:30px 0 0;}



.faq .panel.open { margin: 35px 0 0 55px;}
.hweOfferBottom ul li p {   font-size: 14px;   color: #fff;  opacity: 0.8; }
#pricing-newsec.pricing-section h2 {
font-size: 25px;
}
.pricing-section h2 br{display:none;}
.ourTeam h5 {   font-size: 16px; }
.ourTeam h2.title {
font-size: 25px;
line-height: 35px;
}
.ourTeam h2.title br{display:none;}
.ourJourney .col-md-4 img{width: 30%;}
.visionOut h3 {   font-size: 30px;}
.visionOut {  text-align: center; }
.ourJourneyBottom .col-md-3 {  padding: 0 0 30px;  text-align: center; }
.ourJourneyTop h2.title {   font-size: 30px;  line-height: 35px; }
.hcBox h2 {
font-size: 20px;
line-height: 26px;
}
.ourJourneyBottom .col-md-3 h5  {   bottom: 0 !important; }
.ourJourneyBottom .col-md-3 h5:after {  left: 50%; }
.contactform h2.title br{display:none;}
.contactIntroTop h2.title {   font-size: 30px;    margin: 0 0 5px;}
.contactform .input-containe {  width: 98%;}
.contactform .input-containe:last-child {  width: 98%;}
.contactIntroTop h5 { font-size: 16px;}
.hbIntro {   margin: 10% 0 0; }
.hweOfferBottom .col-md-4.first span {   text-align: left; }
.hweOfferBottom .col-md-4.first {   width: 100%;}
.header {padding: 10px;}
.ImproveBottom .col-md-2 {  width: 100%;}
.salezRobot .col-md-3 {   width: 100%;}
.hcBox {  display: block;}
#top-slide {  top: 190px;}
.hcBoxL {   text-align: center;     width: 100%;}
.hcBoxM {   margin: 0; }
.hcBoxM img{ width: 17%;}
.hcBoxR {  text-align: center;     width: 100%;}
.header .login {  padding: 17px 0 0;}
.play-icon-box { left:-38%;   top: 68%; }
.hIntro {  padding: 68px 0 100px;}
.hclients ul li {   width: 24%; }
.bTop .col-md-4 {  margin: 30px 0; }
.haacSec .accordion-button:not(.collapsed) span { display: block; }
.haacSec .accordion-button span { display: block; }
.haacSec .accordion-button {  display: block;}
.haacSec .accordion-collapse.collapse .accordion-body .col-md-6 .col-md-3 {
display: inline-block;  width: 25%; }
.haacSec .accordion-collapse.collapse .accordion-body .col-md-6 .col-md-8 {
display: inline-block;  width: 70%;   padding: 16px 0 0 6px; }
.haacSec .accordion-body {  padding: 40px 40px 30px; }
.haacSec .accordion-button:not(.collapsed) strong {  color: #fff;}
.haacSec .accordion-button::after {   position: absolute;  top: 50%;   right: 17px;}
.whyChooseRight .col-md-6 .col-md-4 {    display: inline-block; width: 20%; }
.whyChooseRight .col-md-6 .col-md-8  {    display: inline-block;  width: 70%;  font-size: 15px;  line-height: 22px;   padding: 0; }

.whyChooseRight .col-md-12 .col-md-2 {    display: inline-block;  width: 20%; }
.whyChooseRight .col-md-12 .col-md-8  {    display: inline-block;  width: 70%;  font-size: 15px;  line-height: 22px;   padding: 0; }
.hweOfferBottom .col-md-4.first span.Iocon {  order: 1;}
.hweOfferBottom .col-md-4.first span {  text-align: left;  order: 2; }
.hweOfferBottom .col-md-3 img { display: none;}
h2.title {  font-size: 25px;  line-height: 34px;}
h2.title br{ display:none;}
.hweOfferBottom {  padding: 35px 30px; }
.salezRobot row{ display:block;}
.globalPresenceBottom .col-sm-2 {     width: 49%;   padding: 0 !important;     vertical-align: top;    display: inline-block;   margin: 0 !important;}
.globalPresenceBottom {  background: url(../images/global-bg.png) no-repeat center 100px;   background-size: cover;}
.improve {  padding: 0 30px 80px;}
.hweOffer .container {
padding: 0;
}
.globalPresenceTop {
padding: 0 25px;
}
.ImproveTop {
width: 80%;
}
.hweOfferTop {
padding: 0 25px;
}
.improve:after {    background-size: 315%;  background-position: 67% 0; }
.ImproveBottom .col-md-2 img {  width: 30%; }
.footer .col-md-2 {  margin: 0 9px 25px 0;  width: 45%; display: inline-block; }
.socialLinks { text-align: left; margin: 0 0 10px;}
.fBottom .footopen {  text-align: left;}
.getStarted .container {  min-height: 180px;}
.fBottom .cright {  margin: 0 0 10px;}
.header .login {   padding: 14px 25px 0 0;  width: auto; }
.navigation__button {  top: 15px;  z-index: 100000; box-shadow: inherit; border-left: solid 1px #ccc;}
.header.stickyHead {  z-index: 1000;}
.navigation__background { top: 15px;  width: 3rem; height: 3rem;}
.header .logo {  width: 18%;   margin-top: 0;}
.header .logo img {   width: 50%; }
.header .login ul {  background: #012456;}
.hIntro h2.title br{display:none;}
.Ilogo {  width: 110px;}
.hbIntro h5 {  font-size: 22px;  line-height: 28px;}
.hbIntro h1 {   font-size: 26px;  line-height: 30px;}
.play-icon-box { top: 64%;}
.play-icon {   width: 70px;  height: 70px;}
.hIntro h2.title {  line-height: 33px;}
.hIntro .bg-move{ display:none;}
.salezRobotBox img {  width: 20%; }
.ImproveBottom .col-md-2 h3 {  font-size: 20px;}
.header .login ul li a { padding: 3px 12px; font-size: 11px;}
.globalPresenceBottom .col-sm-2 h2 {   font-size: 40px;   transition-delay: inherit !important;  opacity: 1 !important;}
.salezRobot { padding: 80px 50px 243px; }
.salezRobot .col-md-3 { margin-right: 0;}
.salezRobot .button-container-1 {  width: 224px;   height: 45px;}
.skipText {  left: 46.3%; }
.taptop:before { width: 20%; top: 27px;}
.taptop:after{ width:20%; top: 27px;}
.contactIntroBottom .col-md-4 {  border-right: none;  border-bottom: solid 1px #ccc; }
.contactIntroNumber ul {  max-width: 100%;      border-radius: 12px 12px 0 0;   display: block;}
.contactIntroNumber ul li span{display:none;}
.contactIntroNumber ul li {   margin: 0 0 5px;  font-size: 16px; }
.officeAddressTop .col-md-6 {    border-right: none;}
.officeAddressTop .col-md-6:nth-child(3) {  border-bottom: solid 1px #e6e6e6; }
.innerbannerSec h5{  font-size: 15px;}
.officeAddress {  padding: 70px 25px 30px;}
.officeAddress h5 span {  background: url(../images/white-bg.jpg) repeat-x 0 7px; font-size: 17px; }
.officeAddressTop .col-md-6 { padding:25px 0 0 !important;  text-align: center  !important; }
.officeAddress .col-md-8 {  padding: 0 0 30px; }
.officeAddressBottom {  text-align: center; }
.officeAddressBottom img{margin:0 0 10px;}
.officeAddress .officeAddressBottom .col-md-3 img {
width: auto;
}
.contactform h2.title { font-size: 28px;  line-height: 38px; }
.contactform h5 { font-size: 15px;}
.innerbannerSec h2 { font-size: 35px; }
.innerbannerSec h2 br{display:none;}
.pricing-columns .wrapper-full {  width: 70%; }
.faqOut .col-md-8 {  padding: 0 20px; }
.navigation__link:link, .navigation__link:visited {     font-size: 22px;  padding: 0 0 5px;}
.navigation__list {
padding: 0 30px 0;
margin: 0;
text-align: left;
}
.innerbannerSec p br{display:none;}
.navigation__item {  margin: 1rem 0;}
.navigation__link::before {  padding-right: 15px;}
.testimonial .tRight {
padding: 20px 30px;
}
.pricing-section p br{display:none;}
#videopop .modal-dialog {
max-width: 95%;} 

.bPractices .resp-tab-content ul {
margin: 45px 0 0 11px;
}
.bPractices .resp-tab-content ul li {
width: auto;
}
.bPractices .resp-tab-content ul li:nth-child(even):before {
background-size: 100%;
background: none;
}
.benefitsUsing .col-md-7:before {
top: 39px;
left: 45%;
width: 228px;
}
.navigation__item ul{display:block;}
.navigation__item ul li{   list-style: circle; padding:0; margin:0 0 10px 11px;}

.navigation__item ul li a{ color:#fff; opacity:0.8;  font-size: 15px;}
.aboutIntroR {
    margin: 0 0 0 -10px;}
    .whycallCRM {
padding: 120px 45px 150px;}
.whycallCRM .col-md-6:nth-child(1){order:2;}
.whycallCRM .col-md-6:nth-child(2){order:1;}
/* .innerbannerSec.pdB .container .col-md-5 img {
width: 110%;
} */
.aboutIntroL{order:2;}
.aboutIntroR{order:1;}
.aboutIntro {
padding: 80px 0 0;
}
.videoSec {
transform: inherit;
padding: 150px 30px 80px;
margin-top: -100px;
}
.videoSec .container {
transform: inherit;}
.accordionmenu .accordion-content {
background: transparent;}


div#videoSec.real-est {
    margin-top: 0 !important;
}


}
@media (max-width:600px) {
.bPracticesTop h2.title {
font-size: 35px;
line-height: 42px;
}
.bPractices .resp-tab-content ul li {
margin: 0 66px 44px 0;
}
.bPractices .resp-tab-content ul li:nth-child(odd):before {
background-size: 100%;
}
.bPractices .resp-tab-content ul li:nth-child(even):before {
background-size: 100%;
}
.bPractices .resp-tab-content ul li:nth-child(3):before{ background:none;}
.bPractices .resp-tab-content ul li:nth-child(4):before {
background: none;
background: url(../images/BPractices-line-bg1.png) no-repeat;
}
.skipText {  left: 44.3%; }
.slick-next { right:-16px !important;}
.pDetailIntro h3 {
font-size: 20px;
}
.pDetailIntroR {
padding: 68px 0 205px 77px;
}
.pDetailIntroR {
background-size: 100%;
}
.pDetailIntroR li { background-size: 4%; }
.pDetailIntroR li:after { width: 64%;}
.pDetailIntroB img {
width: 100%;
right: 0;
}

.leadProcessTop h2.title {
line-height: 34px;
}
.leadProcessTop h2.title {
font-size: 28px;
}
.aboutIntroR p br{display:none;}
.benefitsUsing .col-md-4 { width: 92%;}
.bPractices .resp-tab-content ul li img {
width: 82%;
}
.bPractices .resp-tab-content ul li:nth-child(even):before {
background-size: 100%;
/* background: none; */
}


.innerbannerSec.rbotB:after, .innerbannerSec.leBanner:after {
background: url(../images/banner-shape-bg.png) no-repeat;
background-size: cover;
box-shadow: none;
}
.innerbannerSec.rformB:after, .innerbannerSec.rformB:after {
background: url(../images/banner-shape-bg.png) no-repeat;
background-size: cover;
box-shadow: none;
}
.aboutIntroR {
    margin: 0 0 0 -10px;}
    .aboutIntro {  padding: 0 25px 70px;
}
.benefitsUsing:before {
margin-top: -52px;
}
.leadProcess .accordion-button:not(.collapsed) {
font-size: 25px;
}
.videoSec {
transform: inherit;
padding: 150px 30px 80px;
margin-top: -100px;
}
.videoSec .container {
transform: inherit;}
#smaller-plans .plan:last-child:hover {
border-radius: 0;
}
.testimonial .tLeft p {
font-size: 16px;
line-height: 25px;
}
.accordionmenu .accordion-content {
background: transparent;}


.testimonial .test-head p br {
    display: none;
}
.testi-box .box {
    padding: 0 20px;
}
#tstmo-page .hclients ul {
    padding: 52px 14px;

}
#tstmo-page .hclients ul {
    margin: 0 17px;

    justify-content: center;
}
#verticalTab .col-md-4 img {
    width: 100%;
}

.videoSec .videoIn img {
    border: solid 10px #000;
}


#testi-mon .testibox {
    padding: 50px 24px 50px 24px;
}
.testi-box .box {
    padding: 0 0px;
}
.ply-vidpop {
    right: 22px;
    bottom: 21px;
}

.blog_cat ul.blog_tab {
    display: flex;
    flex-wrap: wrap;
}

.blog_cat ul.blog_tab li {
    padding: 10px 20px;
    margin: 16px 5px;
    flex: 0 0 30%;
}
h2.post-title a {
    font-size: 23px;
}
h2.post-title.m-t0 {
    margin: 15px 0 8px 0;
}

blockquote {
    font-size: 16px;
    line-height: 26px;
}

}
@media (max-width:550px) {
    .hweOfferBottom.rel-est {
        background: none;
    }
    .hweOfferBottom.rel-est .col-md-4.first {
        width: 100%;
    }
    .hweOfferBottom.rel-est .col-md-5.right {
        width: 100%;
    }
    .hweOfferBottom.rel-est .col-md-4.first li:nth-child(3) {
        padding: 0;
    }
    .hweOfferBottom.rel-est .col-md-5.right li:nth-child(2) {
        padding-top: 0px;
        right: -5px;
    }
    .hweOfferBottom.rel-est {
        padding-top: 0;
    }
    .qualities.real-est .col-md-4 {
        width: 100%;
    }
    .qualities.real-est .col-md-4 {
        width: 100%;
        padding: 15px 15px 15px 15px;
    }
    .leadProcess.telcrm.rel_sta .col-md-6 {
        width: 100%;
    }
    .benefitsUsing.telcrm.real-est {
        padding-bottom: 23px;
        padding-left: 19px;
    }
    .leadProcess.telcrm.rel_sta {
        padding: 70px 0 50px;
    }
    .benefitsUsing.telcrm.real-est:after{
        height: 0;
    }
    .benefitsUsing.real-est:before {
        margin-top: -69px;
    }
    .benefitsUsing.telcrm.post-sale {
        padding-top: 50px;
        padding-bottom: 100px;
    }
    .mobileCRM.real-est {
        transform: skew(0deg, 0deg);
    }
    .mobileCRM.real-est .container {
        transform: skew(0deg, 0deg);
    }
    .benefitsUsing.post-sale h2.title {
        line-height: 35px;
    }
    .qualities.real-est {
        padding: 30px 20px 50px;
    }
    .qualities.real-est .col-md-4 h3:before {
        left: -17px;
    }
    div#verticalTabs .resp-tabs-container img {
        width: 100%;
    }
    ul.devtabs li button.mystyle {
        font-size: 22px;
        line-height: 18px;
    }
    .wfhTab.real-est #verticalTab .resp-tab-content {
        padding: 22px 10px 48px 10px;
    }
    #verticalTab div#accordionExample01 {
        padding-left: 44px;
    }
    ul.sec02 li {
        flex-direction: column;
        align-items: stretch;
    }
    ul.sec02 li {
        width: 100%;
        padding-right: 0px;
    }
    ul.sec02 li p {
        padding: 0;
        margin-top: 10px;
    }

    div#accordionExample01 {
        width: 100%;
    }
    .benefitsUsing.wfhTab.real-est  .container {
        padding-left: 0px;
        padding: 0;
    }
    .resp-arrow {
        margin-top: 9px !important;
    }
    #verticalTab h2.resp-tab-active span.resp-arrow {
        margin-top: -4px !important;
    }
    .hweOfferBottom.rel-est .col-md-4.first li:nth-child(3) {
        left: 0 !important;
    }
    .benefitsUsing .accordion {
        padding: 0 0 0 52px;
    }
    #verticalTabs h2.resp-tab-active span.resp-arrow {
        margin-top: -4px !important;
    }
    .hweOffer.crm:before {
        margin-top: -95px;
    }
    .mobileCRM.real-est {
        padding: 100px 20px 166px;
    }
    .mobileCRM.Benefits ul li:before {
        display: none;
    }
    .aboutIntro.fstcrm.crm-intgra {
        padding-top: 0px;
        margin-top: -50px;
        padding-bottom: 100px;
    }
    .crm-intgra .aboutIntroR {
        padding: 48px 0px 0;
    }
    .wfhTab.crm-intgra .resp-vtabs .resp-tabs-container {
        width: 100%;
    }
    .leadProcess.crm-intgra .accordion-button {
        font-size: 16px;
    }
    .leadProcess.crm-intgra .accordion-button:not(.collapsed) {
        font-size: 17px;
    }
    .leadProcess  .accordion-button strong {
        top: auto;
    }
    .wfhTab .resp-vtabs h3 {
        font-size: 25px;
    }
    .benefitsUsing.telcrm.wfhTab.cus-sup-crm {
        padding-bottom: 191px;
    }
    .challenges.topSha.cus-sup-crm.challenges.topSha:before {
        margin-top: -73px;
    }

    .videoSec.real-est .videoIn img {
        border: solid 13px #000;
    }
    .videoSec.real-est .videoIn .play-icon-box {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .real-est .play-icon {
        width: 45px;
        height: 45px;
    }



    .mobileCRM.str.cussuport {
        padding: 59px 0 0;
    }
    #mpslider button.slick-prev.slick-arrow {
        left: -6px;
    }
    #mpslider button.slick-next.slick-arrow {
        right: -6px !important;
    }
    .aboutIntro.fstcrm.crm-intgra.cust-suport {
        padding-top: 0;
    }
    .benefitsUsing {
        padding: 41px 10px 47px 10px;
    }
    .benefitsUsing.telcrm.wfhTab.cus-sup-crm {
        padding-top: 32px;
    }
    .leadProcess.rbotBox.crm-intgra .accordion-button strong {
        top: 0px;
    }
    .mobileCRM h2.title {
        line-height: 33px;
    }
    .mobileCRM.cussuport .col-md-6:nth-child(1) img {
        width: 100%;
    }
    #smaller-plans .plan:hover  strong.mdec {
        color: #fff;
    }

    .navigation .col-md-4:last-child {
        height: 574px;
    }
    .navigation__item ul {
        padding-left: 10px;
    }


    .dlab-post-title h6.post-title a {
        font-size: 17px;
        line-height: 25px;
    }
    .dlab-post-meta ul li {
        font-size: 15px;
    }
}
@media (max-width:480px) {
.aboutIntro.telcrm {
padding-bottom: 90px;
}
.innerbannerSec.pdB {
margin: 0 0 40px;
}

.whycallCRM:before{background:none;}
.whycallCRM ul li {
padding: 15px 15px;
margin: 0 0 20px;
flex: 0 0 100%;
}
.whycallCRM ul {
padding: 0 25px; 
margin: 0 !important;
width: 100%;
}
#freedemo .col-md-5 p {
font-size: 13px;
}
.productIn .col-md-6 h3 {
font-size: 23px;}
.productIn {
padding: 0 20px;
}
.getStarted .container {
min-height: 135px;
}
.contactform h2.title { font-size: 25px;  line-height: 38px; }
.innerbannerSec h2 { font-size: 22px; }
.taptop:after{ width: 13%;}
.taptop:before {  width: 13%; }
.taptop:after {  width: 13%; }
.testimonial .tRight:before {   right: 22px;   top: 110px; }
.header .logo img {   width: 100%; }
.testimonial .tLeft p {  font-size: 18px;  line-height: 27px; }
.testimonial .col-md-12 .col-md-6:first-child:after {   top: auto;   background: #4c90ce;  width: 100%;  height: 1px;  bottom: -3px; }
.bPractices .resp-tab-content ul li { margin: 0 64px 44px 0; }
.bPractices .resp-tab-content ul li:nth-child(even):before {
background: none;
}
.bPractices .resp-tab-content ul li:nth-child(odd):before {
background: none;
}
.bPractices .resp-tab-content ul li {
margin: 0 5px 44px 0;
}
.bPractices .resp-tab-content ul {
margin: 45px 0 0 -6px;
}
.bPractices .resp-tab-content ul li:nth-child(even) {
padding: 0;
}
#verticalTab h2.resp-accordion {
font-size: 21px;
}

#verticalTab h2.resp-accordion span {
    font-size: 12px;
    margin-top: 10px;
}
.pDetailIntroR li {
background-size: 7%;
}
.pDetailIntro h3 {
font-size: 17px;
}
.leadProcess .accordion-button:not(.collapsed) {
font-size: 20px;
}
.leadProcess .accordion-button {
font-size: 17px;
}

.leadProcess .bg-static {
max-width: initial;}
.leadProcess .accordion-button strong {
font-size: 12px;
}
.leadProcess .accordion-body {
padding: 0 50px 60px;
}
.leadProcess .accordion-button::after {
background-image: url(../images/arrow-img.png);
margin-top: 2px;
}
.sComparisonTop h2.title {
font-size: 28px;
line-height: 35px;
}
.sComparison {  padding: 86px 0 0; margin-top: -100px;}
.bPracticesTop h2.title {
font-size: 28px;  line-height: 33px;
}
.bPractices .resp-vtabs h3 {
font-size: 20px;
}
.pDetailIntroR {
padding: 43px 0 205px 77px;

}
.leadProcessTop {
margin: 0 0 40px;}
.header .menuOut {
width: 66%;
}
.pDetailIntro h2.title {
font-size: 28px;
line-height: 36px;
}
.pDetailIntroL p br{display:none;}
.bPractices .resp-tab-content .col-md-2 img {
width: 21%; margin: 0 0 10px;
}
.leadProcess .accordion-button span {
padding: 0 0 0 44px;
}
.aboutIntro.crm:after {
height: 100px;
}
.bPractices .resp-tab-content ul li {
width: 46%;
}
.benefitsUsing .col-md-4 h3 {
font-size: 20px;}
.benefitsUsing.crm {
padding: 41px 20px 117px 20px;
}
.challenges .col-md-4 {
padding: 15px 20px 15px 20px;
}
.benefitsUsing .col-md-7:before {
top: 9px;
left: 128px;
width: 148px;
}
.testimonial .cImg img { width: 36%;}
.leadProcess .accordion-button:not(.collapsed) strong {
top: 25px;
}
.benefitsUsing .accordion-button strong {
top: 12px;
}
.whycallCRM .container {
max-width: 100%;
}
.accordionmenu .accordion-content {
background: transparent;}

/*  */
.benefitsUsing .col-md-4 { width: 100%;}
.benefitsUsing.crm {
padding: 41px 20px 140px;
}
.innerbannerSec:after {
bottom: 0;
}
.crm .aboutIntroR {
margin: 0;
padding: 18px 20px 24px;
}
.aboutIntroL img {
padding-bottom: 0px;
}
.aboutIntroL img {
top:0;
}
.aboutIntro.crm {
padding: 0 0 50px;
}
.aboutIntro:after {
bottom: -41px;
}
.getBtn {
margin: 0px 0 10px;
}
.mobileCRM {
padding: 75px 20px 200px;
}
.testimonial h2.title {
margin: 0 0 15px;
}
.testimonial .slick-slide {
padding-top: 10px;
}
.hclients.Inner.pt {
padding: 60px 0 70px;
}
.award {
padding: 58px 0;
}
.leadProcess.rbotBox .accordion-body img {
width:100%;
}
.bPracticesTop p br {
content: '';
}
.innerbannerSec.pdB.rformB {
padding: 105px 0 344px;
margin: 0;
}
.benefitsUsing.telcrm {
padding-bottom: 250px;
}
.innerbannerSec.pdB .container .col-md-5 img {
width: 84%;
margin-top: 42px;
}
.leadProcess {
padding: 0px 0 150px;
}

.leadProcess.lead-sec   .leadProcessTop {
margin: 0 0 0px;
}
.leadProcess.lead-sec .leadProcessTop {
padding-bottom: 38px;
padding-top: 20px;
}
.challengs-secnew:before {
padding: 76px 0;
margin-top: -115px;
}
.leadProcess .leadProcessTop.aos-init.aos-animate{
margin: 0;
padding-bottom: 45px;
}
.leadProcess {
padding: 40px 0 43px;
}
.testimonial .tLeft {
padding: 0;}
#simply-sec:before {
padding: 44px 0;
margin-top: -60px;
}
.challenges.flead {
padding: 0 25px 160px;
}
.challenges.flead .container{position:relative;}
#simply-sec {
padding: 82px 0 120px;
}
.bPracticesTop p br {
content: '';
}
.challenges.tcrm {
padding: 54px 15px 115px;
}
.plan a.button {
top: 30px;
}
.innerbannerSec.pdB.leBanner {
padding: 130px 0 390px;
}
.innerbannerSec.leBanner .col-md-6:last-child img {
width: 80%;
left: 9%;
top: 30px;
}
.pDetailIntroB {
top: 25px;
}
.aboutIntro.crm.wapi {
padding-bottom: 100px;
}
.challenges.topSha:before {
margin-top: -109px;
}

.wfhTab .resp-vtabs .resp-tabs-container {
width: 100%;
}
.benefitsUsing.telcrm .col-md-7 img {
width: 89%;
margin: -45px 0 0;
}
.wfhTab .resp-tab-content {
padding: 38px 14px 0 22px;
}
.benefitsUsing .getBtn {
margin:0px 0 25px 13px;
}
#verticalTab h2.resp-tab-active {
color: #fff;
}

.leadProcess .col-md-6 img {
width: 100%;
margin-bottom: 10px;
}
.leadProcess.rbotBox .bg-static .col-md-6 .col-md-3 img {
width:auto;

}
.aboutIntro.crm.wapi .aboutIntroL img {
width: 100%;
}
.benefitsUsing .col-md-7:before {
top: 9px;
left: 128px;
width: auto;
}
.leadProcess .bg-move {
display: none;
}
.innerbannerSec.rformB:after, .innerbannerSec.rformB:after {
background: url(../images/banner-shape-bg.png) no-repeat;
background-size: cover;
box-shadow: none;
bottom: 0;
}


.leadProcess.telcrm.wfh .accordion-body {
padding: 89px 40px 60px;
}

.leadProcess.telcrm.wfh  .accordion {
margin: 0 0 0;
}
.videoSec .container {
padding: 0 0 0px;
}
#smaller-plans .plan a.button {
top: 30px;
}
nav.navigation__nav .row {
align-content: center;
}


/* 29-07-2023 */

.mobileCRM.Benefits {
    padding: 80px 20px 50px;
}
.benefitsUsing.telcrm.post-sale {
    padding-left: 20px;
}
.aboutIntro.telcrm.rel-est {
    padding: 89px 10px 73px 20px;
}
.benefitsUsing.real-est:after {
    margin-top: -60px;
}
.aboutIntro.telcrm.rel_sta {
    padding-top: 65px;
    padding-bottom: 300px;
}
.testimonial {
    overflow: hidden;
}
.innerbannerSec:after {
    height: 97px;
    bottom: -1px;
    left: 0px;
}
.leadProcess .accordion-body {
    padding: 0 22px 45px;
}
.leadProcess.telcrm.rel_sta .leadProcessTop {
    padding: 0;
    padding-bottom: 24px;
}
.benefitsUsing.telcrm.real-est {
    padding-top: 10px;
}
ul.devtabs li {
    margin: 0 2px;
}
.aboutIntro.telcrm.rel_sta img {
    width: 100%;
    position: relative;
    top: 18px;
}
.innerbannerSec:after {
    height: 131px;
    bottom: -1px;
    left: 0px;
}
.pricing-section {
    padding: 64px 0 150px 0;
}
.hweOffer.crm.rel-est .hweOfferBottom {
    padding: 35px 18px;
}
#trust-sec h2.title {
    padding-top: 0;
}
.hclients.Inner {
    padding: 80px 0 80px;
}
.leadProcess.crm-intgra .accordion-button span {
    padding: 0 0 0 0px;
}
.leadProcess.crm-intgra .accordion-button strong {
    position: relative;
    top: auto;
}
.leadProcess.crm-intgra .accordion-button:not(.collapsed) {
    padding: 25px 22px 25px;
}
.leadProcess.rbotBox.crm-intgra {
    padding: 0 0 35px;
    margin-top: -50px;
}
.leadProcess.rbotBox.crm-intgra .accordion-body {
    padding: 37px 30px 19px;
}
.innerbannerSec .container .col-md-5 {
    text-align: center;
}
.benefitsUsing.wfhTab.real-est  h2.title {
    margin: 0 0 3px;
    font-size: 29px;
    line-height: 28px;
}
div#cimg {
    border-bottom: 0px solid #b5abab;
}
.wfhTab.real-est .accordion-body .cimg ul.slick-dots {
    width: 77% !important;
}
#verticalTabs ul.brok_tab li ol.acc_btn li {
    flex: 0 0 48%;
}
.mobileCRM.real-est h2.title {
    font-size: 25px;
    line-height: 29px;
}
.mobileCRM.real-est .slick-prev {
    left: -12px;
}
.wfhTab.real-est ol.acc_btn li {
    flex: 0 0 67%;
    margin: 0 auto;
    margin: 6px au!important;
    margin: 6px auto !important;
}
#verticalTab #collapseOne .col-md-4 img {
    width: 122%;
}
#verticalTab #collapseOne .col-md-4{
    margin-left: -20px;
}
.play-icon {
    width: 52px;
    height: 54px;
    /* top: 50%; */
}



.leadProcess.rbotBox.crm-intgra.cussport .accordion-button:not(.collapsed) strong {
    top: 0px;
}
.innerbannerSec.pdB .container .col-md-5 img {
    width: 100%;
}

.leadProcess.rbotBox.crm-intgra .accordion-button:not(.collapsed) strong {
    top: 0;
}
.leadProcess.rbotBox.crm-intgra .accordion-button:not(.collapsed) strong {
    top: 0;
}

.dlab-post-title h6.post-title a {
    line-height: 20px;
}


.blog_cat ul.blog_tab li {
    margin: 9px 5px;
    flex: 0 0 47%;
}


blockquote {
    padding: 16px 20px 16px 60px;
    font-size: 15px;
    line-height: 24px;
}
/* -- */


}
@media (max-width:380px) {
.header .menuOut {
width: 66%;
}
.skipText { left: 44.3%; }
.footer .col-md-2 {  width: 100%; display: block; }
.testimonial .tRight:before { top: 97px; }
.bPractices .resp-tab-content ul {
margin: 45px 0 0 -12px;
}
.bPractices .resp-tab-content ul li {
margin: 0 1px 44px 0;
}
.pDetailIntroR {
padding: 34px 0 205px 66px;
}
.leadProcessTop h2.title {
font-size: 24px;
line-height: 28px;
}
.mobileCRM.Benefits {
    padding: 51px 10px 50px;
}
.aboutIntro.telcrm.rel_sta .aboutIntroR {
    margin: 0px 0 0 0px;
}
.aboutIntro.telcrm.rel_sta {
    padding-top: 0;
    padding-bottom: 300px;
}
.innerbannerSec.pdB.rel-sta{
    margin: 0 0 0px;
}
.aboutIntro.telcrm.rel_sta {
    padding: 0 0 320px;
}
.aboutIntro.telcrm.rel-est {
    padding: 30px 10px 73px 10px;
}
.aboutIntro.rel-est h2.title {
    font-size: 24px;
    line-height: 30px;
}
.mobileCRM.real-est .container {
    padding: 0;
}
.pricing-section {
    padding: 110px 0 90px 0;
}
}
@media (max-width:370px) {
    .innerbannerSec.rformB:after, .innerbannerSec.rformB:after {
bottom: 20px;
}
.pDetailIntroR li {
line-height: 13px;
padding: 0 0 6px 25px;
font-size: 11px;
}

.blog_cat ul.blog_tab li a {
    font-size: 14px;
}
.blog_cat ul.blog_tab li {
    flex: 0 0 46%;
}
.blog_cat ul.blog_tab li {
    margin: 5px 4px;
}
}
.cus-hg{
    width:53% !important;
}
.cus-mk{
    text-align: center !important;
}
.cus-ph{
    width:30% !important;
}

red-po{
    margin-left: 253px !important;
    text-align: center!important;
}
.sp1{
    font-size: 12px !important;
    font-weight: 700 !important;
 }
 
 
  
    .namu {
        list-style: none;
        padding: 0;
        margin: 0;
      }
      
      .namu > li {
        position: relative;
        display: inline-block;
        padding: 10px 16px !important;
        background: #024999;
        color: white;
        cursor: pointer;
      }
      
      .dropdown-content {
        display: none;
        position: absolute;
        top: 0;
        left: 100%; /* Position to the right */
        background: #024999;
        list-style: none;
        padding-left: 0px !important;
        margin: 0;
        min-width: 160px;
        border: 1px solid white;
        width: 215px;
      }
      
      .dropdown-content li a {
        display: block;
        padding: 10px;
        color: white;
        text-decoration: none;
      }
      
      .dropdown-content li a:hover {
        background-color: #024999;
      }
      
      .dropdown:hover .dropdown-content {
        display: block;
      }
      
      .drops{
        font-size: 14px;
    font-weight: 500;
      }

      .sa-ps ul li ul.sa-v:before {
        content: none !important;
        left: 45%;
       }


.bha-s ul li ul:before {
        content: '';
        width: 0;
        height: 0;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 0px solid !important;
        top: -10px;
        position: absolute;
        left: 55%;
    }

.sa-vp{
    margin-left: 5px;
}
.sa-sv{
    margin-left: 20px;
}
.blg {
    padding-left: 15px !important;
}
.mar-e {
    margin-top: 20px;
}