/* roboto */

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



/* inter */



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



/* Source Sans Pro */



@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300&family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap");



/* colours */



:root {

  --mn-green: #159885;

  --d-blue: #11385b;

  --white: #ffffff;

  --main-bg: #fafafa;

  --para-col: #666;

  --title-black: #222;

  --footer-bg: #142230;

  --footer-col: rgb(197 202 206 / 90%);

  --green-2: #27ae60;

}



body {

  overflow-x: hidden;

}

body {

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

}



.space-y {

  padding: 60px 0;

}



.space-yy {

  padding: 30px 0;

}



a {

  text-decoration: none;

  color: black;

}



.footer-col {

  color: var(--footer-col);

}



/* navbar */



.wc-navbar {

  padding: 10px 0;

  position: fixed;

  top: 0;

  width: 100%;

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

  background: var(--white);

  z-index: 100;

}



.logo {

  max-height: 40px;

  width: auto;

  cursor: pointer;

  transition: color 0.2s;

}



.wc-navbar .wc-nabar-nav .wc-nav-item {

  flex-shrink: 0;

  flex-grow: 0;

  padding: 1.5rem 10px;

}



@media only screen and (max-width: 767px) {

  .wc-navbar .wc-nabar-nav .wc-nav-item {

    padding: 10px 4px;

  }

}



.wc-navbar .wc-nabar-nav .wc-nav-item .wc-nav-link {

  font-weight: bold;

  position: relative;

  cursor: pointer;

  color: var(--d-blue);

  text-decoration: none;

  font-size: 14px;

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

}

.wc-navbar .wc-nabar-nav .wc-nav-item .wc-nav-link:hover {

  color: var(--mn-green) !important;

}



.wc-navbar .wc-nabar-nav .wc-nav-item button {

  border: none;

  outline: transparent;

  padding: 0.5rem 1rem;

  border-radius: 30px;

  background: var(--mn-green);

  color: var(--white) !important;

  font-size: 14px;

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

  font-style: bold;

  cursor: pointer;

  transition: 0.1s;

  border: 1px solid #312f2f2d;

}



.wc-navbar .wc-nabar-nav .wc-nav-item button:hover {

  background-color: var(--white);

  color: var(--d-blue);

}



.dropdown:hover .dropdown-menu {

  display: block;

  margin-top: 0;

  transition: 300ms ease-out !important;

}



.dropdown-menu {

  border: 1px solid #e1e5ee !important;

}



.dropdown-menu .dropdown-item {

  font-weight: bold;

  position: relative;

  cursor: pointer;

  color: var(--d-blue);

  text-decoration: none;

  font-size: 14px;

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

  padding: 10px 10px;

}



.dropdown-menu .dropdown-item:hover {

  background-color: var(--mn-green);

  color: var(--white);

}



.navbar .navbar-toggler[aria-expanded="true"] {

  color: var(--white) !important;

}

.navbar .navbar-toggler:focus {

  color: var(--white);

}



/*

    *,

    *::before,

    *::after {

    box-sizing: border-box;

    margin: 0;

    padding: 0;

    }



    ul,

    li {

    list-style: none;

    margin-bottom: 0;

    }





     nav {

    position: fixed;

    top: 0;

    width: 100%;

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

    background: var(--white);

    z-index: 100;

    }



    nav .nav-list {

    display: flex;

    justify-content: flex-end;

    align-items: center;

    gap: 2rem;

    }

    nav .nav-list .nav-logo {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-right: auto;

    }

    nav .nav-list .nav-logo .logo {

    cursor: pointer;

    transition: color 0.2s;

    }



    nav .nav-list .nav-logo .logo a img{

    max-height: 50px;

    width: auto;

    cursor: pointer;

    transition: color 0.2s;

    }



    nav .nav-list .nav-logo #nav-toggle {

    display: none;

    }

    nav .nav-list .nav-link {

    flex-shrink: 0;

    flex-grow: 0;

    font-weight: bold;

    padding: 1.5rem 3px;

    position: relative;

    cursor: pointer;

    }



    nav .nav-list .nav-link{

        color: var(--d-blue);

        text-decoration: none;

        font-size: 14px;

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



    }



    nav .nav-list .nav-link:hover{

        color: var(--mn-green);   

    }







    nav .nav-list .nav-link a{

        color: var(--d-blue);

        text-decoration: none;

    }



    nav .nav-list .nav-link a:hover{

        color: var(--mn-green);   

    }





    nav .nav-list .nav-link i {

    position: absolute;

    right: -18px;

    top: 40%;

    transition: transform 0.3s;

    }





    nav .nav-list .nav-link:hover ul {

    opacity: 1;

    visibility: visible;

    }

    nav .nav-list .nav-link:hover i {

    transform: rotate(180deg);

    }

    nav .nav-list .nav-link .nav-drop {

    position: absolute;

    top: 4rem;

    background-color: var(--white);

    border-radius: 4px;

    border: 1px solid #e1e5ee;

    width: 12rem;

    padding: 0.5rem;

    margin-left: -1rem;

    display: flex;

    flex-direction: column;

    gap: 0.5rem;

    opacity: 0;

    visibility: hidden;

    transition: 300ms ease-out;

    }

    nav .nav-list .nav-link .nav-drop li {

    padding: 0.5rem 1rem;

    border-radius: 4px;

    cursor: pointer;

    transition: background 0.1s;

    }

    nav .nav-list .nav-link .nav-drop li:hover, nav .nav-list .nav-link .nav-drop li:focus {

    background: rgba(167, 159, 163, 0.151);

    }

    nav .dwnld-btn {

    border: none;

    outline: transparent;

    padding: 0.5rem 1rem;

    border-radius: 30px;

    background: var(--mn-green);

    color: var(--white);

    font-size: 14px;

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

    font-style: bold;

    cursor: pointer;

    transition: 0.1s;

    border: 1px solid #312f2f2d;

    }

    nav .dwnld-btn .outline {

    background: inherit;

    border: 2px solid #ffe9f4;

    }

    nav .dwnld-btn:hover {

        background-color: var(--white);

        color: var(--d-blue);

        

    }

    nav .dwnld-btn:focus {

    outline: 4px solid #ffcfe7;

    }

    nav .btn:active {

    transform: scale(0.98);

    }



    @media screen and (min-width: 768px) {

    nav .nav-list .nav-item {

        display: flex !important;

    }

    nav .nav-list .nav-link {

        display: flex !important;

    }

    }

    @media screen and (max-width: 768px) {

    nav {

        padding: 1rem 0;

    }

    nav .nav-list {

        display: block;

    }

    nav .nav-list .nav-logo #nav-toggle {

        display: block;

    }

    nav .nav-list .nav-link {

        padding: 1.5rem 0;

    }

    nav .nav-list .nav-link i {

        position: absolute;

        right: 1rem;

        top: 1.8rem;

    }

    nav .nav-list .nav-link .nav-drop {

        top: 1rem;

        box-shadow: unset;

        width: unset;

        margin-left: -1rem;

        opacity: 0;

        visibility: hidden;

    }

    nav .nav-list .nav-link:after {

        top: 3em;

        left: 0.08em;

        transition: width 0.3s;

    }

    nav .nav-list .nav-link:hover::after {

        width: 4em;

    }

    nav .nav-list .nav-link:hover ul {

        position: relative;

        opacity: 1;

        visibility: visible;

    }

    }





 */





.navbar .navbar-toggler {

  background: url(/assets/img/breadcrumbs.svg) center no-repeat;

  width: 44px;

  height: 36px;

  background-size: 32px;

  border: unset;

}



.navbar .navbar-toggler[aria-expanded="true"] {

  background: url(/assets/img/close.svg) center no-repeat;

  width: 44px;

  height: 36px;

  background-size: 20px;

  border: unset;

}



.navbar-top .navbar-toggler:focus {

  box-shadow: unset;

}

.navbar-toggler-icon {

  background-image: unset !important;

}







.auto-help-modal .modal-content {

  overflow: hidden;

}



.auto-help-modal .modal-header {

  border-bottom: none;

}



.auto-help-modal .prefix-select {

  max-width: 80px;

}



.auto-help-modal .modal-body {

  padding: 20px 0px 0px 20px;

}



@media (max-width: 767px) {

  .auto-help-modal .modal-body {

    padding: 20px 0px 0px 0px;

  }

}

.auto-help-modal .auto-help-modal-img {

  height: 224px;

  width: 219px;

  object-fit: cover;

}



.auto-help-modal .btn-contact-us {

  background: var(--mn-green);

  color: #fff;

  border: none;

}

.auto-help-modal .btn-contact-us:hover {

  background: transparent;

  color: var(--mn-green);

  border: 2px solid var(--mn-green);

}



.close-auto-help {

  cursor: pointer;

  font-size: 14px;

  z-index: 1055;

}



.auto-help-modal .tele-phone-div i {

  font-size: 25px;

}



.auto-help-modal .tele-phone-div p {

  font-size: 30px;

}



/* banner */



.banner {

  position: relative;

  z-index: 11;

}

.banner-slider::after {

  content: "";

  height: 50%;

  background: var(--white);

  width: 58%;

  right: -60px;

  bottom: -56px;

  z-index: -1;

}



.banner-desc-inner {

  z-index: 1;

}



.banner .owl-theme .owl-nav {

  margin-top: 48px;

  position: absolute;

  left: 0;

  right: 0;

}



.banner-desc {

  color: var(--white);

  background: var(--mn-green);

  padding: 190px 0 150px 0;

  position: relative;

}



/* ====== */

/* .banner-desc::after {

    position: fixed;

    content: '';

    height: 100%;

    background: var(--white);

    top: 0;

    width: 21%;

    right: 0;

    bottom: 0;

}







.tally-prime-frame {

    position: relative;

    background: var(--white);

    z-index: 99;

    border-bottom: solid thin #eee;

} */



.banner-slider {

  position: relative;

  z-index: 99;

}



.banner .container-fluid {

  padding: 0;

}



.banner-desc .small-title,

.small-title {

  margin-top: 30px;

  font-size: 13px;

  text-transform: uppercase;

}



.banner-desc .title {

  margin: 22px 0 27px 0;

  font-size: 34px;

  line-height: 58px;

}



.banner-desc p {

  font-size: 16px;

  color: var(--white);

  line-height: 30px;

}



.banner-desc .btn-cu {

  margin-top: 30px;

}



.inner.banner-desc {

  background: var(--white) !important;

  color: inherit !important;

  padding: 145px 0 0 0;

}



.inner.banner-desc .small-title,

.inner.banner-desc .title {

  font-size: 29px;

  line-height: 47px;

  color: var(--title-black);

}



.inner.banner-desc p {

  font-size: 16px;

  color: var(--para-col);

  line-height: 30px;

}



.inner.banner-desc .btn-cu {

  background: var(--mn-green);

  font-weight: 700;

  color: var(--white);

  text-align: center;

  border-radius: 34px;

  border: solid 1px var(--mn-green);

  padding: 13px;

  min-width: 190px;

}



.inner.banner-desc .btn-cu:focus,

.inner.banner-desc .btn-cu:hover {

  background: var(--white);

  color: var(--mn-green);

  border: solid 1px var(--mn-green);

}



.inner.banner-desc::after {

  display: none !important;

}



@media only screen and (max-width: 999px) {

  .banner-slider {

    position: relative;

    /* left: -30px */

  }



  .banner-slider::after {

    right: -65px;

  }



  .banner-slider {

    margin: 80px 0;

  }



  .banner-desc {

    padding: 100px 60px 0 60px;

  }



  .banner-desc::after {

    display: none;

  }



  .banner-slider {

    margin: 80px 0 0 0;

  }

}



@media only screen and (max-width: 767px) {

  .banner-desc {

    padding: 100px 30px 0 30px;

  }



  .banner .owl-theme .owl-nav {

    margin-top: 15px;

    margin-left: 47px;

    margin-bottom: 40px;

  }



  .banner-desc p {

    font-size: 14px;

    line-height: 26px;

  }



  .banner-desc .title {

    font-size: 24px;

    line-height: 39px;

  }

}



.no-gutters {

  margin-right: 0;

  margin-left: 0;

}



.no-gutters>.col,

.no-gutters>[class*="col-"] {

  padding-right: 0;

  padding-left: 0;

}



.position-relative {

  position: relative !important;

}



.clearfix::after {

  display: block;

  clear: both;

  content: "";

}



.mt-md-5,

.my-md-5 {

  margin-top: 3rem !important;

}



.mt-120 {

  margin-top: 120px;

}

.mt-80 {

  margin-top: 80px;

}

.mt-60 {

  margin-top: 60px;

}



.btn-cu {

  background: var(--white);

  font-weight: 700;

  color: var(--mn-green);

  text-align: center;

  border-radius: 34px;

  border: solid 1px var(--mn-green);

  padding: 13px;

  min-width: 190px;

}



.btn-cu:focus,

.btn-cu:hover {

  background: var(--mn-green);

  color: var(--white);

  border: solid 1px var(--white);

}



/* prime section */



.prime-sec {

  display: flex;

  justify-content: space-around;

}



.prime-logo {

  max-width: 180px;

}



.prime-title {

  font-size: 22px;

  margin: 0;

  font-weight: 500;

  position: relative;

  color: var(--title-black);

  transition: 0.3s;

  font-weight: 500;

  line-height: 33px;

  max-width: 90%;

}



.prime-try-btn a {

  text-decoration: none;

}



.prime-try-btn a button {

  width: 120px;

  height: 40px;

  border-style: none;

  border-radius: 30px;

  background-color: var(--mn-green);

  color: var(--white);

}



.prime-try-btn a button:hover {

  background-color: var(--d-blue);

  color: var(--white);

}



.btn-warning2 {

  background: #fdc232 !important;

  color: #fff !important;

  font-size: 15px;

  padding: 10px;

}



/* Tally Services */



.items-wrpr {

  padding: 0 0 40px 0;

  position: relative;

  z-index: 11;

  background-color: #f8f9fa;

}

.product-card {

  background-color: #fff;

  border-radius: 7px;

  padding: 32px 24px;

  margin-top: 30px;

  transition: all 0.4s;

}



.product-card:hover {

  transition: all 0.4s;

  /* transform: translateY(-8px); */

  box-shadow: rgba(0, 0, 0, 0.068) 0px 20px 30px;

  background-color: #159782;

}

.product-card:hover .priduct-item .product-name,

.product-card:hover .priduct-item p {

  display: inline-block;

  color: #fff;

  transition: all 0.4s;

}

.product-card:hover .priduct-item .product-name::after {

  background: #fff;

}

.priduct-item .product-name {

  position: relative;

  position: relative;

  color: var(--title-black);

  transition: 0.3s;

  font-size: 18px;

  font-weight: 700;

  margin: 26px 0 16px 0;

  line-height: 30px;

  display: block;

}



.priduct-item .product-name::after {

  content: "";

  margin: 12px 0;

  position: absolute;

  height: 2px;

  display: block;

  width: 18px;

  background: var(--mn-green);

  border-radius: 34px;

}



@media only screen and (max-width: 999px) {

  .priduct-item .product-name::after {

    display: block;

    margin: 0 auto;

    display: block;

    right: 0;

    left: 0;

    margin-top: 12px;

    margin-bottom: 12px;

  }

  .items-wrpr {

    padding: 0 0 40px 0;

  }

}



.priduct-item p {

  line-height: 27px;

  font-size: 14px;

  color: var(--para-col);

  margin-top: 33px;

  width: 100%;

}



.items-wrpr a {

  color: var(--mn-green) !important;

  line-height: 27px;

  font-size: 14px;

}

.product-card:hover a {

  color: #fff !important;

  padding: 6px 8px;

  border: 2px solid #fff;

  border-radius: 6px;

}



.product-card .learn-more {

  padding: 6px 8px;

  border-radius: 6px;

  border: 1px solid var(--mn-green);

}

.product-card:hover .learn-more {

  background: var(--mn-green);

}

.product-card:hover .priduct-item p {

  margin-top: 14px;

}

.items-wrpr span {

  display: inline-block;

  transform: rotate(-45deg);

}



/* tally support */



/* .tally-support-lft{

    padding: 0;

} */



.tally-support-img img {

  max-width: 100%;

  overflow-x: hidden;

}



.tally-support-lft {

  padding: 40px 70px;

}



.xl-head {

  font-weight: 500;

  font-size: 43px;

  line-height: 59px;

  color: var(--title-black);

  margin-bottom: 30px;

}



.normal-para {

  font-size: 16px;

  color: var(--para-col);

  padding: 20px 0;

}



.green-btn {

  transition: all ease-in-out 0.3s;

  background: var(--mn-green);

  color: var(--white);

  padding: 13px 32px;

  display: inline-block;

  margin: 30px 0;

  border-style: none;

  border-radius: 30px;

  border: solid 1px var(--white);

}



.green-btn:hover {

  background: var(--white);

  color: var(--mn-green);

  border: solid 1px var(--mn-green);

}



.about-2 {

  position: relative;

  z-index: 11;

  padding-top: 40px;

}



.img-ser {

  position: relative;

}



@media (min-width: 992px) {

  .col-lg-6 {

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

  }

}



.about .content {

  max-width: 80%;

  margin: 0 auto;

}



.about .content h3 {

  font-weight: 500;

  font-size: 40px;

  line-height: 49px;

  color: #222;

  margin-bottom: 30px;

  font-family: Inter, sans-serif;

}



@media only screen and (max-width: 575px) {

  .about .content h3 {

    font-size: 32px;

    line-height: 48px;

  }

  .corner {

    font-size: 32px;

  }

}



.about .content p {

  font-size: 16px;

  color: #666;

  line-height: 30px;

}



@media only screen and (max-width: 999px) {

  .about .content {

    max-width: 100%;

    padding: 60px 0 0 0;

  }

  .center-jack {

    padding: 0 !important;

  }

  .featured-services .row {

    padding: 0 0 10px 0 !important;

  }



  .single-testimonial-item {

    padding-left: 0 !important;

  }

  .h-p-main-slider {

    padding-bottom: 0 !important;

  }

}



.about .btn-cu {

  transition: all ease-in-out 0.3s;

  background: #159885;

  color: #fff;

  padding: 13px 32px;

  display: inline-block;

  margin: 30px 0;

}



.about .btn-cu:focus,

.about .btn-cu:hover {

  background: #fff;

  color: #159885;

  border: solid 1px #159885;

}



@media (min-width: 992px) {

  .mb-lg-5,

  .my-lg-5 {

    margin-bottom: 3rem !important;

  }

}



/* tally-benefit */



.featured-services {

  padding: 120px 0;

}



.center-jack {

  position: relative;

  z-index: 11;

  background: #fff !important;

  /* padding: 100px 60px; */

}



@media (min-width: 992px) {

  .justify-content-lg-start {

    -ms-flex-pack: start !important;

    justify-content: flex-start !important;

  }

}



.titl-help {

  font-weight: 500;

  line-height: 47px;

  color: #222;

  margin-bottom: 15px;

  text-align: center;

  /* font-size: 30px; */

  font-size: 43px;

}



.title-des {

  color: #666;

  max-width: 90%;

  font-size: 15px;

  line-height: 28px;

  text-align: center;

}



@media (min-width: 992px) {

  .justify-content-lg-end {

    -ms-flex-pack: end !important;

    justify-content: flex-end !important;

  }

}



@media (min-width: 992px) {

  .mb-lg-0,

  .my-lg-0 {

    margin-bottom: 0 !important;

  }

}



/* counts */



.counts {

  padding: 46px 0;

  border-bottom: solid thin #ddd;

  position: relative;

  z-index: 11;

  background: var(--white);

}



.counts .counters span {

  font-size: 36px;

  display: block;

  color: var(--mn-green);

  font-weight: 500;

}



.counts .counters p {

  padding: 0;

  margin: 0;

  font-size: 16px;

  font-weight: 400;

  color: var(--para-col);

}



/* h-p main slider */



.h-p-main-slider {

  z-index: 11;

}



.h-p-main-slider .xl-head {

  text-align: center;

}



.h-p-main-slider .normal-para {

  text-align: center;

  padding: 0 7px;

}



/* our clients */



.title-client {

  font-weight: 500;

  font-size: 30px;

  line-height: 59px;

  color: #222;

  margin-bottom: 16px;

  font-family: Inter, sans-serif;

}



.our-clients .sub-head {

  text-align: center;

  margin-bottom: 0;

}



.our-clients .normal-para {

  text-align: center;

}



.slick-slide {

  margin: 0px 20px;

}



.slick-slide img {

  width: 100%;

}



.slick-slider {

  position: relative;

  display: block;

  box-sizing: border-box;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  -webkit-touch-callout: none;

  -khtml-user-select: none;

  touch-action: pan-y;

  -webkit-tap-highlight-color: transparent;

}



.slick-list {

  position: relative;

  display: block;

  overflow: hidden;

  margin: 0;

  padding: 0;

}



.slick-list:focus {

  outline: none;

}



.slick-list.dragging {

  cursor: pointer;

  cursor: hand;

}



.slick-slider .slick-track,

.slick-slider .slick-list {

  transform: translate3d(0, 0, 0);

}



.slick-track {

  position: relative;

  top: 0;

  left: 0;

  display: block;

}



.slick-track:before,

.slick-track:after {

  display: table;

  content: "";

}



.slick-track:after {

  clear: both;

}



.slick-loading .slick-track {

  visibility: hidden;

}



.slick-slide {

  display: none;

  float: left;

  height: 100%;

  min-height: 1px;

}



[dir="rtl"] .slick-slide {

  float: right;

}



.slick-slide img {

  display: block;

}



.slick-slide.slick-loading img {

  display: none;

}



.slick-slide.dragging img {

  pointer-events: none;

}



.slick-initialized .slick-slide {

  display: block;

}



.slick-loading .slick-slide {

  visibility: hidden;

}



.slick-vertical .slick-slide {

  display: block;

  height: auto;

  border: 1px solid transparent;

}



.slick-arrow.slick-hidden {

  display: none;

}



.client-slider {

  padding-top: 20px;

  padding-bottom: 40px;

}



/*------- testmonial-card ------------*/



.card.testmonial-card {

  border: none;

  border-radius: 10px;

  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

  margin: 20px;

  min-height: 457px;
  /* min-width: 500px; */

}

.card.testmonial-card img {

  border-radius: 50%;

  width: 70px !important;

  height: 70px;

  object-fit: cover;

  margin-right: auto !important;

  margin-left: auto !important;

}

.testmonial-card .card-body {

  padding: 20px;

  height: 200px;
  /* Set fixed height */

  overflow: hidden;
  /* Hide overflow */

}

.testmonial-card .rating {

  color: #ffcc00;

}

.testmonial-card .testimonial {

  font-size: 14px;

  color: #777;

}

.card-body.expanded {

  height: auto;
  /* Expand height */

}

.show-more-btn {

  position: absolute;

  bottom: 0px;

  left: 50%;

  background-color: #007bff;

  border: none;

  color: white;

  border-radius: 50%;

  width: 40px;

  height: 40px;

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

  translate: -50% -50%;

}

/* footer */



#footer {

  background-color: var(--footer-bg);

  color: var(--footer-col);

  font-size: 14px;

  position: relative;

  z-index: 11;

  /* border-bottom: 1px solid var(--para-col); */

}



.footer-head {

  font-size: 18px;

  color: #fff6f6;

  font-weight: 600;

  line-height: 18px;

  margin: 20px 0 13px 0;

}



.footer-lnk a {

  color: var(--footer-col);

  margin: 0 0 7px 0;

  transition: 0.3s;

  font-size: 15px;

  line-height: 27px;

  text-decoration: none;

  padding-right: 20px;

}



.footer-lnk a:hover {

  color: var(--d-blue);

}



.ftr-btm-links {

  display: flex;

  justify-content: space-between;

  padding-top: 30px;

}



.ftr-btm-lft a {

  color: var(--footer-col);

  margin: 0 0 7px 0;

  transition: 0.3s;

  font-size: 15px;

  line-height: 27px;

  text-decoration: none;

  padding-right: 20px;

}



.ftr-btm-lft a:hover {

  color: var(--d-blue);

}



.social-lnk i {

  font-size: 26px;

  color: #ffffff;

}



.social-lnk i:hover {

  color: var(--d-blue);

}



/* about us page */



.inner .banner-desc .small-title,

.small-title {

  color: var(--mn-green) !important;

}



.banner-desc .small-title,

.small-title {

  margin-top: 30px;

  font-size: 13px !important;

  text-transform: uppercase;

}



.awards {

  padding: 150px 0;

}



.awards .title {

  font-weight: 500;

  font-size: 43px;

  line-height: 59px;

  color: var(--title-black);

  margin-bottom: 30px;

}



@media (min-width: 992px) {

  .text-lg-left {

    text-align: left !important;

  }

}



.card {

  position: relative;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-direction: column;

  flex-direction: column;

  min-width: 0;

  word-wrap: break-word;

  background-color: var(--white);

  background-clip: border-box;

  border: 1px solid rgba(0, 0, 0, 0.125);

  border-radius: 0.25rem;

}



.img-aw {

  cursor: pointer;

}



.img-fluid {

  max-width: 100%;

  height: auto;

}



.award-name {

  position: relative;

  color: var(--title-black);

  transition: 0.3s;

  font-size: 23px;

  font-weight: 600;

  margin: 26px 0 16px 0;

  line-height: 39px;

  display: block;

  max-width: 80%;

}



.award-name::after {

  content: "";

  margin: 12px 0;

  position: absolute;

  height: 2px;

  display: block;

  width: 18px;

  background: var(--mn-green);

  border-radius: 34px;

}



.award p {

  line-height: 29px;

  font-size: 16px;

  color: var(--para-col);

  margin-top: 24px;

  max-width: 90%;

  width: 100%;

}



.gallery-slider {

  background: var(--mn-green);

  padding: 60px 0;

}



.gallery-slider::after {

  content: "";

  margin: 0;

  position: absolute;



  display: block;

  width: 100%;

  background: var(--mn-green);

  border-radius: 0;

  bottom: 0;

  top: 231px;

}



.gallery-slider .title {

  font-weight: 500;

  font-size: 36px;

  line-height: 52px;

  color: var(--white);

  margin-bottom: 15px;

}



.gallery-slider p {

  font-size: 16px;

  color: var(--white);

  line-height: 30px;

  max-width: 70%;

  width: 100%;

  margin: 0 auto;

}



.gal-wrap {

  padding: 30px;

}



.gallery {

  display: flex;

  flex-wrap: wrap;

  margin-bottom: 4rem;

  margin-right: -2px;

}

.gallery .item {

  line-height: 0;

  display: contents;

}

.gallery .item .img {

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  position: relative;

}

.gallery .item .img::before {

  position: absolute;

  content: "";

  display: block;

  /* background-image: url("data:image/svg+xml,%3Csvg width='61' height='61' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.76581 41.8827c-.29383-.647-.56806-1.3332-.80312-1.9606-1.93564-5.3665-2.1917-11.1959-.73409-16.7117 1.45761-5.5159 4.55971-10.4563 8.8931-14.16324 4.3334-3.70695 9.6924-6.00446 15.3631-6.58652 5.6708-.58205 11.3841.57899 16.379 3.32847.2286.1248.4974.15359.7472.08006.2498-.07354.4601-.24338.5848-.47216.1247-.22879.1535-.49778.08-.7478-.0735-.25001-.2432-.46058-.4717-.58537C39.4631 1.12917 33.3562-.108803 27.2953.514513 21.2344 1.13783 15.5066 3.5929 10.8735 7.55331 6.24045 11.5137 2.92159 16.7918 1.35822 22.6858-.205144 28.5799.0610456 34.8106 2.1214 40.5495c.25465.7254.54847 1.4508.86188 2.1566.04731.1252.11971.2393.21276.3354.09306.0961.20478.1721.32829.2233.12352.0513.2562.0767.38989.0746.13369-.002.26555-.0314.38745-.0864.1219-.0549.23126-.1343.32136-.2332.09009-.0989.159-.2152.20248-.3417.04348-.1266.06062-.2607.05035-.3941-.01027-.1334-.04772-.2633-.11005-.3817v-.0196ZM55.8126 14.4155c-.1376-.221-.3574-.3782-.6108-.437-.2535-.0588-.5199-.0145-.7407.1233s-.3779.3577-.4367.6114c-.0587.2537-.0144.5204.1233.7414 3.9352 6.3228 5.1998 13.9513 3.5155 21.2073s-6.1795 13.5452-12.4967 17.484c-6.3173 3.9387-13.9391 5.2044-21.1887 3.5186-7.2497-1.6857-13.5333-6.1849-17.46861-12.5077-.06817-.1094-.1572-.2044-.26202-.2793-.10481-.075-.22336-.1286-.34886-.1577-.12551-.0292-.25552-.0333-.38261-.0121-.12709.0212-.24877.0672-.35809.1354-.10933.0682-.20416.1573-.27907.2622-.07492.1049-.12846.2236-.15756.3492-.0291.1256-.0332.2557-.01206.383.02114.1272.06711.2489.13528.3584 4.21063 6.7647 10.9337 11.5783 18.6903 13.3817 7.7566 1.8035 15.9113.4491 22.6701-3.7653 6.7589-4.2143 11.5682-10.9434 13.3701-18.7068 1.8018-7.7634.4486-15.9252-3.7621-22.69ZM51.3464 11.7884c.0829.103.1859.1882.3026.2504.1167.0622.2448.1.3765.1114.1317.0113.2644-.0042.3899-.0456.1256-.0414.2415-.1078.3408-.1952.0992-.0875.1798-.1941.2368-.3135.0569-.1194.0892-.2491.0947-.3813.0056-.1322-.0157-.2642-.0625-.388-.0468-.1237-.1181-.2368-.2097-.3322-.7263-.82644-1.498-1.61187-2.3114-2.35264-.0935-.09538-.2055-.17063-.3291-.22112-.1236-.05049-.2562-.07515-.3896-.07248-.1335.00268-.265.03263-.3865.08803-.1215.05539-.2304.13506-.32.23411-.0896.09905-.158.21539-.2011.34187-.043.12648-.0598.26043-.0492.39362.0106.1332.0482.26283.1107.38093.0624.1181.1483.22218.2524.30584.7581.69164 1.4775 1.42464 2.1547 2.19584Z' fill='%23fff'/%3E%3Cpath d='M31.3265 29.5117V15.435c0-.26-.1032-.5093-.2868-.6932-.1837-.1838-.4328-.2871-.6926-.2871-.2597 0-.5089.1033-.6925.2871-.1837.1839-.2869.4332-.2869.6932v14.0571H15.8323c-.2598 0-.5089.1032-.6926.2871-.1836.1838-.2868.4331-.2868.6931 0 .26.1032.5093.2868.6932.1837.1838.4328.2871.6926.2871h13.5354v15.1158c0 .26.1032.5093.2869.6931.1836.1839.4328.2871.6925.2871.2598 0 .5089-.1032.6926-.2871.1836-.1838.2868-.4331.2868-.6931V31.4722H44.862c.2597 0 .5088-.1033.6925-.2871.1837-.1838.2869-.4332.2869-.6932 0-.26-.1032-.5093-.2869-.6931-.1837-.1839-.4328-.2871-.6925-.2871H31.3265Z' fill='%23fff'/%3E%3C/svg%3E"); */

  height: 60px;

  width: 60px;

  left: 50%;

  top: 50%;

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

  opacity: 0;

  z-index: 2;

  transition: 0.2s;

  transform-origin: center center;

}

.gallery .item .img::after {

  content: "";

  display: block;

  position: absolute;

  background: #021107;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  opacity: 0;

  z-index: 1;

  transition: 0.2s;

}

.gallery .item:hover .img::before {

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

  opacity: 1;

}

.gallery .item:hover .img::after {

  opacity: 0.2;

}

.gallery.col-12 {

  margin-right: -2px;

}

.gallery.col-12 .item .img {

  width: calc(18% - 2px);

  padding-bottom: calc(12% - 2px);

  margin: 5px;

}

@media only screen and (min-width: 1px) and (max-width: 1023px) {

  .gallery.col-12 .item .img {

    width: calc(50% - 2px);

    padding-bottom: calc(50% - 2px);

    margin: 0 2px 2px 0;

  }

}



/* contact us page */



.page-header {

  padding: 140px 0 60px 0;

  color: var(--white);

  background: var(--mn-green);

}



.page-header .title {

  font-size: 28px;

  line-height: 46px;

}



.page-header li:first-child {

  padding-left: 0;

}



.list-inline-item:not(:last-child) {

  margin-right: 0.5rem;

}



.list-inline-item a {

  color: var(--footer-col);

}



.list-inline-item a:hover {

  color: var(--d-blue);

}



/* contact us page */



.contact-form-dea {

  padding: 90px 0 130px 0;

}



.title-name {

  position: relative;

  color: var(--title-black);

  transition: 0.3s;

  font-size: 26px;

  font-weight: 600;

  margin: 26px 0 16px 0;

  line-height: 34px;

  display: block;

}



.title-name::after {

  content: "";

  margin: 12px 0;

  position: absolute;

  height: 2px;

  display: block;

  width: 18px;

  background: var(--mn-green);

  border-radius: 34px;

}



.form-control-lg {

  height: calc(1.5em + 1rem + 2px);

  padding: 0.5rem 1rem;

  font-size: 1.25rem;

  line-height: 1.5;

  border-radius: 0.3rem;

}



.form-group {

  margin-bottom: 1rem;

}



.form-control {

  display: block;

  width: 100%;

  height: calc(1.5em + 0.75rem + 2px);

  padding: 0.375rem 0.75rem;

  font-size: 1rem;

  font-weight: 400;

  line-height: 1.5;

  color: #495057;

  background-color: var(--white);

  background-clip: padding-box;

  border: 1px solid #ced4da;

  border-radius: 0.25rem;

  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}



button,

input {

  overflow: visible;

}



textarea.form-control {

  height: auto;

}



p.message.success {

  color: var(--mn-green);

  line-height: 31px;

  font-weight: 600;

  font-size: 18px;

}



.contact-form-dea a,

.contact-form-dea p {

  font-size: 16px;

  color: var(--para-col);

  line-height: 30px;

}



p.message.failed {

  color: #fd2626;

  line-height: 31px;

  font-weight: 600;

  font-size: 18px;

}



.sprt-first-div {

  padding: 120px 20px;

}



.sprt-second-div {

  padding: 20px;

}



.sprt-desc {

  padding: 30px 0;

  line-height: 29px;

  font-size: 16px;

  color: var(--para-col);

  margin-top: 20px;

  width: 100%;

}



/* tally prime silver - tally prime gold  */



.big-text {

  position: relative;

  padding: 4px 0;

}



.big-text .title {

  font-family: "Source Sans Pro", sans-serif;

  font-weight: 700;

  font-size: 47px;

  max-width: 100%;

  padding-left: 0px;

  line-height: 79px;

}



.big-text .title::before {

  content: "";

  margin: 0;

  position: absolute;

  height: 58px;

  display: block;

  width: 4px;

  /*background: var(--mn-green);*/

  border-radius: 0;

  top: 15px;

  left: 281px;

}



.big-text .title span {

  /* -webkit-text-stroke-width: 1.5px;

    -webkit-text-fill-color: transparent; */

  -webkit-text-stroke-color: var(--title-black);

}



.add-support .title {

  position: relative;

  color: var(--title-black);

  transition: 0.3s;

  font-weight: 500;

  font-family: "Source Sans Pro", sans-serif;

  font-size: 30px;

  line-height: 49px;

}



.support-sec .title {

  position: relative;

  color: var(--title-black);

  transition: 0.3s;

  font-weight: 500;

  font-family: "Source Sans Pro", sans-serif;

  font-size: 43px;

  line-height: 59px;

  margin: 26px 0 42px 0;

  display: block;

  max-width: 90%;

}



.add-support .title {

  position: relative;

  color: var(--title-black);

  transition: 0.3s;

  font-weight: 600;

  font-family: "Source Sans Pro", sans-serif;

  font-size: 30px;

  line-height: 41px;

}



.list-unstyled {

  padding-left: 0;

  list-style: none;

}



.check-icon {

  color: var(--mn-green);

}



.inner.banner-desc {

  background: var(--white) !important;

  color: inherit !important;

  padding: 120px 0 0 0;

}



.bg-light {

  background-color: #f7f9fc !important;

}



.sub-head-small {

  position: relative;

  color: var(--title-black);

  transition: 0.3s;

  font-weight: 500;

  font-size: 16px;

  line-height: 31px;

  margin: 52px 0 40px 0;

}



.sec-fea {

  padding: 50px 0;

}



/* quick links */



.quick-links {

  position: fixed;

  right: 15px;

  bottom: 56px;

  z-index: 99;

}



.quick-links li a {

  display: block;

}



.call-us {

  z-index: 111;

  position: fixed;

  line-height: 34px;

  bottom: 183px;

  transform-origin: 0 0;

  transition: 0.3s;

  font-size: 16px;

  font-weight: 400;

  color: var(--title-black);

  text-transform: uppercase;

}



.quick-links li img {

  max-width: 40px;

  opacity: 1;

  margin-bottom: 15px;

}



.call-us img {

  max-width: 40px;

  margin-top: 0;

}



.call-us>div {

  transform: rotate(-90deg);

  width: 151px;

  left: -73px;

  position: absolute;

  top: -101px;

}



/* mm */



@media only screen and (max-width: 575px) {

  .big-text .title {

    padding-left: 0;

  }

}



@media only screen and (max-width: 767px) {

  .big-text .title {

    font-size: 28px;

    line-height: 42px !important;

  }

}



/* whatsapp & phone */



.float .whatsapp i {

  position: fixed;

  padding: 4px 10px;

  bottom: 160px;

  right: 20px;

  background-color: #19db28;

  border-radius: 50%;

  text-align: center;

  font-size: 20px;

  z-index: 100;

  color: var(--white);

}



.float .whatsapp:hover i {

  color: var(--d-blue);

}



.float .phone a {

  position: fixed;

  padding: 4px 10px;

  bottom: 220px;

  right: 20px;

  background-color: #152b98;

  opacity: 0.85;

  color: var(--white);

  border-radius: 50%;

  text-align: center;

  font-size: 20px;

  z-index: 100;

}



.float .phone:hover i {

  color: #fff;

}



.float .mail a {

  position: fixed;

  padding: 4px 10px;

  bottom: 100px;

  right: 20px;

  background-color: #d91b12;

  opacity: 0.85;

  color: var(--white);

  border-radius: 50%;

  text-align: center;

  font-size: 20px;

  z-index: 100;

}



.float .mail:hover i {

  color: var(--d-blue);

}



.my-float {

  margin-top: 16px;

}



@media (max-width: 1281px) {

  .float {

    position: fixed;

    width: 10px;

    height: 10px;

    z-index: 100;

  }

}



@media (max-width: 1025px) {

  .float {

    position: fixed;

    width: 10px;

    height: 10px;

    z-index: 100;

  }

}



@media (max-width: 801px) {

  .float {

    position: fixed;

    width: 10px;

    height: 10px;

    z-index: 100;

  }

}



@media (max-width: 600px) {

  .float {

    position: fixed;

    width: 10px;

    height: 10px;

    z-index: 100;

  }

}



@media (max-width: 480px) {

  .float {

    position: fixed;

    width: 10px;

    height: 10px;

    z-index: 100;

  }

}



@media (max-width: 400px) {

  .float {

    position: fixed;

    width: 10px;

    height: 10px;

    z-index: 100;

  }

}



@media (max-width: 320px) {

  .float {

    position: fixed;

    width: 10px;

    height: 10px;

    z-index: 100;

  }

}



#button {

  background-color: #1c3934;

  padding: 4px 10px;

  text-align: center;

  border-radius: 50%;

  position: fixed;

  bottom: 20px;

  right: 86px;

  transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;

  opacity: 0;

  visibility: hidden;

  z-index: 1000;

  font-size: 20px;

}



#button i {

  color: var(--white);

}



#button i:hover {

  cursor: pointer;

  color: var(--white);

}



#button.show {

  opacity: 1;

  visibility: visible;

}



/* testimonial slider */



.client-testimonial-carousel .owl-dots button {

  height: 5px;

  background: #17ad97 !important;

  width: 20px;

  display: inline-block;

  margin: 5px;

  transition: 0.2s;

  border-radius: 2px;

}



.client-testimonial-carousel button.owl-dot.active {

  background: #d6d6d6 !important;

  width: 30px;

}



.client-testimonial-carousel .owl-dots {

  text-align: center;

  margin-top: 15px;

}



.single-testimonial-item {

  position: relative;

  /* box-shadow: 0 0 2px #dadfd3; */

  margin: 2px;

  padding: 10px;

  padding-left: 85px;

}



.single-testimonial-item:before {

  font-family: "Font Awesome 5 Free";

  content: "\f10e";

  font-weight: 900;

  position: absolute;

  left: 100px;

  top: 30px;

  font-size: 20px;

  color: var(--main-bg);

  line-height: 30px;

  /* margin-top: -15px; */

}



/* .single-testimonial-item:after {

    background: #ddd;

    content: "";

    height: 70%;

    left: 60px;

    position: absolute;

    top: 10%;

    width: 1px;

} */



.single-testimonial-item h2 {

  font-size: 20px;

  font-style: normal;

}



.single-testimonial-item h2 span {

  display: block;

  font-size: 15px;

  font-weight: normal;

  margin-top: 5px;

  margin-left: 26px;

  text-align: center;

  font-weight: 700;

}



.testi {

  padding-bottom: 20px;

  background: #159885;

  position: relative;

  z-index: 11;

}



.test-desc {

  font-size: 17px;

  position: relative;

  padding-left: 20px;

  margin-top: 60px;

  font-weight: 400;

  color: #d5f9f4;

  letter-spacing: 0.5px;

  line-height: 28px;

  margin-bottom: 30px;

  text-align: center;

}



.author-de {

  position: relative;

  padding-left: 0;

  margin-top: 84px;

  color: #d5f9f4;

  margin-top: 25px;

  font-size: 12px;

  line-height: 21px;

}



@media only screen and (max-width: 767px) {

  .testi-img {

    padding-top: 60px;

  }

}



/* laptop slider */



@media only screen and (max-width: 767px) {

  .laptop-slider {

    display: none !important;

  }

}



.laptop-slider {

  display: flex;

  justify-content: center;

}



.laptop-img {

  position: relative;

}



.lap-body {

  position: relative;

  z-index: 99;

  width: 960px;

}



.wrap {

  width: 100%;

  position: absolute;

  top: 100px;

}



.swiper-container {

  width: 100%;

  margin: 0 auto;

  overflow: visible;

  height: 400px;

}



.swiper-slide {

  display: flex;

  justify-content: center;

  align-items: flex-end;

  width: 300px;

  transition: none;

}



.swiper-slide .cont {

  text-align: center;

}



.swiper-slide img {

  width: 450px;

  display: block;

}



.changing,

.changed {

  transform: translateX(-225px);

  -ms-user-select: none;

  -moz-user-select: -moz-none;

  -khtml-user-select: none;

  -webkit-user-select: none;

  user-select: none;

}



.changing {

  transition: transform 0.3s;

  pointer-events: none;

}



.changed {

  transition: none;

}



.changing.swiper-slide-active,

.changed.swiper-slide-active {

  transform: translateX(0);

}



.swiper-slide-active~.changing,

.swiper-slide-active~.changed {

  transform: translateX(284px);

}



.changing .img-wrap,

.changed .img-wrap {

  transform-origin: center bottom;

}



.changing .img-wrap {

  transition: transform 0.3s;

}



.changed .img-wrap {

  transition: none;

}



.changing.swiper-slide-active .img-wrap,

.changed.swiper-slide-active .img-wrap {

  transform: scale(1.66);

}



/* client page */



.clients {

  padding-bottom: 100px;

  z-index: 11;

}



.card {

  position: relative;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-direction: column;

  flex-direction: column;

  min-width: 0;

  word-wrap: break-word;

  background-color: #fff;

  background-clip: border-box;

  border: 1px solid rgba(0, 0, 0, 0.125);

  border-radius: 0.25rem;

}



.clients img {

  transition: all ease-in-out 0.3s;

}



/* padding */



@media only screen and (max-width: 767px) {

  .mob-padding {

    padding: 15px;

  }

}

.mob-btm-p {

  padding: 0 15px;

}



@media only screen and (max-width: 575px) {

  .big-text .title::before {

    height: 32px;

    width: 3px;

    top: 9px;

    left: 8px;

  }

}



/* modal */



.modal .close {

  background-color: var(--white);

  border: 1px solid gray;

}



/* 

.fade:not(.show) {

    opacity: 0;

}



.modal {

    position: fixed;

    top: 100px;

    left: 40%;

    z-index: 1050;

    display: none;

    width: 100%;

    height: 100%;

    overflow: hidden;

    outline: 0;

}





.fade {

    transition: opacity .15s linear;

}



.modal.fade .modal-dialog {

    transition: -webkit-transform .3s ease-out;

    transition: transform .3s ease-out;

    transition: transform .3s ease-out,-webkit-transform .3s ease-out;

    -webkit-transform: translate(0,-50px);

    transform: translate(0,-50px);

}



@media (min-width: 576px){

    .modal-dialog {

        max-width: 500px;

        margin: 1.75rem auto;

    }

}





.modal-dialog {

    position: relative;

    width: auto;

    margin: 0.5rem;

    pointer-events: none;

}





.modal-content {

    position: relative;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column;

    width: 100%;

    pointer-events: auto;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid rgba(0,0,0,.2);

    border-radius: 0.3rem;

    outline: 0;

}



.modal-header {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-align: start;

    align-items: flex-start;

    -ms-flex-pack: justify;

    justify-content: space-between;

    padding: 1rem 1rem;

    border-bottom: 1px solid #dee2e6;

    border-top-left-radius: calc(0.3rem - 1px);

    border-top-right-radius: calc(0.3rem - 1px);

}



.modal-title {

    margin-bottom: 0;

    line-height: 1.5;

}



.modal-header .close {

    padding: 1rem 1rem;

    margin: -1rem -1rem -1rem auto;

}



.modal-open .modal {

    overflow-x: hidden;

    overflow-y: auto;

}



.modal .fade{

    display: block;

    padding-right: 17px;

} */



.pt-25 {

  padding-top: 25px;

}

.pt-80 {

  padding-top: 80px;

}



.f-logo {

  position: fixed;

  right: 10px;

  bottom: 270px;

  z-index: 9999;

}

.f-logo img {

  width: 100px;

}



/* card */

.card-box-12 {

  margin-top: 10px !important;

}



@media screen and (max-width: 670px) {

  .cta-content p {

    margin-top: -49px !important;

  }

}



.wc-nav-item {

  position: relative;

}

.imgtag {

  position: absolute;

  top: -12px;

  left: 51px;

}

.imgtag img {

  width: 50px;

}



.wc-navbar .wc-nabar-nav .wc-nav-item .wc-nav-link.active {

  color: var(--mn-green);

}



/* timeline */



.example-header {

  background: #3d4351;

  color: #fff;

  font-weight: 300;

  padding: 3em 1em;

  text-align: center;

}

.example-header h1 {

  color: #fff;

  font-weight: 300;

  margin-bottom: 20px;

}

.example-header p {

  font-size: 12px;

  text-transform: uppercase;

  letter-spacing: 3px;

  font-weight: 700;

}



.container-fluid .row {

  padding: 0 0 4em 0;

}

.container-fluid .row:nth-child(even) {

  background: #f1f4f5;

}



.example-title {

  text-align: center;

  margin-bottom: 60px;

  padding: 3em 0;

  border-bottom: 1px solid #e4eaec;

}

.example-title p {

  margin: 0 auto;

  font-size: 16px;

  max-width: 400px;

}



/*==================================

      TIMELINE

  ==================================*/

/*-- GENERAL STYLES

  ------------------------------*/

.timeline {

  line-height: 1.4em;

  list-style: none;

  margin: 0;

  padding: 0;

  width: 100%;

}

.timeline h1,

.timeline h2,

.timeline h3,

.timeline h4,

.timeline h5,

.timeline h6 {

  line-height: inherit;

}



/*----- TIMELINE ITEM -----*/

.timeline-item {

  padding-left: 40px;

  position: relative;

}

.timeline-item:last-child {

  padding-bottom: 0;

}



/*----- TIMELINE INFO -----*/

.timeline-info {

  font-size: 12px;

  font-weight: 700;

  letter-spacing: 3px;

  margin: 0 0 0.5em 0;

  text-transform: uppercase;

  white-space: nowrap;

}



/*----- TIMELINE MARKER -----*/

.timeline-marker {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  width: 15px;

}

.timeline-marker:before {

  background: #159885;

  border: 3px solid transparent;

  border-radius: 100%;

  content: "";

  display: block;

  height: 15px;

  position: absolute;

  top: 4px;

  left: 0;

  width: 15px;

  transition: background 0.3s ease-in-out, border 0.3s ease-in-out;

}

.timeline-marker:after {

  content: "";

  width: 3px;

  background: #ccd5db;

  display: block;

  position: absolute;

  top: 24px;

  bottom: 0;

  left: 6px;

}

.timeline-item:last-child .timeline-marker:after {

  content: none;

}



.timeline-item:not(.period):hover .timeline-marker:before {

  background: transparent;

  border: 3px solid #159885;

}



/*----- TIMELINE CONTENT -----*/

.timeline-content {

  padding-bottom: 40px;

}

.timeline-content p:last-child {

  margin-bottom: 0;

}



/*----- TIMELINE PERIOD -----*/

.period {

  padding: 0;

}

.period .timeline-info {

  display: none;

}

.period .timeline-marker:before {

  background: transparent;

  content: "";

  width: 15px;

  height: auto;

  border: none;

  border-radius: 0;

  top: 0;

  bottom: 30px;

  position: absolute;

  border-top: 3px solid #ccd5db;

  /* border-bottom: 3px solid #CCD5DB; */

}

.period .timeline-marker:after {

  content: "";

  height: 32px;

  top: auto;

}

.period .timeline-content {

  padding: 40px 0 70px;

}

.period .timeline-title {

  margin: 0;

}



/*----------------------------------------------

      MOD: TIMELINE SPLIT

  ----------------------------------------------*/

@media (min-width: 768px) {

  .timeline-split .timeline,

  .timeline-centered .timeline {

    display: table;

  }

  .timeline-split .timeline-item,

  .timeline-centered .timeline-item {

    display: table-row;

    padding: 0;

  }

  .timeline-split .timeline-info,

  .timeline-centered .timeline-info,

  .timeline-split .timeline-marker,

  .timeline-centered .timeline-marker,

  .timeline-split .timeline-content,

  .timeline-centered .timeline-content,

  .timeline-split .period .timeline-info {

    display: table-cell;

    vertical-align: top;

  }

  .timeline-split .timeline-marker,

  .timeline-centered .timeline-marker {

    position: relative;

  }

  .timeline-split .timeline-content,

  .timeline-centered .timeline-content {

    padding-left: 30px;

  }

  .timeline-split .timeline-info,

  .timeline-centered .timeline-info {

    padding-right: 30px;

  }

  .timeline-split .period .timeline-title,

  .timeline-centered .period .timeline-title {

    position: relative;

    left: -45px;

  }

}



/*----------------------------------------------

      MOD: TIMELINE CENTERED

  ----------------------------------------------*/

@media (min-width: 992px) {

  .timeline-centered,

  .timeline-centered .timeline-item,

  .timeline-centered .timeline-info,

  .timeline-centered .timeline-marker,

  .timeline-centered .timeline-content {

    display: block;

    margin: 0;

    padding: 0;

  }

  .timeline-centered .timeline-item {

    padding-bottom: 40px;

    overflow: hidden;

  }

  .timeline-centered .timeline-marker {

    position: absolute;

    left: 50%;

    margin-left: -7.5px;

  }

  .timeline-centered .timeline-info,

  .timeline-centered .timeline-content {

    width: 50%;

  }

  .timeline-centered>.timeline-item:nth-child(odd) .timeline-info {

    float: left;

    text-align: right;

    padding-right: 30px;

  }

  .timeline-centered>.timeline-item:nth-child(odd) .timeline-content {

    float: right;

    text-align: left;

    padding-left: 30px;

  }

  .timeline-centered>.timeline-item:nth-child(even) .timeline-info {

    float: right;

    text-align: left;

    padding-left: 30px;

  }

  .timeline-centered>.timeline-item:nth-child(even) .timeline-content {

    float: left;

    text-align: right;

    padding-right: 30px;

  }

  .timeline-centered>.timeline-item.period .timeline-content {

    float: none;

    padding: 0;

    width: 100%;

    text-align: center;

  }

  .timeline-centered .timeline-item.period {

    /* padding: 50px 0 90px; */

  }

  .timeline-centered .period .timeline-marker:after {

    height: 30px;

    bottom: 0;

    top: auto;

  }

  .timeline-centered .period .timeline-title {

    left: auto;

  }

}



/*----------------------------------------------

      MOD: MARKER OUTLINE

  ----------------------------------------------*/

.marker-outline .timeline-marker:before {

  background: transparent;

  border-color: #159885;

}

.marker-outline .timeline-item:hover .timeline-marker:before {

  background: #159885;

}



.award-img {

  width: 55%;

  border-radius: 5px;

}



/* timeline end */



.partner {

  position: fixed;

  right: 80px;

  bottom: 40px;

  z-index: 999;

}



.partner img {

  width: 120px;

}



@media (max-width: 756px) {

  .sprt-first-div {

    padding: 0px 0px !important;

  }

  .space-y {

    padding: 23px 0 !important;

  }

  .sec-fea {

    padding: 10px !important;

  }

  footer p {

    margin-top: 0;

    margin-bottom: 0.5rem !important;

  }

  .support-sec .title {

    margin: 2px 0 17px 0 !important;

  }

  .sub-head-small {

    margin: 22px 0 32px 0;

  }

  .add-support .title {

    font-size: 25px !important;

    line-height: 33px !important;

  }

  .container-fluid .row {

    padding: 0 0 0 0 !important;

  }

  .sprt-desc {

    padding: 13px 0 !important;



    margin-top: 0px !important;

  }

  .sprt-second-div {

    padding: 2px !important;

  }

  .big-text .title::before {

    display: none !important;

  }

}



.col-lg-6 .list-unstyled li {

  display: flex;

  align-items: center;
  /* Align items vertically */

}



.svg-inline--fa {

  display: inline-block;

  height: 1.5em;

  overflow: visible;

  vertical-align: middle;
  /* Align the icons vertically */

  color: #159885;

}

.add-support button {

  border: none;

  outline: transparent;

  padding: 0.5rem 1rem;

  border-radius: 30px;

  background: var(--mn-green);

  color: var(--white) !important;

  font-size: 14px;

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

  font-style: bold;

  cursor: pointer;

  transition: 0.1s;

  border: 1px solid #312f2f2d;

}

.add-support button:hover {

  background-color: var(--white);

  color: var(--mn-green) !important;

  font-weight: bold;

}

.last-point {

  list-style: none;

}

/* -------------------------------------------

Contact Float -icon 

----------------------------------------------*/

/* 1. Container: fixed in corner, vertical stack */

.floating-button {

  position: fixed;

  bottom: 92px;

  right: 30px;

  display: flex;

  flex-direction: column;

  gap: 12px;

  z-index: 1000;

}



/* 2. Base style for each circle button */

.floating-button a {

  width: 50px;

  height: 50px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  color: #fff;

  text-decoration: none;

  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);

  transition: transform 0.2s ease, box-shadow 0.2s ease;

}



/* 3. Hover effect */

.floating-button a:hover {

  transform: translateY(-4px);

  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);

}



/* 4. Icon sizing */

.floating-button a i {

  font-size: 24px;

}



/* 5. Brand colors */

.telegram-color {

  background: linear-gradient(0deg, #017ab1, #01abe6);



}



.whatsapp-color {

  background: linear-gradient(0deg, #00b100, #09db09);

}



.messenger-color {

  background: linear-gradient(0deg, #0078ff, #00c6ff);

}





#main-div {

  position: fixed;

  left: 40px;

  bottom: 20px;



  z-index: 9999;

}



#main-button {

  display: flex;

  align-items: center;

  justify-content: center;

  position: absolute;

  top: -46px;

  left: -26px;

  height: 50px;

  width: 50px;

  font-size: 20px;

  color: #0064f3;

  cursor: pointer;

  background-color: #fff;

  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);

  border-radius: 50%;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

}



#main-button~button {

  visibility: hidden;

  font-weight: 600;

  height: 50px;

  padding: 0 20px;

  color: #fff;

  background: linear-gradient(90deg, #00a1f5, #0064f3);

  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);

  border: 0;

  position: absolute;

  z-index: -1;

  right: 0;

  bottom: 0;

  opacity: 0;

  white-space: nowrap;

  cursor: pointer;

  transition: 0.2s all linear;

  -webkit-transition: 0.2s all linear;

  -moz-transition: 0.2s all linear;

  -ms-transition: 0.2s all linear;

  -o-transition: 0.2s all linear;

  border-radius: 5px;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  -o-border-radius: 5px;

}



#main-button~a {

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

  position: absolute;

  right: -63px;

  bottom: 0;

  z-index: -1;

  height: 50px;

  width: 50px;

  font-size: 20px;

  opacity: 0;

  text-decoration: none;

  color: #fff;

  background-color: #fff;

  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);

  border-radius: 50%;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

  transition: 0.2s all linear;

  -webkit-transition: 0.2s all linear;

  -moz-transition: 0.2s all linear;

  -ms-transition: 0.2s all linear;

  -o-transition: 0.2s all linear;

}







#main-button.open~a {

  opacity: 1;

  transition: 0.4s all cubic-bezier(0, 0.01, 0, 1.27);

  -webkit-transition: 0.4s all cubic-bezier(0, 0.01, 0, 1.27);

  -moz-transition: 0.4s all cubic-bezier(0, 0.01, 0, 1.27);

  -ms-transition: 0.4s all cubic-bezier(0, 0.01, 0, 1.27);

  -o-transition: 0.4s all cubic-bezier(0, 0.01, 0, 1.27);

}



#main-button.open~a:nth-of-type(1) {

  bottom: 60px;

}



#main-button.open~a:nth-of-type(2) {

  bottom: 120px;

}



#main-button.open~a:nth-of-type(3) {

  bottom: 180px;

}

#main-button.open~a:nth-of-type(4) {

  bottom: 240px;

}

#main-button.open~a:nth-of-type(5) {

  bottom: 320px;

}







.wave {

  animation-name: wave;

  animation-duration: 1s;

  animation-timing-function: linear;

  animation-iteration-count: infinite;

}



@keyframes wave {

  0% {

    box-shadow: 0 0 0px 0px rgba(255, 255, 255, 0.5);

  }



  100% {

    box-shadow: 0 0 0px 10px rgba(255, 255, 255, 0);

  }

}

.parner_logo {

  background: unset !important;

  box-shadow: unset !important;

}

.parner_logo img {

  max-width: 94px;

  margin-right: 33px;

}



/* -----------Award section ---------*/








































.award-wrapper {

  margin: 50px 0;


}

/* .owl-carousel .owl-stage {
  margin-top: 100px;
} */

.award-content {

  background-image: url(../../images/awards/Award-wabcom.jpg);

  background-position: top center;

  background-repeat: no-repeat;

  background-size: cover;

  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;

  margin-top: 0;

  margin-bottom: 0;

  padding: 40px 15px 40px;

  position: relative;

  z-index: 1;

}

.certificat-containder {
  margin-top: 100px;
}

.award-content::before {

  content: "";

  display: block;

  position: absolute;

  z-index: -1;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  background-color: rgb(0 0 0 / 53%);

}

.award-disc h3 {

  color: white;

  font-size: 32px;

  line-height: 35px;

}

.award-disc p {

  font-size: 14px;

  color: #f3f1f1;

  margin-top: 19px;

}

.award-icon {

  position: absolute;

  /* left: 50%; */

  top: 50%;

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

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

  right: 248px;

}

.award-icon img {

  max-width: 75px;

}



#award-list_owl {

  margin-top: -35px;

}





.owl-controls .owl-buttons {

  text-align: center;

  margin-top: 20px;

}

.owl-controls .owl-buttons .owl-prev {

  background: #fff;

  position: absolute;

  top: -13%;

  left: 15px;

  padding: 0 18px 0 15px;

  border-radius: 50px;

  box-shadow: 3px 14px 25px -10px #92b4d0;

  transition: background 0.5s ease 0s;

}

.owl-controls .owl-buttons .owl-next {

  background: #fff;

  position: absolute;

  top: -13%;

  right: 15px;

  padding: 0 15px 0 18px;

  border-radius: 50px;

  box-shadow: -3px 14px 25px -10px #92b4d0;

  transition: background 0.5s ease 0s;

}

.owl-controls .owl-buttons .owl-prev:after,

.owl-controls .owl-buttons .owl-next:after {

  content: "\f104";

  font-family: FontAwesome;

  color: #333;

  font-size: 30px;

}

.owl-controls .owl-buttons .owl-next:after {

  content: "\f105";

}

@media only screen and (max-width: 1280px) {

  .post-slide .post-content {

    padding: 0px 15px 25px 15px;

  }

}

.card.award-card {
  /* z-top: 500px; */
  background-repeat: no-repeat;

  box-shadow: 8px 5px 13px 2px rgba(0, 0, 0, 0.25);

  border-radius: 6px;

  height: 250px;

  /* min-width: 400px; */

  border: none;

  position: relative;

  background-size: cover;

  margin: 8px;

}

.card.award-card .card-text {

  position: absolute;

  bottom: 0;

  background: #ffffffe6;

  opacity: 0.9;

  border-radius: 6px;

  width: 100%;

  height: 60px;

  font-weight: 700;

  font-size: 14px;

  line-height: 25px;

  align-items: center;

  justify-content: center;

  text-align: center;

  padding: 16px;

  color: #1f1f1f;

}

.serviceimg1 {

  background-image: url(/assets/images/Award-owl/newImages/image-1.png);

}

.serviceimg2 {

  background-image: url(/assets/images/Award-owl/newImages/image-2.png);

}

.serviceimg3 {

  background-image: url(/assets/images/Award-owl/newImages/image-3.jpg);

}

.serviceimg4 {

  background-image: url(/assets/images/Award-owl/newImages/image-4.png);

}

.serviceimg5 {

  background-image: url(/assets/images/Award-owl/newImages/image-5.png);

}

.serviceimg6 {

  background-image: url(/assets/images/Award-owl/newImages/image-6.png);

}

.serviceimg7 {

  background-image: url(/assets/images/Award-owl/newImages/image-7.png);

}

.serviceimg8 {

  background-image: url(/assets/images/Award-owl/newImages/image-8.png);

}

.serviceimg9 {

  background-image: url(/assets/images/Award-owl/newImages/image-9.png);

}

.serviceimg10 {

  background-image: url(/assets/images/Award-owl/newImages/image-10.png);

}







@media (max-width: 575.98px) {

  .banner-carousel .slide-item {

    height: 71vh !important;

  }

}

.appoinement-bg {

  background-color: #fff;

  /* min-height: 100px; */

  margin-top: -50px;

  border-radius: 100px;

  box-shadow: 0 1px 3px rgba(221, 221, 221, 0.7);

  z-index: 9;

  position: relative;

  padding: 20px 15px 15px;

}



.appoiment-text-1 {

  color: #15222f;

  font-size: 17px;

  text-align: center;

  padding-top: 36px;

  font-weight: 600;

}



.input-field {

  width: 100% !important;

  height: 40px;

  /* margin-top: 30px; */

  padding-left: 10px;

  border: 1px solid #dfdfdf;

  outline: none !important;

  border-radius: 3px;

}



.btn-change8 {

  width: 100%;

  height: 43px;

  background: #159885;

  color: #fff !important;

  border-radius: 50px;

  border: none;

  -webkit-transition-duration: 0.3s;

  -webkit-transition-timing-function: linear;

  box-shadow: 0px 0 0 #333 inset;

  /* margin-top: 28px; */

  font-weight: 500;

  font-size: 14px;

  text-transform: uppercase;

  letter-spacing: 0.4px;

  outline: none !important;

}



.btn-change8:hover {

  box-shadow: 480px 0 0 #333 inset;

  color: #fff !important;

  border: none !important;

}



.tally-prime-frame {

  margin-top: -16px;

}



/* Gery-hr */



.gery-hr-wrapper {

  margin-left: 3.12rem;

  margin-right: 3.12rem;

  background-color: #aa00ea;

  border-radius: 24px;

  padding: 41px 3rem;

  display: flex;

  justify-content: center;

  align-items: center;

}

.top-padding {

  padding-top: 146px;

}

.gray-contact-form .form-control {

  background-color: transparent;
  /* Transparent background */



  color: rgb(24, 24, 24);
  /* White text */

  border: 2px solid #a5a5a5;

  border-radius: 8px;

}



.gray-contact-form .form-control:focus {

  border: 1px solid #bcbaba;

  box-shadow: none;
  /* Disable box shadow on focus */

}



.gray-contact-form .form-label {

  color: rgb(0, 0, 0);
  /* White labels */

}



.gray-contact-form .btn-custom {

  color: #ffffff;

  font-size: 1rem;

  font-style: normal;

  font-weight: 500;

  line-height: 1.5rem;

  background-color: #310052;

  border: 2px solid #310052;

  min-height: 3.375rem;

  width: auto;

  transition: background-color 0.3s, color 0.3s;

  padding-top: 0.875rem;

  padding-bottom: 0.875rem;

  padding-left: 2rem;

  padding-right: 2rem;

  border-radius: 100px;

  width: 100%;

}

.gray-logo {

  color: #FFF;

  text-decoration: underline;

}

.gray-logo:hover {

  color: #FFF;



}

.gray-contact-form .btn-custom:hover {

  background-color: #AA00EA;

  border: 2px solid #310052;

}

.gray-contact-form {

  background: #FFF;

  border-radius: 6px;

  padding: 20px 0 25px 0;

}

.styled-heading {

  font-size: 2.438rem;

  font-weight: 600;

  line-height: 48px;

}

@media (max-width:991.98px) {

  .top-padding {

    padding-top: 92px;

  }

  .gery-hr-wrapper {

    margin-left: 2.12rem;

    margin-right: 2.12rem;



    border-radius: 24px;

    padding: 33px 2rem;



  }

  .gray-contact-form {



    padding: 22px 0 25px 0;

  }

}



@media (max-width:575.98px) {

  .gery-hr-wrapper {

    margin-left: 1rem;

    margin-right: 1rem;

    border-radius: 24px;

    padding: 31px 1rem;

  }

  .flex-container {

    padding: 9px 16px;

  }

}

.page-header .title {



  font-size: 40px;

  line-height: 46px;

  min-width: 1000px;

}



@media (max-width:767px) {

  .page-header .title {



    font-size: 32px !important;



    line-height: 37px !important;

    min-width: auto;

  }

}





/* business verticals */



.sectiion_padding {

  padding: 0 53px;

}



.business_tag,

.service_tag {

  color: #159885;

  font-family: Inter;

  font-size: 18px;

  font-style: normal;

  font-weight: 500;

  line-height: 49px;

  text-align: center;

}



.business_h1,

.service_h1 {

  color: #FFF;

  font-family: Inter;

  font-size: 59px;

  font-weight: 700;

  line-height: 80px;

  text-align: center;

}



.business_h3,

.service_h3 {

  color: #FFF;

  text-align: center;

  font-family: Inter;

  font-size: 20px;

  font-style: normal;

  font-weight: 400;

  line-height: 36px;

  padding: 0 80px;

}



.business_h2,

.service_h2 {

  color: var(--wabcomdubai-com-mine-shaft, var(--color-grey-13, #222));

  font-family: Inter;

  font-size: var(--font-size-40, 40px);

  font-style: normal;

  font-weight: 500;

  line-height: var(--line-height-49, 49px);

  margin-bottom: 30px;

}



.business_h4,

.service_h4 {

  color: #FFF;

  text-align: center;

  font-family: Inter;

  font-size: 48px;

  font-style: normal;

  font-weight: 500;

  line-height: 54.4px;

  /* 113.333% */

}



.business_h5,

.service_h5 {

  color: var(--wabcomdubai-com-mine-shaft, var(--color-grey-13, #222));

  font-family: var(--font-family-Font-1, Inter);

  font-size: var(--font-size-18, 18px);

  font-style: normal;

  font-weight: 500;

  line-height: var(--line-height-30, 30px);

  /* 166.667% */

}



.business_p,

.service_p {

  color: var(--wabcomdubai-com-dove-gray, var(--color-grey-40, #666));

  font-family: var(--font-family-Font-1, Inter);

  font-size: var(--font-size-16, 16px);

  font-style: normal;

  font-weight: 400;

  line-height: var(--line-height-30, 30px);

}



.business_h2.light,

.service_h2.light,

.business_p.light,

.service_p.light,

.business_h5.light,

.service_h5.light {

  color: white;

}



.business_hr,

.service_hr {

  border-radius: 34px;

  background: var(--wabcomdubai-com-mountain-meadow, #159885);

  width: 18px;

  height: 1.99px;

}



.business-banner {

  border-radius: 20px;

  background:

    linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%),

    linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%),

    linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%),

    url(../../assets/images/business-verticals/business-banner.webp) lightgray 50% / cover no-repeat;

  height: 80vh;

  width: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

}







/* best-accounting */

.best-accounting img {

  max-height: 590px;

  max-width: 642px;

  width: 100%;

  border-radius: 20px;

}



.best-accounting .btn-cu,

.service .btn-cu {

  background: var(--mn-green);

  font-weight: 700;

  color: var(--white);

  text-align: center;

  border-radius: 34px;

  border: solid 1px var(--mn-green);

  padding: 13px;

  min-width: 190px;

  transition: .3s ease-in;

}



.best-accounting .btn-cu:hover {

  background-color: var(--white);

  color: var(--mn-green);

  border: 1px solid var(--mn-green);

}



.best-accounting-content,

.service-content {

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: start;

  gap: 20px;

}



/* tally business */

.tally-business .product-card {

  box-shadow: 0 0 1px;

  min-height: 304px;

}

.tally-business .items-wrpr {

  padding: 0;

  background: unset;

}

.tally-business .product-card:hover {

  transition: all 0.4s;

  box-shadow: rgba(0, 0, 0, 0.068) 0px 20px 30px;

  background-color: unset;

  min-height: unset;

}

.tally-business .product-card:hover .priduct-item img {

  margin-right: 10px;

}

.tally-business .product-card:hover .priduct-item p {

  margin-top: 0px;

}



.tally-business .product-card:hover .priduct-item .product-name,

.tally-business .product-card:hover .priduct-item p {

  display: block;

  transition: all 0.4s;

}

.tally-business .product-card:hover .priduct-item .product-name {

  color: black;

}

.tally-business .product-card:hover .priduct-item p {

  color: #666;

}

.tally-business .product-card:hover .priduct-item .product-name::after {

  background: var(--mn-green);

}



/* business cta */

.business-cta,

.service-cta,

.home-cta {

  background: #159885;

  display: inline-flex;

  padding: 85px 232px;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  gap: 41px;

  width: 100%;

}

.home-cta {

  padding: 60px 150px;

  gap: 20px;

}



/* why-choose-business */

.why-choose-business .why-choose-business-card {

  background: #13212B;

  padding: 90px 100px;

  border-radius: 20px;

}

.why-choose-business .why-choose-business-card img {

  border-radius: 20px;

  height: 100%;

}

.why-choose-business .why-choose-business-card .why-choose-content {

  height: 100%;

  display: flex;

  flex-direction: column;

  justify-content: center;

  gap: 10px;

}

.why-choose-content .why-choose-point,

.service-software-content {

  display: flex;

  gap: 10px;

  margin-bottom: 18px;

  align-items: start;

}

.why-choose-business-card .enquiry-btn {

  margin-top: 20px;

}



@media (max-width:576px) {

  .why-choose-business-card .enquiry-btn {

    padding: 10px;

    font-size: 14px;

    margin-top: 10px;

  }

}





/* modal */

.crmpopup {

  display: none;

  position: fixed;

  z-index: 101;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  overflow: auto;

  background-color: rgba(0, 0, 0, 0.4);

  /* Static backdrop */

  pointer-events: none;

  align-content: center;

}



.crmpopup .popup-content {

  background-color: #fefefe;

  padding: 20px;

  border: 1px solid #888;

  width: 100%;

  /* Static backdrop */

  pointer-events: auto;

  border-radius: 10px;

}

.crmpopup .popup-content h2 {

  font-size: 32px;

}



.crmpopup .popup-content .close {

  color: #aaa;

  float: right;

  font-size: 28px;

  font-weight: bold;

}



.crmpopup .popup-content .close:hover,

.crmpopup .popup-content .close:focus {

  color: black;

  text-decoration: none;

  cursor: pointer;

}



/* Form Styles */

.crmpopup .popup-content #myForm .form-group {

  margin-bottom: 15px;

}



.crmpopup .popup-content #myForm .form-group label {

  display: block;

  font-weight: bold;

}



.crmpopup .popup-content #myForm .form-group input[type=text],

.crmpopup .popup-content #myForm .form-group select {

  width: 100%;

  padding: 10px;

  border: 1px solid #ccc;

  border-radius: 8px;

  box-sizing: border-box;

}



.crmpopup .popup-content #myForm button {

  background-color: #159885;

  color: white;

  padding: 10px 20px;

  border: none;

  border-radius: 30px;

  cursor: pointer;

}



.crmpopup .popup-content #myForm button:hover {

  background-color: #000000;

}



/* service */

.service_h1.dark {

  color: black;

}

.service .service_h3.dark {

  color: black;

  padding: 0;

}

.service img {

  width: 100%;

  max-height: 550px;

  border-radius: 30px;

  min-height: 550px;

}

.service .service-content {

  padding: 0 110px 0 0;

}

.service .service-content.printing {

  padding: 0;

}

.service .service-content p {

  padding-right: 50px;

}



.service-features .product-card {

  box-shadow: 0 0 1px;

  min-height: 375px;

}

.service-features .items-wrpr {

  padding: 0;

  background: unset;

}

.service-features .product-card .priduct-item img {

  padding: 10px;

  border-radius: 8px;

  background: rgba(21, 152, 133, 0.15);

}

.service-features .product-card:hover {

  transition: all 0.4s;

  box-shadow: rgba(0, 0, 0, 0.068) 0px 20px 30px;

  background-color: unset;

  min-height: unset;

}

.service-features .product-card:hover .priduct-item img {

  margin-right: 10px;

}

.service-features .product-card:hover .priduct-item p {

  margin-top: 0px;

}



.service-features .product-card:hover .priduct-item .product-name,

.service-features .product-card:hover .priduct-item p {

  display: block;

  transition: all 0.4s;

}

.service-features .product-card:hover .priduct-item .product-name {

  color: black;

}

.service-features .product-card:hover .priduct-item p {

  color: #666;

}

.service-features .product-card:hover .priduct-item .product-name::after {

  background: var(--mn-green);

}



.service-software .img1 {

  min-height: 550px;

  border-radius: 30px;

}



.why-choose-business .why-choose-business-card .tally {

  background: white;

  padding: 142px 30px;

  object-fit: contain;

}



/* faq */

/* faq */

.faq_questions h3 {

  color: var(--outgrid-uicore-co-ebony, var(--color-azure-11, #111827));

  text-align: center;

  font-size: var(--font-size-52, 52px);

  font-style: normal;

  font-weight: 600;

  line-height: var(--line-height-67_6, 67.6px);

  /* 130% */

  letter-spacing: var(--letter-spacing--1_4, -1.404px);

}



.faq {

  width: 90%;

  max-width: 1000px;

  margin: 4rem auto;

}



.faq-item {

  background-color: #fff;

  color: #111;

  margin: 1rem 0;

  border-radius: 8px;

  ;

  border: var(--height-1, 1px) solid var(--outgrid-uicore-co-gray-22, rgba(146, 146, 146, 0.22));

  background: var(--color-white-solid, #FFF);

}



.faq-item-header {

  color: var(--outgrid-uicore-co-ebony, var(--color-azure-11, #111827));

  font-family: Inter;

  font-size: var(--font-size-18, 18px);

  font-style: normal;

  font-weight: var(--font-weight-500, 500);

  line-height: var(--line-height-23_4, 23.4px);

  padding: 25px;

  display: flex;

  align-items: center;

  position: relative;

  cursor: pointer;

}



.faq-item-header::after {

  content: "\002B";

  font-size: 2rem;

  position: absolute;

  right: 1rem;

  font-weight: 200;

}



.faq-item-header.active::after {

  content: "\2212";

}



.faq-item-body {

  max-height: 0;

  overflow: hidden;

  transition: max-height 0.2s ease-out;

}



.faq-item-body-content {

  color: var(--outgrid-uicore-co-pale-sky, var(--color-grey-46, #6B7280));

  font-family: Inter;

  font-size: var(--font-size-16, 16px);

  font-style: normal;

  font-weight: var(--font-weight-400, 400);

  line-height: var(--line-height-25_6, 25.6px);

  padding: 1rem;

  border-top: 1px solid rgba(146, 146, 146, 0.22);

}



/* why-wabcom */

.why-wabcom .wab-logo {

  padding-right: 100px;

}





.max-w-20 {

  max-width: 20px;

}





.benefits .benefits-data {

  display: flex;

  align-items: center;

  gap: 10px;

  border: 1px solid #4e4e4e;

  padding: 5px;

  width: 100%;

  max-width: 400px;

}

.benefits .benefits-data.left {

  border-radius: 31px 30px 0 30px;

}

.benefits .benefits-data.right {

  border-radius: 30px 30px 30px 0;

}

.benefits .benefits-data .benefit-number {

  font-size: 18px;

  font-weight: 700;

  color: #ffffff;

  width: 50px;

  height: 50px;

  border-radius: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

}



.benefits .benefits-data .benefit-number.orange {

  background: #fc5b2f;

}



.benefits .benefits-data .benefit-number.yellow {

  background-color: #fab140;

}



.benefits .benefits-data .benefit-number.cyan {

  background: #39BBA7;

}



.benefits .benefits-data .benefit-number.green {

  background: #89CA00;

}



.benefits .benefits-data .benefit-number.darkgreen {

  background: #088F8E;

}



.benefits .benefits-data .benefit-number.darkcyan {

  background: #0281AF;

}



.benefits .benefits-data .benefit-number.violet {

  background: #4E51A9;

}

.benefits .benefits-data .benefit-number.black {

  background: #525151;

}



.recent-blog {

  padding: 20px;

  border: 1px solid gray;

  border-radius: 5px;
  ;

}

.recent-blog h5 {

  font-size: 16px;

  color: black;

}

#testim .container {
  padding: 0;
  max-width: 1270px;
  width: 100%;
}