/* @import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap"); */
@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Questrial&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Questrial&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");

* {
  padding: 0;
  margin: 0;
}

:root {
  --55A747: #55a747;
  --063D60: #063d60;
  --FFF7DF: #fff7df;
  --FFFAEB: #fffaeb;
  --B3B3B3: #b3b3b3;
  --E7E7E7: #e7e7e7;
  --FFFFFF: #ffffff;
  --848484: #848484;
  --396E28: #396e28;
  --FFE500: #ffe500;
  --091208: #091208;
  --18BFA536: #18bfa536;
}

.nunito-400 {
  font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.nunito-400-italic {
  font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: italic;
}

.nunito-500 {
  font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.nunito-600 {
  font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

.nunito-700 {
  font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.nunito-italic-700 {
  font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: italic;
}

.questrial-600 {
  font-family: "Questrial", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.questrial-700 {
  font-family: "Questrial", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.questrial-800 {
  font-family: "Questrial", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.roboto-400 {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.roboto-400-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.roboto-700 {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.roboto-500 {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.bg-55A747 {
  background-color: var(--55A747);
}

.bg-063D60 {
  background-color: var(--063D60);
}

.bg-FFF7DF {
  background-color: var(--FFF7DF);
}

.bg-FFFAEB {
  background-color: var(--FFFAEB) !important;
}

.bg-FFFFFF-hover {
  transition: background-color 0.3s ease;
}

.bg-FFFFFF-hover:hover {
  background-color: var(--FFFFFF) !important;
}

.bg-396E28-hover {
  transition: background-color 0.3s ease;
}

.bg-396E28-hover:hover {
  background-color: var(--396E28);
}

.linear-gradient-FFF7DF-55A747-90deg {
  background-color: transparent;
  background-image: linear-gradient(90deg, var(--FFF7DF) 55%, var(--55A747) 0%);
}

.linear-gradient-FFF7DF-55A747-270deg {
  background-color: transparent;
  background-image: linear-gradient(
    270deg,
    var(--FFF7DF) 55%,
    var(--55A747) 0%
  );
}

.color-55A747 {
  color: var(--55A747);
}

.color-063D60 {
  color: var(--063D60) !important;
}

.color-B3B3B3 {
  color: var(--B3B3B3);
}

.color-FFF7DF {
  color: var(--FFF7DF);
}

.color-848484 {
  color: var(--848484);
}

.color-FFE500 {
  color: var(--FFE500);
}

.color-FFFFFF {
  color: var(--FFFFFF) !important;
}

.color-091208 {
  color: var(--091208) !important;
}

.color-55A747-hover {
  transition: color 0.3s ease;
}

.color-55A747-hover:hover {
  color: var(--55A747) !important;
}

.color-396E28-hover {
  transition: color 0.3s ease;
}

.color-396E28-hover:hover {
  color: var(--396E28) !important;
}

.font-12 {
  font-size: 12px;
}

.font-13 {
  font-size: 13px;
}

.font-14 {
  font-size: 14px;
}

.font-17 {
  font-size: 17px;
}

.font-18 {
  font-size: 18px;
}

.font-20 {
  font-size: 20px;
}

.font-22 {
  font-size: 22px;
}

.font-24 {
  font-size: 24px;
}

.font-25 {
  font-size: 25px;
}

.font-32 {
  font-size: 32px;
}

.font-33 {
  font-size: 33px;
}

.font-35 {
  font-size: 35px;
}

.font-40 {
  font-size: 40px;
}

.font-48 {
  font-size: 48px;
}

.font-50 {
  font-size: 50px;
}

.font-54 {
  font-size: 54px;
}

.width-88 {
  width: 88px;
}

.width-90 {
  width: 90px;
}

.width-200 {
  width: 200px;
}

.min-width-14em {
  min-width: 14em !important;
}

.max-width-1000px {
  max-width: 1000px !important;
}

.height-55 {
  height: 55px;
}

.height-88 {
  height: 88px;
}

.height-200 {
  height: 200px;
}

.height-300 {
  height: 300px;
}

.p-8 {
  padding: 8px;
}

.p-10 {
  padding: 10px;
}

.p-15 {
  padding: 15px;
}

.p-17 {
  padding: 17px;
}

.p-28 {
  padding: 28px;
}

.p-30 {
  padding: 30px;
}

.p-40 {
  padding: 40px;
}

.p-60-0 {
  padding: 60px 0px;
}

.p-50-0 {
  padding: 50px 0px;
}

.p-70-0 {
  padding: 70px 0px;
}

.p-80-0 {
  padding: 80px 0px;
}

.p-13-25 {
  padding: 13px 25px;
}

.p-100-0 {
  padding: 100px 0px;
}

.p-17-37 {
  padding: 17px 37px !important;
}

.p-15-20 {
  padding: 15px 20px;
}

.p-15-0-5 {
  padding: 15px 0 5px;
}

.p-23-0-0 {
  padding: 23px 0px 0px;
}

.p-0-0-100 {
  padding: 0px 0px 100px;
}

.p-13-20-13-28 {
  padding: 13px 20px 13px 28px;
}

.p-43-45-25 {
  padding: 43px 45px 25px;
}

.p-40-50-30 {
  padding: 40px 50px 30px;
}

.p-50-0-0-0 {
  padding: 50px 0px 0px 0px;
}

.p-7-7-0-5 {
  padding: 7px 7px 0 5px;
}

.p-20-0-0-0 {
  padding: 20px 0px 0px 0px;
}

.p-10-10-2-8 {
  padding: 10px 10px 2px 8px;
}

.p-40-0-24-0 {
  padding: 40px 0px 24px 0px;
}

.p-55-0-0-0 {
  padding: 55px 0px 0px 0px;
}

.p-40-0-60-0 {
  padding: 40px 0px 60px 0px;
}

.p-50-0-60-0 {
  padding: 50px 0px 60px 0px;
}

.p-50-0-100-0 {
  padding: 50px 0px 60px 0px;
}

.p-6-0-6-0 {
  padding: 6px 0px 6px 0px;
}

.m--20-0-0 {
  margin: -20px 0 0;
}

.m-40-0-0 {
  margin: 40px 0 0;
}

.m-0-0-35-0 {
  margin: 0px 0px 35px 0px;
}

.m-0-0-40-0 {
  margin: 0px 0px 40px 0px;
}

.m-10-0-0-0 {
  margin: 10px 0px 0px 0px;
}

.m-0-15-0-0 {
  margin: 0px 15px 0px 0px;
}

.m-0-0-14-0 {
  margin: 0px 0px 14px 0px;
}

.m-0-0-15-0 {
  margin: 0px 0px 15px 0px;
}

.m-20-0-0-0 {
  margin: 20px 0px 0px 0px;
}

.m-25-0-0-0 {
  margin: 25px 0px 0px 0px;
}

.m-30-0-0-0 {
  margin: 30px 0px 0px 0px;
}

.m-0-0-20-0 {
  margin: 0px 0px 20px 0px;
}

.m-0-0-32-0 {
  margin: 0px 0px 32px 0px;
}

.m-8-0-16-0 {
  margin: 8px 0px 16px 0px;
}

.m-0-0-60-0 {
  margin: 0px 0px 60px 0px;
}

.m-0-0--84-0 {
  margin: 0px 0px -84px 0px !important;
}

.m-40-0-60-0 {
  margin: 40px 0px 60px 0px;
}

.m-0-30-0--50 {
  margin: 0 30px 0 -50px;
}

.border-063D60 {
  border-color: var(--063D60) !important;
}

.border-E7E7E7 {
  border-color: var(--E7E7E7) !important;
}

.border-18BFA536 {
  border-color: var(--18BFA536) !important;
}

.border-55A747-hover {
  transition: border-color 0.3s ease;
}

.border-55A747-hover:hover {
  border-color: var(--55A747) !important;
}

.border-radius-5 {
  border-radius: 5px;
}

.border-radius-7 {
  border-radius: 7px;
}

.border-radius-0-0-20 {
  border-radius: 0px 0px 20px;
}

.border-radius-0-0-21 {
  border-radius: 0px 0px 21px;
}

.border-radius-0-0-30 {
  border-radius: 0px 0px 30px;
}

.border-radius-0-0-40 {
  border-radius: 0px 0px 40px;
}

.border-radius-0-0-50 {
  border-radius: 0px 0px 50px;
}

.text-justify {
  text-align: justify;
}

.box-shadow-0-0-10-0 {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.03);
}

.box-shadow-0-0-10-0-19 {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.19);
}

.box-shadow-0-5-15-0 {
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);
}

.transform-10--28 {
  transform: translate(10px, -28px);
}

.transform-0--84 {
  transform: translate(0px, -84px);
  margin-bottom: -20px;
}

.gap-30 {
  gap: 30px;
}

.z-index-1 {
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .bg-t-063D60 {
    background-color: var(--063D60) !important;
  }

  .bg-t-FFF7DF {
    background-color: var(--FFF7DF);
  }

  .bg-img-none {
    background-image: none;
  }

  /* .linear-gradient-FFF7DF-55A747-270deg {
    background-image: none;
  } */

  .color-t-000000 {
    color: #000000 !important;
  }

  .font-t-12 {
    font-size: 12px;
  }

  .m-0 {
    margin: 0px 0px 0px 0px !important;
  }

  .m-t-84-0-0-0 {
    margin: 84px 0px 0px 0px !important;
  }

  .transform-0 {
    transform: translate(0px, 0px) !important;
  }

  #testimonials-slider .slick-track {
    gap: 10px !important;
  }

  /* NAVBAR AND BANNER CSS STARTS */

  .dropdown-icon-caret-down {
    display: none;
  }

  .dropdown-t-icon-angle-down {
    display: inline;
  }

  .services-submenu {
    display: none;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, opacity 0.3s ease;
  }

  /* Class to show submenu when toggled */
  .services-submenu.show {
    display: block;
    opacity: 1;
    max-height: 500px;
    /* or set to an approximate height based on content */
  }

  /* NAVBAR AND BANNER CSS ENDS */
}

@media screen and (max-width: 426px) {
  .bg-m-FFF7DF {
    background-color: var(--FFF7DF);
  }

  .linear-gradient-FFF7DF-55A747-90deg {
    background-image: none;
  }

  .color-m-063D60 {
    color: var(--063D60);
  }

  .font-m-12 {
    font-size: 12px;
  }

  .m-m-0 {
    margin: 0px;
  }

  .m-m-0-0-20-0 {
    margin: 0px 0px 20px 0px;
  }

  .m-m-0-0-40-0 {
    margin: 0px 0px 40px 0px;
  }
}

/* LOCATION ICON CSS START */

.location-icon {
  transform-origin: 50% 100%;
  /* Keep the bottom point fixed */
}

/* Trigger jump and then shake animation when hovering on the address-card */
.address-card:hover .location-icon {
  animation: jump 0.4s ease, bend-shake 0.6s infinite ease-in-out 0.4s;
  /* First animation: jump (0.4s) */
  /* Second animation: shake starts after a 0.4s delay */
}

/* Jump animation (moves icon up and back down) */
@keyframes jump {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-10px);
    /* Jump up */
  }

  100% {
    transform: translateY(0);
    /* Return to original position */
  }
}

/* Shake animation (wobbles icon) */
@keyframes bend-shake {
  0% {
    transform: rotate(0deg);
  }

  25% {
    transform: rotate(-5deg);
  }

  50% {
    transform: rotate(5deg);
  }

  75% {
    transform: rotate(-5deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

/* LOCATION ICON CSS END */

/* OUR SERVICES CSS START */

#our-services .our-services-list {
  list-style: none;
  padding-left: 0;
}

#our-services .our-services-list .our-services-menu::before {
  content: "\00BB";
  padding-right: 10px;
  font-weight: bold;
  align-self: center;
}

/* OUR SERVICES CSS END */

/* GREETINGS CSS STARTS */

/* For WebKit browsers (Chrome, Safari) */
.greetings-text::-webkit-scrollbar {
  width: 5px;
}

.greetings-text::-webkit-scrollbar-thumb {
  background-color: #55a747;
  /* Set thumb color */
}

.greetings-text::-webkit-scrollbar-track {
  background: #fff;
}

/* Hide scrollbar buttons (arrows) */
.greetings-text::-webkit-scrollbar-button {
  display: none;
}

/* GREETINGS CSS ENDS */

/* TESTIMONIALS CSS STARTS */

#testimonials-slider .slick-track {
  display: flex;
  gap: 30px;
}

/* TESTIMONIALS CSS ENDS */

/* BLOGS CSS STARTS */

.Shadow-background {
  position: relative;
  overflow: hidden;
  /* Ensure the shadow stays within the div */
}

.Shadow-background::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* Adjust the height of the shadow as needed */
  background: rgba(6, 61, 96, 0.8);
  /* Adjust opacity and color */
  z-index: 0;
}

.Shadow-background .text-white {
  position: relative;
}

/* BLOGS CSS ENDS */

/* SERVICES PROPRITERSHIP CSS START */

.sidebar {
  position: sticky;
  top: 10px;
  height: auto;
}

.accordion-button::after {
  content: "\f067";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  right: 1rem;
  transition: transform 0.3s ease;
  display: inline-block;
  width: 1em;
  text-align: center;
  background-image: none;
}

.accordion-button:not(.collapsed)::after {
  content: "\f068";
  background-image: none;
}

/* SERVICES PROPRITERSHIP CSS START */

.offcanvas {
  transition: transform 0.5s cubic-bezier(0.5, 0, 0.5, 1); /* Adjusted duration and easing */
}

/* NAVBAR AND BANNER CSS START */

/* Change the color of active navigation items to green */
.nav-item .nav-link.active {
  color: #55a747 !important;
}

.nav-item .services-submenu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
}

.nav-item.dropdown:hover .services-submenu {
  display: block;
}

/* Hide the nested submenu initially */
.nav-item .services-submenu .startup-submenu,
.nav-item .services-submenu .registration-licences-submenu,
.nav-item .services-submenu .taxes-compliance-submenu {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  padding: 10px;
  z-index: 1;
}

.nav-item .services-submenu .registration-licences-submenu {
  top: 51px;
}

.nav-item .services-submenu .taxes-compliance-submenu {
  top: 149px;
}

/* Show the nested submenu on hover */
.nav-item .services-submenu li:hover .startup-submenu,
.nav-item .services-submenu li:hover .registration-licences-submenu,
.nav-item .services-submenu li:hover .taxes-compliance-submenu {
  display: block;
}

/* Show desktop icon and hide mobile icon by default */
.dropdown-icon-caret-down {
  display: inline;
}

.dropdown-t-icon-angle-down {
  display: none;
}

/* NAVBAR AND BANNER CSS END */

/* SERVICES SIDEBAR CSS START */

#services-proprietorship .services-proprietorship-sidebar::-webkit-scrollbar {
  width: 4px;
}

#services-proprietorship
  .services-proprietorship-sidebar::-webkit-scrollbar-thumb {
  background-color: var(--063D60);
  border-radius: 20px;
}

#services-proprietorship
  .services-proprietorship-sidebar::-webkit-scrollbar-track {
  background: var(--FFF7DF);
  border-radius: 20px;
}

/* Hide scrollbar buttons (arrows) */
#services-proprietorship
  .services-proprietorship-sidebar::-webkit-scrollbar-button {
  display: none;
}

/* SERVICES SIDEBAR CSS END */

/* ACCORDION CSS START */

.accordion-button {
  background-color: white;
  /* Set background to white for the button */
  color: black;
  /* Set text color */
  outline: none;
}

.accordion-button:focus {
  outline: none;
  /* Remove outline on focus */
  box-shadow: none;
  /* Remove any box-shadow if Bootstrap applies one */
}

.accordion-button:not(.collapsed) {
  background-color: white;
  /* Keep background white when open */
  color: black;
  /* Change text color if needed */
}

.accordion-body {
  background-color: var(--FFF7DF);
  /* Set background of body to white */
  color: black;
  /* Set text color */
}

/* ACCORDION CSS END */

/* TABLE CSS START */

.table {
  width: 100%;
  border-collapse: collapse;
}

.table th,
.table td {
  border: 1px solid #cfcfcf;
  padding: 10px;
  text-align: left;
  vertical-align: top;
}

/* TABLE CSS END */

/* CONTACT FORM CSS START */

#contact-us-form .error {
  border-color: red !important;
}

#first_name-error,
#last_name-error,
#email-error,
#phone_no-error,
#comments_questions-error {
  color: red;
}

input:focus,
textarea:focus {
  outline: none; /* Remove default focus outline */
}

/* CONTACT FORM CSS END  */