body {
 overflow-x: clip;
 background: #e5e5e526;

}
h1{
  @import url('//fonts.googleapis.com/css2?family=Questrial&display=swap');
  font-family: 'Questrial', sans-serif;
  font-size: 35px;
  font-weight: 700;
}
h1,h2,h3,h4,h5,h6{
  @import url('//fonts.googleapis.com/css2?family=Questrial&display=swap');
  font-family: 'Questrial', sans-serif;
  font-weight: 700;
}
p{
  @import url('//fonts.googleapis.com/css2?family=Nunito+Sans:wght@200&display=swap');
  font-family: 'Nunito Sans', sans-serif!important;
  font-size: 1rem;
}
a{
    -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
@import url('//fonts.googleapis.com/css2?family=Nunito+Sans:wght@200&display=swap');
font-family: 'Nunito Sans', sans-serif!important;
}
a:hover{
  text-decoration:none;
}
.sub-heads-sm{
  font-weight: 700;
    margin: 0px 0px 0.5em;
    white-space: pre-wrap;
    color: rgb(0, 0, 0);
    font-size: 1.25rem;
    line-height: 2rem;
    /* text-align: center; */
}
/*country selecter styles here*/
.chev::after{
    content: '';
    background:url(../images/chev-down.svg);
    position: absolute;
    width:20px;
    height: 20px;
    top: 13px;
    right: 0px;
}
.dropdown dd, .dropdown dt, .dropdown ul {
      margin: 0px;
      padding: 0px;
}
.dropdown dd ul li a span:first-child, .dropdown dt a span span:first-child {
      background-image: url('https://i.imgur.com/OQiDoZe.png');
      background-repeat: no-repeat;
      width: 16px;
      height: 11px;
      display: inline-block;
     margin: 11px 3px 3px auto;
      vertical-align: top;
}
.dropdown-item:focus{
  background-color: none!important;
  border:none;
}
.w-50-pc{
  width: 50%;
}
.banner-text-main{
  font-size: 39px;
  font-weight: 700;
}
.dropdown dt a span {
      cursor: pointer;
      display: block;
      padding: 5px;
      white-space: nowrap;
}
.dropdown dt a img {
      position: relative;
      z-index: 1;
}
#more {display: none;}
.dropdown dt a span span:first-child:before {
      position: absolute;
      content: '';
      width: 15px;
      height: 10px;
      box-shadow: 0 1px 1px rgba(0,0,0,0.2) inset;
}
.dropdown dt a span span {
      display: inline-block;
      padding: 0;
}

 .accordion {
  background-color: #ffffff;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}
.accordion::before{
  content: '';
    background: url(../images/plus.svg);
    background-repeat: no-repeat;
    position: absolute;
    left: 20px;
    top: 25px;
    height: 15px;
    width: 15px;
}
.boxShdw{
  box-shadow: 0px 10px 1px #ddd, 0 10px 20px #ccc;
}
/*.active, .accordion:hover {
  background-color: #ccc; 
}*/

.panel {
  padding: 0px 20px 0px 47px;
  display: none;
  background-color: white;
  overflow: hidden;
}

.position-1{
  position:absolute;
  top: 10px;
}
.position-2{
  position:absolute;
  bottom: 10px;
}
.dropdown dt a span span:first-child {
      padding: 0;
}
.dropdown dd {
      position: relative;
}
.dropdown a, .dropdown a:visited {
      color: #fff;
      text-decoration: none;
      outline: none;
}
.dropdown a:hover {
      color: #fff;
}
.imgcontrollerHelp{
  width: 400px;
}
.dropdown dt a:hover, .dropdown dt a:focus {
      color: #5d4617;
}
.dropdown dt a {
      position: relative;
      
      display: block;
      padding-right: 20px;
      overflow: hidden;
    
}
.bg-lightupSqr{
  background: url(../images/pattern-books-chat-light.svg);
  background-size: cover;

   
  background-repeat: no-repeat;
}
.pl-ctry{
  padding-left: 34px;
}
.border-bottom-2{
  border-bottom: 2px solid #b2c2cd;
}

.flag-ind{
background: url(../images/india.svg);  
  width: 25px;
    height:40px;
    background-repeat: no-repeat;
    display: block;
    background-position:center;
    margin-top: 0px;
}
textarea:focus, input:focus{
  outline: none;
}
/* Hide scrollbar for Chrome, Safari and Opera */
.example::-webkit-scrollbar {
  display: none;
}


/* Hide scrollbar for IE, Edge and Firefox */
.example {
-ms-overflow-style: none;  /* IE and Edge */
scrollbar-width: none;  /* Firefox */
}
.flag-uae{
    background: url(../images/uae.svg);  
    width: 25px;
    height:40px;
    background-repeat: no-repeat;
    display: block;
     background-position:center;
     margin-top: 0px;
 
}
.f-60{
  font-size: 54px;
}
.border-bottom-l{
  border-bottom:1px solid #e1f0ff;
}
.blog h2{
  font-size: 20px!important;
  font-weight: 600;
  margin-top: 0px;
margin-bottom: 10px;
}
.w-25-fi{
  width:70px;
}
.iconfeg{
  content: "";
    background: url(../images/next-r.svg);
    width: 21px;
    height: 21px;
    position: absolute;
    top: -2px;
    left: 101px;
    background-repeat: no-repeat;
    background-position: center;

}
.flag-bah{
   background: url(../images/bahrain.svg);  
    width: 25px;
    height:40px;
    background-repeat: no-repeat;
    display: block;
     background-position:center;
}
.flag-kwt{
   background: url(../images/kuwait.svg);  
    width: 25px;
    height:40px;
    background-repeat: no-repeat;
    display: block;
     background-position:center;
     margin-top: 0px;
}
.flag-qtr{
   background: url(../images/qatar.svg);  
    width: 25px;
    height:40px;
    background-repeat: no-repeat;
    display: block;
     background-position:center;
     margin-top: 0px;
}
.flag-omn{
   background: url(../images/oman.svg);  
    width: 25px;
    height:40px;
    background-repeat: no-repeat;
    display: block;
     background-position:center;
     margin-top: 0px;
}

.dropdown dd ul {
     background: #f4f4f5;
color: #C5C0B0;
display: none;
left: 0px;
padding: 5px 0px;
position: absolute;
width: 270px;
border: 1px solid #b2c2cd;
list-style: none;
max-height: 170px;
overflow-y: scroll;
top: 10px;
z-index: 2;
}

li a {
      font-size:13px;
}

li a span:nth-child(2) {
    line-height: 2.5em;
}
.dropdown dd ul::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3);
 border-left:1px solid rgba(0,0,0,0.1);
}
.dropdown dd ul::-webkit-scrollbar-thumb {
 background: rgba(0,0,0,0.4);
/*-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.5), 1px 0 0 #5cace9 inset, 2px 0 0 #b3d5ee inset;
    border-radius:10px;*/
}
.dropdown dd ul::-webkit-scrollbar-thumb:window-inactive {
 background: blue;
}
.dropdown span.value {
      display: none;
}
.dropdown dd ul li a {
      padding: 5px;
      display: block;
      font-size: 12px !important;
}
.dropdown dd ul li a:hover {
      background-color: rgba(0,0,0,0.05);
}
dl.dropdown {
      display: inline-block;
     
      margin: -3px 0 0 1px;
}
dl.dropdown span:nth-child(3) {
      color: rgba(0,0,0,0.4)
}
dl.dropdown > span:nth-child(2) {
      overflow: hidden;
      white-space: nowrap;
      display: inline-block;
}
dl.dropdown span:nth-child(3) {
      float: right;
}
dl.dropdown dt span:nth-child(2) {
      color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
    font-weight: bold;
    line-height: 1.6em;
}
dl.dropdown dt span:nth-child(3) {
      display: none;
}
.countryFlag {
      padding: 0;
      background-image: url("https://i.imgur.com/OQiDoZe.png");
      background-repeat: no-repeat;
      display: inline-block;
      height: 11px;
      margin-right: 4px;
      width: 16px;
      cursor: pointer;
      white-space: nowrap;
      -moz-border-bottom-colors: none;
      -moz-border-left-colors: none;
      -moz-border-right-colors: none;
      -moz-border-top-colors: none;
      border-color: #BFBFC1 #B6B6B6 #969696;
      border-image: none;
      border-radius: 2px 2px 2px 2px;
      border-style: solid;
      border-width: 1px;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.09);
}
/*
end of flag styles*/
.bg-light-blue{
    background:#379683;
}
.bg-home-banner-ind{
  background:url(../images/ind-banner.svg);
  height: 650px;
  background-size: cover;
  background-repeat: no-repeat;

 /* background-size: contain;
 background-position:center;
 background-repeat: no-repeat; */
 
}
.styAway{
  position: absolute;
    width: 75%;
    right: 10px;
    bottom: 0px;
    
  bottom: 0px;
}
.bg-home-banner-uae{
  background:#0052CC;
}
.bg-home-banner-qa{
   background:url(../images/qa-banner.svg);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
}
.bg-fancy-blue{
   background: #5D78CA;
}
.bg-fancy-grape{
    background:#496a98;
}
.bg-fancy-shame-blue{
 background: #4887A6;   
}
.bg-primary-color{
    background: #092d5f;
}
.mh-800{
  min-height:870px;
}
.mh-900{
  min-height:925px;
}
.btn-price-learn{
  text-decoration: underline;
}
.imageNest{
  width:150px;
}
.contact-ways{
  background:#092d5f;
  height:500px;
}
.gyxZpDp {
  color: rgb(47, 48, 52);
  font-family: LLCircularWeb, serif;
  font-size: 1rem;
  line-height: 1.6875rem;
 
}
.btnViewFeatuers{
  background: rgb(255, 255, 255);
    border: 1px solid #2975C1;
    border-radius: 4px;
    box-sizing: border-box;
    color: #2975C1;
    cursor: pointer;
    display: inline-block;
    font-family: LLCircularWeb;
    font-size: 1rem;
    line-height: 1.5rem;
    margin: 0.25rem 0px;
    padding: 0.75rem 1rem;
    text-align: center;
    text-decoration: none;
}
.b-radius{
  border-radius: 0px;
}
.mnh-250{
  min-height: 365px;
}
.gTpMQN {
  font-size: 0.8125rem!important;
  font-weight: bold!important;
  letter-spacing: 1.2px!important;
  text-transform: uppercase!important;
}
.client-name{
  position: absolute;
  bottom: 25px;
}
.tit{
  font-size: 0.6875rem;
    letter-spacing: 1.2px;
}
.f-14{
  font-size: 14px;

}
.f-36{
  font-size: 25px;
}
.b-br-cl{
  border:1px solid #7286ac ;
}
.primary-color{
    color: #0052cc;
}
.btn-benfit{
  border: 1px solid #343446;
color: #379683;
padding: 10px 20px;
text-decoration: none;
border-radius: 5px;
font-weight: 600;
}
.cl-greenBtn{
  background:#379683;
}

.bg-motion{
  background: #14b2ff;
}
.card-1{
  background: url(../images/card-bg-retail.png);
  background-size: cover;
}
.card-2{
  background: url(../images/card-bg-construction.png);
  background-size: cover;
}
.card-3{
  background: url(../images/card-bg-amzone.png);
  background-size: cover;
}
.card-4{
  background: url(../images/card-bg-nonprofit.png);
  background-size: cover;
}
.isize{
  color: #ffffff;
    font-size: 27px;
}
.book-banner{
    background:#092d5f;
}

.drwdth{
    width: 500px;
    height: auto;
}
.book-banner-features{
   background:#009cce;
}
.book-banner-price{
    background:url(../images/hex.svg) center 30%/100% no-repeat,linear-gradient(120deg, #0b4682  0%, #0b4682  100%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
.book-banner-price h1{
 
    color: #fff;  
}
.book-banner-features h1{
    font-weight: 600;
    color: #fff;
}
.book-banner-about{
    background: rgb(196 240 208);
    height:500px;
}
.book-banner-team {
  background: url(../images/team-banner.png);
  background-repeat: no-repeat;
  height: 400px;
  background-size: cover;
  }
.book-banner-benfit{
  background: url(../images/benfit.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.link-underline:after {
  background: rgba(163,223,230,.5);
  content: "";
  display: block;
  height: 10px;
  position: absolute;
  bottom: 0;
  right: 40px;
  width: 50%;
  z-index: -1;
  -webkit-transition: .3s;
  transition: .3s;
}

.banner-data-protection{
 background: url(../images/bg-data-protection.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; 
}
.bg-career{
    background: rgb(225, 237, 240);
}
.br-blue-blog {
    color:#379683;
}
.br-green{
  color: #379683;
}
.bg-career-2{
background: rgb(173, 229, 242);
}
.blue-bold{
    border: 1px solid #379683;
}
.blue-light{
    border:0.5px solid #379683;
}
.br-blue{
    color:#000!important; 
}
.border-blue-bottom{
  border-bottom: 1px solid #0b4682;
}
.blog-banner{
  background: url(../images/blog-banner.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: center;
}
.btn-mgt-accounting{
  background: #0052cc;
  padding: 10px 20px;
  width:300px;
  border-radius:6px;
  color: #fff;
}
.tick-before::before{
    content: '';
width: 40px;
height: 40px;
background: url(../images/tick-Y.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
background-position-x: 0%;
background-position-y: 0%;
background-position: left;
vertical-align: middle;
position: absolute;
left: 0;
top: -6px;
}
.book-banner-about h1{
    font-weight: 600;
    color: #fff;
}
.bg-circle-about{
    background: url(../images/bg-about-vector.svg) no-repeat;
    background-position:center;
}
.bg-mock-contact{
    background: url(../images/map.svg) no-repeat;
    
    background-position-y: center;
    
}

.book-banner h1{
    font-weight: 600;
    color: #fff;
}
.btn-banner-book{
    background: #36c62a;
    color: #000;
    line-height: 2.5rem;
    padding: 0 1.75rem;
    display: inline-block;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 6px;
    cursor: pointer;
    transition: all .2s ease-in-out;
    transition-property: all;
    transition-property: background-color,color,border-color;
    border: .125rem solid transparent;
    text-decoration: none;
    white-space: nowrap;
    width:300px;
    text-align: center;
    -webkit-appearance: none;
}
.btn-banner-book-features{
    background:#0BC241;
    color: #fff;
    line-height: 2.5rem;
    padding: 0 1.75rem;
    display: inline-block;
    font-size: 1rem;
    font-weight: 500;
    border-radius:0.25rem;
    cursor: pointer;
    transition: all .2s ease-in-out;
    transition-property: all;
    transition-property: background-color,color,border-color;
    border: .125rem solid transparent;
    text-decoration: none;
    white-space: nowrap;
    width:260px;
    text-align: center;
}
.bg-dashboard{
    background:rgb(11 70 130);
   height:550px;
}
.badge-standard {
    position: absolute;
    top: 26px;
    left: -2%;
    background: #0BC241;
    color: #fff;
    padding: 2px 20px;
    font-size: 13px;
    font-weight: 400;
    border-bottom: 2px solid #0d920b;
}
.col-lg-2-custome{
  width: 20%;
}
.btn-green-book {
  background: #2975c1;
color: #fff;
line-height: 2.5rem;
padding: 0 1.75rem;
display: inline-block;
font-size: 1rem;
font-weight: 500;

cursor: pointer;
transition: all .2s ease-in-out;
    transition-property: all;
transition-property: all;
transition-property: all;
transition-property: background-color,color,border-color;
border: .125rem solid transparent;
text-decoration: none;
white-space: nowrap;
width: 133px;
text-align: center;
font-weight: 600;
}
.btn-green-book:hover{
  color: #68e3ff
}
.input-lg-book{    
background: url(../images/search-white.svg) top left     no-repeat;
height:25px;
padding-left:35px;   
}
.community-bg{
    background: url(../images/community-bg.svg);
    background-size: cover;
    background-position: center;
}
.vid {
  width: 100vw;
  height: 400px;
  object-fit: cover;
  z-index: -1;
  position: absolute;
  background-color: black;
}
#yt {
  display: none;
  z-index: 1;
  height: 400px;
}
.bgiframenick{
  background: url(../images/inv-banner.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.bgiframenickbk {
  background: url(../images/bk-banner.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
 
}
.wcntrl{
  width: 300px;
}
.press-card h3:hover{
  color:#379683;
}
.img-parent{
  width:300px;
}
.press-btn{
  border: 1px solid #379683;
  background: #379683;
  color: #fff;
  padding:10px 5px;
  width:300px;
  display: block;
  margin: auto;
  margin-top: 40px;
  
}
.press-banner{
  background: url(../images/press-banner.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 450px;
}
.nextPage{
  color:#092d5f;
}
.iframepg {
  color: white;
  font-size: 20pt;
  text-align: center;
  padding-top: 100px;
}
.greenCrcle{
  background:#379683;
  border-radius:50px;
  border:none;  
  width: 40px;
  height: 40px;
  color:#fff;
}
#mitttre{
  background:#379683;
  border-radius:50px;
  border:none;  
  width: 60px;
  height: 60px;
}
.mitttre{
  background:#379683;
  border-radius:50px;
  border:none;  
  width: 60px;
  height: 60px; 
  cursor:pointer;
}
/* button {
  width: 100px;
  height: 30px;
} */
.demo-bg{
    background: url(../images/demo-banner.svg);
    background-size: cover;
    background-position: center;
}
.btn-bordered-book{
   border: 2px solid #0052cc;
border-radius: 6px;
width: 300px;
margin: auto;
    margin-top: auto;
    margin-bottom: auto;
margin-top: auto;
margin-bottom: auto;
padding: 7px 20px;
font-weight: 600;
cursor: pointer;
color: #fff!important;
background: #0052cc;
}
.btn-green-book-2 {
   background: #36c62a;
color: #000;
line-height: 2.5rem;
padding: 0 1.75rem;
display: inline-block;
font-size: 1rem;
font-weight: 500;
border-radius: 2.25rem;
cursor: pointer;
transition: all .2s ease-in-out;
    transition-property: all;
transition-property: all;
transition-property: all;
transition-property: background-color,color,border-color;
border: .125rem solid transparent;
text-decoration: none;
white-space: nowrap;
width: 135px;
text-align: center;
font-weight: 600;
}
.btn-green-book-feature-banner{
  background: #36c62a;
color: #fff;
line-height: 2.5rem;
padding: 0 1.75rem;
display: inline-block;
font-size: 1rem;
font-weight: 500;
border-radius: 2.25rem;
cursor: pointer;
transition: all .2s ease-in-out;
    transition-property: all;
transition-property: all;
transition-property: all;
transition-property: background-color,color,border-color;
border: .125rem solid transparent;
text-decoration: none;
white-space: nowrap;
width: 160px;
text-align: center;
font-weight: 600;  
}
.nav-book-site li a{
    color:#000!important;
   
white-space: initial;
font-size: 1.1rem;
}

.nav-book-site li a.active{
    color:#0052cc!important;
}
.bg-brand-cl{
    background:#1ab3ff!important;
}
/*.nav-shadow{
    box-shadow: 0 1px 10px 0 rgba(50,70,90,.2);
}*/
.bg-grey-book{
    background: #f2f5f7;
}
.fet-container-book{
    background: #f2f5f7;

}
.border-sm-features a {
  color:#379683;
}
.modal-dialog {
  max-width: 800px;
  margin: 30px auto;
}

 .hoveme:hover{
  background-color: #fbfbfb;
}
.team-head h3{
  font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: 600;
    
    
}
.team-head a{
  border-bottom: 1px solid #000;
  padding-bottom: 3px;


}
.team-btn{
  background: #379683;
  border: 1px solid transparent;
  border-radius: 4px;
  box-sizing: border-box;
  color: rgb(250, 249, 247);
  cursor: pointer;
  text-align: center;
  width: 100px;
  padding: 8px 0px;
}
.team-btn:hover{
  background: #2975C1;
  border: 1px solid transparent;
  border-radius: 4px;
  box-sizing: border-box;
  color: rgb(250, 249, 247);
  cursor: pointer;
  text-align: center;
  width: 100px;
  padding: 8px 0px;
}
.team-head h6{
  letter-spacing: 1px;
  font-size: 14px;
  font-weight: normal;
  margin-top: 10px;
  color: #379683;
}
.banner-variant{
 
    background: url("../images/circles-d3.svg") center 60%/100% no-repeat,linear-gradient(120deg, #2e65b3 0%, #041f44 100%);
        background-color: #041f44;

}
#countryChanger input{
  font-size: 14px!important;
}
.slant {
  padding: 0.5em;
  background: linear-gradient(to bottom right, #041f44 50%, transparent 50.5%) no-repeat bottom, /* bottom part */
  linear-gradient(0deg, #041f44, #092d5f) no-repeat top;
  /* top portion */
  color: white;
  padding-bottom: 3em;
  background-size: 100% 7em, 100% calc(100% - 7em)
}
/* #headerProduct {
  background-image: linear-gradient(220deg, #00bd9d 0%,#007e87 80%) !important;
}
.et_pb_section {
  position: relative;
  background-color: #fff;
} */
.modal-body {
position:relative;
padding:0px;
}
.close {
position:absolute;
right:20px;
top:2px;
z-index:999;
font-size:2rem;
font-weight: normal;
color:#fff;
opacity:1;
font-weight: 600;
}

input[type="button"] {
  border: none;
  padding: 0.5em;
  background-color: #ffa34d;
  font-size: 1.4em;
}

input[type="button"]:hover {
  background-color: yellowgreen;
}

ul {
  text-align: left;
  display: inline-block;
}

.bg-book-keeping{
  background: rgb(11 70 130);
  height: 600px;
/* background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%); */
}
.bg-book-keeping :hover{
  color: #379683;
}
.bg-managed-accounting {
    background: linear-gradient(90deg, rgb(6, 255, 208) 0%, rgb(47, 118, 181) 35%, rgb(0, 255, 231) 100%);
}
.btn-book-keeping{
  background: #ffffff00;
  border: 1px solid #fff;
  border-radius: 4px;
  box-sizing: border-box;
  color: rgb(255 255 255);
  cursor: pointer;
  display: inline-block;
  font-family: LLCircularWeb;
  font-size: 1rem;
  line-height: 1.5rem;
  margin: 0.25rem 0px;
  padding: 0.56rem 1rem;
  text-align: center;
  text-decoration: none;
}
.btn-book-keeping :hover{
  background: #379683;
  color: #fff;
}
.btnypo{
  background: #379683;
    border: 1px solid transparent;
    border-radius: 4px;
    box-sizing: border-box;
    color: rgb(250, 249, 247);
    cursor: pointer;
    display: inline-block;
    font-family: LLCircularWeb;
    font-size: 1rem;
    line-height: 1.5rem;
    margin: 0.25rem 0px;
    padding: 0.56rem 1rem;
    text-align: center;
    text-decoration: none;
}

.flowLinks{
  font-size: 13px;
  /*line-height: 1.38;*/
color: rgb(60, 60, 60);
cursor: pointer;
font-weight: normal;
}
.flowLinks-parent{
  cursor: pointer;
transition: opacity 0.15s ease-out 0s;
opacity: 0.27;
}
.flowLinks-parent.active {
opacity:1 !important;
  
}
/*step vizard in book keeping start here*/

.stepwizard-step p {
    margin-top: 10px;
}
/*.stepwizard-row {
    display: table-row;
}*/
.w-20{
  width: 20%;
}
.stepwizard {
    display: table;
    width: 50%;
    position: relative;
}
.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}
.btn.active{
    color: #fff;
    background-color: #0062cc!important;
    border-color: #005cbf;
}
.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 10px;
    background:#0052cc;
    border-radius: 50px

}
.f-12{
  font-size: 12px;
}
.list-bkkp li p::before{
  content: '';
  background-image: url(../images/tick-circle.svg);
  position: absolute;
  width: 20px;
  height: 20px;
  left: -10px;
  top: 10px;

}
.h-40px{
  margin-top: 4px;
    height: 40px;
}
.btn-country-bkkp{
  border-bottom: 2px solid #b2c2cd;
  /* min-height:40px; */
  background:#fff;
  box-shadow: none;
  border-left: 0px;
  border-right:0px;
  border-top:0px;
  padding: 0px 15px;
  margin-top: 4px;
}
.list-bkkp li span{
  color: rgb(74, 74, 74);
  font-style: normal;
}
.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}
.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
    background:#fff;
}
.cl-green{
  color: #01BBEF;
}
/*.btn-default{
  background:#fff;
}*/


/*step vizard in book keeping end here*/
.bglightup{
  background-color: #f4f8ff;
padding: 65px 0px 70px;
/*background-image: linear-gradient(251deg, rgb(0, 138, 255) -18%, rgb(23, 6, 115) 71%);*/
color: #000;
}
.bgPriceBkp{
   background-color: #0b4682;


}
.text-white-fade{
  color:#fff;
}
.lineStrong{
  background: red;
width: 152px;
display: inline-block;
height: 10px;
}
.flowLinks-parent:hover{
opacity:1 !important;
  
}
.btn-getStrt{
/*background-image: linear-gradient(251deg, rgb(0, 138, 255) -18%, rgb(23, 6, 115) 71%);*/
color:#fff;
font-weight:600;
padding: 10px 25px;
background:#379683;
display: block;
}

.btn-getStrt:hover{
  color:#fff;
  background:#1158a0;
}
.fontElw{
  font-size: 16px;
}
.f-20{
  font-size: 20px;
}
.btn-book-keeping-green{
  background: #0BC241;
color: #fff;
line-height: 2.5rem;
padding: 0 1.75rem;
display: inline-block;
font-size: 1rem;
font-weight: 500;
border-radius: .25rem;
cursor: pointer;
transition: all .2s ease-in-out;
    transition-property: all;
transition-property: all;
transition-property: background-color,color,border-color;
border: .125rem solid transparent;
text-decoration: none;
white-space: nowrap;
width: 180px;
text-align: center;
}
.list-mark::before{
 content: '';
background: url(../images/tick-Y.png);
    background-repeat: repeat;
background-repeat: no-repeat;
width: 30px;
height: 30px;
position: absolute;
display: block;
top: 17px;
left: -26px;
}
.flowcard::before{
  content: '';
  background: url(../images/arrow-1.svg);
  width: 200px;
  position: absolute;
  left:-29%;
  top: -10px;
  height: 200px;
background-repeat: no-repeat;
}
.flowcard::after{
  content: '';
  background: url(../images/arrow-2.svg);
  width: 200px;
  position: absolute;
  right:-29%;
  top: 10px;
  height: 200px;
background-repeat: no-repeat;
}
.flowcard-2::before{
  content: '';
  background: url(../images/arrow-3.svg);
  width: 200px;
  position: absolute;
  left:-29%;
  top: -10px;
  height: 200px;
background-repeat: no-repeat;
}
.bg-image{
  background: url(../images/about-banner.png);
  background-repeat: no-repeat;
  height: 400px;
}
.mh-430{
    min-height: 338px;
}
.mh-200{
    min-height: 300px;
}
.mh-900 {
    min-height: 965px;
}
.banner-btn-main{
  background:#379683;
    border: 1px solid transparent;
    border-radius: 4px;
    box-sizing: border-box;
    color: rgb(250, 249, 247);
    cursor: pointer;
    display: inline-block;
    font-family: LLCircularWeb;
    font-size: 1rem;
    line-height: 1.5rem;
    margin: 0.25rem 0px;
    padding: 0.56rem 1rem;
    text-align: center;
    text-decoration: none;
}
.btn-secondary {
  background: #092D5F;
  border: 1px solid transparent;
  border-radius: 4px;
  box-sizing: border-box;
  color: rgb(250, 249, 247);
  cursor: pointer;
  display: inline-block;
  font-family: LLCircularWeb;
  font-size: 1rem;
  line-height: 1.5rem;
  margin: 0.25rem 0px;
  padding: 0.75rem 1rem;
  text-align: center;
  text-decoration: none;
}
.banner-btn-main:hover{
  background:#2975C1;
  color: rgb(250, 249, 247);
  
}.btn-secondary:hover{
  background: #379683;
  color:#fff;
  border: 1px solid transparent;
}
.bg-none{
  background: transparent!important;
}
.mh-244 {
    min-height: 244px;
}
.add-ico ::before{
  content: '+'
  
}
.m-b-1{
    border-bottom:1px solid #42FFFF;
}
.m-b-2{
    border-bottom:1px solid #43B3FF;
}
.m-b-3{
   border-bottom:1px solid #45FF9D;
}
.b-none{
  border-top: none;
  border-right: none;
  border-left: none;
}
.img-container{
    width: 45px;
    height: auto;
}
.img-container-features{
     width: 80px;
    height: auto;
}
.img-container-bookkeeper {
    width: 95px;
    height: auto;
}
.mockup-banner h3{
    color: #fff;
    font-weight: 600;
}
.mockup-banner p{
    color: #fff;
    
}
.mockup-banner a{
    color: #fff;
    font-weight: 600;
}
.testimonial h2{
    color:#000;
    font-weight: 600;
    font-size: 3rem;
}
.card-img-overlay {
  background-color: #0c2637d9;
}
.card-img-overlay {
    position: absolute;
    top: 117px;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
}
.play-book::after{
content: '';
width: 60px;
height: 60px;
background: url(../images/play-ico.svg) no-repeat;
background-position-x: 0%;
background-position-y: 0%;
display: inline-block;
background-position: center;
vertical-align: middle;
}
.li-spam::before{
content: '';
width: 60px;
height: 60px;
background: url(../images/tick-Y.png) no-repeat;
background-position-x: 0%;
background-position-y: 0%;
display: inline-block;
position: absolute;
top: 15px;
left: 0px;

}
.bg-spam{
    background: url(../images/spam-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
}
.bg-btn-green{
    background:#36c62a;
}
.bg-pattern{
    background:#F2F2F2;
    position: relative;
}
.bg-terms{
   background:#0052cc;
    position: relative;  
}
/* .bg-off-1{
    background: 
} */
.book-banner-purchase-bill{
    background: #092d5f;
    height:550px;
}
.banner-list-mis li::before {
content: '';
background-image: url(../images/curved-tick.svg) !important;
position: absolute;
top: 5px;
left: -21px;
display: block;
width: 40px;
height: 40px;
z-index: 1;


}
.text-weight-600{
    font-weight: 1000!important;
}
.navbar-nav li a{
    color:#fff;
    font-size: 13px;
    font-weight: 400;
}
/*.navbar .nav-item .dropdown-menu{  
    display:block; opacity: 0;  
    visibility: hidden; transition:.3s; 
    margin-top:0;  
}
    .navbar .nav-item:hover .nav-link{ 
        color: #0052cc;
    }
    .navbar .dropdown-menu.fade-down{ 
        top:80%; transform: rotateX(-75deg); 
        transform-origin: 0% 0%; 
    }*/
    /*.navbar .dropdown-menu.fade-up{ 
        top:180%;  
    }*/
    /*.navbar .nav-item:hover .dropdown-menu{ 
        transition: .10s; opacity:1; 
        visibility:visible; 
        top:100%; 
        transform: rotateX(0deg); 
    }*/

.bg-pattern::before{
    content: '';
    background-image:url(../images/bg-pattern.png)!important;
    filter: opacity(0.8);
    mix-blend-mode: overlay;
    opacity: 1;
    position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
background-repeat: repeat;
background-size: 500px 500px;
}
.play-button{
  position: absolute;
  left: 38%;
    top: 37%;
}
.play-button-bk{
  position: absolute;
  left: 47%;
    top: 45%;
}
/*.bg-terms::before{
content: '';
background-image:url(https://kw.agenterbooks.com/images/doodle.png)!important;
filter: opacity(0.8);
    mix-blend-mode: overlay;
    opacity: 1;
    position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
background-repeat: repeat;
background-size: 50px 50px;
}*/
.z-index{
    z-index: 1;
}
.bg-pattern-2{
    /*background:#1AB3FF;*/
    position: relative;
}
.bg-pattern-2::before{
    content: '';
    background-image:url(../images/dot.png)!important;
    filter: opacity(0.8);
    mix-blend-mode: overlay;
    opacity: 1;
    position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
background-repeat: repeat;
background-size: 31px 60px;
}
.play-book-features::after{
content: '';
width: 60px;
height: 60px;
background: url(../images/play-ico-2.svg) no-repeat;
background-position-x: 0%;
background-position-y: 0%;
display: inline-block;
background-position: center;
vertical-align: middle;
}

.footer-bg{
  background: #0c2637;
  padding: 10px 10px 0px 10px;
    
}
/* .footer-bg li a{
  color:#fff;
} */
.s-features h6::before{
    content: '';
    width:30px;
    height:30px;
    background: url(../images/sec-ico.svg) no-repeat;
    display: block;
    position: absolute;
    left: 6%;
     top: 36%;
}
.footer ul li a{
    color: #fff;
    word-break:break-all;
    font-size: 13px;
    font-weight: normal;
}
.footer ul li {
    text-decoration:none;
    list-style: none;
    line-height: 2rem;
    color: #fff;
}
.bg-liminos{
  background: #203c5405;
}
.book-banner-securirty{
background-color: #133058;
padding: 130px 0 180px;
text-align: center;
background-image: url(../images/security-bg-img.svg);
background-repeat: no-repeat;
background-size: 680px auto;
background-position: right 40px;
position: relative;
overflow: hidden;
}
.banner-smart-accounting{
  background: url(../images/bg-smart-accounting.png);
  background-repeat:no-repeat;
  background-size: cover;
}
.app-badge{
    width: 200px;
}
.footer-bottom{
    background: #32465A;
    color: #fff;
}
.badge-price{
    background: #3a65a8;
}
.badge-price h5{
    color: #fff;
}
.bg-menu{
  background: rgb(0, 120, 200) none repeat scroll 0% 0%;
}
.bg-dark-menu{
  background: rgb(33, 59, 85) none repeat scroll 0% 0%;
}
.bg-price-top{
    background: #daebf7;
}
 h2 {
      margin: 30px 0 0 0;
    }
    
 
    
 
    /* select with CSS avatar icons */
    option.avatar {
      background-repeat: no-repeat !important;
      padding-left: 20px;
    }
    .avatar .ui-icon {
      background-position: left top;
    }
.badge-price-2{
    background: #0186c8;
    color: #fff;
}
.badge-price-3{
    background: #0052cc;
    color: #fff;
}
.call-ico::before{
  content: '';
width: 30px;
height: 30px;
background: url(../images/call.svg) no-repeat;
background-position-x: 0%;
background-position-y: 0%;
background-position: left;
vertical-align: middle;
position: absolute;
left: 10%;
top: 1px;
}
.chat-ico::before{
  content: '';
width: 30px;
height: 30px;
background: url(../images/chat.svg) no-repeat;
background-position-x: 0%;
background-position-y: 0%;
background-position: left;
vertical-align: middle;
position: absolute;
left: 10%;
top: 1px;
}
.email-ico::before{
  content: '';
width: 30px;
height: 30px;
background: url(../images/email.svg) no-repeat;
background-position-x: 0%;
background-position-y: 0%;
background-position: left;
vertical-align: middle;
position: absolute;
left: 10%;
top: 1px;
}
.support-ico::before{
  content: '';
width: 30px;
height: 30px;
background: url(../images/community.svg) no-repeat;
background-position-x: 0%;
background-position-y: 0%;
background-position: left;
vertical-align: middle;
position: absolute;
left: 5%;
top: 1px;
}
.navbar-toggler>.close {
    display:inline;
}
.navbar-toggler.collapsed>.close, .navbar-toggler:not(.collapsed)>.navbar-toggler-icon {
    display:none;
}
.navbar-light .navbar-toggler-icon {
    background-image: url("../images/menu-toggle-line.svg");
}
.close{
  color: #379683;
opacity: 100%;
}
.mh-300{
    min-height: 200px;
}
.contact-head{
  /* background: url(../images/hex.svg) center 30%/100% no-repeat,linear-gradient(
    120deg
    , #0b4682 0%, #0b4682 100%);
  height: 300px; */
 background: #01BBEF;

}
.mh-209{
  min-height: 209px;
}
.p-h-b{
    border-bottom: 3px solid #7a8ca7;
    width:max-content;
    padding-bottom: 5px;
}
.mh-50{
  min-height: 57px;
} 
.features-book ul li{
  position: relative;
}
.features-book ul li::before{
content: '';
background: url(../images/tick-dark.svg) no-repeat;
position: absolute;
left: 0px;
width: 11px;
height: 11px;
top: 12px;
background-size: cover;

}
.bg-why-left{
  background: url(../images/menu-image.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
button:focus {
  outline: none;
  box-shadow: none;
}
.learn-more-btn::after{
   content: '';
width: 13px;
height: 13px;
background: url(../images/next.svg) no-repeat;
/* background-position-x: 10%;
background-position-y: 0%;
display: inline-block;
background-position: center;
vertical-align: middle;   */
position: absolute;
right: -22%;
top: 3px;
}
.blog-header{
  font-size: 44px;
font-weight:300;
line-height: 54px;
color: #2f2f2f;
margin: 0 0 3px;
}
.bg-crm{
    background:url(../images/crm-bg.svg) no-repeat;
    background-size: cover;
}
.bg-fixed-asset{
   background:url(../images/bg-fixed-asset.svg) no-repeat;
    background-size: cover; 
}
.btn-crm-banner{
    padding: 12px 20px;
font-weight: bold;
border-radius: 50px;
}
.b-bottom-white{
  border-bottom: 2px solid rgb(19, 181, 234);
}

.img-wrapper-anim-1{
    width: 100px;
    height: 100px;
}
.img-wrapper-anim-2{
    width: 80px;
    height: 80px;
}
.img-wrapper-anim-3{
    width: 70px;
    height: 70px;
}
.bg-banking{
  background: url(../images/banking-menu.svg);
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 150px;
  background-position-y: center;
}
.bg-purchaseOrder{
  background: url(../images/po.svg);
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 150px;
  background-position-y: center;
}
.bg-invoicing{
  
   background: url(../images/invoicing-menu.svg);
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 150px;
  background-position-y: center;
}
.bg-purchase{
  
   background: url(../images/purchase-menu.svg);
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 150px;
  background-position-y: center;
}
.bg-tax{
  
   background: url(../images/tax-menu.svg);
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 150px;
  background-position-y: center;
}
.bg-inventory{
  
   background: url(../images/inventory-menu.svg);
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 150px;
  background-position-y: center;
}
.bg-estimate{
  
   background: url(../images/estimate-menu.svg);
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 150px;
  background-position-y: center;
}
.anim-wrapper{
    transform: scale(1);
    animation: pulse 2s infinite;
}
.anim-wrapper-2{
    transform: scale(1);
    animation: pulse 4s infinite;
}
.anim-wrapper-3{
    transform: scale(1);
    animation: pulse 5s infinite;
}
@keyframes pulse {
    0% {
        transform: scale(0.95);
       
    }

    70% {
        transform: scale(1);
        
    }

    100% {
        transform: scale(0.95);
       
    }
}
.learn-more-btn-white::after{
   content: '';
width: 30px;
height: 20px;
background: url(../images/right-arrow-white.svg) no-repeat;
background-position-x: 0%;
background-position-y: 0%;
display: inline-block;
background-position: center;
vertical-align: middle;  
}
.features-book ul li{
  list-style: none;
    padding-left:17px;
    font-size: 14px;
    color: #53585d;

}
.notes{
  background: #e8ecf1;
}
.add-on-book{
 background: #f2f5f7;

}
.porilate{
    background: #1AB3FF;
}
.porilate-2{
    background: #165468;
}
.border-sm-features{
   /* border: 1px solid #d6e3e8;*/
}
.block-banner-img-price{
    width: 75%;
}
.text-light-green{
    color: #36c62a;
}
.fa-star{
   content: '';
width: 30px;
height: 20px;
background: url(../images/star.svg) no-repeat;
background-position-x: 0%;
background-position-y: 0%;
display: inline-block;
background-position: center;
vertical-align: middle;    
}
.fa-off-star{
   content: '';
width: 30px;
height: 20px;
background: url(../images/star-off.svg) no-repeat;
background-position-x: 0%;
background-position-y: 0%;
display: inline-block;
background-position: center;
vertical-align: middle;    
}
.w-def{
    width:100px;
}
* {
  margin: 0;
  padding: 0;
}

.desc {
  margin: 1.6rem;
  top: 0;
  left: 0;
  color: #fff;
  position: absolute;
  padding: 0.8rem;
}

.panel h4 a span::before {
    color:#0052cc;
    content: "+";
    font-size: 24px;
  
font-weight: bold;
height: 24px;
left: 11px;
line-height: 21px;
position: absolute;
text-align: center;
top: 33px;
transform-origin: center center 0px;
transition: transform 50ms ease-out 0s;
transform: translateY(-50%);
width: 24px;
   
}
.bg-light-f{
    background:#f0f8ff; 
}
.add-business{
    color:#1AB3FF;
}
.book-banner-est{
  background:#0b4682;
 
}
.book-banner-e-inv{
  background:#092d5f;
  
}
.add-business::before {
    color:#1AB3FF;
    content: "+";
    font-size:24px;
    font-weight: bold;
    height:24px;
    line-height:21px;
    text-align: center;
    top:50%;
    transform-origin: center center 0px;
    transform: translateY(-50%);
    margin-right:10px;
   
}
.table-responsive {
    display: table;
}
.qUWic {
    font-size: 1.125rem;
    line-height: 1.75rem;
    color: rgb(74, 75, 78);
    list-style-position: outside;
list-style-type: disc;
margin: 1.75rem 0px;
padding-left: 17px;
}
#myDIV{
    display: none;
}
.jumber{

  position:absolute;
  top:-21%; 
  left:18%;
}
.panel h4 a{
    color: #000; 
    font-size: 17px;
    font-weight: 600;
    border-radius: 3px;
    box-sizing: border-box;
    color: rgb(74, 75, 78);
    cursor: pointer;
    display: block;
line-height: 1.5;
padding: 21px 13px 21px 40px;
position: relative;
text-align: left;
width: 100%;
}
.bg-culture{
    background:#009bca;
}
.bg-lg-blue{
    background:#0bd7f9;
}
.bg-lg-yellow{
    background:#c8fcff;
}
.bg-creamy-blue{
    background:#a8ebff;
}
.bg-blue-dark{
    background:#0a356d;
}
.bg-lg-navy{
    background: #96e3fb;
}
.bg-green-dark{
    background: #086abf;
/*Signup css*/
}
.prop-icon{
height: 30px;
width: 30px;
}
.tos-label a{
    color:#1AB3FF;
}
.border-top-green{
    border-top: 2px solid #1AB3FF;

}

.underline{

    width: 18px;
    border-top: 2px solid #1AB3FF;


}
.section-header {
    padding: 12px 0;
    letter-spacing: 1.6px;
    font-size: 13px;
}
.sig-up-2-head{
    font-size: 22px;
    font-weight: 400;
}
.f-h{
    height:40px;
}
.input{
    border-radius: 3px;
font-size: 8px !important;
padding: 14px;
width: calc(100% - 8px) !important;
}
.mn-h{
    min-height: 430px;
}
.blog-btn{
background: #197BC0;
color: #fff;
padding: 5px;
border-radius: 3px;
}
.w-200-px{
    width:298px;
}
.line-height{
    line-height:35px;
}
.book-banner-cloud {
    background: linear-gradient(to left, #EAF4F7 50%, #fff 50%);
}
.bg-gradient-cloud{
    background-image: linear-gradient(to left, #1ab3ff, #1d719b);
}
 .ctext h4::before {
    right: 0.5em;
    margin-left: -50%;
    background-color: #1ab3ff;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 25%;
    z-index: 2;
}
.ctext h4::after {
    left: 0.5em;
margin-right: -50%;
background-color: #1ab3ff;
content: "";
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 25%;
}
.btn-white-cloud {
    background: #1AB3FF;
    color: #fff;
    line-height: 2.5rem;
    padding: 0 1.75rem;
    display: inline-block;
    font-size: 1rem;
    font-weight: 500;
    border-radius: .25rem;
    cursor: pointer;
    transition: all .2s ease-in-out;
        transition-property: all;
    transition-property: all;
    transition-property: background-color,color,border-color;
    border: .125rem solid transparent;
    text-decoration: none;
    white-space: nowrap;
    width: 170px;
    text-align: center;
}
.labForBook{
    color: #4d6575;
    font-weight: 700;

}
.book-input {
    display: inline-block;
    box-sizing: border-box;
    margin: 4px 0;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-bottom: 2px solid #b2c2cd;
    border-radius: 0px;
    cursor: text;
    padding: 8px 10px 6px;
    transition: border .1s linear;
    min-height: 40px;
    background: #f4f4f5;
    border-left: 0;
    border-top: 0;
    border-right: 0;
    
    
}
.book-input::placeholder{
    color: #d8dee4;
}
.body-image{
    position:absolute;
    bottom: 0px;
    right: 0px;
}

.book-banner-cloud p{
    color: #6f8a97;
}
.nav-faq .nav-link.active, .nav-pills .show > .nav-link{
  background: none!important;
  color:blue;

  }
  .nav-faq a {
    color:#000;
  }
 .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #126086;
    background-color: #007bff;
}
.wc-15{
  width:15%;
}
.wc-25{
  width:25%;
}
.mock-tab-btn::before {
    content: '';
    width: 56px;
    height: 40px;
    background: url(../images/finger-index.svg) no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
    background-position-x: 0%;
    background-position-y: 0%;
    background-position-x: 0%;
    background-position-y: 0%;
    background-position-x: 0%;
    background-position-y: 0%;
    background-position: left;
    vertical-align: middle;
    position: absolute;
    left: -61px;
    top: 0px;
}
.animate-bottom {
  position: relative;
  animation: animatebottom 0.4s;
}

@keyframes animatebottom {
  from {
    bottom: -300px;
    opacity: 0;
  }

  to {
    bottom: 0;
    opacity: 1;
  }
}

.country-btn{
  width: 160px;
    padding: 7px 20px;
   
    /*border: 1px solid #ccc;*/
    color: #fff;
    display: block;
    text-align: center;
    /* border-left: 1px solid #b3d8f4; */
    /*background: #8bb1e8;*/
   /* border-radius: 50px;*/
    font-weight: normal;
}
.country-btn:hover{
  text-decoration: none;
  color: #fff;
}
.flag-in::before{
   content: '';
    background: url(../images/india.svg);
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    position: absolute;
    top: 3px;
    left: 24px;   
}

.flag-ae::before{
   content: '';
    background: url(../images/uae.svg);
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    position: absolute;
    top: 3px;
    left: 25px;   
}
.flag-sa::before{
   content: '';
    background: url(../images/ksa.svg);
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    position: absolute;
    top: 3px;
    left: 25px;   
}
.flag-bh::before{
   content: '';
    background: url(../images/bahrain.svg);
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    position: absolute;
    top: 4px;
    left: 25px;   
}
.flag-kw::before{
   content: '';
    background: url(../images/kuwait.svg);
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    position: absolute;
    top: 3px;
    left: 25px;   
}
.flag-qa::before{
   content: '';
    background: url(../images/qatar.svg);
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    position: absolute;
    top: 3px;
    left: 25px;   
}

.flag-om::before{
   content: '';
    background: url(../images/oman.svg);
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    position: absolute;
    top: 3px;
    left: 25px;   
}
.flag-global::before{
   content: '';
    background: url(../images/glob.svg);
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    position: absolute;
    top: 6px;
    left: 25px;   
}
.close-btn::before{
   content: '';
    background: url(../images/close-button.svg);
    width: 13px;
    height: 13px;
    background-repeat: no-repeat;
    position: absolute;
    top: 15px;
    left: 7px;
    background-size: cover;
}
.cls-btn{
  border:2px solid #379683 ;
  color: #379683;
  padding: 10px 20px 10px 25px;
  border-radius: 3px;
  font-weight: 600;
  background-color: transparent;
  

}
.flag-global::before{
   content: '';
    background: url(../images/glob.svg);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    position: absolute;
    top: 6px;
    left: 20px;   
}

.textfluid{
  position: absolute;
  top: 9px;
  left: 12px;
  font-weight: 700;
  color: #fff;
}
.faq ::before{
    content: '';
     width: 100px;
    height: 100px;
    /*display: block;*/
    background: url(../images/faq.svg) no-repeat;
    position: absolute;
    right:0%;
    top: 10%;
}
.sticky-def{
  position:sticky;
  top: 10%;
  width: 100%
}
.bg-light{
  background: aliceblue!important;
}
.faq-pills .nav-link.active{
    background: #f8f9fa;
    color:  #0052cc;
}
.faq-pills .nav-link{
    background: #f8f9fa;
    color:  #000;
    line-height: 2rem;
}
/*.carousel-indicators li{
    background: #1ab3ff!important;
}
.carousel-indicators li:active{
    background: #000!important;
}*/
.b-shadow{
    box-shadow: 1px 1px 15px 1px rgba(96, 96, 96, 0.75);
}
.f-15{
    font-size: 15px;
}
.f-20{
    font-size: 20px;
}
.b-light{
    border-bottom: 1px solid #f0f0f1;
}
/*counter css start from here*/
.counter{
    font-size: 30px;
}
.mnh{
    min-height: 208px;

}
/*Counter css end here*/
.why-ico-1::before{
  content: '';
    width: 40px;
    height: 40px;
    background: url(../images/why-1.svg) no-repeat;
    background-position: left;
    display: block;
    position: absolute;
     left:10px; 
     top:5px;
}
.why-ico-2::before{
  content: '';
width: 50px;
height: 50px;
background: url(../images/why-2.svg) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
background-position: left;
display: block;
position: absolute;
left: 10px;
top: 0px;
}
.why-ico-3::before{
 content: '';
width: 50px;
height: 50px;
background: url(../images/why-3.svg) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
background-position: left;
display: block;
position: absolute;
left: 10px;
top: 0px;
}
.drop-ico-1::before{
   content: '';
    width: 40px;
    height: 40px;
    background: url(../images/ic-m-1.png) no-repeat;
    background-position: left;
    display: block;
    position: absolute;
     left:3%; 
     top: 2.5%;
}
.drop-ico-9::before{
   content: '';
    width: 40px;
    height: 40px;
    background: url(../images/ic-m-9.png) no-repeat;
    background-position: left;
    display: block;
    position: absolute;
     left:3%; 
     top: 4%;
}
.drop-ico-10::before{
   content: '';
    width: 40px;
    height: 40px;
    background: url(../images/ic-m-10.png) no-repeat;
    background-position: left;
    display: block;
    position: absolute;
     left:3%; 
     top: 31.5%;
}
.drop-ico-11::before{
   content: '';
    width: 40px;
    height: 40px;
    background: url(../images/ic-m-11.png) no-repeat;
    background-position: left;
    display: block;
    position: absolute;
     left:3%; 
     top: 50.1%;
}
.drop-ico-12::before{
   content: '';
    width: 40px;
    height: 40px;
    background: url(../images/ic-m-12.png) no-repeat;
    background-position: left;
    display: block;
    position: absolute;
     left:3%; 
     top: 4%;
}
.drop-ico-13::before{
   content: '';
    width: 40px;
    height: 40px;
    background: url(../images/ic-m-13.png) no-repeat;
    background-position: left;
    display: block;
    position: absolute;
     left:3%; 
     top: 24.5%;
}
.drop-ico-14::before{
   content: '';
    width: 40px;
    height: 40px;
    background: url(../images/ic-m-14.png) no-repeat;
    background-position: left;
    display: block;
    position: absolute;
     left:3%; 
     top: 42.2%;
}
.drop-ico-16::before{
   content: '';
    width: 40px;
    height: 40px;
    background: url(../images/ic-m-16.png) no-repeat;
    background-position: left;
    display: block;
    position: absolute;
     left:3%; 
     top: 69.2%;
}
.drop-ico-15::before{
   content: '';
    width: 40px;
    height: 40px;
    background: url(../images/ic-m-15.png) no-repeat;
    background-position: left;
    display: block;
    position: absolute;
     left:3%; 
     top:66.2%;
}
 .drop-ico-2 ::before{
   content: '';
    width: 40px;
    height: 40px;
    background: url(../images/ic-m-2.png) no-repeat;
    background-position: left;
    position: absolute;
     left:3%; 
     top:1%;
}  
.drop-ico-3 ::before{
   content: '';
    width: 40px;
    height: 40px;
    background: url(../images/ic-m-3.png) no-repeat;
    background-position: left;
    position: absolute;
    left:3%;
    top: 17.8%;
}  
.drop-ico-4 ::before{
   content: '';
    width: 40px;
    height: 40px;
    background: url(../images/ic-m-4.png) no-repeat;
    background-position: left;
    position: absolute;
   left:3%; 
    top: 33.8%;
}  
.drop-ico-5 ::before{
   content: '';
    width: 40px;
    height: 40px;
    background: url(../images/ic-m-5.png) no-repeat;
    background-position: left;
    position: absolute;
    left:3%; 
     top: 2.9%;
}   
.drop-ico-6 ::before{
   content: '';
    width: 40px;
    height: 40px;
    background: url(../images/ic-m-6.png) no-repeat;
    background-position: left;
    position: absolute;
    left:3%;
     top:21%;
} 

.drop-ico-7 ::before{
   content: '';
    width: 40px;
    height: 40px;
    background: url(../images/ic-m-7.png) no-repeat;
    background-position: left;
    position: absolute;
    left:3%; 
     top: 37.5%;
}   
.drop-ico-8 ::before{
   content: '';
    width: 40px;
    height: 40px;
    background: url(../images/ic-m-8.png) no-repeat;
    background-position: left;
    position: absolute;
    left:3%;
     top:52.7%;  
}     
.dropdown-item:hover {
    color: #0052cc;
    text-decoration: none;
    background-color:transparent;
}
.position-changer{
    position: absolute;
    top: 10%;
    left: -400%;
}
.btab-cookie {
    padding: 10px 0;
    width: 33%;
    display: inline-block;
    float: left;
    text-align: center;
    cursor: pointer;
    color: black;
    font-weight: 600;
}
.btab-cookie.active {
   color: #fff!important;
   background:#379683!important;
   border-radius:0!important;
}

.btab-cookie-parent {
    overflow: hidden;
    position: relative;
    border-bottom:1px solid #eee;
    margin-bottom: 30px;
}
.line::before{
    content: '';
    background: url(../images/line.svg) no-repeat;
    position:absolute;
    width: 180px;
    height: 40px;
}
.list-fx-ass-mgt span::before{
    content: '';
    background-image: url(../images/plus.svg);
    position:absolute;
    width: 20px;
    height: 20px;
    top: 14px;
    left: 0;
    background-repeat: no-repeat;

}
.sMedia-signup-field{
   border: .125rem solid #909090;
   color: #000;
   height: 44px;
   border-radius: 6.25rem;
background-repeat: repeat-x;
cursor: pointer;
padding: 7px 0px 0px 20px;
font-weight: 600;  
}
.border-apple{
   border: .125rem solid #000;  
}
.border-fb{
   border: .125rem solid #166fe2; 
   color:#166fe2;  
}
.w-40{
    width: 40%;
}
.google::before{
    content: '';
     background-image: url(../images/google-ico.svg);
    position:absolute;
    width: 20px;
    height: 20px;
    top: 10px;
    left: 13px;
    background-repeat: no-repeat;
}
.apple::before{
    content: '';
     background-image: url(../images/apple-ico.svg);
    position:absolute;
    width: 20px;
    height: 20px;
    top: 10px;
    left: 13px;
    background-repeat: no-repeat;
}
.mexxard{
  background: #fbfbfb;
  
}
.dark-blue{
  color: #0b4682;
}
.second-cl{
  color:#379683;
}
.fb::before{
    content: '';
     background-image: url(../images/facebook-ico.svg);
    position:absolute;
    width: 20px;
    height: 20px;
    top: 10px;
    left: 13px;
    background-repeat: no-repeat;
}
/*buy now page css start here*/
.btn-primary-bkkp{
  background: #05d4d417!important;
    border-bottom: 1px solid #2975c1!important;
  }
  .btn.focus, .btn:focus {
    outline: 0; 
     box-shadow: none; 
  }
  .btn-default-bkkp{

   width:39px;
    height: 36px;
    border-radius:50px;
    background-color: #fff;
  }

 .stepwizard-step p {
    margin-top: 10px;
}
}

.stepwizard-row {
    display: table-row;
}
.stepwizard {
    display: table;
    width: 50%;
    position: relative;
}
.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}
.stepwizard-row:before {
    top: 14px;
bottom: 0;
position: absolute;
content: " ";
width: 100%;
height: 5px;
background-color:#e0e3f0;
z-order: 0;
border-radius: 50px;
}
.stepwizard-step {
  /*  display: table-cell;*/
    text-align: center;
    position: relative;
}
/* .btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
} */
.buy-cont-lisst::before{
    content: '';
background-image: url(../images/tick-dark.svg);
position: absolute;
width: 20px;
height: 20px;
top: 14px;
left: 0;
background-repeat: no-repeat;
}
.seucurity-policy::before{
   content: '';
background-image: url(../images/lock.svg);
position: absolute;
width: 23px;
height: 23px;
top: 4px;
left: -6px;
background-repeat: no-repeat;
}
.custom-select{
    min-height: 40px;
    border-bottom: 2px solid #b2c2cd!important;
    background: #f4f4f5;
}
.bg-home-banner-ind {
  background: url(../images/ind-banner.svg);
  height: 615px;
  background-size: cover;
  background-repeat: no-repeat;
}

/*signup css end here*/

 
@media (min-device-width:768px) and (max-device-width:1200px){
       .navbar-toggler{
        z-index: 3;
    }
    .bottom-postion{
  position: absolute;
  bottom: 0px;
}
.mh-900 {
    min-height: 1111px;
}
.widthchoice{
  width: 50%;
}
.bg-menu{
  background: rgb(0, 120, 200) none repeat scroll 0% 0%;
}
.bg-dark-menu{
  background: rgb(33, 59, 85) none repeat scroll 0% 0%;
}
.btn-white-cloud {
    background: #FFF!important;
    color: #16b6f4 !important;
    line-height: 2.5rem;
    padding: 0 1.75rem;
    display: inline-block;
    font-size: 1rem;
    font-weight: 500;
    border-radius: .25rem;
    cursor: pointer;
    transition: all .2s ease-in-out;
        transition-property: all;
    transition-property: all;
    transition-property: background-color,color,border-color;
    border: .125rem solid transparent;
    text-decoration: none;
    white-space: nowrap;
    width: 170px;
    text-align: center;
}
.ctext h4::after {
    left: -0.5em;
   /* margin-right: -50%;*/
    background-color: #1ab3ff;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 22%;
}
.ctext h4::before {
    left: 0.5em;
   /* margin-right: -50%;*/
    background-color: #1ab3ff;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 22%;
}
.book-banner-cloud{
    background: #16B6F4;
}
.book-banner-cloud h1{
    color: #fff;
}
.book-banner-cloud p{
    color: #fff;
}
.navbar-brand{
    display: contents;
}
.block-feature-img-price{
    width: 70%;
    text-align: center;
}
.book-banner-team {
background: url(../images/team-banner.png);
background-repeat: no-repeat;
height: 400px;
}
.block-banner-img-price{
    width: 100%;
}
/*.t-center{
    text-align: center;
  }*/
  .testimonial h2 {
    color: #3c3f72;
    font-weight: 600;
    font-size: 2rem;
}
.formMargindevert{
    padding-bottom:8rem;
    margin-top: 5rem;
}
.body-image{
    position:relative;
   
}
.flex-mob-limit{
    margin-top: 10rem!important;
}
.tick-before::before {
    content: '';
    width: 40px;
    height: 40px;
    background: url(../images/tick-Y.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-position-x: 0%;
    background-position-y: 0%;
    background-position-x: 0%;
    background-position-y: 0%;
    background-position: left;
    vertical-align: middle;
    position: absolute;
    left: 9px;
    top: -6px;
}

 

.sidebar-navigation {
  background-color: #fff;
  color: white;
  overflow-x: hidden;
  width: 300px;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  /*---------------------- Navigation */
}
.sidebar-navigation a {
  color: #000;
  text-decoration: none;
}
.sidebar-navigation nav {
  position: relative;
  height: 100%;
}
.sidebar-navigation nav ul {
  position: absolute;
  top: 0;
  padding: 1rem;
  width: 100%;
  background: #fff;
  z-index: 1;
  -webkit-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.sidebar-navigation nav ul ul {
  right: calc(200% + 10px);
  left: calc(100% + 10px);
}
.sidebar-navigation nav ul li.parent > a:after {
    content: '';
    width: 13px;
    height: 13px;
    background: url(../images/next.svg) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-position-x: 0%;
    background-position-y: 0%;
    background-position-x: 0%;
    background-position-y: 0%;
    background-position: left;
    vertical-align: middle;
    position: absolute;
    right: 10px;
    top: 18px;
}
.z-ind-top{
    z-index: 3;
}
.z-ind-top-2{
    z-index: 4;
}
.sidebar-navigation nav ul li.back a {
  color:#000;
 
}
.sidebar-navigation nav ul li.back a:before {
 content: '';
    width: 13px;
    height: 13px;
    background: url(../images/back.svg) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-position-x: 0%;
    background-position-y: 0%;
    background-position-x: 0%;
    background-position-y: 0%;
    background-position: left;
    vertical-align: middle;
    position: absolute;
    left: -14px;
    top: 18px;
}
.level-2{
    position: relative;
}
.mob-main-menu-1:before {
content: '';
width: 50px;
height: 50px;
background: url(../images/ic-m-1.png) no-repeat;
background-position-x: 0%;
background-position-y: 0%;
background-position-x: 0%;
background-position-y: 0%;
background-position-x: 0%;
background-position-y: 0%;
background-position-x: 0%;
background-position-y: 0%;
background-position: left;
vertical-align: middle;
position: absolute;
left: 22px;
top: 65px;
}
.mob-main-menu-2:before {
content: '';
width: 50px;
height: 50px;
background: url(../images/ic-m-2.png) no-repeat;
background-position-x: 0%;
background-position-y: 0%;
background-position-x: 0%;
background-position-y: 0%;
background-position-x: 0%;
background-position-y: 0%;
background-position-x: 0%;
background-position-y: 0%;
background-position: left;
vertical-align: middle;
position: absolute;
left: 22px;
top: 19%;
}
.mob-main-menu-3:before {
content: '';
width: 50px;
height: 50px;
background: url(../images/ic-m-3.png) no-repeat;
background-position-x: 0%;
background-position-y: 0%;
background-position-x: 0%;
background-position-y: 0%;
background-position-x: 0%;
background-position-y: 0%;
background-position-x: 0%;
background-position-y: 0%;
background-position: left;
vertical-align: middle;
position: absolute;
left: 22px;
top:30%;
}
.mob-main-menu-4:before {
content: '';
width: 50px;
height: 50px;
background: url(../images/ic-m-4.png) no-repeat;
background-position-x: 0%;
background-position-y: 0%;
background-position-x: 0%;
background-position-y: 0%;
background-position-x: 0%;
background-position-y: 0%;
background-position-x: 0%;
background-position-y: 0%;
background-position: left;
vertical-align: middle;
position: absolute;
left: 22px;
top:40.2%;
}
.mob-main-menu-5:before {
content: '';
width: 50px;
height: 50px;
background: url(../images/ic-m-5.png) no-repeat;
background-position-x: 0%;
background-position-y: 0%;
background-position-x: 0%;
background-position-y: 0%;
background-position-x: 0%;
background-position-y: 0%;
background-position-x: 0%;
background-position-y: 0%;
background-position: left;
vertical-align: middle;
position: absolute;
left:22px;
top:50.2%;
}
.mob-main-menu-6:before {
content: '';
width: 50px;
height: 50px;
background: url(../images/ic-m-6.png) no-repeat;
background-position-x: 0%;
background-position-y: 0%;
background-position-x: 0%;
background-position-y: 0%;
background-position-x: 0%;
background-position-y: 0%;
background-position-x: 0%;
background-position-y: 0%;                      
background-position: left;
vertical-align: middle;
position: absolute;
left:22px;
top: 60.5%;
}
.mob-main-menu-7:before {
content: '';
width: 50px;
height: 50px;
background: url(../images/ic-m-7.png) no-repeat;
background-position-x: 0%;
background-position-y: 0%;
background-position-x: 0%;
background-position-y: 0%;
background-position-x: 0%;
background-position-y: 0%;
background-position-x: 0%;
background-position-y: 0%;                      
background-position: left;
vertical-align: middle;
position: absolute;
left:22px;
top:71.5%;
}
.mob-main-menu-8:before {
content: '';
width: 50px;
height: 50px;
background: url(../images/ic-m-8.png) no-repeat;
background-position-x: 0%;
background-position-y: 0%;
background-position-x: 0%;
background-position-y: 0%;
background-position-x: 0%;
background-position-y: 0%;
background-position-x: 0%;
background-position-y: 0%;                      
background-position: left;
vertical-align: middle;
position: absolute;
left:22px;
top:82%;
}
.mob-main-menu-9:before {
content: '';
width: 50px;
height: 50px;
background: url(../images/ic-m-9.png) no-repeat;
background-position-x: 0%;
background-position-y: 0%;
background-position-x: 0%;
background-position-y: 0%;
background-position-x: 0%;
background-position-y: 0%;
background-position-x: 0%;
background-position-y: 0%;                      
background-position: left;
vertical-align: middle;
position: absolute;
left: 6px;
top:4%;
}
.mob-main-menu-11::before {
    content: '';
    width: 50px;
    height: 50px;
    background: url(../images/ic-m-11.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-position-x: 0%;
    background-position-y: 0%;
    background-position-x: 0%;
    background-position-y: 0%;
    background-position-x: 0%;
    background-position-y: 0%;
    background-position-x: 0%;
    background-position-y: 0%;
    background-position: left;
    vertical-align: middle;
    position: absolute;
    left: 0%;
    top: 0%;
}
.mob-main-menu-12::before {
    content: '';
    width: 50px;
    height: 50px;
    background: url(../images/ic-m-16.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-position-x: 0%;
    background-position-y: 0%;
    background-position-x: 0%;
    background-position-y: 0%;
    background-position-x: 0%;
    background-position-y: 0%;
    background-position-x: 0%;
    background-position-y: 0%;
    background-position: left;
    vertical-align: middle;
    position: absolute;
    left: 0%;
    top: 0%;
}
.mob-main-menu-16::before {
    content: '';
    width: 50px;
    height: 50px;
    background: url(../images/ic-m-15.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-position-x: 0%;
    background-position-y: 0%;
    background-position-x: 0%;
    background-position-y: 0%;
    background-position-x: 0%;
    background-position-y: 0%;
    background-position-x: 0%;
    background-position-y: 0%;
    background-position: left;
    vertical-align: middle;
    position: absolute;
    left: 0%;
    top: 0%;
}
.mm-b{
    border-bottom: 1px solid #ececec;
}
.level-2 p{
    font-size: 14px;
}
.sidebar-navigation nav ul li.back a:focus, .sidebar-navigation nav ul li.back a:hover {
  color: #007bff;
}
.sidebar-navigation nav ul li a {
  padding: 0.75rem;
  display: block;
  position: relative;
   font-size: 15px;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
}
.sidebar-navigation nav ul li a:focus, .sidebar-navigation nav ul li a:hover {
  color:#007bff;
}
.sidebar-navigation nav ul .active {
  left: 0;
  right: 0;
}
.sidebar-navigation nav ul .active > li > a {
  opacity: 1;
}
.sidebar-navigation nav ul.hidden > li > a {
  opacity: 0;
}
.sidebar-navigation nav ul ul .active {
  left: -calc(100% + 10px);
  right: -calc(100% + 10px);
}

.main {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 300px;
}
.main h1 {
  font-size: 30px;
  margin: 30px;
}
.acrtive{
    color: #fff;
}
.card-img-overlay {
    position: absolute;
    top:88px;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
} 
/* .w-cutter-md{
  width: 90%!important;
} */
 
  
}



 @media (max-width: 766px) { 
    .navbar-toggler{
        z-index: 3;
    }
    .w-cutter-md{
      width: 50%!important;
    }
    .stepwizard{
    display: none;
}
.col-lg-2-custome {
    width: 100%;
}
.btn-white-cloud {
    background:#16b6f4 !important;
    color:#FFF!important;
    line-height: 2.5rem;
    padding: 0 1.75rem;
    display: inline-block;
    font-size: 1rem;
    font-weight: 500;
    border-radius: .25rem;
    cursor: pointer;
    transition: all .2s ease-in-out;
    transition-property: all;
    transition-property: all;
    transition-property: background-color,color,border-color;
    border: .125rem solid transparent;
    text-decoration: none;
    white-space: nowrap;
    width: 170px;
    text-align: center;
}

.level-2 li{
  list-style: none;
}
.mh-900 {
    min-height: 850px;
}
.t-center{
    text-align: center;
  }
.ctext h4::after {
    left: -0.5em;
   /* margin-right: -50%;*/
    background-color: #1ab3ff;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 22%;
}
.bg-menu{
  background: rgb(13 58 119) none repeat scroll 0% 0%;
}
.bg-dark-menu{
  background: rgb(33, 59, 85) none repeat scroll 0% 0%;
}
.ctext h4::before {
    left: 0.5em;
   /* margin-right: -50%;*/
    background-color: #1ab3ff;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 22%;
}
.book-banner-cloud{
    background: #EFF9FD;
}
.book-banner-cloud h1{
    color: #000;
}
.book-banner-cloud p{
    color: #000!important;
}
.navbar-brand{
    display: contents;
}
.block-feature-img-price{
    width: 70%;
    text-align: center;
}
.book-banner-team {
  background: url(../images/mob-team.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 500px;
  }
.block-banner-img-price{
    width: 100%;
}

  .testimonial h2 {
    color: #3c3f72;
    font-weight: 600;
    font-size: 2rem;
}
.formMargindevert{
    padding-bottom:8rem;
    margin-top: 5rem;
}
.body-image{
    position:relative;
   
}
.flex-mob-limit{
    margin-top: 10rem!important;
}
.tick-before::before {
    content: '';
    width: 40px;
    height: 40px;
    background: url(../images/tick-Y.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-position-x: 0%;
    background-position-y: 0%;
    background-position-x: 0%;
    background-position-y: 0%;
    background-position: left;
    vertical-align: middle;
    position: absolute;
    left: 9px;
    top: -6px;
}

 

.sidebar-navigation {
  background-color: #fff;
  color: white;
  overflow-x: hidden;
  width: 300px;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  /*---------------------- Navigation */
}
.sidebar-navigation a {
  color: #000;
  text-decoration: none;
}
.sidebar-navigation nav {
  position: relative;
  height: 100%;
}
.sidebar-navigation nav ul {
  position: absolute;
  top: 0;
  padding: 1rem;
  width: 100%;
  background: #fff;
  z-index: 1;
  -webkit-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.sidebar-navigation nav ul ul {
  right: calc(200% + 10px);
  left: calc(100% + 10px);
}
.sidebar-navigation nav ul li.parent > a:after {
   content: '';
width: 15px;
height: 15px;
background: url(../images/next.svg) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
background-position-x: 0%;
background-position-y: 0%;
background-position-x: 0%;
background-position-y: 0%;
background-position-x: 0%;
background-position-y: 0%;
background-position: left;
vertical-align: middle;
position: absolute;
right: 6px;
top: 26px;
}
.z-ind-top{
    z-index: 3;
}
.z-ind-top-2{
    z-index: 4;
}
.sidebar-navigation nav ul li.back a {
  color:#000;
 
}
.sidebar-navigation nav ul li.back a:after {
 content: '';
 width: 13px;
 height: 13px;
 background: url(../images/back.svg) no-repeat;
 background-position-x: 0%;
 background-position-y: 0%;
 background-position-x: 0%;
 background-position-y: 0%;
 background-position-x: 0%;
 background-position-y: 0%;
 background-position:left;
 vertical-align:middle;
 position:absolute;
 left: -14px;
 top: 18px;
}
.level-2{
    position: relative;
}

.mm-b{
    border-bottom: 1px solid #ececec;
}
.level-2 p{
    font-size: 14px;
}
.sidebar-navigation nav ul li.back a:focus, .sidebar-navigation nav ul li.back a:hover {
  color: #007bff;
}
.sidebar-navigation nav ul li a {
  padding: 0.75rem;
  display: block;
  position: relative;
  font-size: 15px;

  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
}
.sidebar-navigation nav ul li a:focus, .sidebar-navigation nav ul li a:hover {
  color:#007bff;
}
.sidebar-navigation nav ul .active {
  left: 0;
  right: 0;
}
.sidebar-navigation nav ul .active > li > a {
  opacity: 1;
}
.sidebar-navigation nav ul.hidden > li > a {
  opacity: 0;
}
.sidebar-navigation nav ul ul .active {
  left: -calc(100% + 10px);
  right: -calc(100% + 10px);
}

.main {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 300px;
}
.main h1 {
  font-size: 30px;
  margin: 30px;
}
.acrtive{
    color: #fff;
}
.card-img-overlay {
    position: absolute;
    top: 155px;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
}
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,102,203, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler.navbar-toggler {
  border-color: rgb(255,102,203);
}
.bg-banking{
  background: url(../images/banking-menu.svg);
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 200px;
  background-position-y: center;
}
.bg-purchaseOrder{
  background: url(../images/po.svg);
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 200px;
  background-position-y: center;
}
.bg-invoicing{
  
   background: url(../images/invoicing-menu.svg);
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 200px;
  background-position-y: center;
}
.bg-purchase{
  
   background: url(../images/purchase-menu.svg);
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 200px;
  background-position-y: center;
}
.bg-tax{
  
   background: url(../images/tax-menu.svg);
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 200px;
  background-position-y: center;
}
.bg-inventory{
  
   background: url(../images/inventory-menu.svg);
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 200px;
  background-position-y: center;
}
.bg-estimate{
  
   background: url(../images/estimate-menu.svg);
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 200px;
  background-position-y: center;
}
.price-min-width-small{
  min-width: 85px;
display: inline-block;
}
/*.fade-ef{
    transition: 1s;
    left: 0;
}

@keyframes slide-down {
    0% { opacity: 0; transform: translateY(100%); }
    100% { opacity: 1; transform: translateY(0); }
}*/
.features-book ul li::before {
    content: '';
    background: url(../images/tick-dark.svg);
    position: absolute;
    left: 0px;
    width: 11px;
    height: 11px;
    top: 12px;
    background-size: cover;
}
.features-book ul li {
    list-style: none;
    padding-left: 32px;
    text-align: left;
}
#mob-pill .active{
  color:#fff;
  background:#0052cc;
  font-weight: 600;
  text-decoration: none;
} 
#mob-pill-li a {
  color:#000;
  font-weight: 600;
  text-decoration: underline;
}
#myCarousel .carousel-indicators {
    position: static;
    left: initial;
    width: initial;
    margin-left: initial;
}
#myCarousel .list-inline {
    white-space: nowrap;
    overflow-x: auto;
}
.carousel-indicators {
    z-index: 1;
}
#myCarousel .carousel-indicators > li {
    width: 70px;
    height: 30px;
    text-indent: initial;
    background: none !important;
    color: #000;
}
.carousel-indicators li::before {
    position: absolute;
    top: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
}
#myCarousel .carousel-indicators > li.active a {
    color: #0d7ecb;
}
#myCarousel .list-inline-item a {
    font-size: 12px;
    font-weight: 700;
}
.carousel-control-next{
  background:#2975c1;
    height: 35px;
    width: 35px;
    opacity: 2;
    top:9px;
    right: 9px;
}
.banner-btn-bdr{
  border:1px solid #fff;
    border-radius: 4px;
    box-sizing: border-box;
    color: rgb(250, 249, 247);
    cursor: pointer;
    display: inline-block;
    font-family: LLCircularWeb;
    font-size: 1rem;
    line-height: 1.5rem;
    margin: 0.25rem 0px;
    padding: 0.75rem 1rem;
    text-align: center;
    text-decoration: none;
}

/*.carousel {
  position: relative;
}
#carousel-thumbs {
  background: rgba(255,255,255,.3);
  bottom: 0;
  left: 0;
  padding: 0 50px;
  right: 0;
}
.thumb a.active{
  background: #0052cc;
    padding: 5px 10px;
    color:#fff!important;
}

.carousel-control-prev,
.carousel-control-next {
  width: 50px;
}*/
/*@media all and (max-width: 767px) {
  .carousel-container #carousel-thumbs img {
    border-width: 3px;
  }
}
@media all and (min-width: 576px) {
  .carousel-container #carousel-thumbs {
    position: absolute;
  }
}
@media all and (max-width: 576px) {
  .carousel-container #carousel-thumbs {
    background: #ccccce;
  }
}   
*/
 
}
@media (max-width: 576px) {
 
 .bg-banking{
  background: url(../images/banking-menu.svg);
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 114px;
  background-position-y: center;
}
body, html {
  overflow-x:hidden;
}
.book-banner-purchase-bill {
  background: #092d5f;
  height: 657px;
}
.f-60{
  font-size: 30px;
}
.blog-header {
  font-size: 35px;
  font-weight: 300;
  line-height: 54px;
  color: #2f2f2f;
  margin: 0 0 3px;
}
.wcntrl{
  width: 100%;
}
.mcenter{
  text-align: center;
}
.styAway{
  position: absolute;
    width: 100%;
    right: 10px;
    bottom: 0px;
    
  bottom: 0px;
}

.btnypo{
  background: #379683;
    border: 1px solid transparent;
    border-radius: 4px;
    box-sizing: border-box;
    color: rgb(250, 249, 247);
    cursor: pointer;
    display: inline-block;
    font-family: LLCircularWeb;
    font-size: 1rem;
    line-height: 1.5rem;
    margin: 0.25rem 0px;
    padding: 0.56rem 1rem;
    text-align: center;
    text-decoration: none;
    width: 100%;
}
.press-btn {
  
  width:100%;
 
}
.mn-h {
  min-height: 509px;
}
.contact-ways{
  background:#092d5f;
  height: 1100px;
}
.book-banner-securirty{
  background: #092d5f;
}
.imageNest {
  width: 100px;
}
.imgcontrollerHelp{
  width: 100%;
}
.bg-book-keeping {
  background: rgb(11 70 130);
  height: 700px;
 
}
.play-button-bk{
  position: absolute;
  left: 40%;
    top: 41%;
}
.btab-cookie {
  padding: 10px 0;
  width: 100%;
  display: inline-block;

  text-align: center;
  cursor: pointer;
  color: black;
  font-weight: 600;
}
.banner-btn-bdr{
  border:1px solid #fff;
    border-radius: 4px;
    box-sizing: border-box;
    color: rgb(250, 249, 247);
    cursor: pointer;
    display: inline-block;
    font-family: LLCircularWeb;
    font-size: 1rem;
    line-height: 1.5rem;
    margin: 0.25rem 0px;
    padding: 0.65rem 1rem;
    text-align: center;
    text-decoration: none;
    width: 190px;
    margin: 20px auto;
}
.bgiframenick {
  background: url(../images/inv-banner.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 300px;
}
.bgiframenickbk {
  background: url(../images/bk-banner.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 300px;
}
.menu-btn-main{
 
    background: #379683;
    border: 1px solid transparent;
    border-radius: 4px;
    box-sizing: border-box;
    color: rgb(250, 249, 247)!important;
    cursor: pointer;
    display: inline-block;
    font-family: LLCircularWeb;
    font-size: 1rem;
    line-height: 1.5rem;
    margin: 0.25rem 0px;
    padding: 0.75rem 1rem;
    text-align: center;
    text-decoration: none;

}
.menu-btn-main-2{
 
  background: #092d5f;
  border: 1px solid transparent;
  border-radius: 4px;
  box-sizing: border-box;
  color: rgb(250, 249, 247)!important;
  cursor: pointer;
  display: inline-block;
  font-family: LLCircularWeb;
  font-size: 1rem;
  line-height: 1.5rem;
  margin: 0.25rem 0px;
  padding: 0.75rem 1rem;
  text-align: center;
  text-decoration: none;

}
.footer-bg{
  background:#0c2637;  
padding: 5px 10px 0px 10px;
   
}
.banner-btn-bdr:hover{
  color: #fff;
}
.list-bkkp li p::before {
  content: '';
  background-image: url(../images/tick-circle.svg);
  position: absolute;
  width: 20px;
  height: 20px;
  left: 15px;
  top: 10px;
}
.jumber{
  position: absolute;
    top: -19%;
    left: 9%;
}
.carousel-indicators{
  z-index: 1;
}
.wc-15{
  width:100%;
}
.wc-25{
  width:100%;
}
.bg-invoicing{
  
   background: url(../images/invoicing-menu.svg);
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 114px;
  background-position-y: center;
}
/* .bg-book-keeping {
    background: rgb(2,0,36);
    background: linear-gradient(90deg, rgb(2, 0, 36) 0%, rgb(9, 9, 121) 35%, rgb(0, 4, 255) 100%);
} */
.styAway {
  position: absolute;
width: 100%;
right: 17%;
bottom: 0px;
bottom: 0px;
transform: translate(19%, 0px);
width: 100%;
}
.text-center-sm{
  text-align: center;
}
.bg-managed-accounting {
    background: rgb(2,0,36);
    background: linear-gradient(60deg, rgb(6, 173, 255) 0%, rgb(78, 145, 251) 35%, rgb(0, 212, 255) 100%);
}
.btn-book-keeping-green {
   
    width: 100%!important;
  
}
.btn-book-keeping {
   
    width:190px!important;
  
}
.price-min-width-small{
  min-width: 85px;
display: inline-block;
}
/*.fade-ef {
    animation: slide-left .5s ease-out;
}

@keyframes slide-down {
    0% { opacity: 0; transform: translateY(100%); }
    100% { opacity: 1; transform: translateY(0); }
}*/
.bg-purchase{
  
   background: url(../images/purchase-menu.svg);
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 114px;
  background-position-y: center;
}
.bg-purchaseOrder{
  
   background: url(../images/po.svg);
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 114px;
  background-position-y: center;
}
/*.carousel-item{min-height:300px;}*/
.indicator-slider{
  top: -15px;
}
.indicator-slider li.active{
   background:blue!important;
}
.indicator-slider li{
   background:red;
}
.bg-tax{
  
   background: url(../images/tax-menu.svg);
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 114px;
  background-position-y: center;
}
.bg-inventory{
  
   background: url(../images/inventory-menu.svg);
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 114px;
  background-position-y: center;
}
.bg-estimate{
  
   background: url(../images/estimate-menu.svg);
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 114px;
  background-position-y: center;
}

.features-book ul li::before {
    content: '';
    background: url(../images/tick-dark.svg);
    position: absolute;
    left: 0px;
    width: 11px;
    height: 11px;
    top: 12px;
    background-size: cover;
}
.bg-image {
  background: url(../images/about-banner-mob.png);
      background-repeat: repeat;
  background-repeat: no-repeat;
  height: 400px;
  background-size: cover;
}
.w-50-pc{
  width: 100%;
}
.features-book ul li {
    list-style: none;
    padding-left: 27px;
    text-align: left;
}
.price-tab.active{
  background:red;
}
#mob-pill .active{
  color:#fff;
  background:#0052cc;
  font-weight: 600;
  text-decoration: none;
} 
#mob-pill-li a {
  color:#000;
  font-weight: 600;
  text-decoration: underline;
}
#myCarousel .list-inline {
    white-space:nowrap;
    overflow-x:auto;
}
#myCarousel .list-inline-item a {
  font-size: 12px;
  font-weight: 700;
}
#myCarousel .carousel-indicators {
    position: static;
    left: initial;
    width: initial;
    margin-left: initial;
}

#myCarousel .carousel-indicators > li {
    width: 70px;
    height: 30px;
    text-indent: initial;
    background:none!important;
    color: #000;
}

#myCarousel .carousel-indicators > li.active a{
    color:#0d7ecb;
}
.carousel-control-next{
  background:#092d5f;
    height: 35px;
    width: 35px;
    opacity: 2;
    top:9px;
    right: 9px;
}
.banner-btn-main {
  width: 192px;
}
h1{
  @import url('//fonts.googleapis.com/css2?family=Questrial&display=swap');
  font-family: 'Questrial', sans-serif;
  font-size: 1.25rem;
  font-weight: bold;
}
h1,h2,h3,h4,h5,h6{
  @import url('//fonts.googleapis.com/css2?family=Questrial&display=swap');
  font-family: 'Questrial', sans-serif;
}
p{
  @import url('//fonts.googleapis.com/css2?family=Nunito+Sans:wght@200&display=swap');
  font-family: 'Nunito Sans', sans-serif!important;
  font-size: 1rem;
}
a{
    -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
@import url('//fonts.googleapis.com/css2?family=Nunito+Sans:wght@200&display=swap');
font-family: 'Nunito Sans', sans-serif!important;
}
a:hover{
  text-decoration:none;
}
.sub-heads-sm ,h3{
  font-weight: 700;
    margin: 0px 0px 0.5em;
    white-space: pre-wrap;
    color: rgb(0, 0, 0);
    font-size: 1.25rem;
    line-height: 2rem;
    /* text-align: center; */
}
h5,h6{
  font-weight: 700;
  margin: 0px 0px 0.5em;
  white-space: pre-wrap;
  color: rgb(0, 0, 0);
  font-size: 1rem;
  line-height: 2rem;
}
.textfluid {
  position: absolute;
  top: 25px;
  left: 12px;
  font-weight: 700;
  color: #fff;
}
/*.carousel {
  position: relative;
}
#carousel-thumbs {
  background: rgba(255,255,255,.3);
  bottom: 0;
  left: 0;
  padding: 0 50px;
  right: 0;
}
.thumb a.active{
  background: #0052cc;
    padding: 5px 10px;
    color:#fff!important;
}

.carousel-control-prev,
.carousel-control-next {
  width: 50px;
}*/
/*@media all and (max-width: 767px) {
  .carousel-container #carousel-thumbs img {
    border-width: 3px;
  }
}
@media all and (min-width: 576px) {
  .carousel-container #carousel-thumbs {
    position: absolute;
  }
}
@media all and (max-width: 576px) {
  .carousel-container #carousel-thumbs {
    background: #ccccce;
  }
}   */


}

@media only screen and (max-width: 576px) and (min-width: 390px)  {

  .list-bkkp li p::before {
    content: '';
    background-image: url(../images/tick-circle.svg);
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0px;
    top: 10px;
}

}