body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: Poppins;
  margin: 0;
  position: relative;
}
code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace;
}
.custom-width {
  width: 50%;
}
@media (max-width: 400px) {
  .custom-width {
    width: 70%;
  }
}
@media (min-width: 768px) {
  .custom-width {
    width: 85%;
  }
}
p {
  margin-bottom: 0 !important;
}
.whatsapp-button-container {
  bottom: 20px;
  left: 20px;
  position: fixed;
  z-index: 100;
}
.call-button-container {
  bottom: 20px;
  position: fixed;
  right: 20px;
  z-index: 100;
}
.App {
  text-align: center;
}
.App-logo {
  height: 40vmin;
  pointer-events: none;
}
@media (prefers-reduced-motion: no-preference) {
  .App-logo {
    animation: App-logo-spin 20s linear infinite;
  }
}
.App-header {
  align-items: center;
  background-color: #282c34;
  color: #fff;
  display: flex;
  flex-direction: column;
  font-size: calc(10px + 2vmin);
  justify-content: center;
  min-height: 100vh;
}
.App-link {
  color: #61dafb;
}
@keyframes App-logo-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.hero_slider {
  position: relative;
}
.hero_slider img {
  height: 80vh;
  object-fit: cover;
  width: 100%;
}
@media (max-width: 768px) {
  .hero_slider img {
    height: 100vh;
    object-fit: cover;
    width: 100%;
  }
}
@media (max-width: 425px) {
  .hero_slider img {
    height: 80vh;
    object-fit: cover;
    width: 100%;
  }
}
.hero_content {
  color: #fff;
  font-family: Poppins;
  font-style: normal;
  left: 50%;
  line-height: normal;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 768px) {
  .hero_content {
    width: 80%;
  }
}
.hero_content .title {
  font-size: 52px;
  font-weight: 700;
  margin-bottom: 0;
  text-shadow: 0 4px 10px #00000080;
}
@media (max-width: 1180px) {
  .hero_content .title {
    font-size: 40px;
  }
}
@media (max-width: 1000px) {
  .hero_content .title {
    font-size: 30px;
  }
}
@media (max-width: 768px) {
  .hero_content .title {
    font-size: 22px;
  }
}
.hero_content .description {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 0;
  text-shadow: 0 4px 4px #00000080;
}
@media (max-width: 1180px) {
  .hero_content .description {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .hero_content .description {
    font-size: 12px;
  }
}
.primary_button {
  background: #ffc800;
  border-radius: 10px;
  color: #000;
  cursor: pointer;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  overflow: hidden;
  padding: 10px;
  position: relative;
  transition: 0.5s;
  z-index: 1;
}
.primary_button:before {
  background-color: #000;
  border-radius: 10px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: 0.5s;
  width: 0;
  z-index: -1;
}
.primary_button:hover {
  background-color: #000;
  border-color: #000;
  color: #ffc800;
}
.primary_button:hover img.icon {
  filter: brightness(500%);
}
@media (max-width: 768px) {
  .primary_button {
    font-size: 13px;
    padding: 2px;
  }
}
.primary_button:hover:before {
  width: 100%;
}
.secondary_button {
  background: #000;
  border-radius: 10px;
  color: #ffc800;
  cursor: pointer;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  overflow: hidden;
  padding: 10px;
  position: relative;
  transition: 0.5s;
  z-index: 1;
}
.secondary_button:before {
  background-color: #ffc800;
  border-radius: 10px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: 0.5s;
  width: 0;
  z-index: -1;
}
.secondary_button:hover {
  background: #ffc800;
  border-color: #ffc800;
  color: #000;
}
.secondary_button:hover img.icon {
  filter: contrast(0);
}
@media (max-width: 768px) {
  .secondary_button {
    font-size: 13px;
  }
}
.secondary_button:hover:before {
  width: 100%;
}
.about_us {
  font-family: Poppins;
  font-style: normal;
  line-height: normal;
}
.about_us .welcome {
  color: #000;
  font-size: 24px;
  font-weight: 400;
}
@media (max-width: 768px) {
  .about_us .welcome {
    font-size: 18px;
  }
}
.about_us .title {
  font-size: 49px;
  font-weight: 600;
  line-height: 60px;
}
@media (max-width: 768px) {
  .about_us .title {
    font-size: 30px;
    line-height: 40px;
  }
}
.about_us .description {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 38px;
}
@media (max-width: 768px) {
  .about_us .description {
    font-size: 14px;
  }
}
.about_us .features {
  border: 1.5px solid #999;
  border-radius: 40px;
  margin-top: 77px;
  padding: 7px 15px;
}
@media (max-width: 992px) {
  .about_us .features {
    justify-content: flex-start !important;
    margin-top: 10px;
  }
}
.about_us .features p {
  color: #000;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0;
  margin-left: 10px;
}
@media (max-width: 768px) {
  .about_us .features p {
    font-size: 12px;
  }
}
.benefits {
  margin-bottom: 20px;
  margin-top: 120px;
}
@media (max-width: 768px) {
  .benefits {
    margin-top: 70px;
  }
}
.benefits .title {
  color: #000;
  font-size: 49px;
  font-weight: 600;
}
@media (max-width: 768px) {
  .benefits .title {
    font-size: 30px;
  }
}
.benefits .description {
  color: #000;
  font-size: 24px;
  font-weight: 400;
  margin-top: 25px;
  text-align: center;
}
@media (max-width: 768px) {
  .benefits .description {
    font-size: 18px;
    margin-top: 15px;
  }
}
.benefits .box {
  align-items: center;
  align-self: stretch;
  background: linear-gradient(
    158deg,
    #3b3b3b 14.21%,
    #666 49.33%,
    #191818 115.23%
  );
  border-radius: 20px;
  box-shadow: 0 4px 20px 0 #00000026;
  display: inline-flex;
  flex-direction: column;
  height: 75%;
  margin-top: 75px;
  padding: 50px;
  width: 90%;
}
@media (max-width: 768px) {
  .benefits .box {
    margin-top: 40px;
    padding: 40px;
  }
}
.benefits .box img {
  width: 120px;
}
@media (max-width: 768px) {
  .benefits .box img {
    width: 100px;
  }
}
.benefits .box p {
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 0;
  margin-top: 35px;
}
@media (max-width: 1340px) {
  .benefits .box p {
    font-size: 20px;
    margin-top: 15px;
  }
}
@media (max-width: 768px) {
  .benefits .box p {
    font-size: 16px;
    margin-top: 15px;
  }
}
.services-home {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.services-home .heading {
  font-size: 49px;
  font-weight: 600;
  margin-top: 50px;
  text-align: center;
}
@media (max-width: 768px) {
  .services-home .heading {
    font-size: 36px;
    margin-top: 30px;
  }
}
.services-home .description {
  font-size: 20px;
  font-weight: 400;
  margin-top: 50px;
  text-align: center;
}
@media (max-width: 768px) {
  .services-home .description {
    font-size: 14px;
    margin-top: 30px;
  }
}
.services-home .all_services {
  padding: 0 150px;
}
@media (max-width: 1630px) {
  .services-home .all_services {
    padding: 0 100px;
  }
}
@media (max-width: 1375px) {
  .services-home .all_services {
    padding: 0 30px;
  }
}
@media (max-width: 1200px) {
  .services-home .all_services {
    padding: 0;
  }
}
.services-home .service_box {
  align-self: stretch;
  background: #ffd42633;
  border-radius: 20px;
  box-shadow: 0 4px 20px 0 #0003;
  height: 100%;
  padding: 30px 30px 45px;
  text-align: center;
}
@media (max-width: 768px) {
  .services-home .service_box {
    padding: 8px 8px 25px;
  }
}
.services-home .service_box img {
  height: 139px;
  width: 139px;
}
@media (max-width: 768px) {
  .services-home .service_box img {
    height: 90px;
    width: 90px;
  }
}
.services-home .service_box .service_title {
  color: #000;
  font-size: 24px;
  font-weight: 600;
  margin-top: 38px;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .services-home .service_box .service_title {
    font-size: 18px;
    margin-top: 20px;
  }
}
.services-home .service_box .service_content {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  margin-top: 38px;
  text-align: center;
}
@media (max-width: 768px) {
  .services-home .service_box .service_content {
    font-size: 12px;
    margin-top: 15px;
  }
}
.partners-directors .heading {
  color: #000;
  font-size: 36px;
  font-weight: 600;
}
@media (max-width: 768px) {
  .partners-directors .heading {
    font-size: 24px;
  }
  .partners-directors .directors {
    text-align: center;
  }
}
.partners-directors .directors .director_profile {
  border: 2px solid #d6d6d6;
  border-radius: 20px;
  box-shadow: 0 4px 20px 0 #00000026;
  margin: 20px 0;
  width: -webkit-max-content;
  width: max-content;
}
.partners-directors .directors .name {
  background: #ffd42633;
  background: var(--tiles, #ffd42633);
  color: #000;
  font-size: 22px;
  font-weight: 500;
  line-height: 35px;
  text-transform: capitalize;
}
@media (max-width: 768px) {
  .partners-directors .directors .name {
    font-weight: 18px;
  }
}
.client-slider {
  margin: 100px 0;
}
@media (max-width: 610px) {
  .client-slider {
    margin: 20px 0;
  }
}
.testimonials .outer-div {
  background: #f4f4f4;
  border: 1px solid #e1e1e1;
  border-radius: 20px;
  box-shadow: 0 4px 20px 0 #0000001a;
  padding: 65px;
}
@media (max-width: 768px) {
  .testimonials .outer-div {
    padding: 20px;
  }
}
.testimonials .heading {
  color: #000;
  font-size: 49px;
  font-weight: 700;
  text-align: center;
}
@media (max-width: 768px) {
  .testimonials .heading {
    font-size: 25px;
  }
}
.testimonials .sub-head {
  color: #999;
  font-size: 20px;
  font-weight: 400;
  text-align: center;
}
@media (max-width: 768px) {
  .testimonials .sub-head {
    font-size: 14px;
  }
}
.testimonials .bg-primary {
  background: #ffd42640 !important;
}
.testimonials .content {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
}
@media (max-width: 768px) {
  .testimonials .content {
    font-size: 12px;
  }
}
.testimonials .m--3 {
  margin-top: -45px;
}
.testimonials .margin-bottom {
  margin-top: 30px;
}
@media (max-width: 768px) {
  .testimonials .margin-bottom {
    margin-top: 100px;
  }
}
.testimonials .user_image {
  border-radius: 84px;
  height: 84px;
  width: 84px;
}
.enquiryForm {
  height: 500px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 990px) {
  .enquiryForm {
    height: 800px;
  }
}
.enquiryForm .outer-box {
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  background: #ffffff1a;
  border-radius: 10px;
  box-shadow: 0 4px 20px 0 #00000080;
  padding: 40px;
  width: 600px;
}
@media (max-width: 990px) {
  .enquiryForm .outer-box {
    width: 100%;
  }
}
.enquiryForm .outer-box .heading {
  color: #fff;
  font-size: 32px;
  font-weight: 700;
}
.enquiryForm .outer-box Label {
  color: #fff;
  font-family: Poppins;
  font-size: 15px;
  font-weight: 500;
  line-height: normal;
}
.enquiryForm .bg-container {
  animation: fadeIn 0.5s ease forwards;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.enquiryForm .bg-1 {
  background: url(/static/media/enquiryForm1.c4322c9fd142f61f8415.jpg) 50% /
    cover;
}
.enquiryForm .bg-2 {
  background: url(/static/media/enquiryForm2.fde32c7eca697e5a452d.webp) 50% /
    cover;
}
.enquiryForm .bg-3 {
  background: url(/static/media/enquiryForm3.c20953439a7ed67e6dda.webp) 50% /
    cover;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.button-form.active {
  background-color: #ffc800;
  border: 1px solid #ffc800;
}
.topbar {
  background-color: #ffc800;
  color: #000;
  padding: 20px 50px;
}
@media (max-width: 768px) {
  .topbar {
    padding: 5px 20px;
  }
}
.topbar div {
  color: #000;
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media (max-width: 768px) {
  .topbar div {
    font-size: 14px;
  }
}
.topbar div p {
  margin-bottom: 0 !important;
}
.topbar .mobileNumber {
  animation: blinkingText 2s infinite;
}
.navbar {
  background: #fafafa;
  box-shadow: 0 4px 20px 0 #0000001a;
  padding: 20px;
}
.navbar .nav-link {
  color: #000;
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-left: 10px;
  margin-right: 10px;
}
@media (max-width: 1276px) {
  .navbar .nav-link {
    font-size: 14px;
  }
}
.navbar .nav-link:hover {
  color: #ffc800;
  font-weight: 700;
}
.navbar .dropdown-menu {
  background: #000 !important;
  border-radius: 10px !important;
  padding: 22px;
}
.navbar .dropdown-menu .dropdown-item {
  color: #fff;
}
.navbar .dropdown-menu .dropdown-item:hover {
  background-color: #0000 !important;
  color: #ffc800 !important;
  font-weight: 700;
}
.navbar .callUs {
  border-radius: 10px;
  color: #fafafa;
  font-size: 20px;
  font-weight: 700;
  padding: 10px;
}
.navbar .callUs a {
  text-decoration: none !important;
}
.navbar .callUs a:hover {
  color: #000 !important;
}
.navbar .callUs:hover {
  background-color: #ffc800;
  border-color: #ffc800;
  color: #000 !important;
}
.navbar .callUs:hover .call-icon {
  filter: invert(100%);
}
@media (max-width: 435px) {
  .navbar-brand {
    width: 77%;
  }
}
.footer {
  background: linear-gradient(0deg, #000000b3, #000000b3),
    url(/static/media/footer_bg.05aad9f26a1140ea7b43.webp) #d3d3d3 0 -260.062px/100%
      312.306% no-repeat;
  background-attachment: fixed;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 85px 50px;
  position: relative;
  z-index: 1;
}
.footer .about_company {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
}
@media (max-width: 768px) {
  .footer .about_company {
    font-size: 14px;
  }
}
.footer .contact_us .heading {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
}
@media (max-width: 768px) {
  .footer .contact_us .heading {
    font-size: 20px;
  }
}
.footer .contact_us .sub_heading {
  color: #ffc800;
  color: var(--Primary-colour, #ffc800);
  font-size: 18px;
  font-weight: 700;
}
@media (max-width: 768px) {
  .footer .contact_us .sub_heading {
    font-size: 14px;
  }
}
.footer .contact_us .content {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
}
@media (max-width: 768px) {
  .footer .contact_us .content {
    font-size: 14px;
  }
}
.footer .links .heading {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
}
@media (max-width: 768px) {
  .footer .links .heading {
    font-size: 20px;
  }
}
.footer .footer-slider {
  border: 3px solid #ffc800;
  border-radius: 20px;
  margin-right: 10px;
}
.footer .slick-slide div {
  margin-right: 10px;
}
.copyright {
  background-color: #000;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  padding: 30px;
  text-align: center;
}
@media (max-width: 768px) {
  .copyright {
    font-size: 14px;
  }
}
.copyright .company_link {
  color: #ffc800 !important;
  font-weight: 600 !important;
}
.faq .heading {
  color: #000;
  font-family: Poppins;
  font-size: 49px;
  font-style: normal;
  font-weight: 600;
  text-align: center;
}
@media (max-width: 768px) {
  .faq .heading {
    font-size: 24px;
  }
}
.faq .faq-accordion {
  background: #ffd42633;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  padding: 140px;
}
@media (max-width: 768px) {
  .faq .faq-accordion {
    font-size: 12px;
    padding: 20px;
  }
}
.faq .accordion-item {
  border: 1px solid #c7c7c7 !important;
  border-radius: 10px !important;
  color: #6b6b84;
}
.faq .accordion-item button {
  border: 0 solid #c7c7c7 !important;
  border-radius: 10px !important;
  font-size: 20px;
}
@media (max-width: 768px) {
  .faq .accordion-item button {
    font-size: 12px;
  }
}
.faq .outer-box {
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 4px 20px 0 #0000000d;
  margin-top: 70px;
  padding: 58px 66px 58px 67px;
}
@media (max-width: 768px) {
  .faq .outer-box {
    margin-top: 40px;
    padding: 20px;
  }
}
.custom_breadcrumb .content {
  align-items: center;
  background-image: url(/static/media/faq_bg.168f68a48f67c21d464b.png);
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  display: flex;
  flex-direction: column;
  font-size: 32px;
  font-weight: 600;
  height: 200px;
  justify-content: center;
  text-align: center;
}
@media (max-width: 768px) {
  .custom_breadcrumb .content {
    font-size: 20px;
  }
}
@media (max-width: 380px) {
  .custom_breadcrumb .content div {
    flex-direction: column;
  }
}
.custom_breadcrumb .content .address {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  font-size: 24px;
  font-weight: 400;
  justify-content: center;
}
@media (max-width: 768px) {
  .custom_breadcrumb .content .address {
    font-size: 15px;
  }
}
.about_us .heading {
  color: #000;
  font-family: Poppins;
  font-size: 49px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-top: 65px;
  text-align: center;
}
@media (max-width: 768px) {
  .about_us .heading {
    font-size: 20px;
  }
}
.about_us .border-box {
  border: 1.5px solid #dbdbdb;
  border-radius: 20px;
  padding: 47px;
}
@media (max-width: 768px) {
  .about_us .border-box {
    padding: 20px;
  }
}
.about_us .sub-head {
  color: #000;
  font-family: Poppins;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-align: center;
}
@media (max-width: 768px) {
  .about_us .sub-head {
    font-size: 20px;
  }
}
.about_us .desc {
  color: #000;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center;
}
@media (max-width: 768px) {
  .about_us .desc {
    font-size: 14px;
  }
}
.about_us .outer-box-about {
  background: linear-gradient(158deg, #000 14.21%, #282200 117.19%);
  border-radius: 20px;
  box-shadow: 0 4px 20px 0 #0000001a;
  padding: 39px 29px 64px;
}
@media (max-width: 768px) {
  .about_us .outer-box-about {
    padding: 20px 15px;
  }
}
.about_us .outer-box-about .title {
  color: #ffc800;
  color: var(--Primary-colour, #ffc800);
  font-size: 28px;
  font-weight: 500;
  text-align: center;
}
@media (max-width: 768px) {
  .about_us .outer-box-about .title {
    font-size: 20px;
  }
}
.about_us .outer-box-about .content {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
}
@media (max-width: 768px) {
  .about_us .outer-box-about .content {
    font-size: 14px;
  }
}
.about_us .horizontal_box {
  background: linear-gradient(158deg, #000 14.21%, #282200 117.19%);
  background: var(
    --tile,
    linear-gradient(158deg, #000 14.21%, #282200 117.19%)
  );
  border-radius: 20px;
  box-shadow: 0 4px 20px 0 #0000001a;
  padding: 39px 19px;
}
@media (max-width: 768px) {
  .about_us .horizontal_box {
    padding: 27px 14px 28px;
  }
}
.about_us .horizontal_box .header {
  color: #ffc800;
  color: var(--Primary-colour, #ffc800);
  font-family: Poppins;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-align: center;
}
@media (max-width: 768px) {
  .about_us .horizontal_box .header {
    font-size: 20px;
  }
}
.about_us .horizontal_box .content {
  color: #fff;
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center;
}
@media (max-width: 768px) {
  .about_us .horizontal_box .content {
    font-size: 14px;
  }
}
.object-fit-contain {
  object-fit: contain;
}
.clients {
  padding-bottom: 80px;
}
.clients .client_logo {
  border: 1px solid #bbb;
  border-radius: 10px;
}
@media (max-width: 768px) {
  .clients .custom-col {
    align-items: center;
    justify-content: center;
  }
}
.contact-us .heading {
  color: #000;
  font-size: 36px;
  font-weight: 600;
}
@media (max-width: 768px) {
  .contact-us .heading {
    font-size: 24px;
    text-align: center;
  }
}
.contact-us .sub-head {
  border-bottom: 1px solid #ddd;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 3rem;
  margin-top: 13px;
}
@media (max-width: 768px) {
  .contact-us .sub-head {
    font-size: 12px;
    text-align: center;
  }
}
.contact-us .contact_info {
  align-items: center;
}
@media (max-width: 480px) {
  .contact-us .contact_info {
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
    text-align: start;
  }
}
.contact-us .contact_info .content {
  color: #000;
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  line-height: normal;
}
@media (max-width: 768px) {
  .contact-us .contact_info .content {
    font-size: 14px;
  }
}
.contact-us .contact_info .content .title {
  font-weight: 700;
}
.contact-us .contact_info .content .data {
  font-weight: 400;
}
.aspect-ratio {
  height: 400px;
  position: relative;
  width: 100%;
}
.aspect-ratio-16by9 {
  padding-top: 56.25%;
}
.aspect-ratio-4by3 {
  padding-top: 75%;
}
.aspect-ratio iframe {
  border: 0;
  height: 400px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.tracking {
  background: #ffd42633;
}
.tracking .outer-box {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 85vh;
  justify-content: center;
}
.tracking .outer-box h1 {
  color: #000;
  font-size: 44px;
  font-weight: 600;
  margin-bottom: 30px;
  text-align: center;
}
@media (max-width: 768px) {
  .tracking .outer-box h1 {
    font-size: 24px;
  }
}
.tracking .inner-box {
  background-color: #fff;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 4px 4px 0 #00000040;
  margin: 0 auto;
  padding: 50px;
  text-align: center;
}
@media (max-width: 768px) {
  .tracking .inner-box {
    padding: 15px;
  }
}
.whatsapp_button {
  align-items: center;
  background: #25d366 !important;
  border-radius: 50%;
  box-shadow: 1px 1px 4px #3c3c3c66;
  cursor: pointer;
  display: flex;
  height: 55px !important;
  justify-content: center;
  transition: box-shadow 0.2s;
  width: 55px !important;
  z-index: 100;
}
.whatsapp_button img {
  width: 35px;
}
@keyframes bounce {
  0%,
  20%,
  53%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateZ(0);
  }
  40%,
  43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    transform: translate3d(0, -4px, 0);
  }
}
#fix-icon {
  animation-duration: 2.5s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.fix-icon-item {
  animation: bounce 1s infinite alternate;
  -webkit-animation: bounce 1s infinite alternate;
  animation-duration: 1s;
  animation-fill-mode: none;
  animation-iteration-count: infinite;
  animation-timing-function: ease;
}
.call_button {
  align-items: center;
  background: #ff0600 !important;
  border-radius: 50%;
  box-shadow: 1px 1px 4px #3c3c3c66;
  cursor: pointer;
  display: flex;
  height: 55px !important;
  justify-content: center;
  transition: box-shadow 0.2s;
  width: 55px !important;
  z-index: 100;
}
.call_button svg {
  width: 35px;
}
.chatbot_icon {
  align-items: center;
  background: #ffc800 !important;
  border-radius: 50%;
  box-shadow: 1px 1px 4px #3c3c3c66;
  cursor: pointer;
  display: flex;
  height: 55px !important;
  justify-content: center;
  transition: box-shadow 0.2s;
  width: 55px !important;
  z-index: 100;
}
.chatbot_icon svg {
  width: 35px;
}
.chatbot_button {
  position: relative;
}
.chatbot_button .chatbot_icon {
  cursor: pointer;
}
.chatbot_button .dialogue_box {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 4px #0000001a;
  padding: 20px;
  position: absolute;
  transform: translate(-90%, -113%);
  width: 373px;
  z-index: 1000;
}
@media (max-width: 450px) {
  .chatbot_button .dialogue_box {
    width: 340px;
  }
}
.chatbot_button .dialogue_box h2 {
  font-size: 18px;
  margin-bottom: 20px;
}
.chatbot_button .dialogue_box form .form_field {
  margin-bottom: 20px;
}
.chatbot_button .dialogue_box form .form_field label {
  color: #333;
  display: block;
  font-size: 14px;
  margin-bottom: 5px;
}
.chatbot_button .dialogue_box form .form_field input,
.chatbot_button .dialogue_box form .form_field textarea {
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
  padding: 10px;
  transition: border-color 0.3s ease;
  width: 100%;
}
.chatbot_button .dialogue_box form .form_field input:focus,
.chatbot_button .dialogue_box form .form_field textarea:focus {
  border-color: #ffc800;
  outline: none;
}
.chatbot_button .dialogue_box form .form_field textarea {
  min-height: 100px;
  resize: vertical;
}
.chatbot_button .dialogue_box form button {
  background-color: #ffc800;
  border: none;
  border-radius: 4px;
  color: #000;
  cursor: pointer;
  font-size: 14px;
  padding: 10px 20px;
  transition: background-color 0.3s ease;
}
.chatbot_button .dialogue_box form button:hover {
  background-color: #fb0;
}
.services {
  flex-wrap: wrap;
  padding-bottom: 90px;
}
.services .our-services {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 20px 0 #00000026;
}
@media (max-width: 768px) {
  .services .our-services {
    margin-top: 30px;
  }
}
.services .our-services .header {
  background: #ffd42640;
  border-radius: 40px;
  color: #000;
  font-size: 24px;
  font-weight: 500;
  padding: 10px 30px;
  text-align: center;
}
@media (max-width: 768px) {
  .services .our-services .header {
    font-size: 18px;
    padding: 10px;
  }
}
.services .our-services ul a {
  color: #000;
  text-decoration: none;
}
.services .our-services ul li {
  font-size: 18px;
  font-weight: 400;
  margin-top: 30px;
  text-decoration: none !important;
}
.services .our-services ul li::marker {
  color: #ffc800;
  font-size: 20px;
  list-style-type: disc;
}
@media (max-width: 768px) {
  .services .our-services ul li {
    font-size: 12px;
    margin-top: 7px;
  }
}
.services .service_name {
  color: #000;
  font-size: 36px;
  font-weight: 600;
}
@media (max-width: 768px) {
  .services .service_name {
    font-size: 24px;
  }
}
.services .service_description {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
}
@media (max-width: 768px) {
  .services .service_description {
    font-size: 12px;
  }
}
.services .sub-head {
  color: #000;
  font-size: 36px;
  font-weight: 500;
  margin-top: 80px;
}
@media (max-width: 768px) {
  .services .sub-head {
    font-size: 24px;
  }
}
.services .why_choose {
  align-self: stretch;
  background: linear-gradient(158deg, #000 14.21%, #282200 117.19%);
  border-radius: 20px;
  box-shadow: 0 4px 20px 0 #0000001a;
  height: 90%;
  margin-top: 40px;
  padding: 50px;
}
@media (max-width: 768px) {
  .services .why_choose {
    padding: 24px;
  }
}
.services .why_choose .title {
  color: #ffc800;
  color: var(--Primary-colour, #ffc800);
  font-size: 24px;
  font-weight: 500;
  text-align: center;
}
@media (max-width: 768px) {
  .services .why_choose .title {
    font-size: 18px;
  }
}
.services .why_choose .content {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  margin-top: 30px;
  text-align: center;
}
@media (max-width: 768px) {
  .services .why_choose .content {
    font-size: 12px;
    margin-top: 15px;
  }
}
.services .button-conclusion {
  background: #ffc800;
  border-radius: 40px;
  box-shadow: 1px 1px 4px #3c3c3c66;
  color: #000;
  padding: 10px;
}
.services .button-conclusion img {
  animation: blinkingText 2s infinite;
}
.terms-and-conditions .custom {
  padding: 150px 0;
}
.terms-and-conditions .heading {
  color: #000;
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 20px;
  margin-top: 30px;
}
.terms-and-conditions .sub-head {
  font-size: 18px;
  font-weight: 500;
}
.terms-and-conditions ul li {
  margin-top: 13px;
}
.city-wise .box {
  background-color: #fff;
  border: 1px solid #e9e9e9;
  box-shadow: 0 0 6px #ccc;
  margin-top: 30px;
  overflow: hidden;
}
.city-wise .icons {
  background-color: #ffc800;
  color: #000;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  margin-right: 8px;
  padding: 20px;
  text-align: left;
  text-transform: capitalize;
}
.citywise-place {
  flex-wrap: wrap;
  padding-bottom: 90px;
}
.citywise-place .our-services {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 20px 0 #00000026;
}
@media (max-width: 768px) {
  .citywise-place .our-services {
    margin-top: 30px;
  }
}
.citywise-place .our-services .header {
  background: #ffd42640;
  border-radius: 40px;
  color: #000;
  font-size: 20px;
  font-weight: 500;
  padding: 10px 20px;
  text-align: center;
}
@media (max-width: 768px) {
  .citywise-place .our-services .header {
    font-size: 14px;
    padding: 10px;
  }
}
.citywise-place .our-services ul a {
  color: #000;
  text-decoration: none;
}
.citywise-place .our-services ul li {
  font-size: 18px;
  font-weight: 400;
  margin-top: 25px;
  text-decoration: none !important;
}
.citywise-place .our-services ul li::marker {
  color: #ffc800;
  font-size: 20px;
  list-style-type: disc;
}
@media (max-width: 768px) {
  .citywise-place .our-services ul li {
    font-size: 12px;
  }
}
.citywise-place .citywise_place {
  color: #000;
  font-size: 36px;
  font-weight: 600;
}
@media (max-width: 768px) {
  .citywise-place .citywise_place {
    font-size: 24px;
  }
}
.citywise-place .citywise_description {
  color: #000;
  font-size: 12px;
  font-weight: 400;
  text-transform: capitalize;
}
@media (max-width: 768px) {
  .citywise-place .citywise_description {
    font-size: 10px;
  }
}
.citywise-place .sub-head {
  color: #000;
  font-size: 28px;
  font-weight: 500;
  margin-top: 20px;
}
@media (max-width: 768px) {
  .citywise-place .sub-head {
    font-size: 24px;
  }
}
.citywise-form {
  background-attachment: fixed;
  background-image: url(/static/media/citywiseEnquiry.899520048b8d9b1164c4.webp);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  box-shadow: 0 4px 20px 0 #00000026;
}
@media (max-width: 768px) {
  .citywise-form {
    margin-top: 30px;
  }
}
.citywise-form .blinking {
  animation: blinkingText 2s infinite;
}
.citywise-form .header {
  background: #ffc800;
  background: var(--Primary-colour, #ffc800);
  border-radius: 10px;
  color: #000;
  font-size: 20px;
  font-weight: 500;
  padding: 10px 20px;
  text-align: center;
}
@media (max-width: 768px) {
  .citywise-form .header {
    font-size: 14px;
    padding: 10px;
  }
}
.citywise-form input,
.citywise-form textarea {
  background: #fff;
  border: 2px solid #ffc800;
  border: 2px solid var(--Primary-colour, #ffc800);
  border-radius: 5px;
}
.citywise-form textarea::placeholder {
  color: #000;
  font-size: 14px;
}
.citywise-form input:focus,
.citywise-form textarea:focus {
  border: #ffc800;
  box-shadow: 0 0 0 0.25rem #fdb90d40;
}
.citywise-form input::placeholder {
  color: #000;
  font-size: 14px;
}
.citywise-form .ant-input {
  font-family: Poppins;
}
@keyframes blinkingText {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*# sourceMappingURL=main.915731c9.css.map*/