@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');



body {

    font-family: "Poppins", sans-serif;

}



html {

    scroll-behavior: smooth;

  }

  

  body {

    overflow-x: hidden;

    font-family: 'Poppins', sans-serif;

    background-color: #fff;

    color: #000;

  }

  .poppins-thin {

    font-family: "Poppins", sans-serif;

    font-weight: 100;

    font-style: normal;

  }

  

  .poppins-extralight {

    font-family: "Poppins", sans-serif;

    font-weight: 200;

    font-style: normal;

  }

  

  .poppins-light {

    font-family: "Poppins", sans-serif;

    font-weight: 300;

    font-style: normal;

  }

  

  .poppins-regular {

    font-family: "Poppins", sans-serif;

    font-weight: 400;

    font-style: normal;

  }

  

  .poppins-medium {

    font-family: "Poppins", sans-serif;

    font-weight: 500;

    font-style: normal;

  }

  

  .poppins-semibold {

    font-family: "Poppins", sans-serif;

    font-weight: 600;

    font-style: normal;

  }

  

  .poppins-bold {

    font-family: "Poppins", sans-serif;

    font-weight: 700;

    font-style: normal;

  }

  

  .poppins-extrabold {

    font-family: "Poppins", sans-serif;

    font-weight: 800;

    font-style: normal;

  }

  

  .poppins-black {

    font-family: "Poppins", sans-serif;

    font-weight: 900;

    font-style: normal;

  }

  

  .poppins-thin-italic {

    font-family: "Poppins", sans-serif;

    font-weight: 100;

    font-style: italic;

  }

  

  .poppins-extralight-italic {

    font-family: "Poppins", sans-serif;

    font-weight: 200;

    font-style: italic;

  }

  

  .poppins-light-italic {

    font-family: "Poppins", sans-serif;

    font-weight: 300;

    font-style: italic;

  }

  

  .poppins-regular-italic {

    font-family: "Poppins", sans-serif;

    font-weight: 400;

    font-style: italic;

  }

  

  .poppins-medium-italic {

    font-family: "Poppins", sans-serif;

    font-weight: 500;

    font-style: italic;

  }

  

  .poppins-semibold-italic {

    font-family: "Poppins", sans-serif;

    font-weight: 600;

    font-style: italic;

  }

  

  .poppins-bold-italic {

    font-family: "Poppins", sans-serif;

    font-weight: 700;

    font-style: italic;

  }

  

  .poppins-extrabold-italic {

    font-family: "Poppins", sans-serif;

    font-weight: 800;

    font-style: italic;

  }

  

  .poppins-black-italic {

    font-family: "Poppins", sans-serif;

    font-weight: 900;

    font-style: italic;

  }



  :root{

    --colorOrange   : #FE6700;

    --colorBlack    : #000;

}

a {

    text-decoration: none;

}



h1{

    font-size: 40px !important;

    font-weight: 600 !important;

}



h2{

font-size: 36px !important;

font-weight: 500 !important;

}



h3{

    font-size: 32px !important;

    font-weight: 400 !important;

}

h4{

    font-size: 28px !important;

    font-weight: 300 !important;

}

h5{

    font-size: 24px !important;

    font-weight: 200 !important;

}



h6{

    font-size: 20px !important;

    font-weight: 100 !important;

}



section{

    margin: 80px 0 0 0;

}



.gap-2 {

  gap: 0.5rem;

  line-height: 35px;

}



section.sage-solution-section .main-heading{

  margin: 0 0 50px 0;

}



.header{

  background: #fff;

  z-index: 999;

}



.main-heading {

  width: 100%;

  text-align: center;

}





section.sage-solution-section .card {

    /* height: 120px; */
    height: 100px;

    border-radius: 18px;

    border-color: #FE6700;

}



section.sage-solution-section img{

  width: 50%;

  margin-right: auto;

  margin-left: auto;

}



section.sage-solution-section p{

  text-align: center;

} 



.choose-us-sec{

  background-color: #F4F4F4;

}



@media (min-width: 1200px) {

  .container {

      width: 1120px;

  }

}

@media (min-width: 992px) {

  .container {

      width: 970px;

  }

}

@media (min-width: 768px) {

  .container {

      width: 750px;

  }

}





@media (min-width: 1200px) {

  .container, .container-lg, .container-md, .container-sm, .container-xl {

      max-width: 1140px;

  }

}



@media (min-width: 992px) {

  .container, .container-lg, .container-md, .container-sm {

      max-width: 960px;

  }

}

@media (min-width: 768px) {

  .container, .container-md, .container-sm {

      max-width: 720px;

  }

}

@media (min-width: 576px) {

  .container, .container-sm {

      max-width: 540px;

  }

}



.combine-choose-us {

  padding: 5%;

}

.choose-us-img {

  background: #fff;

  padding: 70px;

  border-top-left-radius: 210px;

}



.choose-us-img img {

  width: 100%;

}



.choose-us-img h3{

  text-align: center;

    position: relative;

    top: 28px;

}

.choose-us-r1.r1{

  padding: 30px;

  background: #fff;

  margin: 10px;

}



.choose-us-r1.r2{

  padding: 30px;

  background: #fff;

  margin: 10px;

}



.choose-us-r1.r3{

  padding: 30px;

  background: #fff;

  margin: 10px;

}



.choose-us-r1.r1 img{

  display: inline;

}



.choose-us-r1.r1 h3{

  display: inline;

}



.choose-us-r1.r2 img{

  display: inline;

}



.choose-us-r1.r2 h3{

  display: inline;

}





.choose-us-r1.r3 img{

  display: inline;

}



.choose-us-r1.r3 h3{

  display: inline;

}

section.quickbook-sec .grid div.border {

  border-color: #FE6700 !important;

}

.mobile-img {

  display: none;

}





.cta-btn{

    width: 100%;

    background: url('../images/home-bg.png');

    position:relative;

    height: 337px;
    /* height: 278px; */

    color: white;

     background-size: contain; 

    background-repeat: no-repeat;

    background-position: center;

}



.cta-btn img{

margin-right: auto;

margin-left: auto;

width: 100%;

}



.cta-home-text {

  text-align: center;

  position: absolute;

  top: 50%;

  right: 50%;

  transform: translate(50%, -50%);

}





section.cta-home-sec .cta-btn .cta-home-text .banner-button a.call-now {

  padding: 8px 30px;

  background: #fff;

  color: #000;

  border-radius: 6px;

  margin: 10px;

}





section.cta-home-sec .cta-btn .cta-home-text .banner-button a.chat-now {

  padding: 8px 30px;

  background: #fff;

  color: #000;

  border-radius: 6px;

  margin: 10px;

}



/* ==================== services pages Style Start ==================== */

a {

  text-decoration: none !important  ;

}

a:hover{

  color: #FE6700;

}

.orangeBtn:hover {

  background: #000;

  transition: 0.9s;

}

.blackBtn:hover {

  background: #FE6700 !important;

  transition: 1s;

  color: #fff;

}

a.chat-now:hover, a.call-now:hover {

  background: #000 !important;

  color: #fff !important;

  transition: 1s !important;

}

.card-box h5 {

  font-weight: 500 !important;

}

.card-box {

  border: 1px solid #FE6700;

  padding: 20px 10px;

  height: 100%;

}

.card-box img {

  margin: 0 auto;

} 

.plan-sec .inner {

  border: 1px solid #FE6700;

}

.quick-plan .textbox, .sage-plan .textbox {

  height: 170px;

} 

.inner-box {

  color: #000;

  padding: 20px;

  border: 1px solid #FE6700;

  margin-left: -30px;

  width: 100%;

  box-shadow: 11px 10px 0px -2px #333333;

  border-radius: 14px !important;

}

.inner-box::before {

  background: url(../images/Vector.png) no-repeat;

  width: 11px;

  height: 11px;

  top: 52px;

  position: absolute;

  content: "";

  left: 14px;

  right: 0;

}

.contact-sec a:hover {

  color: #000;

}

.box {

  padding-bottom: 30px !important;

}

.inner-box .flex p {

  font-size: 14px;

}

.imgBox {

  width: 70%;

  margin: 0 auto;

}

.plan-sec {

  margin-left: 10px;

}

.software-sec .card {

  border-radius: 18px;

  border-color: #FE6700;

}

.card.soft .card-body {

  width: 108px;

  margin: 0 auto;

}

.textbox {

  height: 220px;

}

.bookkeeping .inner-box::before {

  top: 91px;

}

.cloud-plan .textbox {

  height: 200px;

}

.services-sec h3.title {

  font-size: 24px !important;

  font-weight: 500 !important;

  margin-bottom: 10px;

}

.services-sec h3.t-cen {

  padding: 0 32px;

}

.services-sec p {

  font-size: 16px;

  line-height: 20px;

}

.services-sec img {

  transform: scale(0.8);

}

.center-box {

  padding: 0 90px;

}

.cloud-plan .inner-box::before { 

  top: 90px; 

  left: 16px;

}

.boxFit {

  height: 240px;

}

.book-ser .boxFit {

  height: 290px;

}



/* ==================== services pages Style End ==================== */



/* ==================== About pages Style Start ================== */

.slick-carousel {

  position: relative;

  margin: 0 auto;

  width: 92%; 

}

.slick-slide {

  transition: all 0.3s ease-in-out;

}

.slick-center {

  transform: scale(1); 

  opacity: 1;          

}

.slick-slide:not(.slick-center) {

  transform: scale(0.8); 

  opacity: 0.8;          

}

.slick-box .slick-list {

  overflow: visible; 

}

.slick-prev, .slick-next {

  z-index: 10;

}

.review-card .circle img {

  border: 1px solid #dee2e6;

  border-radius: 100%;

  padding: 8px;

}

.review-card img {

  margin: 0 auto;

}

.review-card {

  position: relative;

}

.circle {

  position: absolute;

  left: 0;

  right: 0;

  top: -21%;

  width: 30%;

  margin: 0 auto;

}

.text {

  margin-top: 18%; 

} 

.text p {

  height: 130px;

  font-size: 14px;

}

section.slick {

  margin-top: 200px;

}

.mobile-box {

  display: none;

}



/* ==================== About pages Style End ==================== */



.mobile-nav {

  display: none;

}



/* ==================== Responsive Start ==================== */

.qb-inside-service-sec .ml-\[40px\] {

  @media (max-width: 768px) {

    margin-left: 0;

  }

}

@media (max-width: 768px) {

  h1 {

    font-size: 25px !important;

  }

}

/* ==================== Responsive End ==================== */