body{
    margin:0px;
    padding: 0px;
    font-family: 'Montserrat', sans-serif;
    color: #777;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
  color: #000;
}
.h2, h2 {
    font-size: 2.5rem;
}
a{
  color:#d63727;
}
p{
	color: #777;
	font-size: 16px;
	line-height: 1.8rem;
  font-weight: 400;
}

.close{
  font-weight: 400;
  font-size: 3rem;
}
.list-item li{
  margin-bottom: 15px;
}
.btn-danger{
    color: #fff;
    background-color: #f54337 !important;   
}
.navbar-brand{
  padding-top: 0px;
}
.bg-danger{
  background-color: #d83527 !important;
}
.bg-light-pink{
  background-color: #fbedec;
}

/*------------------- Navbar css start -------------------*/

.navbar-light .navbar-nav .nav-link {   
   color: #6c757d;
   padding-left: 40px;
   padding-right: 0px;
   font-size: 18px;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  background-color: #fff;
  box-shadow: 0 8px 14px 0 rgb(0 0 0 / 4%);
}

/*------------------- Navbar css end -------------------*/

/*------------------- Slide section start -------------------*/

.slide-section h1{
  font-size: 65px;
  font-weight: bold;
}
.banner__img {
    padding-right: 50px;
    margin-top: 50px;
    width: 100%;
    height: auto;
}
.banner-image{
  position: relative;
}
.banner-image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border:5px solid #df8148;
    width: 80%;
    height: 85%;
    z-index: -9;
}
.slide-section{
  position: relative;
}
.slide-section:after {
    content: url(../images/circle.png);
    position: absolute;
    top: -160px;
    z-index: -99;
    left: -150px;
}
.subtitle{
    font-size: 20px;
    line-height: 1.8;
}
.search-form{
    width: 133%;
    position: relative;
    background-color:#fff;
    box-shadow:0 0 15px rgb(0 0 0 / 15%) !important;
    z-index: 9;
    margin-top: 90px;
    padding: 20px 30px;
}
.search-form .form-control {
    height: 50px;
    background-color: #e7e7e7;
}
.search-form .btn{
  height: 50px;
}
.content {
  height: 500px;
}

.paralax-image {
  overflow: hidden;
  height: 200px;
  position: relative;
}

.paralax-image img {
  position: absolute;
  height: 100vh;
  min-width:100%;
}
/*------------------- Slide section end -------------------*/

/*------------------- About section start -------------------*/

.about-section{
  padding: 80px 0px; 
}
.about-img {
    width: 456px;
    height: 511px;
    object-fit: cover;
}
.about_inner{
  position: relative;
}
.about_inner:before {
    content: "";
    background-color: #caeee0;
    position: absolute;
    top: 0;
    right: 0;
    width: calc(100% - 80px);
    height: 100%;
}

/*------------------- About section end -------------------*/

/*------------------- Promise section start -------------------*/

.we_promise .card{
 /*   background-color: #fef9eb;*/
    align-items: center;
    text-align: center;
    height: 260px;
    padding: 30px 40px;
    margin-bottom: 30px;
    border: none;
    border-radius: 0px;
}
.we_promise .card span{
  width: 140px;
  height: 140px;
  line-height: 150px;
  background-color: #df8148;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: relative;
      box-shadow: #777 0px 10px 18px;
}
.we_promise .card h6{
  font-size: 20px;
  color: #777;
}
.we_promise .card span::before{
    content: "";
    width: 160px;
    height: 160px;
    border: dashed 2px #df8148;
    position: absolute;
    left: -10px;
    top: -10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.we_promise .card h4{
  font-weight: bold;
}
.top-space{
  margin-top: 115px;
}
.top-header{
  position: fixed;
  top: 0px;
  width: 100%;
}
/*------------------- Promise section end -------------------*/

/*------------ Features section start --------------*/
.features .card{
    border: none;
    box-shadow: 0 0 15px rgb(0 0 0 / 15%) !important;
    height: 510px;
}
.features .card ul{
  padding-left: 18px;
  color: #777;
}
.features .card ul li{
  margin-bottom: 15px;  
}
.features span{
  height: 270px;
}
/*------------ Features section end --------------*/

/*------------ Features section start --------------*/
.management ul{
  list-style: none;
  padding-left: 0px;
}
.management ul li span{
    position: absolute;
    left: -30px;
}
.management ul li {
    margin-bottom: 15px;
    position: relative;
    left: 30px;
    color: #777;
    text-align: justify;
}
/*------------ Features section end --------------*/

/*------------ Accounting Management section start --------------*/
.innovation-img .innovation-shape .shape1 {
    position: absolute;
    z-index: -1;
    bottom: -45px;
    left: -45px;
}
.innovation-img .innovation-shape .shape2 {
    position: absolute;
    z-index: -1;
    top: -45px;
    right: -45px;
}
/*------------ Accounting Management section end --------------*/

/*------------ Security Gate section start --------------*/
 .py-6{
      padding-top: 5rem!important;
      padding-bottom: 5rem!important;
 }
 .security-gate p{
    color: #df8148;
 }
  .security-gate p span{
    width: 15%;
  }

/*------------ Security Gate section end --------------*/

/*------------ Web Presence section start --------------*/
.text-yellow{
  color: #df8148 !important;
  font-weight: 600;
}
.solution-image {
  /*  position: absolute;*/
    top: 0px;
    right: 0px;
    z-index: 9;
    height: 504px;
    max-width: 100%;
    object-fit: cover;
}
.web-presence{
  position: relative;
}
.web-presence:after {
    content: "";
    position: absolute;
    top: 98px;
    left: 0;
    background-color: #caeee0;
    width: calc(100% - 50%);
    height: 400px;
    z-index: -9;
}
.web-presence:before {
    content: url(../images/design-circles.png);
    position: absolute;
    top: 0px;
    right: 0px;
    opacity: 0.1;
    z-index: -1;
}
.web-presence ul{
  list-style: none;
}
.web-presence ul li{
    font-size: 17px;
    line-height: 30px;
    margin-bottom: 10px;
    opacity: 73%;
}
.web-presence ul li span{
  margin-right: 10px;
}

.bg-color{
  position: relative;
}
.bg-color:after {
    content: "";
    position: absolute;
    top: 10%;
    left: 0;
    background-color: #caeee0;
    width: calc(100% - 15px);
    height: 400px;
    z-index: -9;
}

/*------------ Web Presence section end --------------*/
.management.polling ul li span{
  color: #df8148;
  font-size: 20px;
}
.management.polling ul li{
  color: #001010;
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 15px;
}
.bg-light-blue{
   background-color: #caeee0 !important;
}
.communication p span{
  margin-right: 15px;
}
.testimonials{
  position: relative;
}
.testimonials .border {
    border: 1px solid #2fb76f!important;
    padding: 15px 0;
}
.testimonial h5 {
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
}

.testi_inner:before {
    content: "";
    background-color: #caeee0;
    position: absolute;
    top: 0;
    right: 0;
    width: calc(100% - 190px);
    height: 100%;
}



.checked {
  color: #2fb76f;
}
.ratings span{
  font-size: 15px;
}
.testimonial h5{
  display: inline-flex;
}
.footer ul{
  list-style: none;
}
.footer ul li {
    padding-bottom: 10px;
}
.footer ul li a {
    color:#777 !important;
}
.footer ul li a:hover{
  text-decoration: none;
}
.social-media .fab{
    width: 35px;
    height: 35px;
    display: block;
    background-color: #3b5997;
    color: #fff;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
    margin-right: 10px;
}
.social-media .fa-twitter{
      background-color: #54adef;
}
.social-media .fa-instagram{
      background-color: #f54337;
}
.social-media .fa-linkedin-in{
      background-color: #0073b1;
}
.owl-prev{
    position: absolute;
    top: -80px;
    right: 40px;
    color: #2fb76f;
}
.owl-next{
    position: absolute;
    top: -80px;
    right: 0px;
    color: #2fb76f;
}



/*------------ Contact Us css start --------------*/

.breadcrumb-section {
    height: 200px;
    position: relative;
    background-image: url(../images/breadcrumb.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-align: center;
}
.breadcrumb-section::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    left: 0;
    top: 0;
}
.breadcrumb-section h1 {
    position: relative;
    z-index: 9;
    color: #fff;
    top: 50%;
    transform: translateY(-50%);
}
.form-control {
    border-radius: 0px;
    height: 45px;
    background-color: #f7f7f7;
}
textarea.form-control {
    height: auto !important;
}
.contact-dt .card {
    height: 160px;
    align-items: center;
    justify-content: center;
    background-color: #f7f7f7;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.contact-dt h6 a {
    color: #212529;
}
.contact-dt .card span {
    font-size: 20px;
    width: 60px;
    height: 60px;
    display: block;
    border: solid 1px #f54337;
    line-height: 60px;
    border-radius: 50%;
    margin-bottom: 15px;
    color: #f54337;
}
.contact-dt h6 a:hover{
   text-decoration: none;
}
.contact-dt .fa-phone {
    transform: scaleX(-1);
}
.social-media ul {
    display: inline-flex;
    list-style: none;
    padding: 0;
    margin: 0px;
    margin-top: 20px;
}
.social-media ul li a:hover{
  text-decoration: none;
}
.about-slider-box{
  position: relative;
}
.about-slider-box::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 113%;
    top: -30px;
    left: -30px;
    background-color: #caeee0;
    z-index: -1;
}
.hiring-section .contact-dt{
  margin-top: 80px;
}
.about-slider-box.rights::before{
  content: none;
}
.about-slider-box.rights::after{
    position: absolute;
    content: '';
    width: 100%;
    height: 113%;
    top: -30px;
    right: -30px;
    background-color: #caeee0;
    z-index: -1;
}
.checkbox-styled:not(ie8) input:checked ~ span:before {
  border-color: #078846 !important;
}

/*------------ Contact Us css end --------------*/

/*------------------- Faq css start -------------------*/

.wrapper{
  width:100%;
}
@media(max-width:992px){
 .wrapper{
  width:100%;
} 
}
.panel-heading {
  padding: 0;
  border:0;
}
.panel-title{
  margin-bottom: 0px;
}
.panel-title>a, .panel-title>a:active{
  display:block;
  padding: 25px 20px;
  color:#333;
  font-size:17px;
  text-decoration:none;
  border-top: solid 1px #fff;
  background-color: #caeee0;
}
.panel-heading  a:before {
   font-family: "Font Awesome 5 Free";
   content: "\f078";
   font-weight: bold;
   float: right;
   transition: all 0.5s;
}
.panel-heading.active a:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
} 
.panel-body{
  padding: 15px;
}
.footer ul li {
    padding-bottom: 10px;
    margin-right: 5px;
}
.btn-outline-danger.actives{
  background-color:#df8148 !important;
  color: #fff !important;
}
.btn-outline-danger:focus {
    box-shadow:none;
}
.py-200{
  padding-top: 200px !important;
  padding-bottom: 200px !important;
}
.back-to-top {
    width: 45px;
    height: 45px;
    line-height: 32px;
    font-size: 22px;
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: none;
}
.shadow {
    box-shadow: 0 0 15px rgb(0 0 0 / 15%) !important;
    border: solid 1px #eee;
}
.dropdown:hover>.dropdown-menu {
  display: block;
  border-left: solid 3px #df8148;
}
.dropdown-menu{
  border-radius: 0px;
  padding: 0px;
  border:none;
}
.dropdown-item{
  padding: 0.7rem 1rem;
  border-bottom: solid 1px #ddd;
}
.dropdown>.dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
    pointer-events: none;
}
.dropdown-toggle{
  color: #6c757d; 
  font-size: 18px;
  padding-left: 40px;
}
.dropdown-toggle:hover{
  color: #6c757d; 
}
.testi-img{
  height: 400px;
  object-fit: cover;
}

.web-presence.commerce .bg-color:after {
    content: "";
    position: absolute;
    top: 5%;
    left: 0;
    background-color: #caeee0;
    width: calc(100% - 15px);
    height: 550px;
    z-index: -9;
}
.web-presence.commerce .solution-image {
    top: 0px;
    right: 0px;
    z-index: 9;
    height: 620px;
    max-width: 100%;
    object-fit: cover;
}
.web-presence.commerce:after {
    content: "";
    position: absolute;
    top: 11%;
    left: 0;
    background-color: #caeee0;
    width: calc(100% - 50%);
    height: 550px;
    z-index: -9;
}
.web-presence.commerce ul li span {
    margin-right: 10px;
    position: absolute;
    left: -30px;
}
.web-presence.commerce ul li{
  position: relative;
  left: 30px;
  word-break: break-word;
  padding-right: 20px;
}
.login-section article {
    background-color: #fff;
    width: 425px;
    margin: 0px auto;
    position: relative;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.bg-skyblue{
  background-color: #caeee0;
}
.login-section .form-control {
    height: 50px;
    border-color: #ddd;
}
.login-section .form-control:hover{
      border: solid 1px #ddd;
      height: 50px;
}
.login-section .dtbtn {
    height: 50px;
}
.form-text {
    display: none;
}
.view-text{
  cursor: pointer;
  color: #df8148;
}
.text-color{
   color: #df8148 !important;
}
.footer-logo img{
  width: 180px;
}


/*------------------- Faq css end -------------------*/