:root {
      --primary-blue: #0060e6;
      --yellow: #ffdc00;
      --light-blue-bg: #dcebfd;
      --light-gray: #f5f7fa;
      --text-dark: #000;
      --text-light: #787878;
    }
body,html{
    font-family: 'Inter' ,sans-serif !important;
    font-size: 16px;
    line-height: 22px;
 }
 div, p, span, h1, h2, h3, h4, h5, h6, strong, section, address, area, aside,a, label, ul, li {
     font-family: 'Inter', sans-serif !important;
      font-style: normal;
}
 ul,li{
    list-style: none;
 }
 .pTB10{
    padding-top: 10px;
    padding-bottom: 10px;
}
.lightWhite{
    background: #f8faff;
}
.TopHeader.newHomepage{
    display: block;
}
.bg-lighter {
    background-color: #0069DE!important;
color: #fff!important;
}
.header-top .top-left{
    padding-left:5px; 
}
.blueL-text{
    color: #104bb9;
}
 .blueL-bg{
    background: #104cba;
 }
.navWrap .header-inner.section-inner .headerRightbtn .btn.RequestADemo {
    background-color: #104cba;
    border-color: #104cba;
    color: #fff;
    text-decoration: none;
    /* margin-right: 10px; */
}

.home-new .moreBtn, .home-new .moreBtn:hover, .home-new .moreBtn:focus {
    display: inline-block;
    background: #104cba;
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    border-radius: 4px;
    padding: 16px 20px;
    margin-top: 50px;
    max-width: 160px;
    width: 100%;
    text-decoration: none;
    text-align: center;
    font-weight: 600;
}
.moreBtnBorder,.moreBtnBorder {
    border: 1px solid #ddd;
    background: transparent !important;
    color: #000 !important;
    max-width: 150px;
    width: 100%;
    text-align: center;
    padding: 16px 24px;
    font-weight: 600;
        font-size: 16px;
    line-height: 22px;
}
.moreBtnBorder:hover,.moreBtnBorder:focus{
    background: #104cba !important;
    color: #fff !important;
    border: 1px solid #104cba;  
    max-width: 150px;
    width: 100%;
    text-align: center;
    padding: 16px 24px;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;

}
  
.header-top {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.top-left ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
}
.top-left ul li {
    margin-right: 40px;
    color: #fff;
}
.top-left ul li a{
 color: #fff;  
cursor: pointer;
outline: none;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
text-decoration: none; 
font-size: 16px;
}
.top-left ul li a:hover{
    color: #ffffffb0;
}

.top-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
}
.header-five .office-time {
    margin-right: 40px;
}
.top-right .office-time {
    margin-right: 75px;
}
.social-style-one {
    display: inline-block;
}
.social-style-one a {
    margin-right: 15px;
    color: #000000;
    display: inline-block;    
}
.social-style-one a svg,.social-style-one a img{
    height: 15px;
}
.social-style-one a:last-child{
    margin-right: 0;
}
.toBanner h1,.toBanner p{
    color: #000000;
}
.toBanner h1{
    font-size: 40px;
    line-height: 50px;
    font-weight: 600;
    font-style: normal;
}




/*________________New home page design css by Vishal__________________*/

/*_________________________Header style css___________________________ */

button:focus {
outline: none;
text-decoration: none !important;
}
button:hover {
outline: none;
text-decoration: none !important;
}


a.start-trial-btn {
    background-color: #0069de;
    color: white;
    padding: 12px 20px;
    border-radius: 30px;
    font-weight: bold;
    font-size: 17.5px;
    text-decoration: none;
}

.toBanner{
    position: relative;
}

.hero-five-image {
    position: absolute;
    width: 50vw;
    height: 100%;
    top: 0;
    right: 0;
    /*z-index: -1;*/
    background-repeat: no-repeat;
    background-size: cover;
}
.header-box{
    position: relative;
background-color: #fff;
}

.header-box .site-logo.faux-heading{
    margin-top: 0;
    margin-left: 0;
}
.header-footer-group .header-inner.section-inner{
    padding-top: 3px;
    position: relative;
}
.header-footer-group .section-inner ul.primary-menu li > a,.header-footer-group.customHeader .section-inner .primary-menu .icon{
    color: #000;
}
.header-footer-group .section-inner ul.primary-menu li > a{
      font-size: 17.5px;
    line-height: 22px;
    font-weight: 100;
}

/*.header-five .header-inner:after {
    content: '';
    top: 0;
    right: 0;
    z-index: -1;
    background: white;
    width: 100vw;
    height: 100%;
    position: absolute;
    -webkit-box-shadow: 0px 10px 60px rgba(16, 76, 186, 0.1);
    box-shadow: 0px 10px 60px rgba(16, 76, 186, 0.1);
}
*/
.centerBackground.toBanner:before, .IndustryIntro:before{
    display: none;
}

.call-to-action{
    padding-top: 3vh;
    padding-bottom: 3vh;
}
.call-to-action .section-title,.call-to-action .blueBtn{
    display: inline-block;
}
.call-to-action .whiteBorder {
    border: 1px solid #fff;
    background: transparent !important;
    color: #fff!important;
    max-width: 188px;
    width: 100%;
    text-align: center;
    padding: 19px 24px;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    margin-top: 0;
    margin-left: 8vh;
}
.call-to-action .whiteBorder:hover{
    background: #fff !important;
    color: #104cba !important;
    margin-top: 0;
      max-width: 188px;
    width: 100%;
    border: 1px solid #fff;
        padding: 19px 24px;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
}
.fiveBoxWrap{
       display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    align-items: stretch;
        background: #f9f9f9;
}
.fiveBoxWrap .boxw5{
    display: flex;
    padding-left: 15px;
    padding-right: 15px;
    width: 20%;
    padding-top: 50px;
    padding-bottom: 50px;
    flex-flow: column;
    justify-content: center;
}
.firstcontainer .boxw5:first-child{
    width: 28%
}
.firstcontainer .boxw5:nth-child(2),.firstcontainer .boxw5:nth-child(3),.firstcontainer .boxw5:nth-child(4),.firstcontainer .boxw5:nth-child(5){
    width: 18%;
}
.fiveBoxrow2{
    padding-left: 10%;
    position: relative;
}
.fiveBoxrow2:before{
    content: "";
    background: #fff;
    position: absolute;
    left: 0;
    height: 100%;
    width: 10%;
    position: absolute;
    top: 0;
}

.fiveBoxWrap .boxw5 .icon-wrap {
    width: 60px;
    height: 60px;
    border-radius: 50px; 
    text-align: center;
    margin-left: 0;
    display: flex;
    align-items: center;
}
.fiveBoxWrap .boxw5.commonBox{
    padding: 40px 15px;
}
/*.fiveBoxWrap .boxw5.commonBox >a{
    display: block;
    padding: 50px 15px;
  
}*/
.fiveBoxWrap .boxw5.commonBox{
          -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all .2s;
    transform: scale(1);   
}
.fiveBoxWrap .boxw5.commonBox:hover{
        -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.1);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.1);
    transition: all 200ms ease-in;
    transform: scale(1.1);
}
.fiveBoxWrap .boxw5 .icon-wrap svg,.fiveBoxWrap .boxw5 .icon-wrap img{
    width: 30px;
    height: 30px;
    margin: 0 auto;
}
 .lblueIcon{
    background: #e9e7fd;
 }
 .lblueIcon svg {
    fill: #8178d9;
 }
 .lgreenIcon{
    background: #cdfbf9;
 }
 .lgreenIcon svg {
    fill: #13c7c2;
 } 
 .lgrayblueIcon{
    background: #cdecfb;
 }
 .lgrayblueIcon svg {
    fill: #3ca8d9;
 } 
 .lyellowIcon{
    background: #ffefc1;
 }
 .lyellowIcon svg {
    fill: #faab13;
 }
.boxw5 .info-box-wrap .box-icon-wrapper{
    margin-left: 0;
}
.whiteBg{
    background: #fff;
}
.boxw5 .info-box-wrap .info-box-content h3{
    font-weight: normal;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 7px;
    color: #525252;
}
.boxw5 .info-box-wrap .info-box-content p{
   color: #525252;
   font-size: 15px !important;
   line-height: 20px !important;
}
.fiveBoxWrap.firstcontainer .boxw5.firstBox  p{
     font-size: 15px !important;
   line-height: 20px !important;
}
.boxw5 .info-box-wrap .info-box-content a {
    margin-top: 18px;
    display: block;
    color: #104cba;
    font-weight: 500;
    font-size: 13px;
}
.boxw5 a:hover,.boxw5 a{
    text-decoration: none;
}

.integrationBox {
    max-width: 926px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    flex-flow: column;
    width: 100%;
    text-align: center;
}
.integrationBox ul li{
    display: inline-block;
    width: 33%; 
   margin-bottom: 20px;
   padding-left: 10px;
   padding-right: 10px;
   text-align: left;
}
.integrationBox ul li a{
   background: #fff;
   box-shadow: 0px 2px 4.55px 0.45px rgba(233, 233, 233, 0.75);
   display: block;
   padding: 10px;
   text-decoration: none;
}
.integrationBox ul li a:hover{
    color: #000;
}
.integrationBox ul li a img ,.integrationBox ul li a span{
    display: inline-block;
    vertical-align: middle;
}
.integrationBox ul li a span{
    font-size: 18px;
    line-height: 24px;
    color: #000;
    font-weight: 600;
    margin-left: 14px;
}
.testimonialHome footer{
    background-color: transparent !important;
    background-image:none !important; 
        font-size: 18px;
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 30px;
    color: #525252;
}
.testimonialHome footer span{
    display: block;
    color: #104cba;
    font-weight: normal;
    margin-top: 5px;
    font-size: 15px;
    line-height: 26px;
}

.testimonialHome .testimonial-content{
    text-align: left;
}
.testimonialHome  p{
    font-style: normal;
    font-size: 17px;
    line-height: 26px;
    color: #000;
}

.testimonialHome .testimonialWrap{
    position: relative;
    display: flex; 
    height: 100%;
    padding-bottom: 10vh;
    padding-left: 30px;
}
.testimonialHome .testimonialWrap .testimonials{
    height: 100%;
    display: flex;
     align-items: end;
}
.testimonialHome .testimonials:before{
    content: "";
    background: url(/wp-content/uploads/2022/08/testimonials_quoteIcon.png)no-repeat;
    width: 116px;
    height: 82px;
    position: absolute;
    top: 20%;
    left: 0;
    transform: rotate(180deg);
}
.testimonialHome .testimonials:after{
    content: "";
    background: url(/wp-content/uploads/2022/08/testimonials_quoteIcon.png)no-repeat;
    width: 116px;
    height: 82px;
    position: absolute;
    bottom: 0;
    right: 0; 
}
.testimonialHome .owl-carousel .owl-stage-outer{
    margin-bottom: 50px;
}

.testimonialHome .owl-carousel .owl-nav > button{
    top: auto;
    bottom: 0;
}
.testimonialHome  .owl-nav>button[class*=owl-prev] {
    left: 0;
    display: block;
    transform: translateX(0px);
}
.testimonialHome  .owl-nav>button[class*=owl-prev] span,.testimonialHome .owl-nav>button[class*=owl-next] span{
    opacity: 1;
    font-size: 0;
}
.testimonialHome .owl-nav>button[class*=owl-next]{
    background: url(/wp-content/uploads/2022/08/square-chevron-right-solid.svg)no-repeat;
    width: 30px;
    height: 30px;
    left: 40px;    
    right: auto;
    transform: translateX(0px);
}
.testimonialHome  .owl-nav>button[class*=owl-prev]{
        background: url(/wp-content/uploads/2022/08/square-chevron-left-solid.svg)no-repeat;
    width: 30px;
    height: 30px;
} 
.testimonialHome .testimonials  .owl-nav>button{
    opacity: 1;
    visibility: visible;    
} 
.testimonialHome .owl-dots {
    margin-top: 5px;
    text-align: center;
    width: auto;
    left: 0px;
    /*left: 90px;*/
    right: auto;
    position: absolute;
}
.testimonialHome .owl-dots .owl-dot span {
    display: block;
    margin: 2px 5px;
    width: 10px;
    height: 10px;
    border: 2px solid #fff;
    border-radius: 50%;
    transition: all .25s ease;
    background: #dae9f9;
     width: 16px;
    height: 16px;
     position: relative;
}
.testimonialHome .owl-dots .owl-dot{
    position: relative;
}
.testimonialHome .owl-dots .owl-dot.active span {
    border-color: #fff;
    background-color: #086ad7;
    position: relative;   
}
.testimonialHome .owl-dots .owl-dot.active:before{
    content: "";
    background: #086ad7;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 50%;
}
.supportCOntent{
    width: 80%;
    padding-top: 30px;
}
.supportCOntent .mediaIon{
    width: 70px;
    height: 70px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    margin-right: 25px;
}
.supportCOntent .mediaIon svg,.supportCOntent .mediaIon img{
    width: 30px;
    height: 30px;
    fill:#fff;
    margin: 0 auto;
}
.supportCOntent h5{
    font-size: 22px;
    line-height: 28px;
    font-weight: 600;
}
.supportCOntent p{
    font-size: 14px;
    line-height: 19px;
}
.supportCOntent .blueBox{
    background: #175bff;
}
.supportCOntent .pinkBox {
    background: #f15767;
}
.StatisticWrap{
    background: #0f4bb9;
    width: 95%;
    margin: 0 auto;
    background-image: url(/wp-content/uploads/2022/08/Dot-Texture-New-home-page.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
}
.StatisticWrapContainer{
    position: relative;
}
.StatisticWrapContainer:after{
    content: "";
    background: #fff;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
/*.StatisticsContent{
    padding-left: 5vh;
}*/
.StatisticWrap .success-item {    
    margin-bottom: 0;
    padding-top: 80px;
    padding-bottom: 80px;
    border-left: 1px solid #285ec1;
    border-bottom: 1px solid #285ec1; 
}
 
.StatisticWrap .success-item p {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0;
    color: #fff;
}
.StatisticWrap .success-item .count-text {
    font-size: 35px;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 10px;
    display: inline-block;
    color: #fff;
}
.StatisticWrap .success-item .count-text.plus:after {
    content: '+';
}

.StatisticsRevieBox .row > div {
    padding-left: 0;
    padding-right: 0;
}
.StatisticsRevieBox .row{
    margin-right: 0;
    margin-left: 0;
}
.StatisticsContent { 
    display: flex;
    flex-flow: column; 
    justify-content: center;
    height: 100%;
    max-width: 450px;
    margin: 0 auto; 
}
.StatisticsContent span{
  font-weight: 500;
    margin-bottom: 20px;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    line-height: 20px;
}
.StatisticsContent h3{
font-size: 30px;
line-height: 40px;
color: #fff;
margin-bottom: 25px;
}
.StatisticsContent p{
    color: #fff;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 25px;
}
.StatisticsContent a,.freeSupport .container .borderBtn{ 
    background: transparent;
    border: 1px solid white;
    border-radius: 5px;
    font-size: 16px;
    padding: 11px 28px;
    color: #fff;
    text-decoration: none;
    display: table;
    max-width: 150px;
    text-align: center;
}
.StatisticsContent a:hover,.freeSupport .container .borderBtn:hover{
    background: #fff;
    color: #0f4bb9;
}
.freeSupport .container{
    background: #0f4bb9;
    text-align: center;
    border-radius: 10px;
    padding-top: 8vh;
    padding-bottom: 8vh;
        background-image: url(/wp-content/uploads/2022/08/Dot-Texture-New-home-page.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.freeSupport .container .subtitle{
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    display: block;
    margin-bottom: 15px;
}
.freeSupport .container h2 {
    font-size: 30px;
    line-height: 40px;
    color: #fff;
    /*margin-bottom: 3vh;*/
}
.freeSupport .container .borderBtn,.freeSupport .container .borderBtn:hover {
    max-width: 190px;
    margin-right: 0;
    padding: 16px 30px;
    margin-left: auto;
}
.home-new .latestFooter{
    background: #f4f8fc !important;
    padding-top: 8vh !important;
}

#site-footer, .home-new .latestFooter.nFooter{
    display: none;
}
.footTitle {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 30px;
}
.footTitle:after{
    content: "";
    position: absolute;
    bottom: 0;
    height: 1px;
    width: 100%;
    background: #e0e1e1;
    left: 0;
}
.footTitle:before{
  content: "";
  width: 50px;
  height: 2px;
  border-radius: 5px;
  background: #0f4bb9;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
.comPanyMenu ul li{
    display: block;
    position: relative;
    padding-left: 15px;
    margin-bottom: 6px;
}
.comPanyMenu ul li:last-child{
    margin-bottom: 0;
}
.comPanyMenu ul li:before {
    content: "";
    position: absolute;
    left: 0;
    width: 5px;
    height: 5px;
    background: #0f4bb9;
    top: 50%;
    transform: translateY(-50%);
}
.comPanyMenu ul li a{
    font-size: 15px;
    line-height: 22px;
    text-decoration: none;
    color: #333;
}
.latestFooter address .rightAdd strong,.latestFooter address p,.latestFooter address a{
    color: #333
}
.latestFooter ul.socialFooter li{
    display: inline-block; 
}
.latestFooter  ul.socialFooter li a svg,.latestFooter  ul.socialFooter li a img {
    width: 15px;
    height: 15px;
}
.latestFooter ul.socialFooter li a img:last-child,.latestFooter ul.socialFooter li a:hover img:first-child{
    display: none;
}
.latestFooter ul.socialFooter li a:hover img:last-child{
    display: block;
}
.rightAdd p a{
    display: block;
    text-decoration: none;
}
.latestFooter  a:hover{
    color: #0f4bb9;
    text-decoration: underline;
}

.latestFooter  ul.socialFooter li a {
    width: 35px;
    height: 35px; 
    border-radius: 50%;
    vertical-align: middle;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    background: #fff;
    color: #333;
    text-decoration: none;
}
.latestFooter  ul.socialFooter li a:hover,.latestFooter  ul.socialFooter li a:hover svg{
    fill:#fff; 
    background: #0f4bb9;
}
.latestFooter  ul.socialFooter li a svg{
    width: 15px;
    height: 15px; 
}
.bootmFooter{
    text-align: center;
    border-top: 1px solid #ddd;
    padding-top: 3vh;
    margin-top: 3vh;
    padding-bottom: 3vh;
}
.bootmFooter a{
   color: #333;
   text-decoration: none;
}
.mobileView{
    display: none;
}
 .smallAnimation {
    max-width: 200px;
    position: absolute;
    bottom: 12vw;
    left: 17vw;
}

.testiImage .smallAnimation{
    left: 38px;
    bottom: 7vw;
}

.testimonialHome .testiImage {
    position: relative; 
}
 .testiImage > div{
    position: absolute;
}
 .testiImage .firstRating{
    left: -80px;
    top: 70px; 
    max-width: 300px;
    height: 55px;
    width: 100%;
    transition: all 0.4s ease 0s;
    animation-play-state: running;
    animation-duration: 12s;
    animation-timing-function: ease;
    animation-name: animation-1omjsuq;
    animation-iteration-count: infinite;
    animation-delay: 2000ms;
    pointer-events: auto;

}
.testiImage .rattingWrap ul{
    width: 100%;
}
/*.testimonialHome .testiImage .firstRating img,.testimonialHome .testiImage .secondRating img , .testimonialHome .testiImage .thirdRating img{
        box-shadow: 0px 1px 3.48px 0.52px rgb(199 199 199 / 59%);
    border-radius: 22px;
} */
.testimonialHome .testiImage .firstRating img,.testimonialHome .testiImage .secondRating img {
    width: 80%;
}
.hero-five-image .testiImage .hometile {
    position: absolute;
}
.hero-five-image .testiImage > div{
    position: static;
}
.hero-five-image .testiImage .hometile img{
    width: 40px;
}
.hero-five-image .rattingWrap ul li .LeftLogo{
    width: 55px;
}
.hero-five-image .rattingWrap ul li .ratingWrap{
    width: calc(100% - 60px);
    text-align: right;
    padding-right: 15px;
}
 .testiImage .thirdRating img{
    width: 85%;
}
 .testiImage .secondRating {
    max-width: 300px;
    height: 55px;
    width: 100%;
    top: 40%;
    right: -50px;
    transform: translateY(-40%);
     transition: all 0.4s ease 0s;
      animation-play-state: running;
    animation-duration: 12s;
    animation-timing-function: ease;
    animation-name: animation-1omjsuq;
    animation-iteration-count: infinite;
    animation-delay: 2000ms;
}
.testimonialHome.support .testiImage .secondRating {
top: auto;
bottom: 80px;

}
.testimonialHome.support .testiImage .rattingWrap{
    max-width: 190px; 
    padding-left: 15px;
    padding-right: 7px;
}
.testimonialHome.support .testiImage .rattingWrap.firstRating{
       max-width: 215px; 
}
.support .rattingWrap ul li .ratingWrap p{
    top: 0;
}
.support .rattingWrap ul li .LeftLogo{
width: 22%;
}
.support .rattingWrap ul li .ratingWrap{
width: 74%;
}

 .testiImage .thirdRating {
        max-width: 300px;
    height: 55px;
    width: 100%;
    bottom: 50px;
    left: -50px; 
     transition: all 0.4s ease 0s;
      animation-play-state: running;
    animation-duration: 12s;
    animation-timing-function: ease;
    animation-name: animation-1omjsuq;
    animation-iteration-count: infinite;
    animation-delay: 2000ms;

}
.rattingWrap{
    background: #fff;
    box-shadow: 0px 1px 3.48px 0.52px rgb(199 199 199 / 59%);
    border-radius: 35px;
    display: flex;
    padding: 6px;
    align-items: center;
}

 .rattingWrap ul li{
 list-style: none;
}
.rattingWrap ul li .LeftLogo{
    padding-left: 8px;
}
.rattingWrap ul li .LeftLogo,.rattingWrap ul li .ratingWrap{
    width: 50%;
    display: inline-block;
    vertical-align: middle;
}
.rattingWrap ul li .ratingWrap{
    width: 48%;
}
.rattingWrap ul li .ratingWrap svg,.rattingWrap ul li .ratingWrap img{
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    fill:#ff9228;
}
.rattingWrap ul li .ratingWrap i{
    display: inline-block;
    vertical-align: middle;
}
.rattingWrap ul li .ratingWrap .lightWhite{
    fill:#ffca97; 
}
.rattingWrap ul li .ratingWrap .starRating,.rattingWrap ul li .ratingWrap p{
    display: inline-block;
    vertical-align: middle;
}
.rattingWrap ul li .ratingWrap p {
    font-weight: 700;
    font-size: 15px;
    line-height: 17px;
    margin-left: 5px;
    position: relative;
    top: 2px;
}

.support .rattingWrap ul li .LeftLogo svg{
    width: 30px;
}
.support .rattingWrap ul li .ratingWrap{
    padding-right: 8px;
}
.support .rattingWrap ul li .LeftLogo svg.callNowIcon,.support .rattingWrap ul li .LeftLogo img.callNowIcon{
    transform: rotate(-50deg);
}
.support .rattingWrap ul li .iconBlueColor{
    fill:#104cba;
}
.hero-five-image .testiImage{
    position: relative;
    max-width: 740px;
    height: 100%;
    display: flex;
    /*padding-top: 19vh;*/
}
.hero-five-image .testiImage .firstRating{
    top: 9vw;
}
.hero-five-image .testiImage .secondRating{
    bottom: 8vw;
    top: auto;
}
.hometile{
    opacity: 0;
    
}
.hometile.highlight{
    opacity:1; 
    transition: all 2s;
}

.hero-five-image .testiImage .secondRating.erroFree,.hero-five-image .testiImage .rattingWrap.weekSaved  {
  max-width: 265px; 
}
.hero-five-image .testiImage .rattingWrap.Turnaround {
    max-width: 330px;
}
/* Animation */

@-webkit-keyframes animation-1omjsuq {
    0% {
        -webkit-transform: translateX(-3%) rotate(0deg);
        -moz-transform: translateX(-3%) rotate(0deg);
        -ms-transform: translateX(-3%) rotate(0deg);
        transform: translateX(-3%) rotate(0deg);
    }
    50% {
        -webkit-transform: translateX(3%) rotate(.01deg);
        -moz-transform: translateX(3%) rotate(.01deg);
        -ms-transform: translateX(3%) rotate(.01deg);
        transform: translateX(3%) rotate(.01deg);
    }
    100% {
        -webkit-transform: translateX(-3%) rotate(0deg);
        -moz-transform: translateX(-3%) rotate(0deg);
        -ms-transform: translateX(-3%) rotate(0deg);
        transform: translateX(-3%) rotate(0deg);
    }
}

@keyframes animation-1omjsuq {
    0% {
        -webkit-transform: translateX(-3%) rotate(0deg);
        -moz-transform: translateX(-3%) rotate(0deg);
        -ms-transform: translateX(-3%) rotate(0deg);
        transform: translateX(-3%) rotate(0deg);
    }
    50% {
        -webkit-transform: translateX(3%) rotate(.01deg);
        -moz-transform: translateX(3%) rotate(.01deg);
        -ms-transform: translateX(3%) rotate(.01deg);
        transform: translateX(3%) rotate(.01deg);
    }
    100% {
        -webkit-transform: translateX(-3%) rotate(0deg);
        -moz-transform: translateX(-3%) rotate(0deg);
        -ms-transform: translateX(-3%) rotate(0deg);
        transform: translateX(-3%) rotate(0deg);
    }
}
.freeSupport .requestBtnWrap{
    position: relative;
    padding-right: 6vh;
}
.freeSupport .requestBtnWrap:before {
    content: "";
    background: url(/wp-content/uploads/2022/08/Sign-Footer-02.svg)no-repeat;
    width: 150px;
    height: 70px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-size: cover;
    background-position: center center;
    display: none;
}
.freeSupport .requestBtnWrap .borderBtn{
    cursor: pointer;
    margin-right: 0;
}
.testimonialHome.support  .list-unstyled{
    padding-left: 2vh;
}
/*.hidIndustBox .contentFirst ,.loadSign{
    display: none;
}*/
.hidIndustBox .loadSign,.contentFirst{
    display: block;
}

/*.loadSign {
    padding-top: 10vh;
    padding-bottom: 10vh;
}*/
.loadSign svg{
    width: 65%;
    margin: 0 auto;
}

.hidIndustBox .contentFirst{

        -moz-animation: cssAnimation1 0s ease-in 3s forwards;
    /* Firefox */
    -webkit-animation: cssAnimation1 0s ease-in 3s forwards;
    /* Safari and Chrome */
    -o-animation: cssAnimation1 0s ease-in 3s forwards;
    /* Opera */
    animation: cssAnimation1 0s ease-in 3s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    width: 0;
    height: 0;
    opacity: 0;
    justify-content: center;
    display: flex;
    flex-flow: column;
}

@keyframes cssAnimation1 { 
    to {
        width:100%;
        height:100%;
        overflow:hidden;
        opacity: 1; 

    }
}
@-webkit-keyframes cssAnimation1 {
    to {
        width:100%;
        height:100%;
        visibility:hidden;
        opacity: 1;


    }
}
.loadSign{
    width: 0;
    height: 0;
    opacity: 0;
}
.hidIndustBox .loadSign{
        -moz-animation: cssAnimation 0s ease-in 3s forwards;
    /* Firefox */
    -webkit-animation: cssAnimation 0s ease-in 3s forwards;
    /* Safari and Chrome */
    -o-animation: cssAnimation 0s ease-in 3s forwards;
    /* Opera */
    animation: cssAnimation 0s ease-in 3s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    width: 100%;
    height: 100%;
    opacity: 1;
   justify-content: center;
    display: flex;
    flex-flow: column;

}
 
@keyframes cssAnimation { 
    to {
        width:0;
        height:0;
        overflow:hidden;
    }
}
@-webkit-keyframes cssAnimation {
    to {
        width:0;
        height:0;
        visibility:hidden;
    }
}
@media only screen and (min-width: 1800px){

/*.TopHeader .header-top {
    margin-right: -20px;
    padding-left: 20px;
}*/
.smallAnimation { 
    bottom: 14vw; 
}
.hero-five-image .testiImage {
    position: relative;
    max-width: 85%; 
}
}

@media screen and (max-width: 1790px) {
  .smallAnimation { 
    bottom: 16vw; 
}  
.hero-five-image .testiImage .firstRating{
        top: 23%;
}
.hero-five-image .testiImage {
    position: relative;
    max-width: 85%; 
}
}
@media screen and (max-width: 1600px) {
  .smallAnimation { 
    bottom: 18vw; 
} 

}
  @media screen and (max-width: 1490px) {
   .smallAnimation { 
   bottom: 19vw;
    left: 18vw;
    } 

.testimonialHome .testiImage .firstRating{
    max-width: 250px;
    left: 0px;
     transition: all 0.4s ease 0s;
      animation-play-state: running;
    animation-duration: 12s;
    animation-timing-function: ease;
    animation-name: animation-1omjsuq;
    animation-iteration-count: infinite;
    animation-delay: 2000ms;
}
.testimonialHome .testiImage .secondRating {
    max-width: 250px;
    right: 0px;
     transition: all 0.4s ease 0s;
      animation-play-state: running;
    animation-duration: 12s;
    animation-timing-function: ease;
    animation-name: animation-1omjsuq;
    animation-iteration-count: infinite;
    animation-delay: 2000ms;
}
.testimonialHome.support .testiImage .rattingWrap.firstRating{
       max-width: 215px; 
}
.testimonialHome .testiImage .thirdRating {
    max-width: 250px;
    left: 0px; 
     transition: all 0.4s ease 0s;
      animation-play-state: running;
    animation-duration: 12s;
    animation-timing-function: ease;
    animation-name: animation-1omjsuq;
    animation-iteration-count: infinite;
    animation-delay: 2000ms;

}
.rattingWrap ul li .ratingWrap svg{
    width: 13px;
    height: 13px; 
}
.testimonialHome .testiImage .rattingWrap{
   height: 48px; 
}
 .hero-five-image .testiImage {
    position: relative;
    max-width: 85%;
}
     }
@media only screen and (max-width: 1360px){
.container, .header-footer-group .header-inner.section-inner {
     max-width: 1260px; 
}
.home-new .toBanner h1{
    font-size: 40px;
    line-height: 50px;
}
.home-new .toBanner .font22{
    font-size: 18px;
    line-height: 26px;
}
.top-left ul li{
    margin-right: 20px;
}
  .smallAnimation { 
    bottom: 20vw; 
     left: 19vw;
}  
.testimonialHome .testimonials:before{
    background-size: 70px;
    top: 10%;
    width: 70px;
}
.testimonialHome .testimonials:after{
   background-size: 70px; 
   width: 70px;
}
.hero-five-image .testiImage .secondRating{
      bottom: 10vw  
}

}
@media screen and (max-width: 1280px) {
 .home-new .toBanner h1 {
    font-size: 36px;
    line-height: 46px;
}
.top-left ul li:last-child{
    display: none;
}
.boxw5 .info-box-wrap .info-box-content h3{
    font-size: 18px;
    line-height: 28px;
}
.boxw5 .info-box-wrap{
    padding: 2px;
}
.hero-five-image .testiImage .secondRating{
      bottom: 12vw  
}
.hero-five-image .testiImage .rattingWrap  {
    height: 45px;
}
.hero-five-image .testiImage .hometile img{
    height: 30px;
}
}
@media screen and (max-width: 1150px) {
 .home-new .toBanner h1 {
    font-size: 32px;
    line-height: 42px;
}
.businessIntegrations .block-text{
    display: inline;
}
.businessIntegrations ul {
     width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.testimonialHome.support .supportCOntent ul li .block-text{
    display: inline;
} 
 
.testimonialHome .testimonials:before{ 
    top: 0; 
}
.testimonialHome .testimonials:after,.testimonialHome .testimonials:before{
   background-size: 60px; 
    width: 60px;
    height: 50px;
}

}
@media screen and (max-width: 1056px) {
.testimonialHome .testimonials:after,.testimonialHome .testimonials:before{
display: none;
}
.StatisticsContent{
    padding-left: 5vh;
}
}
@media screen and (max-width: 999px) {
 .home-new .header-inner.section-inner button .toggle-inner i{
    color: #104cba;
 }
  .home-new .header-inner.section-inner .site-logo img{
    margin-right: 0;
  }
  .smallAnimation {
    bottom: 22vw;
    left: 7vw;
    max-width: 180px;
}
.testimonialHome .testiImage .secondRating,.testimonialHome .testiImage .thirdRating,.testimonialHome .testiImage .firstRating{
        max-width: 260px;
            height: 35px;
}
.testimonialHome.support .testiImage .rattingWrap{
    height: 45px;
}
.freeSupport .requestBtnWrap:before{
    display: none;
}
.freeSupport .requestBtnWrap .borderBtn,.freeSupport .requestBtnWrap .borderBtn:hover,.freeSupport .requestBtnWrap .borderBtn:focus{
    margin: 0 auto;
}
.testimonialHome .testimonials:before,.testimonialHome .testimonials:after{
    display: none;
}
.hero-five-image .testiImage .secondRating{
      bottom: 14vw  
}

}
@media screen and (max-width: 991px) {
 .top-left ul li:first-child{
    display: none;
 }
 .home-new .toBanner h1 {
    font-size: 30px;
    line-height: 40px;
}
.home-new .toBanner .font22 {
    font-size: 16px;
    line-height: 26px;
}
.home-new .toBanner .font22 .block-text{
    display: inline;
}
.StatisticsRevieBox{
    margin-top: 5vh;
}
.StatisticsRevieBox .col-sm-6:first-child .success-item,.StatisticsRevieBox .col-sm-6:nth-child(2) .success-item  {
    border-top: 1px solid #285ec1;
}
.StatisticWrap{
    padding-top: 5vh;
}
.StatisticWrap .success-item{
    padding-top: 50px;
    padding-bottom: 50px;
}
.StatisticsContent{
    max-width: 790px;
    padding-left: 3vh;
    padding-right: 3vh;
}
.supportCOntent {
    margin-bottom: 6vh;
    padding-top: 0;
}
.testimonialHome .testiImage img{
    margin: 0 auto;
}
.testimonialHome .testiImage .rattingWrap img{
margin: 0;
}
.testimonialHome .testimonialWrap{
    padding-bottom: 2vh;
}
.testimonialHome .w80 {
    width: 100%;
}
.hero-five-image{
    background-position: center center;
}

/*.newsLetter{
    padding-top: 30px;
}*/
.socialFooter{
    margin-bottom: 30px;
}
.testimonialHome .testiImage{
    margin-top: 30px;
}
/*.fiveBoxWrap .boxw5:nth-child(2){
    background: #fff;
} */


.freeSupport .container h2{
    margin-bottom: 4vh;
}
.newsLetter .conv_state_desktop .conv-widget.conv_type_inline.conv_align_center{
    margin-left: 0;
}
.testimonialHome .testiImage .firstRating{
    top: 30px;
}
.rattingWrap ul li .ratingWrap{
    width: 46%;
}
.hero-five-image .testiImage .secondRating { 
    bottom: 44%;
}
}
@media screen and (max-width: 850px) {  
.mobileView{
    display: block;
}
.desktopView{
    display: none;
}
.mobileView .fiveBoxWrap .boxw5.firstBox{
    width: 100%;
    padding-top: 0;
}
.mobileView .fiveBoxWrap .boxw5.firstBox .font25{
    font-size: 32px;
    line-height: 40px;
}
.mobileView .fiveBoxWrap .boxw5{
    width: 33%;
}
.mobileView .fiveBoxWrap .boxw5.whiteBg{
    background: transparent;
}
.mobileView .fiveBoxWrap .boxw5:nth-child(3),.mobileView .fiveBoxWrap .boxw5:nth-child(5),.mobileView .fiveBoxWrap .boxw5:nth-child(7),.mobileView .fiveBoxWrap .boxw5.firstBox,.mobileView .fiveBoxWrap .boxw5:nth-child(9) {
 background: #fff ;
}
  .smallAnimation {
    bottom: 24vw; 
}
 

}
@media screen and (max-width: 790px) {
  .call-to-action .whiteBorder,.call-to-action .whiteBorder:hover{
    padding: 15px 24px;
    margin-top: 3vh;
  } 
  .testimonialHome .testimonials:before{
    top: 2%;
  } 
}
@media screen and (max-width: 767px) {
  .introBox.toBanner .hero-five-image,.testimonialHome .testimonials:before,.testimonialHome .testimonials:after{
    display: none;
  } 
.integrationBox ul li a img {
    height: 40px;
}
.integrationBox ul li a span{
    font-size: 15px;
    line-height: 22px;
}
.freeSupport .container h2,.StatisticsContent h3,.StatisticWrap .success-item .count-text{
    font-size: 28px;
    line-height: 38px;
}
.call-to-action .text-center{
    text-align: left !important;
}
.call-to-action .whiteBorder{
    margin-left: 15px;
}
.StatisticWrap .success-item p{
    font-size: 18px;
}
.testimonialHome .testiImage .secondRating,.testimonialHome .testiImage .thirdRating,.testimonialHome .testiImage .firstRating{
        max-width: 260px;
            height: 40px;
}
.testimonialHome .testimonial-content{
    padding-top: 5vh;
}

}
@media screen and (max-width: 650px) {
    .boxw5 .info-box-wrap{
        padding-left: 15px;
        padding-right: 15px;
    }
.social-style-one{
    display: none;
}
.mobileView .fiveBoxWrap .boxw5.firstBox {
    background: #fff ;
} 
.mobileView .fiveBoxWrap .boxw5{
    width: 50%;
    background: transparent;
} 
.mobileView .fiveBoxWrap .boxw5:nth-child(3),.mobileView .fiveBoxWrap .boxw5:nth-child(5),.mobileView .fiveBoxWrap .boxw5:nth-child(7),.mobileView .fiveBoxWrap .boxw5.firstBox,.mobileView .fiveBoxWrap .boxw5:nth-child(9) {
 background: transparent; ;
}
.mobileView .fiveBoxWrap .boxw5:nth-child(2),.mobileView .fiveBoxWrap .boxw5:nth-child(5),.mobileView .fiveBoxWrap .boxw5:nth-child(6),.mobileView .fiveBoxWrap .boxw5:nth-child(9),.mobileView .fiveBoxWrap .boxw5:nth-child(10),.mobileView .fiveBoxWrap .boxw5.firstBox{
 background: #fff;
}
.businessIntegrations ul {
    width: 70%;
    display: block; 
    margin: 0 auto;
}
.integrationBox ul li{
    width: 100%;
}
.integrationBox ul li a img{
    height: auto;
}
.businessIntegrations p.w70,.supportCOntent {
    width: 100%;
}

}
@media screen and (max-width: 575px) {
.testimonialHome .testimonialWrap {
    padding-bottom: 2vh;
    padding-left: 2vh;
    padding-top: 5vh;
}
.comPanyMenu + .comPanyMenu{
    padding-top: 10px;
}
.call-to-action .section-title{
    text-align: center;
    display: block;
}
.call-to-action .whiteBorder,.call-to-action .whiteBorder:hover{
   margin: 20px auto 0;
    display: table; 
}
}
@media screen and (max-width: 500px) {
  .top-right{
    display: none;
  } 
  .header-top{
        -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
.businessIntegrations ul{
    width: 80%;
}
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px)   and (orientation: landscape) { 
 
}
@media screen and (max-width: 400px) {
.mobileView .fiveBoxWrap .boxw5{
    width: 100%;
    background: transparent;
}
.fiveBoxWrap .boxw5.commonBox:hover {
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.0);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.0);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.0);
    transition: all 200ms ease-in;
    transform: scale(1.0);
}
.mobileView .fiveBoxWrap .boxw5:nth-child(2),.mobileView .fiveBoxWrap .boxw5:nth-child(5),.mobileView .fiveBoxWrap .boxw5:nth-child(6),.mobileView .fiveBoxWrap .boxw5:nth-child(9),.mobileView .fiveBoxWrap .boxw5:nth-child(10){
 background: transparent;
}
.mobileView .fiveBoxWrap .boxw5:nth-child(odd){
    background: #fff;
}
.businessIntegrations ul{
    width: 95%;
}
.home-new .toBanner h1{
    font-size: 26px;
    line-height: 36px;
}
}
@media screen and (max-width: 360px) {
 .header-footer-group .header-inner.section-inner:after{
    display: none;
    box-shadow: 0px 6px 13px 0px rgb(74 138 255 / 26%);
 }
 .home-new .navWrap {
    padding-top: 5px;
    padding-bottom: 10px;
    box-shadow: 0px 6px 13px 0px rgb(74 138 255 / 26%);
}
.offerBg .home-new .introBox{
    padding-top: 16vh;
}
   
}