@font-face {
  font-family: "Arial";

  src: url("../font/Arial-BoldMT.woff2") format("woff2"),
    url("../font/Arial-BoldMT.woff") format("woff");

  font-weight: bold;

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: "Arial";

  src: url("../font/ArialMT.woff2") format("woff2"),
    url("../font/ArialMT.woff") format("woff");

  font-weight: normal;

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: "Arial";

  src: url("../font/Arial-BoldMT.woff2") format("woff2"),
    url("../font/Arial-BoldMT.woff") format("woff");

  font-weight: bold;

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: "Arial";

  src: url("../font/Arial-BlackItalic.woff2") format("woff2"),
    url("../font/Arial-BlackItalic.woff") format("woff");

  font-weight: 900;

  font-style: italic;

  font-display: swap;
}

@font-face {
  font-family: "Arial";

  src: url("../font/Arial-BoldItalicMT.woff2") format("woff2"),
    url("../font/Arial-BoldItalicMT.woff") format("woff");

  font-weight: bold;

  font-style: italic;

  font-display: swap;
}

@font-face {
  font-family: "Arial";

  src: url("../font/Arial-BoldItalicMT.woff2") format("woff2"),
    url("../font/Arial-BoldItalicMT.woff") format("woff");

  font-weight: bold;

  font-style: italic;

  font-display: swap;
}

@font-face {
  font-family: "Arial CE";

  src: url("../font/ArialCE-BoldItalic.woff2") format("woff2"),
    url("../font/ArialCE-BoldItalic.woff") format("woff");

  font-weight: bold;

  font-style: italic;

  font-display: swap;
}

@font-face {
  font-family: "Arial CE";

  src: url("../font/ArialCE-Italic.woff2") format("woff2"),
    url("../font/ArialCE-Italic.woff") format("woff");

  font-weight: 500;

  font-style: italic;

  font-display: swap;
}

@font-face {
  font-family: "Arial CE";

  src: url("../font/Arial-BoldMT.woff2") format("woff2"),
    url("../font/Arial-BoldMT.woff") format("woff");

  font-weight: 100;

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: "Arial CE";

  src: url("../font/ArialCE.woff2") format("woff2"),
    url("../font/ArialCE.woff") format("woff");

  font-weight: 500;

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: "Arial CE MT";

  src: url("../font/ArialCEMTBlack-Regular.woff2") format("woff2"),
    url("../font/ArialCEMTBlack-Regular.woff") format("woff");

  font-weight: 900;

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: "Arial";

  src: url("../font/Arial-Lgt.woff2") format("woff2"),
    url("../font/Arial-Lgt.woff") format("woff");

  font-weight: 300;

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: "Arial";

  src: url("../font/Arial-ItalicMT.woff2") format("woff2"),
    url("../font/Arial-ItalicMT.woff") format("woff");

  font-weight: normal;

  font-style: italic;

  font-display: swap;
}

@font-face {
  font-family: "Arial";

  src: url("../font/Arial-LgtItl.woff2") format("woff2"),
    url("../font/Arial-LgtItl.woff") format("woff");

  font-weight: 300;

  font-style: italic;

  font-display: swap;
}

@font-face {
  font-family: "Arial";

  src: url("../font/Arial-ItalicMT.woff2") format("woff2"),
    url("../font/Arial-ItalicMT.woff") format("woff");

  font-weight: normal;

  font-style: italic;

  font-display: swap;
}

@font-face {
  font-family: "Arial";

  src: url("../font/Arial-MdmItl.woff2") format("woff2"),
    url("../font/Arial-MdmItl.woff") format("woff");

  font-weight: 500;

  font-style: italic;

  font-display: swap;
}

@font-face {
  font-family: "Arial";

  src: url("../font/Arial-Mdm.woff2") format("woff2"),
    url("../font/Arial-Mdm.woff") format("woff");

  font-weight: 500;

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: "Arial Narrow";

  src: url("ArialNarrow.woff2") format("woff2"),
    url("ArialNarrow.woff") format("woff");

  font-weight: normal;

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: "Arial Narrow";

  src: url("ArialNarrow-Bold.woff2") format("woff2"),
    url("ArialNarrow-Bold.woff") format("woff");

  font-weight: bold;

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: "Arial Narrow";

  src: url("ArialNarrow-BoldItalic.woff2") format("woff2"),
    url("ArialNarrow-BoldItalic.woff") format("woff");

  font-weight: bold;

  font-style: italic;

  font-display: swap;
}

@font-face {
  font-family: "Arial Narrow";

  src: url("ArialNarrow-Italic.woff2") format("woff2"),
    url("ArialNarrow-Italic.woff") format("woff");

  font-weight: normal;

  font-style: italic;

  font-display: swap;
}

@font-face {
  font-family: "Arial";

  src: url("../font/Arial-Black.woff2") format("woff2"),
    url("../font/Arial-Black.woff") format("woff");

  font-weight: 900;

  font-style: normal;

  font-display: swap;
}

:root {
  --black: #000000;

  --grey: #474747;

  --white: #ffffff;

  --primary: #fa7f2c;

  --primary_hover: #f96c0e;

  --primary-light: #fff5ef;

  --secondary: #572480;

  --secondary-light: #f7f4f9;

  --heading: #232323;
}

.primary-bg {
  background: var(--primary);
}

.secondary-bg {
  background: var(--secondary);
}

.primary-light-bg {
  background: var(--primary-light);
}

.secondary-light-bg {
  background: var(--secondary-light);
}

body {
  font-family: "Arial";

  overflow-x: hidden;

  position: relative;
}

.container {
  max-width: 1640px;

  padding: 0 20px;

  margin: 0 auto;
}

.container-sm {
  max-width: 1250px;

  padding: 0 20px;

  margin: 0 auto;
}

h1 {
  font-size: 112px;

  color: var(--white);

  line-height: normal;
}

h2 {
  font-size: 45px;

  line-height: 51px;

  font-weight: 700;

  color: var(--heading);

  margin: 0 0 42px;
}

h3 {
  font-size: 32px;

  line-height: 42px;

  font-weight: 700;
}

h4 {
  font-size: 30px;

  line-height: 36px;

  font-weight: 700;
}

h5 {
  font-size: 26px;

  line-height: 30px;

  font-weight: 700;
}

h6 {
  font-size: 20px;

  line-height: 23px;

  font-weight: 700;
}

p {
  font-size: 18px;

  line-height: 26px;

  font-weight: 400;

  color: var(--grey);

  margin: 0;
}

.main-heading .sub-title {
  font-size: 46px;

  font-weight: 400;

  line-height: 53px;

  color: var(--white);
}

img {
  max-width: 100%;

  display: block;

  width: auto;

  object-fit: contain;
}

.btn {
  background: var(--primary);

  color: var(--white);

  border-radius: 60px;

  padding: 16px 42px;

  font-family: Arial;

  font-size: 22px;

  font-weight: 700;

  line-height: 25px;

  text-align: center;

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

  transition: all 0.3s ease-in-out;

  outline: none !important;

  box-shadow: none !important;
}

.btn:hover {
  background: var(--primary_hover);

  color: var(--white);

  border-color: var(--primary_hover);
}

ul {
  padding: 0;

  margin: 0;

  list-style-type: none;
}

a {
  text-decoration: none;

  color: var(--heading);
}

section {
  padding: 60px 0;
}

.heading-wrapper.center {
  text-align: center;
}

.heading-wrapper.left {
  text-align: left;
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  appearance: none;
}

/* Header-css-start */

.navbar .navbar-brand {
  padding: 0;

  margin: 0;
}

nav.navbar.navbar-expand-lg {
  padding: 0;

  background: var(--white);
}

.navbar .nav-menu-wrapper {
  justify-content: flex-end;
}

.navbar-expand-lg .navbar-nav {
  flex-direction: row;

  gap: 38px;

  flex-wrap: wrap;
}

.navbar-expand-lg .navbar-nav .nav-link {
  font-family: Arial;

  font-size: 15px;

  font-weight: 400;

  line-height: 17px;

  text-align: left;

  color: var(--black);

  padding: 38px 0;

  margin: 0;

  position: relative;

  text-transform: uppercase;
}

.navbar-expand-lg .navbar-nav .nav-link:before,
.appointment-tabs .nav-link:before,
.audit-benefits-tabs .nav-link:before {
  content: "";

  position: absolute;

  background: var(--primary);

  bottom: 0;

  left: 0;

  width: 0;

  height: 3px;

  opacity: 0;

  transition: all 0.3s linear;
}

.navbar-expand-lg .navbar-nav .nav-link.active:before,
.navbar-expand-lg .navbar-nav .nav-link:hover:before,
.appointment-tabs .nav-link.active:before,
.appointment-tabs .nav-link:hover:before,
.audit-benefits-tabs .nav-link.active:before,
.audit-benefits-tabs .nav-link:hover:before {
  opacity: 1;

  width: 100%;
}

.nav-link.dropdown-toggle:before,
.nav-link.dropdown-toggle:after {
  display: none;
}

.navbar .dropdown-toggle {
  display: flex;

  align-items: center;

  gap: 10px;
}

.dropdown-toggle .dropdown-icon {
  transition: all 0.3s ease-in-out;
}

.dropdown-toggle.show .dropdown-icon,
.navbar .nav-item.dropdown:hover .dropdown-icon {
  transform: rotate(180deg);
}

.navbar .btn-wrapper {
  display: flex;

  align-items: center;
}

.navbar-expand-lg .account-btn,
.navbar-expand-lg .account-toggle.mobile-account-toggle .account-btn {
  background: #faf3ff;

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

  border-radius: 75px;

  padding: 8px 18px;

  height: 100%;
}

.navbar-expand-lg .account-toggle.mobile-account-toggle {
  display: none;

  height: auto;
}

.navbar-expand-lg .account-toggle.mobile-account-toggle .account-btn {
  height: auto;
}

.navbar .account-toggle {
  padding: 27px 0;

  margin-left: 38px;
}

.navbar .nav-item.dropdown .dropdown-menu {
  transform: translateY(-20%) translateX(-50%);

  opacity: 0;

  visibility: hidden;

  display: block;

  transition: all 0.3s ease;

  right: 0;

  left: 50%;

  width: 100%;

  min-width: 180px;
}

.navbar-expand-lg .navbar-nav .dropdown-menu.show,
.navbar .nav-item.dropdown:hover .dropdown-menu {
  opacity: 1;

  visibility: visible;

  transform: translateY(0) translateX(-50%);
}

.navbar .nav-item.dropdown .dropdown-menu .nav-link {
  font-size: 14px;

  font-family: "Arial";

  font-weight: 400;

  color: var(--heading);

  padding: 6px 20px;

  transition: all 0.3s ease-in-out;

  text-transform: inherit;
}

.navbar-expand-lg .navbar-nav .dropdown-menu .nav-link:hover,
.navbar .nav-item.dropdown .dropdown-menu .nav-link:active,
.navbar .nav-item.dropdown .dropdown-menu .nav-link:focus {
  background: var(--primary-light);
  color: var(--primary);
}

/* Banner-css-start */

.banner-section {
  padding: 60px 0;

  background: url("../images/banner-img.jpg") no-repeat;

  background-size: cover;

  height: 100%;

  position: relative;

  z-index: 1;

  min-height: 828px;

  display: flex;

  align-items: center;
}

.banner-section::before {
  content: "";

  position: absolute;

  background: linear-gradient(269.22deg,
      rgba(0, 0, 0, 0) -0.44%,
      #000000 121.16%);

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: -1;
}

.banner-section .desc {
  color: var(--white);

  font-size: 25px;

  font-weight: 400;

  line-height: 32px;

  margin: 26px 0 36px;

  max-width: 505px;
}

.heading span {
  display: inline-block;

  position: relative;
}

.heading span:before {
  content: "";

  position: absolute;

  background: var(--primary);

  width: 100%;

  height: 5px;

  bottom: 0;

  left: 0;

  right: 0;
}

/* .navbar-nav .dropdown-menu:before {
  
      content: '';
  
      position: absolute;
  
      border-bottom: 14px solid var(--primary);
  
      border-left: 14px solid #0000;
  
      border-right: 14px solid #ff000000;
  
      left: 30%;
  
      top: -14px;
  
      transform: translate(-70%, 0%);
  
  } */

.navbar-expand-lg .dropdown-menu {
  top: 91px;

  border: 0;

  box-shadow: 3px 3px 10px #10101014;
}

/* Appointment-section-css-start */

.appointment-tabs {
  display: inline-flex;

  justify-content: center;

  margin: 0 auto;

  border-bottom: 1px solid #0000001a;

  gap: 32px;
}

.appointment-tab-wrapper nav {
  text-align: center;
}

.appointment-tabs .nav-link {
  font-size: 20px;

  font-weight: 700;

  line-height: 23px;

  border: 0;

  color: var(--heading);

  position: relative;

  padding: 20px 6px;
}

.appointment-tabs .nav-item.show .nav-link,
.appointment-tabs .nav-link.active {
  color: var(--heading);

  background-color: var(--white);

  border-color: transparent;

  border: 0;

  background: transparent;
}

.appointment-box-wrapper {
  display: grid;

  grid-template-columns: repeat(5, 1fr);

  grid-gap: 22px;

  margin: 0 auto;

  justify-content: center;
}

.appointment-box {
  background: #ffffff;

  padding: 28px 30px;

  border-radius: 10px;

  border: 2px solid var(--primary-light);

  transition: all 0.3s ease-in-out;

  cursor: pointer;
}

.appointment-tab-content {
  padding: 32px 0 0;
}

.time-wrapper,
.time-wrapper .clock-icon {
  display: inline-flex;

  align-items: center;
}

.time-wrapper .time {
  font-size: 20px;

  font-weight: 700;

  line-height: 23px;

  color: var(--primary);
}

.time-wrapper .clock-icon {
  gap: 10px;

  padding-right: 15px;

  border-right: 1px solid #00000033;

  white-space: nowrap;
}

.time-wrapper .tag-title {
  padding-left: 15px;
}

.time-wrapper {
  margin: 0 0 27px;
}

.btn.book-btn {
  border-color: var(--heading);

  color: var(--heading);

  padding: 6px 22px;

  font-family: Arial;

  font-size: 18px;

  font-weight: 400;

  line-height: 21px;

  background: transparent;
}

.appointment-box:hover .btn.book-btn,
.btn.book-btn:hover {
  background: var(--primary);

  border-color: var(--primary);

  color: var(--white);
}

.appointment-box:hover {
  border-color: var(--primary);
}

/* About-section-css-start */

.heading-wrapper.border-line .heading {
  position: relative;

  display: inline-block;

  padding-bottom: 27px;

  margin: 0 0 27px;
}

.heading-wrapper.border-line .heading:before {
  content: "";

  position: absolute;

  background: #0003;

  height: 2px;

  width: 100%;

  bottom: 0;
}

.about-sec h5 {
  margin: 0 0 15px;
}

.about-sec .content-wrapper {
  margin: 0 0 40px;
}

.about-sec p {
  color: var(--heading);
}

.about-sec .btn,
.known-for-section .btn-wrapper .btn {
  font-size: 18px;

  line-height: 20px;

  padding: 16px 36px;
}

/* Our-service-css-start */

.our-service-box {
  border: 1px solid #dfdae3;

  border-radius: 10px;

  padding: 35px 30px 30px 45px;

  display: flex;

  transition: all 0.3s ease-in-out;

  position: relative;
}

.our-service-box:hover,
.our-service-box:hover .icon-btn,
.review-slider .icon-btn:hover {
  border-color: var(--primary);
}

.our-service-box:hover .icon-btn,
.review-slider .icon-btn:hover {
  background: var(--primary);
}

.our-service-box:hover .icon-btn svg path,
.review-slider .icon-btn:hover svg path {
  fill: var(--white);
}

.our-service-wrapper {
  display: grid;

  grid-template-columns: 1fr 1fr;

  grid-gap: 30px;
}

.our-service-box .our-service-content {
  padding-left: 40px;

  padding-right: 35px;
}

.our-service-box .icon {
  min-width: 80px;

  width: 80px;

  height: 90px;

  display: inline-block;
}

.btn-wrapper .icon-btn,
.slick-arrow {
  background: var(--primary-light);

  border-color: var(--primary-light);

  width: 45px;

  height: 45px;

  border-radius: 50%;

  padding: 0;

  display: flex;

  align-items: center;

  justify-content: center;
}

.our-service-box .btn-wrapper {
  display: flex;

  align-items: flex-end;
}

.our-service-box .box-pointer {
  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  z-index: 0;
}

/* Card-section & Review-section-css-start */

.gauranteed-box-wrapper {
  padding: 56px 62px;

  height: 100%;

  border-radius: 20px;

  color: var(--white);

  position: relative;
}

.card-wrapper-inner {
  padding: 22px 0 85px;
}

.gauranteed-box-wrapper.primary-bg:before {
  content: "";

  position: absolute;

  background: url("../images/shape-primary.svg") no-repeat;

  width: 100%;

  max-width: 233px;

  height: 225px;

  left: 0;

  bottom: 0;

  top: auto;

  background-size: contain;
}

.gauranteed-box-wrapper.secondary-bg:before {
  content: "";

  position: absolute;

  background: url("../images/shape-secondary.svg") no-repeat;

  width: 100%;

  max-width: 240px;

  height: 244px;

  right: 0;

  bottom: 0;

  top: auto;

  background-size: contain;
}

.gauranteed-box {
  gap: 50px;

  display: flex;

  align-items: flex-start;

  height: 100%;
}

.btn.card-btn {
  background: var(--white);

  border-color: var(--white);

  font-size: 18px;

  font-weight: 700;

  line-height: 21px;

  color: var(--heading);
}

.btn.card-btn:hover {
  background: var(--secondary-light);

  border-color: var(--secondary-light);
}

.gauranteed-box .icon {
  min-width: 88px;
}

.gauranteed-box .heading-main-wrap {
  display: flex;

  flex-direction: column;

  justify-content: space-between;

  height: 100%;

  gap: 28px;

  position: relative;
}

.gauranteed-box p,
.contact-us-section p {
  color: var(--white);
}

.gauranteed-box .heading-wrapper.border-line .heading:before {
  background: var(--white);

  min-width: 198px;

  width: auto;
}

/* Review-section-css-start */

.review-section {
  overflow: hidden;
}

.review-section-wrapper h2 {
  margin: 0;
}

.review-section-wrapper .heading-wrapper span {
  font-size: 27px;

  font-weight: 700;

  line-height: 32px;

  color: var(--primary);
}

.review-section-wrapper {
  position: relative;
}

.review-slider-wrapper {
  padding: 26px 0;
}

.review-box-inner {
  border: 1px solid #e3e3e3;

  border-radius: 13px;

  background: #fff;

  padding: 25px 40px;
}

.review-box-inner .user-img {
  margin-bottom: 18px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  overflow: hidden;
}

.review-box-inner p {
  font-size: 14px;

  font-weight: normal;

  line-height: 26px;

  color: var(--heading);

  margin: 8px 0 18px;
}

.review-box-bottom {
  display: flex;

  align-items: center;

  justify-content: space-between;

  border-top: 1px solid #e3e3e3;

  padding: 20px 0 0;

  margin-top: 30px;
}

.rating-list {
  display: inline-flex;

  align-items: center;

  gap: 8px;
}

.rating-list i {
  color: var(--primary);
}

.review-box-bottom .date {
  margin: 0;
}

.review-slider .slick-track {
  display: flex;

  gap: 20px;
}

.review-slider .icon-btn {
  background: #eeeeee;

  border-color: #eeeeee;

  width: 35px;

  height: 35px;
}

.review-slider .icon-btn svg {
  max-width: 18px;
}

.slick-arrow {
  font-size: 0;

  border: 2px solid var(--heading);

  outline: none;

  background: transparent;

  position: absolute;

  left: auto;

  right: 0;

  top: 0;

  transition: all 0.3s ease-in-out;
}

.slick-arrow:before {
  content: "";

  position: absolute;

  width: 20px;

  height: 17px;

  filter: invert(1);

  background: url("../images/right-arrow-white.svg") no-repeat;

  background-size: contain;

  top: 50%;

  transform: translateY(-50%);

  transition: all 0.3s ease-in-out;
}

.slick-prev.slick-arrow {
  transform: rotate(180deg);

  right: 58px;
}

.slick-arrow:hover {
  background: var(--primary_hover);

  border-color: var(--primary_hover);
}

.slick-arrow:hover:before {
  filter: invert(0);
}

/* Contact-us-css-start */

.contact-us-section {
  position: relative;

  color: var(--white);

  padding: 77px 0 105px;
}

.contact-us-section:before {
  content: "";

  position: absolute;

  background: url("../images/secondary-bg-layer.png") no-repeat;

  width: 100%;

  height: 100%;

  background-size: cover;

  top: 0;

  left: 0;

  z-index: 0;

  background-position: 100% 32%;
}

.contact-us-section .heading {
  color: var(--white);
}

.contact-us-section .contact-wrapper {
  position: relative;
}

.contact-us-section .content-box {
  margin: 0 0 40px;
}

.contact-us-section p,
.contact-us-section li {
  font-size: 20px;

  line-height: 26px;

  margin: 0 0 10px;
}

.contact-us-section li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border-bottom: 1px solid #fff3;
  padding: 10px 0;
  margin: 0;
  text-align: start;
  gap: 20px;
}

.contact-us-section li span {
  width: 100%;
  max-width: calc(50% - 20px);
}

.contact-us-section .content-box-heading {
  font-weight: 700;
  font-size: 22px;
}

.contact-us-section .contact-left-side {
  padding-right: 35px;
}

.contact-us-section .contect-box-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.contact-us-section .time-list {
  column-count: 1;
  margin: 15px 0 0;
  display: flex;
  flex-wrap: wrap;
  max-width: 88%;
}

.contact-us-section .contact-wrapper-inner {
  margin-top: 78px;
}

.contact-us-section .contact-form {
  background: #2e0e48;

  padding: 46px 60px;

  border-radius: 27px;
}

.contact-us-section .form-wrapper {
  margin-top: 30px;
}

.contact-us-section .form-wrapper .form-control {
  outline: none;
  border: 1px solid var(--white);
  border-radius: 114px;
  padding: 18px 32px;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  background: #2d0e49;
  color: var(--white);
  box-shadow: none;
}

.contact-us-section .form-wrapper .form-control::placeholder {
  color: var(--white);
}

.contact-us-section .form-wrapper .form-control {
  margin: 0 0 22px;
}

.form-wrapper .btn-wrapper {
  margin-top: 48px;
}

.form-wrapper .btn {
  width: 100%;

  font-size: 18px;

  line-height: 20px;

  padding: 19px 42px;
}

/* Footer-css-start */

.footer-section {
  padding-bottom: 0;
}

.footer-section .footer-top {
  width: 100%;

  display: flex;

  flex-wrap: wrap;

  gap: 30px;

  justify-content: space-between;

  padding-bottom: 37px;
}

.footer-inner.logo-section {
  flex: 0 0 422px;
}

.footer-section p {
  font-size: 15px;

  line-height: 21px;

  margin: 14px 0 22px;
}

.footer-section .footer-content .btn {
  font-size: 18px;

  font-weight: 400;

  line-height: 21px;

  padding: 6px 18px;
}

.footer-section h6 {
  margin-bottom: 23px;
}

.footer-section .footer-link-list a {
  font-size: 15px;

  font-weight: 400;

  line-height: 18px;

  position: relative;

  transition: all 0.3s ease-in-out;
}

.footer-section .footer-link-list a:hover {
  color: var(--primary);
}

.footer-section .footer-link-list a:before {
  content: "";

  position: absolute;

  bottom: -2px;

  background: var(--primary);

  height: 1px;

  width: 100%;

  display: inline-block;

  width: 0;

  opacity: 0;

  transition: all 0.4s linear;
}

.footer-section .footer-link-list a:hover:before {
  opacity: 1;

  width: 100%;
}

.footer-section .footer-link-list {
  column-count: 2;
}

.footer-section .footer-link-list li {
  margin: 0 47px 23px 0;
}

.footer-section .social-link-list {
  display: inline-flex;

  align-items: center;

  gap: 15px;
}

.footer-section .social-link-list a {
  display: flex;

  align-items: center;

  justify-content: center;

  background: var(--secondary);

  border-radius: 50%;

  width: 32px;

  height: 32px;

  transition: all 0.3s ease-in-out;
}

.footer-section .social-link-list a:hover {
  transform: translateY(-10px);
}

.footer-section .social-link-list i {
  color: var(--white);
}

.footer-section .footer-bottom {
  border-top: 1px solid #e3e3e3;
  padding: 28px 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-section .footer-bottom .copyright-text {
  margin: 0;

  text-align: center;

  color: #a3a3a3;

  font-size: 14px;

  line-height: 26px;

  font-weight: 400;
}

/* Tax-Planning-Page-css-start */

.banner-section.main-banner {
  padding: 60px 0;

  background: url("../images/tax-planning-bnr.png") no-repeat;

  background-size: cover;

  height: 100%;

  position: relative;

  z-index: 1;

  min-height: 428px;

  display: flex;

  align-items: center;
}

.banner-section.main-banner::before {
  background: linear-gradient(270deg,
      rgba(250, 127, 44, 0) 4.27%,
      #fa7f2c 87.14%);

  max-width: 1357px;

  height: 428px;
}

.banner-section.main-banner .main-heading {
  max-width: 570px;
}

.banner-section.main-banner h1 {
  font-size: 62px;

  line-height: 56px;

  margin-bottom: 24px;
}

.main-heading p {
  color: var(--white);

  font-size: 20px;

  line-height: 30px;
}

.what-do-list {
  list-style: disc;
}

.tax-planning-page .what-do-list strong,
.tax-preparation-page .what-do-list strong {
  display: inline-block;
}

.tax-planning-page .about-sec h5 {
  margin: 0 0 10px;
}

.tax-planning-page .about-sec .content-wrapper {
  margin: 0 0 16px;
}

.tax-planning-page .about-content-box h6 {
  font-size: 22px;

  font-weight: 700;

  line-height: 42px;

  margin: 0 0 15px;
}

.tax-planning-list {
  column-count: 2;

  margin: 0 0 35px;
}

.tax-planning-list li {
  display: inline-flex;

  gap: 14px;

  font-weight: 700;

  font-size: 18px;

  line-height: 21px;

  margin: 0 20px 18px 0;
}

.tax-planning-page .about-sec {
  padding: 72px 0 96px;
}

/* Banner-images-of-all-pages-css */

.tax-preparation-page .banner-section.main-banner {
  background: url("../images/tax-preparation-bnr.png") no-repeat;
}

.audit-consultation-page .banner-section.main-banner {
  background: url("../images/audit-consultation-bnr.png") no-repeat;
}

.monthly-bookkeeping-page .banner-section.main-banner {
  background: url("../images/monthly-bookkeeping-bnr.png") no-repeat;
}

.contact-us-page .banner-section.main-banner {
  background: url("../images/contact-us-bnr.png") no-repeat;
}

.about-us-page .banner-section.main-banner {
  background: url("../images/about-us-bnr.png") no-repeat;
}

/* About-us-Page-css-start */

.about-wrapper.space-box .row {
  margin-bottom: 98px;
}

.about-wrapper.space-box .row:last-child {
  margin-bottom: 0;
}

.about-wrapper .about-img-box {
  position: relative;
}

.about-wrapper .about-edu-box {
  border-radius: 51px 11px 11px 11px;
  padding: 28px 48px 115px 39px;
  background: var(--secondary);
  max-width: 401px;
  width: 100%;
  position: absolute;
  bottom: -100px;
  right: 100px;
  color: var(--white);
  overflow: hidden;
}

.about-wrapper .about-edu-list li {
  color: var(--white);
  display: inline-flex;
  align-items: center;
  gap: 11px;
}

.about-wrapper .about-edu-list p {
  font-size: 20px;
  line-height: 45px;
  color: var(--white);
}

.about-wrapper .about-edu-box:after {
  content: '';
  position: absolute;
  background: #7b39b0;
  width: 288px;
  height: 288px;
  bottom: -193px;
  right: -60px;
  border-radius: 50%;
}

.about-wrapper .about-bulb-img {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  z-index: 1;
  position: absolute;
  right: 48px;
  bottom: 36px;
}

.about-wrapper .about-bulb-img img {
  height: auto;
}

.about-sec .about-wrapper h5 {
  margin: 0 0 12px;
}


.what-do-list strong {
  display: block;
}

.what-do-list li {
  margin: 0 0 32px;
}

.about-sec .what-do-list p {
  color: var(--grey);
}

.about-us-page .about-sec {
  padding: 72px 0;
}

.about-us-page .about-content-box .heading {
  margin: 0 0 18px;
}

.known-for-section .card-wrapper-inner {
  padding: 0;
}

.about-us-page .known-for-section .gauranteed-box-wrapper {
  background: var(--white);
}

.known-for-section .gauranteed-box-wrapper {
  padding: 60px 54px;

  height: 100%;

  border-radius: 20px;

  color: var(--grey);

  position: relative;
}

.known-for-section .gauranteed-box {
  gap: 34px;

  flex-direction: column;
}

.known-for-section .heading {
  color: var(--heading);

  margin: 0 0 16px;
}

.known-for-section p {
  color: var(--grey);
}

.known-for-section .btn-wrapper {
  text-align: center;

  margin-top: 48px;
}

.known-for-section p {
  margin: 0 0 16px;
}

.known-for-section p:last-child {
  margin: 0;
}

.choose-us-wrapper .about-img-box img,
.audit-tab-img img {
  margin: 0 auto;

  position: relative;
}

.choose-us-wrapper .about-img-box {
  position: relative;
}

.choose-us-section {
  position: relative;

  z-index: 0;

  overflow: hidden;
}

.wave-shape:before {
  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  background: url("../images/wave-img.svg") no-repeat;

  background-size: contain;

  background-position: right center;

  z-index: -1;
}

.choose-us-wrapper .about-img-box:after {
  content: "";

  position: absolute;

  width: 40px;

  height: 40px;

  background: linear-gradient(226.78deg, #ffc92b 14.66%, #f68b62 85.36%);

  left: 115px;

  top: 58%;

  transform: translateY(-42%);

  border-radius: 50%;

  z-index: 2;
}

.about-content-box {
  padding-right: 80px;
}

.choose-us-section .content-wrapper {
  margin: 0 0 20px;
}

.choose-us-section .btn-wrapper {
  margin-top: 43px;
}

.choose-us-section .known-for-section .gauranteed-box-wrapper {
  margin: 0 15px;
}

.tax-preparation-page .what-do-list li {
  margin: 0 0 25px;
}

/* Audit-Consultation-page-css */

.audit-consultation-section {
  padding-bottom: 88px;
}

.audit-consultation-wrapper {
  display: grid;

  grid-template-columns: repeat(3, 1fr);

  align-items: center;
}

.audit-consultation-wrapper .our-service-wrapper {
  grid-template-columns: 1fr;

  grid-gap: 36px;
}

.audit-consultation-wrapper .audit-box-wrapper.left-side {
  margin-right: -36px;
}

.audit-consultation-wrapper .audit-box-wrapper.right-side {
  margin-left: -36px;
}

.audit-consultation-wrapper .our-service-box {
  background-color: var(--white);

  border-color: var(--white);

  box-shadow: -49px -3px 145.5px 0px #e7e7e7;
}

.audit-consultation-wrapper .our-service-box .icon {
  min-width: 45px;

  width: 45px;

  height: 45px;
}

.our-service-box .our-service-content {
  padding-left: 22px;

  padding-right: 10px;
}

.audit-consultation-wrapper h5 {
  font-size: 22px;

  line-height: 25px;

  margin: 0 0 14px;
}

.audit-box-wrapper.middle img {
  margin: 0 auto;

  height: 100%;
}

/* Audit-tab-section-css */

.audit-benefits-section {
  padding-bottom: 138px;
}

.audit-benefits-tabs .nav-link {
  font-family: Arial;

  font-size: 26px;

  font-weight: 400;

  line-height: 27px;

  text-align: left;

  color: var(--heading);

  padding: 2px 0;

  background: transparent !important;

  margin: 0 0 36px;

  width: auto;

  display: inline-block;

  position: relative;
}

.audit-benefits-tabs .nav-link:before {
  height: 2px;
}

.audit-benefits-tabs .nav-pills .nav-link:hover,
.audit-benefits-tabs .nav-pills .nav-link.active,
.audit-benefits-tabs .nav-pills .show>.nav-link {
  color: var(--primary);
}

.audit-benefits-tabs .nav-pills .nav-link.active {
  font-weight: 600;
}

.audit-benefits-tabs .nav {
  display: inline-flex;

  width: auto;

  padding: 0 0 0 100px;
}

.audit-tab-content-inner {
  position: relative;
}

.audit-tab-img {
  max-width: 720px;

  margin: 0 auto;
}

.audit-tab-img img {
  border-radius: 15px;

  object-fit: cover;

  width: 100%;
}

.audit-content-box {
  position: absolute;

  left: -10px;

  bottom: -10px;

  max-width: 487px;

  border-radius: 10px;

  padding: 32px 35px;

  box-shadow: 0 0 0px 10px var(--primary-light);
}

.audit-content-box p {
  color: var(--white);

  font-size: 20px;

  line-height: 26px;
}

/* Book-Keeping-service-css */

.book-keeping-service {
  padding-bottom: 84px;
}

.book-keeping-service h2 {
  margin: 0 0 17px;
}

.book-keeping-service.choose-us-section p {
  line-height: 24px;
}

.book-keeping-service .heading-wrapper {
  margin: 0 auto 47px;

  max-width: 1277px;
}

.book-keeping-service .subtitle {
  margin: 0 0 20px;

  color: var(--heading);
}

.book-keeping-service .about-content-box {
  column-count: 2;

  padding-right: 0;
}

.book-keeping-service .about-content-box .content-wrapper {
  padding-right: 40px;

  margin: 0 0 45px;
}

.book-keeping-service.choose-us-section .btn-wrapper {
  margin-top: 0;
}

/* Our-client-section-css */

.our-client-section.known-for-section .gauranteed-box-wrapper {
  padding: 0 15px;
}

.our-client-section.known-for-section .gauranteed-box {
  gap: 16px;

  height: 100%;

  justify-content: space-between;
}

.our-client-section .our-client-wrapper {
  margin: 63px 0 51px;
}

.our-client-section .gauranteed-box .icon {
  min-width: 60px;

  min-height: 63px;
}

/* Deductible-expense-css */

.deductible-expense-section {
  padding: 0 0 83px;
}

.deductible-expense-section .card-wrapper-inner {
  padding: 68px 70px 100px;

  max-width: 1478px;

  margin: 0 auto;

  border-radius: 20px;

  position: relative;

  z-index: 1;

  overflow: hidden;
}

.deductible-expense-section .card-wrapper-inner:before {
  content: "";

  position: absolute;

  background: url("../images/primary-bg-layer.png") no-repeat;

  width: 100%;

  height: 100%;

  background-size: contain;

  top: 0;

  left: 0;

  z-index: -1;

  background-position: right center;
}

.deductible-expense-section.known-for-section .gauranteed-box-wrapper {
  padding: 0;
}

.deductible-expense-section.known-for-section .gauranteed-box {
  gap: 25px;

  height: 100%;

  align-items: center;
}

.deductible-expense-section.known-for-section .our-client-wrapper {
  margin: 75px auto 0;
}

.deductible-expense-section.known-for-section .heading {
  margin: 0;

  font-size: 22px;
}

/* Video-section-css  */

.video-section {
  padding: 0;
}

.video-wrapper {
  position: relative;
}

.video-wrapper video {
  width: 100%;
  height: 100%;
  display: block;
}

.video-wrapper .video-icon {
  display: inline-block;

  min-width: 120px;

  position: absolute;

  top: 50%;

  left: 50%;

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

.navbar .navbar-toggler {
  padding: 0;

  align-items: center;

  justify-content: center;

  outline: none;

  box-shadow: none;
}

.navbar .navbar-toggler .navbar-toggler-icon {
  width: auto;

  height: auto;

  position: relative;

  z-index: 1;
}

.navbar .navbar-toggler .navbar-toggler-icon i {
  font-size: 25px;

  color: var(--primary);
}

.nav-menu-wrapper .navbar-nav:after {
  position: absolute;

  content: "";

  width: 100%;

  max-width: 100%;

  height: 95.3%;

  left: -54%;

  top: -50%;

  z-index: 1;

  background-color: var(--primary-light);

  border-radius: 100%;

  transform: scale(0, 0);

  transition: all 0.3s linear;
}

.navbar-collapse.nav-menu-wrapper.collapse.show .navbar-nav:after {
  transform: scale(2.3, 1.79);
}

.navbar-collapse.nav-menu-wrapper::after {
  position: absolute;

  content: "";

  width: 100%;

  max-width: 900px;

  height: 95%;

  left: -54%;

  top: -50%;

  z-index: 0;

  background-color: var(--primary);

  border-radius: 100%;

  transform: scale(0, 0);

  transition: all 0.3s linear;
}

.navbar-collapse.nav-menu-wrapper.show::after {
  transform: scale(2.7, 1.8);
}

.overlay-active {
  overflow: hidden;
}

.overlay-active:before {
  opacity: 0.5;

  z-index: 2;
}

body:before {
  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  background: #000;

  z-index: -1;

  opacity: 0;

  transition: opacity 0.4s linear;
}

.navbar-toggler .cross-icon {
  display: none;
}

.navbar-toggler[aria-expanded="true"] .cross-icon i {
  font-size: 42px;
}

.navbar-toggler[aria-expanded="true"] .cross-icon {
  display: flex;

  position: fixed;

  left: 0;

  right: 0;

  top: auto;

  bottom: 50px;

  padding: 0;

  outline: none;

  z-index: 9;

  margin: 0 auto;

  width: 48px;

  height: 48px;

  border-radius: 50%;

  text-align: center;

  transition-delay: 0.3s;

  background: var(--primary-light);

  display: flex;

  align-items: center;

  justify-content: center;
}

.navbar-toggler .cross-icon::before {
  content: "";

  border: 0;

  position: absolute;

  z-index: 0;

  left: 50%;

  top: 50%;

  transform: translateX(-50%) translateY(-50%);

  display: block;

  width: 80px;

  height: 80px;

  border-radius: 50%;

  animation: zoomBig 3.25s linear infinite;

  animation-delay: 0s;

  -webkit-animation-delay: 0.75s;

  animation-delay: 0.75s;

  background: var(--primary-light);

  opacity: 0.3;

  z-index: -1;
}

.navbar-toggler .cross-icon::after {
  content: "";

  border: 0;

  position: absolute;

  z-index: 0;

  left: 50%;

  top: 50%;

  transform: translateX(-50%) translateY(-50%);

  display: block;

  width: 80px;

  height: 80px;

  border-radius: 50%;

  animation: zoomBig 3.25s linear infinite;

  animation-delay: 0s;

  -webkit-animation-delay: 0s;

  animation-delay: 0s;

  background: var(--primary-light);

  opacity: 0.3;

  z-index: -1;
}

@keyframes zoomBig {
  0% {
    transform: translate(-50%, -50%) scale(0.5);

    opacity: 1;

    border-width: 3px;
  }

  40% {
    opacity: 0.5;

    border-width: 2px;
  }

  65% {
    border-width: 1px;
  }

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

    opacity: 0;

    border-width: 1px;
  }
}

/*15-07-2024*/

.sub-menu-toggle,
.navbar-expand-lg .navbar-nav .dropdown .nav-link::before {
  display: none;
}

.navbar-expand-lg .navbar-nav .dropdown {
  padding: 0 15px 0 0;

  cursor: pointer;
}

.navbar-expand-lg .navbar-nav .dropdown>.nav-link::after {
  content: "";

  position: absolute;

  background: url("../images/down-arrow-black.svg");

  background-size: contain;

  top: auto;

  bottom: 40%;

  right: -25px;

  left: auto;

  background-repeat: no-repeat;

  transform: translateY(-60%);

  z-index: 2;

  width: 15px;

  height: 9px;

  transition: all 0.3s ease-in-out;
}

.navbar-expand-lg .navbar-nav .dropdown:hover>.nav-link::after {
  transform: rotate(180deg) translateY(50%);
}

.footer-inner.logo-section img {
  max-width: 150px !important;
}

.contact-us-section .form-wrapper .wpcf7-not-valid-tip {
  position: inherit;
  height: auto;
  min-height: auto;
  font-size: 12px;
  line-height: normal;
  margin: 0;
  display: inline-block;
  left: 25px;
  bottom: 20px;
}

.contact-us-section .wpcf7 form .wpcf7-response-output {
  font-size: 14px;
  text-align: center;
  margin: 0;
  padding: 6px;
}

.contact-us-section .wpcf7 form.invalid .wpcf7-response-output {
  border-color: red;
}

.contact-us-section textarea {
  border-radius: 20px;
  resize: none;
  height: 150px;
  outline: none;
  border: 1px solid var(--white);
  padding: 18px 32px;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  background: #2d0e49;
  color: var(--white);
  box-shadow: none;
  width: 100%;
}

.contact-us-section textarea::placeholder {
  color: #fff;
}

.contact-us-section .form-wrapper .field label {
  margin-bottom: 14px;
  font-size: 16px;
}

#datepicker i {
  color: #fff !important;
}

.appointment-modal .modal-dialog {
  max-width: 900px;
}

.appointment-modal .modal-content {
  padding: 20px;
  border-radius: 20px;
}

.appointment-modal .modal-header {
  padding: 0;
  border: 0;
  justify-content: flex-end;
}

.appointment-modal .modal-header .btn-close {
  padding: 0;
  margin: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  opacity: 1;
  background: transparent url(/wp-content/uploads/2024/07/times-solid.svg) no-repeat center / contain;
  background-size: 12px;
  background-color: var(--primary);
}

.appointment-modal .field {
  margin: 0 0 10px;
}

.appointment-modal .field .form-control,
.appointment-modal .field textarea {
  outline: none;
  border: 1px solid #dee2e6;
  border-radius: 114px;
  padding: 12px 32px;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  background: #fff;
  color: var(--white);
  box-shadow: none;
  color: #000;
}

.appointment-modal .field .form-control::placeholder,
.appointment-modal .field textarea::placeholder {
  font-size: 14px;
}

.appointment-modal .field textarea {
  width: 100%;
  border-radius: 13px;
  height: 160px;
  min-height: 160px;
  padding: 12px 32px;
  border-color: #dee2e6;
  resize: none;
}

.appointment-modal label {
  font-size: 14px;
  line-height: normal;
  color: #000;
  margin-bottom: 10px;
}

.appointment-modal .wpcf7-not-valid-tip {
  font-size: 14px;
  margin-left: 20px;
}

.appointment-modal .field .form-control::-ms-value {
  font-size: 14px;
}

.appointment-modal form {
  display: flex;
  flex-wrap: wrap;
}

.appointment-modal form .field {
  width: 50%;
  padding: 0 10px;
}

.appointment-modal form .field.custom-text-area {
  width: 100%;
}

.appointment-modal .field .form-control {
  color: #00000096;
}

.contact-us-section .contact-form .form-wrapper .btn {
  background: var(--primary);
  color: #fff;
}

.appointment-modal .modal-body {
  padding: 0;
  margin-top: 20px;
}

/* FAQ-section css start (31-07-2024) */

.faq-section .accordion-button {
  box-shadow: none;
  background: transparent;
  outline: none;
  border: 0;
  color: #000;
  font-size: 18px;
  line-height: normal;
  padding: 18px 20px;
  font-family: 'Arial';
  font-weight: 600;
  transition: all 0.3s ease-in-out;
}

.faq-section .accordion-button[aria-expanded=true] {
  color: var(--primary);
}

.faq-section .faq-wrapper {
  max-width: 90%;
  margin: 0 auto;
}

.faq-section .accordion-item {
  border: 0;
  border-bottom: 1px solid #dfdae3;
}

.faq-section .accordion-body {
  padding: 6px 20px 18px 20px;
  font-size: 16px;
  line-height: 26px;
  color: var(--grey);
}
.faq-section .accordion-button::after {
  display: none;
}

.faq-section .accordion-header {
  position: relative;
}

.faq-section .accordion-icon {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.faq-section .accordion-button::before,
.faq-section .accordion-button::after {
  content: '';
  position: absolute;
  background: var(--black);
  height: 2px;
  width: 12px;
  display: inline-block;
  right: 20px;
  transition: all 0.3s ease-in-out;
}

.faq-section .accordion-button::after {
  transform: rotate(-90deg);
}

.faq-section .accordion-button[aria-expanded=true]:after {
  opacity: 0;
}

.faq-section .accordion-button[aria-expanded=true]:before,
.faq-section .accordion-button[aria-expanded=true]:before {
  background: var(--primary);
}

.wa__popup_powered {
  display: none !important;
}