@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
header {
    padding: 10px 0px;
    box-shadow: 0px 2.1891891956329346px 13.13513469696045px 0px rgba(136, 155, 254, 0.20);
}
body{
    color: var(--bright-blue, #0047BA);
    /* H1/H1 48 Bold */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
       
    
}


.navbar-nav .nav-link::after {
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  background:  #0047BA;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}

.navbar-nav .nav-link:hover::after,
.navbar-nav .nav-link.active::after {
 width: 80%;
    left: 10px;
}
.navbar-nav li a:hover {
  color: #0047BA !important;
}
.navbar-nav .nav-link.active {
    color: #0047BA !important;
}
.navbar-nav .dropdown-menu {
    margin: 0 !important;
}
ul.dropdown-menu {
    padding: 0;
    border-radius: 0px;
    border-color: #0047ba;
}
.dropdown-menu li a{
    color:#000000;
}
.dropdown-menu li a.active{
        color: #0047ba;
    background: none;
    font-weight: 500;
}
.dropdown-menu {
    background-color: #0047ba;
    border-radius: 0px;
}
.dropdown-menu li {
    padding: 6px 10px;
}
.dropdown-menu li:hover,
.dropdown-menu li:hover a {
  color: #000000 !important;
}
.bg-light2{
    background-color: #fff !important;
}
li.nav-item.h5 {
    padding: 0px 10px;
        position: relative;
}
.dropdown-item:focus, .dropdown-item:hover {
  color: var(--bs-dropdown-link-hover-color);
  background-color: transparent !important;
}
.nav-link.active{
     color:#0047BA !important;
}
ul.nav-link{
    text-align:center;
}
.btn23 {
    padding: 10px 25px;
    color: #fff;
    background: #0047BA;
    border: 0px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 600;
    box-shadow: 0px 0px 5px 1px #29b673;
    border: 2px solid;
}
.btn23:hover{
    background-color: #01bc75;
}
.btn24{
        padding: 10px 30px;
    color: #0047ba;
    background: #ffffff;
    border: 1px solid #0047BA;
    border-radius: 10px;
    text-decoration: none;
}
.btn24:hover{
    background-color: #0047BA;
    color: #ffffff;
    border: 1px solid #0047BA;
}
.header-2{
    color: var(--bright-blue, #0047BA);
    font-family: Inter;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    text-decoration: none;
}
.header-2 img{
    width:250px;
}
.hero{
    padding: 40px 0px;
    background:#F9FBFD;
}
.hero a{
  text-decoration: none;
}

.hero h1 {
    color: var(--bright-blue, #0047BA);
    font-family: Inter;
    font-size: 45px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    margin-bottom: 20px;
}
.hero p {
  color:  #000;
    font-family: Poppins;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 20px;
}

.hero-img{
    padding: 0px;
}
.hero-img img{
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  animation: bounce 0s ease-in-out infinite;
}
.partner{
    padding: 30px 0px;
    background: var(--fill-gray, #F9FBFD);
}
.partner h2{
    color: var(--bright-blue, #0047BA);
    font-family: Inter;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 32px;
}

.partner ul li img{
    margin: auto;
}
.professional{
    padding: 30px 0px;
}
.professional h2{
    color: var(--bright-blue, #0047BA);
    /* H1/H1 48 Bold */
    font-family: Inter;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
}
.professional h1 {
    color: var(--bright-blue, #0047BA);
    font-family: Inter;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
}
.professional p{
    /* color: var(--gray, #6A7382); */
    color:  #000;
/* Body Text/16 Regular */
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 30px; /* 150% */
margin-bottom: 20px;
}
.professional-desc {
    padding-top: 0px;
}
.professional-desc ul{
    list-style: none;
    padding: 0px;
    margin-bottom: 36px;
}
.professional-desc span{
        /* color: var(--gray, #6A7382); */
    color: #000;    
    /* Body Text/16 Regular */
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    line-height: 24px; /* 150% */
}
.professional-desc img{
    margin-right: 8px;
}
.professional-desc li{
    margin-bottom: 16px;
    width: 49%;
    display: inline-block;
}

/*------ Privacy Policy -----*/
.priv-main {
    padding-top: 30px;
    padding-bottom: 30px;
    box-shadow: 0px 2.1891891956329346px 13.13513469696045px 0px rgba(136, 155, 254, 0.20);
}
.priv-desc p {
    font-size: 16px;
    line-height: 30px;
}
.priv-desc h1 {
    font-size: 25px;
    font-weight: 700;
}
.priv-desc h3 {
    font-size: 20px;
    font-weight: 700;
}
.priv-desc ul {
    padding: 0px;
    line-height: 30px;
}
/*------ Privacy Policy End -----*/

/*------- Footer Section -------*/
.footer{
    padding: 48px 0px;
    
  }
  .footer p{
    /* color: var(--gray, #6A7382); */
    color: #000;
        margin-top: 23px;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 150% */
  
  }
  .footer h2{
    color: var(--bright-blue, #0047BA);
margin-bottom: 20px;
font-family: Inter;
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 24px; /* 120% */
  }
  .footer h3 {
    color:#000;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    /* line-height: 24px; */
    margin-left: -20px;
    /* right: 64px; */
    letter-spacing: 0.3px;
  }
  .footer ul{
    color: var(--gray, #6A7382);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;
    list-style: none;
    padding: 0px;
  }
  .footer ul li a{
      text-decoration: none;
    /* color: var(--gray, #6A7382); */
    color: #000;
  }
 
  .footer ul li a:hover{
   color: var(--bright-blue, #0047BA);
  }
  .social{
      margin-bottom: 25px;
  }
  .social > p > a {
    /* color: #B2BAC6; */
    color: #fff;
    margin: 0 8px 0 0;
    font-size: 1.2rem;
    transition: all ease-in-out 0.3s;
    border: 1px solid #DEE2EA;
    padding: 12px 19px;
    border-radius: 50px;
    background-color: #0047BA;
    border-color: #0047BA;
  }
.social > p > a:hover {
  color: #fff;
  /* border-color: #0047BA; */
  background-color: #01bc75;
  border-color: #01bc75;
}
li.drm {
    color: #000;
    font-size: 15px;
    line-height: 30px;
}

/*payroll service*/

/*---- Book writing ----*/
.payroll-service {
    padding: 30px 0px;
}
  .payroll-service h2 {
    color: var(--bright-blue, #0047BA);
/* H1/H1 48 Bold */
font-family: Inter;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: normal;
   
  }
  .payroll-service p{
    color:  #000;
/* Body Text/16 Regular */
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
margin-bottom: 0;
  }
/*end*/
/*---- Book writing ----*/
.book-writing {
    padding: 30px 0px;
    background: var(--fill-gray, #F9FBFD);
}
  .book-writing h2 {
    color: var(--bright-blue, #0047BA);
/* H1/H1 48 Bold */
font-family: Inter;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: normal;
   
  }
  .book-writing p{
    color:  #000;
/* Body Text/16 Regular */
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 27px;
margin-bottom: 0;
  }
  .block2 {
    margin-top: 20px;
    padding: 15px 25px;
    border-radius: 5.838px;
    box-shadow: 0px 2.1891891956329346px 13.13513469696045px 0px rgba(136, 155, 254, 0.20);
    color: #000;
    transition: all 0.5s ease-in-out;
    background:#fff;
    border: 1px solid #fff;
    height: 415px;
  }
  
  .block2 h3{
    padding: 10px;
    margin: 0px;
    color: var(--bright-blue, #0047BA);
    font-family: Inter;
    font-size: 23px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px; /* 116.667% */
    letter-spacing: 0.48px;
  }
  .block2 p{
    padding: 10px;
    /* color: var(--gray, #6A7382); */
    color:  #000;
    /* Body Text/16 Regular */
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
   /*margin-bottom: 20px;*/
  }
  .block2 a {
    text-decoration: none;
    padding: 10px;
    color: var(--blue, #00A2FF);
    /* Body Text/16 Medium */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
  }
  .block2 img{
    width:90px;
  }
  /*.toop {*/
  /*  width: 100px;*/
  /*height: 100px;*/
  /*  background: #F2F7FB;*/
  /*  border-radius: 50%;*/
  /*  text-align: center;*/
  /*  padding: 15px 0px;*/
    
  /*}*/
 
  /*.block2:hover {*/
   
  /*  border: 1px solid #0047BA;*/
  /*}*/
  /*.block2:hover .toop {*/
  /*  background:  #0047BA;*/
  /*}*/
  /*.block2:hover .toop img{*/
  /*  filter: hue-rotate(66deg) brightness(7.5);*/
  /*}*/
  /*---- Contact Us --- */
  .contact-us{
    width: 100%;
    height: 550px;
    background-image: url('../images/Get.jpg');
    background-size: cover;
    padding: 30px 0px;
  }
  .contact-us h2{
    color: var(--white, #FFF);
    font-family: Inter;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    margin-top: 50px;
    padding: 10px 0;
  }
  .contact-us p{
    color: var(--white, #FFF);
    /* H4/H4 Regular */
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 120% */
    padding: 10px 0;
  }
 .contact-us-img img {
    width: 90%;
    /* height: 455px; */
    margin-left: 0px;
    animation: bounce 0s ease-in-out infinite;
    margin-right: 0px;
    display: block;
}
    @keyframes bounce {
        0%, 100% {
                     transform: translateY(0);
                 }
            50% {
                    transform: translateY(-30px);
                }
}
  
  .in1{
    margin-right: 20px;
  }
  .form-control {
    border-radius: 4px !important;
    border: 1px solid #DEE2EA;
    background: #F9FBFD !important;
    padding: 12px 10px !important;
}
/* Works for Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.form-control:focus {
    outline: none !important;
    box-shadow: none !important;
    border: 1px solid #0047ba !important;
}
  .in1 label{
    color: var(--white, #FFF);
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 10px;
  }
  .in1 input{
    width: 300px;
    padding: 12px 16px;
    align-items: center;
    border-radius: 4px;
    background: var(--white, #FFF);
    border: 1px;
  }
  .in1 input:focus{
      border-color: #01bc75; 
      outline: none;
  }
  .contact-us-form button{
    padding: 15px 54px;
    border-radius: 6px;
    border: 1.5px solid var(--white, #FFF);
    background: #00BC74;
    color: #fff;
    margin-top: 30px;
  }
  .contact-us-form button:hover{
    background:var(--white, #FFF);
    color: #522DA8;
    border: 1px solid #522DA8;
  }
  /*--- Income Tax ---*/
  .income{
    padding: 30px 0px;
}
  .income-img img {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
    display: block;
    animation: bounce 0s ease-in-out infinite;
}
.income h2 {
    color: var(--bright-blue, #0047BA);
    font-family: Inter;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 40px;
}
.income p {
    /* color: var(--gray, #6A7382); */
    color:  #000;
    /* Body Text/16 Regular */
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; 
    margin-bottom: 40px;
}
/*--- Our Bussiness ---*/
.sec-footer{
    padding: 30px 0px;
    background: var(--fill-gray, #F9FBFD);
  }
  .block4 {
    margin-top: 30px;
    padding: 32px 24px;
    border-radius: 5.838px;
    box-shadow: 0px 2.1891891956329346px 13.13513469696045px 0px rgba(136, 155, 254, 0.20);
    color: #000;
    transition: all 0.5s ease-in-out;
    background-color: #FFF;
  }
  
  .block4 h3{
    color: var(--bright-blue, #0047BA);
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px; /* 116.667% */
    letter-spacing: 0.48px;
  }
  .block4 p{
    /* color: var(--gray, #6A7382); */
    color:  #000;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
  }
  .toop3 {
    width: 100px;
    height: 100px;
    background: #F9FBFD;
    border-radius: 50%;
    text-align: center;
    padding: 25px 0px;
    border: 1px solid #DEE2EA;
    margin-bottom: 20px;
  }
  .toop3 img {
    filter: brightness(1);
  }
  .trusted{
    padding: 30px 0px;
}

.trusted ul li img{
    margin: auto;
}
.trusted h2{
    margin-bottom: 30px;
    color: var(--bright-blue, #0047BA);
    font-family: Inter;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
/*---- Clients ----*/
.clients{
    padding: 30px 0px;
    background: var(--fill-gray, #F9FBFD);
}
.clients h2{
    margin-bottom: 30px;
    color: var(--bright-blue, #0047BA);
    font-family: Inter;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.reviews{
    padding: 28px;
    margin: 20px 10px 20px 0;
    border-radius: 8px;
    background: var(--white, #FFF);
    box-shadow: 0px 3px 18px 0px rgba(107, 114, 150, 0.15);
    transition: transform 0.3s ease-out;
    
}
.reviews p{
    /* color: var(--gray, #6A7382); */
    color: #000;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.reviews:hover{
    background:#01bc75;
    transform:scale(1);
    color:#fff;
}
.reviews img{
    margin-bottom: 20px;
    width: 12%;
}
.reviews:hover img{
    filter: hue-rotate(55deg) brightness(7.5);
}
.reviews:hover p{
    color:#fff;
}
.reviews:hover .toop7 h4{
    color:#fff;
}
/*.toop7 {*/
/*    width: 100px;*/
/*  height: 100px;*/
/*    background: #F9FBFD;*/
/*    border-radius: 50%;*/
/*    text-align: center;*/
/*    padding: 25px 0px;*/
/*   border: 1px solid #DEE2EA;*/
/*   margin-bottom: 20px;*/
/*   display: flex;*/
/*  }*/
.toop7{
    display:flex;
}
.toop7 ul{
    list-style:none;
    padding:20px;
}
.toop7 h4{
    color: var(--bright-blue, #0047BA);
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
}
.toop7 img {
     width: 100px; 
    /*width: 20%;*/
     height: 100px; 
    border-radius: 50px;
    filter: none !important;
}
.toop8 ul{
    list-style: none;
}
.toop8 h3{
    color: var(--bright-blue, #0047BA);
    /* H4/H4 Semibold */
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}
/*---- Footer Bar --- */
/*.footer-bar {*/
/*    padding: 10px 0px;*/
/*    background: var(--bright-blue, #0047BA);*/
/*    text-align: center;*/
/*}*/
.footer-bar {
    padding: 10px;
    background: var(--bright-blue, #0047BA);
    /* text-align: center; */
    display: flex;
    justify-content: space-between;
}
.foot-link{
    color:#fff;
    padding:10px;
}
.foot-link a {
    text-decoration: none;
    color: #fff;
    font-weight: 600;
}
.footer-bar p {
    color: var(--white, #FFF);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* margin-top: 9px; */
    padding: 10px;
    margin-bottom: 0px;
}
/*---- Bookkeeping ----*/
.hero2{
  padding: 30px 0px;
  background: var(--fill-gray, #F9FBFD);

}

.hero2 h1 {
  color: var(--bright-blue, #0047BA);
  font-family: Inter;
  font-size: 45px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  margin-bottom: 20px;
}

.hero2 p {
 color:  #000;
    font-family: Poppins;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
  margin-bottom: 10px;
}
.formp2 {
  padding: 16px 24px;
  border-radius: 8px 8px 0px 0px;
  background: var(--green-dark, #62C370);
  box-shadow: 0px 3px 18px 0px rgba(107, 114, 150, 0.15);
  align-items: center;
}
.formp2 h3{
  color: var(--white, #FFF);
  /* H2/H2 Semibold */
  font-family: Inter;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px; 
}
.formp2 p{
  color: var(--white, #FFF) !important;
  /* Body Text/16 Regular */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 0px;
}
.formp3 {
  padding: 16px 24px;
  border-radius: 8px 8px 0px 0px;
  box-shadow: 0px 3px 18px 0px rgba(107, 114, 150, 0.15);
  align-items: center;
  background: #fff;
}

.btn34 {
  margin-top: 15px;
  padding: 15px 0px;
  background: var(--green-dark, #62C370);
  border: 0px;
  color: #fff;
}
.btn34:hover{
  border:1px solid #62C370;
  background-color: #fff;
  color: #62C370;
}
.too label{
  margin-bottom: 10px;
  font-weight: 600;
}
.too input {
  margin-bottom: 10px;
  padding: 12px;
  background: var(--fill-gray, #F9FBFD);
}
.too select{
  margin-bottom: 10px;
  padding: 12px;
  background: var(--fill-gray, #F9FBFD);
}
.too textarea{
  background: var(--fill-gray, #F9FBFD);
}
.book-desc{
  padding-top: 125px;
}
/*---- Our Services Bookkeeping ----*/
.block-book h3 {
    font-size: 22px;
    margin-bottom: 12px;
}
.block-book {
  margin-top: 20px;
  padding: 32px 24px;
  border-radius: 5.838px;
  box-shadow: 0px 2.1891891956329346px 13.13513469696045px 0px rgba(136, 155, 254, 0.20);
  color: #000;
  transition: all 0.5s ease-in-out;
  background: #fff;
  border: 1px solid #fff;
  height: 265px;
}
.block-book:hover{
  background: var(--green-dark, #62C370);
  border: 1px solid #62C370;
}
.block-book:hover h3{
  color: #fff;
}
.block-book a{
    text-decoration:none;
    color:#0047ba;
  }
  .block-book:hover a{
    color: #fff;
  }
.block-book:hover p{
  color: #fff;
  }
  

  .sec-footer2{
    padding: 30px 0px;
  }
  .fr34 h3{
    color:#000;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px; /* 116.667% */
    letter-spacing: 0.48px;
  }


  

  .bussines-need-img img{
    width: 85%;
    margin-right: 0px;
    margin-left: 0px;
    display: block;
    animation: bounce 0s ease-in-out infinite;
  }


  .block9 {
    padding: 30px 40px;
    border-radius: 5.838px;
    box-shadow: 0px 2.1891891956329346px 13.13513469696045px 0px rgba(136, 155, 254, 0.20);
    color: #000;
    transition: all 0.5s ease-in-out;
    background-color: #FFF;
    margin-top: 15px;
    height: 630px;
  }
  .block9:hover{
    transform: scale(0.9);
  }
  .fr35 h3 {
    color: #000;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0.48px;
    /* padding: 2px; */
    padding-top: 10px;
}
.bg-theme{
    background: var(--fill-gray, #F9FBFD);
}
.bg-none{
    background: none;
}
.sec-footer3{
  padding: 60px 0px;
  
}
.sec-footer3 h2{
        color: var(--bright-blue, #0047BA);
        font-family: Inter;
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
}
.sec-footer3 p{
        color: var(--gray, #6A7382);
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        margin-bottom: 0;
}
.sec-footer h2{
        color: var(--bright-blue, #0047BA);
        font-family: Inter;
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
}
.sec-footer p{
        /* color: var(--gray, #6A7382); */
        color:  #000;
        font-family: Poppins;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        margin-bottom: 0;
}
.sec-footer2 h2{
        color: var(--bright-blue, #0047BA);
        font-family: Inter;
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
}
.sec-footer2 p{
        /* color: var(--gray, #6A7382); */
        color:  #000;
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        margin-bottom: 0;
}
/*hire form*/


.hire-form{
  padding: 30px 0px;
}
.hire-form h2{
    color: var(--bright-blue, #0047BA);
    font-family: Inter;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.hire-form p{
      /* color: var(--gray, #6A7382); */
      color:  #000;
      font-family: Poppins;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
      margin-bottom: 0;
}
/*end*/

/*---- Contact Us 2 ----*/

.contact-us2{
  background-image: url('../images/city_bg.png');
  background-color: var(--fill-gray, #F9FBFD);
  background-size: cover;
  padding: 30px 0px;
}
.contact-us2 h2{
    color: var(--bright-blue, #0047BA);
    font-family: Inter;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.contact-us2 p{
  color: var(--white, #000);
  /* H4/H4 Regular */
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 120% */
}
.contact-us-img2 img {
  width: 100%;
  /* height: 455px; */
  margin-left: 0px;
  animation: bounce 0s ease-in-out infinite;
  margin-right: 0px;
  display: block;
}
  @keyframes bounce {
      0%, 100% {
                   transform: translateY(0);
               }
          50% {
                  transform: translateY(-30px);
              }
}
.hdf{
  padding: 10px 0;
  display: flex;
}
.in12{
  margin-right: 10px;
  width:100%;
}
.in12 label{
  color: var(--white, #000);
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 10px;
}
.in12 input, .in12 select, .in12 textarea{
  width: 100%;
  padding: 12px 16px;
  align-items: center;
  border-radius: 4px;
  background: var(--white, #FFF);
  border: 1px solid #0047BA;
}
.in12 input:focus,.in12 select:focus,.in12 textarea:focus{
    border-color: #01bc75; 
    outline: none;
     box-shadow:none
}
.contact-us-form2 button{
  padding: 15px 54px;
  border-radius: 6px;
  border: 1.5px solid var(--white, #FFF);
  background:var(--bright-blue, #0047BA);
  color: #fff;
  margin-top: 30px;
}
.contact-us-form2 button:hover{
  background:var(--white, #FFF);
  color: #522DA8;
  border: 1px solid #522DA8;
}
.bb3{
 
  margin-top: 20px;
}
.bb3 label{
  font-weight: 600;
  font-size:20px;
}
.card-img{
  height: 350px;
}
.card-body{
  border-radius: 0px 0px 8px 8px;
  box-shadow: 0px 3px 18px 0px rgba(107, 114, 150, 0.15);
}
.card-body h4{
  color: var(--dark-mode-black, #131921);
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.card-body p{
  color: var(--gray, #6A7382);
  /* Body Text/16 Regular */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}
.card-body a{
  text-decoration: none;
  padding-top: 0px;
}
.process-img img{
    width:100%;
}
article.card {
    transition: ease-in-out .3s;
}
article.card:hover {
    transform: scale(1.1);
    transition: ease-in-out .3s;
}
article .card-body p {
    height: 120px;
}
.bb45{
    position: relative;
    justify-content: space-between;
}
.btn56{
  padding:14px 30px;
  color:#fff;
  background :#0047BA;
  border:0px;
  border-radius:10px;
  text-decoration: none;
}
.bb67  .active{
  background-color: #01bc75 !important;
}
.price1 {
  padding: 30px 30px;
  border-radius: 4px;
  border: 1px solid var(--stroke-gray, #B2BAC6);
  background: var(--white, #FFF);
  margin-top: 20px;
}
.price1 h3{
  font-weight:700;
}
.price1-amount{
  justify-content: space-between;
  display: flex;
}
.price1-amount span{
  font-weight:600;
}
.price1-amount p{
  font-weight:600;
  color: #0047BA;
}
.price1 ul {
  list-style: none;
  padding: 0px;
  position: relative;
  padding-bottom: 20px;
  height: 290px;
  overflow-y: scroll;
}
.price_list li{
  padding-top: 20px;
  color: #0047BA;
}
.price_list li:before {
  content: '\f05d';
  font-family: "Font Awesome 5 Free";
  /* padding: 10px; */
  /* padding-left: 7px; */
  padding-right: 10px;
  color: #0047BA;
}
.btn63 {
  padding: 14px;
  color: #fff;
  background: #0047BA;
  border: 0px;
  border-radius: 10px;
  text-decoration: none;
  display: block;
  text-align: center;
  width:100%;
}
.btn63:hover{
  background-color: #01bc75;
}
.modal-title{
 
  color: var(--bright-blue, #0047BA);
/* H2/H2 Semibold */
font-family: Inter;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 40px;
}
.price2 {
  padding: 30px 30px;
  border-radius: 4px;
  border: 1px solid var(--stroke-gray, #B2BAC6);
  background: var(--white, #FFF);
  margin-top: 20px;
  height: 526px;
}
.price2 h3{
  font-weight:700;
}

.price2 ul {
  list-style: none;
  padding: 0px;
  position: relative;
  padding-bottom: 20px;
  height: 290px;
}
.modal-body{
  padding:40px 40px;
}
button.btn-close {
  /* float: right; */
  position: absolute;
  right: 15px;
}
.modal-payment{
    padding: 40px 40px !important;
    background: var(--fill-gray, #F9FBFD);

}
.pay-method1 {
  margin-top: 20px;
  margin-bottom: 25px;
}
.pay-method1 p{
  margin-bottom: 0px;
}
.pay-method1 span{
  color: var(--bright-blue, #0047BA);
  /* H4/H4 Semibold */
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.card {
  margin: 10px;
  padding: 10px;
}
.pay-method3 {
  margin-bottom: 2.125rem !important;
}
/* DROPE DOWN MEGA MENU START */
.dropdown-menu li{
  display: flex;
  align-items: center;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
  position: absolute;
  width: 720px;
  height: auto;
  padding: 20px 30px;
  border-radius: 0px 0px 20px 20px;
  box-shadow: 0px 4px 15px -6px #0047ba;
  border: none !important;
}

.dropdown-menu[data-bs-popper] {
  top: 139% !important;
  left: -76px !important;
}
.dd-2[data-bs-popper] {
  top: 139% !important;
  left: -206px !important;
}
.dropdown-menu li img{
  width: 21%;
  display: block;
}
.dropdown-menu li a{
  font-family: 'Inter';
  font-size: 19px;
}
.dropdown-menu li{
  margin-top: 15px;
}
.dropdown-menu li a{
  transition: 0.2s ease-in-out;
}
.dropdown-menu li a:hover{
  transform: scale(1.1);
}
.my_bookeeping_form{
  position: relative;
  z-index: 999;
}
.my_bookeeping_form::before{
  content: '';
  position: absolute;
  width: 33%;
  top: -52px;
  right: -21px;
  z-index: 1;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top;
  background-image: url(../images/bef.png);
}
/* DROPE DOWN MEGA MENU END */

.trust-rating {
    position: fixed;
    background: #fff;
    padding: 5px;
    width: 85px;
    top: 50%;
    border-radius: 10px;
    z-index: 9;
}

.trust-rating img {
    width: 100%;
}
.trust-rating span {
    font-size: 12px;
    font-weight: 700;
    color: #EEB228;
}

.btn-css {
    border: none;
    background: none;
    text-decoration: underline;
    color: #29b673;
    font-weight: 500;
    font-size: 17px;
}
.btn-css:hover {
    color: #0047ba;
}

.readmore-btn {
    margin-bottom: 30px;
    border: none;
    background: none;
    text-decoration: underline;
    font-size: 17px;
    font-weight: 500;
    color: #29b673;
}
.readmore-btn:hover {
    color: #0047ba;
}


.blog-section a {
    text-decoration: none;
    font-weight: 600;
}
.blog-video video {
    border-radius: 10px;
    border: 1px solid #29b673;
}

/*faq css start*/

.answer li {
    list-style: disc;
}
.faq-section {
    /*margin: 0% 10% 0% 10%;*/
}

.wrapper {
  /*width: 60%;*/
  align-items: center !important;
  justify-content: center;
  margin: 50px 0;
}

/*h1 {*/
/*  margin-bottom: 20px;*/
/*}*/

.container-faq {
  background-color: white;
  color: black;
  border-radius: 20px;
  box-shadow: 0 5px 10px 0 rgb(0,0,0,0.25);
  margin: 20px 0;
}

.question {
  font-size: 1.0rem;
  font-weight: 600;
  padding: 20px 80px 20px 20px;
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.question::after {
  content: "\002B";
  font-size: 2.2rem;
  position: absolute;
  right: 20px;
  transition: 0.2s;
}

.question.active::after {
  transform: rotate(45deg);
}

.answercont {
  max-height: 0;
  overflow: hidden;
  transition: 0.3s;
}

.answer {
  padding: 0 20px 20px;
  line-height: 1.5rem;
}

.question.active + .answercont {
}

@media screen and (max-width: 790px){
  html {
    font-size: 14px;
  }
  .wrapper {
  /*width: 80%;*/
}
}
/*faq css end*/