@media (max-width: 992px) {
  .headContainer {
    background: #1b484e;
    padding: 0px 0px 0 0px !important;
    height: auto;
  }
  .navbar {
    height: 83px;
    background: #ffffffe5;
    padding: 0rem 0rem;
    backdrop-filter: blur(22.799999237060547px);
    border: 1px solid #ffffff1a;
    border-radius: 0px;
    position: fixed;
    left: 0;
    right: 0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
  }
}
@media (min-width: 992px) {
  /* Hide dropdown by default */
  .navbar .dropdown-menu {
    display: block; /* needed for visibility/opacity animation */
    opacity: 0;
    visibility: hidden;
    position: absolute;
    transform: translateY(10px);
    transition: all 0.3s ease;
    margin-top: 0;
  }

  /* Show dropdown on hover */
  .navbar .dropdown:hover .dropdown-menu {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
  }

  /* Change Services link color on hover */
  .navbar .dropdown:hover > .nav-link {
    color: #007bff;
  }
}

/* MOBILE_RESPONSIVE */
@media (max-width: 576px) {
  /* LANDING_PAGE */
  .headContainer {
    background: #1b484e;
    padding: 0px 0px 40px 0px !important;
    height: auto;
  }
  .tagCircle {
    width: 8px !important;
    height: 8px !important;
    background: #b27f42 !important;
    border-radius: 50%;
    box-shadow: 0 0 8px rgba(178, 127, 66, 0.8);
    animation: circleGlow 2s infinite ease-in-out;
  }
  .headLineTag {
    border: 1px solid #ffffff47;
    max-width: 201px;
    background: #ffffff17;
    backdrop-filter: blur(4.8px);
    padding: 10px 10px 10px 12px;
    border-radius: 30px;
    box-shadow: 0 0 15px rgba(178, 127, 66, 0.2);
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease-in-out;
    animation: softGlow 3s infinite ease-in-out;
    margin-top: 20px;
  }
  .tagContent h6 {
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 2%;
    color: #98f6e4;
    margin-bottom: 0;
    margin-left: 8px;
  }
  .underLine {
    color: #b0ded7;
    max-width: 280px;
    margin-top: 15px;
  }
  .heroText h1 {
    font-size: 32px;
    font-weight: 800;
    line-height: 100%;
    letter-spacing: 0%;
    color: #f7f7f7;
  }

  .heroText h2 {
    font-size: 30px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 0%;
    color: #f7f7f7;
  }
  .textColored {
    font-size: 24px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0%;
    color: #b27f42;
  }
  .heroParagraph p {
    font-size: 14px;
    font-weight: 400;
    line-height: 170%;
    letter-spacing: 0%;
    color: #b0ded7;
    margin-top: 10px;
  }
  .brDeskTop {
    display: none;
  }
  .buttonGroup {
    display: none;
  }
  .licenseSection {
    display: none;
  }
  .heroImgContainer {
    position: relative;
    max-width: 90%;
    height: auto;
    background: #2a575e1a;
    display: flex;
    justify-content: center;
  }
  .heroImgContainer img {
    max-width: 90%;
    height: auto;
    margin: auto;
  }
  .sucessTag {
    position: absolute;
    width: 136px;
    height: 56px;
    background: #f6f9f9;
    left: 0px;
    top: -18px;
    border-radius: 10px;
    padding: 11px 13px 11px 9px;
    animation: bounceUpDown 3.8s cubic-bezier(0.45, 0, 0.55, 1) infinite;
    animation-delay: 0.3s;
  }
  .yearTag {
    position: absolute;
    width: 114px;
    height: 56px;
    background: #f6f9f9;
    z-index: 10;
    right: 0px;
    bottom: -18px;
    border-radius: 10px;
    padding: 11px 14px 11px 14px;
    animation: bounceDownUp 3.8s cubic-bezier(0.45, 0, 0.55, 1) infinite;
    animation-delay: 0.6s;
  }
  .tagLogoWrapper {
    width: 23px;
    height: 23px;
    background: #204e54;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .tagLogoWrapper2 {
    width: 23px;
    height: 23px;
    background: #c38f50;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .tagLogoWrapper img {
    width: 12px;
    height: 12px;
  }
  .tagTextContent h5 {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 3%;
    color: #000000;
    margin-bottom: 1px;
  }
  .tagTextContent p {
    font-size: 8px;
    font-weight: 400;
    letter-spacing: 3%;
    color: #4b5563;
    margin-bottom: 0;
  }
  .tagContentTop {
    gap: 8px;
  }
  .processLine {
    width: 111px;
    height: 3px;
    background: linear-gradient(90deg, #1b484e 0%, #b27f42 100%);
    border-radius: 5px;
    margin-top: 8px;
  }
  .underLine2 {
    display: none;
  }
  .processLineDoted {
    display: flex;
    gap: 1.5px;
    margin-top: 8px;
  }
  .dotedOne {
    width: 16px;
    height: 3px;
    background: linear-gradient(90deg, #1b484e 0%, #b27f42 100%);
    border-radius: 5px;
  }
  .tagLogoWrapper2 img {
    width: 12px;
    height: 12px;
  }
  .heroImgContainer {
    margin-top: 25px;
  }
  .mobileButton-1 {
    width: 172px;
    height: 40px;
    border: none;
    background: #f5fdfc;
    border-radius: 10px;
    font-size: 10px;
    font-weight: 600;
    color: #1b484e;
  }
  .mobileButton-1 img {
    margin-left: 7px;
  }
  .mobileButton-2 {
    width: 172px;
    height: 40px;
    border: 1.5px solid #b27f42;
    background: transparent;
    border-radius: 10px;
    font-size: 10px;
    font-weight: 600;
    color: #f7f7f7;
  }
  .mobileResponsiveRection {
    display: flex;
    gap: 9px;
    margin-top: 44px;
  }
  .buttonUnderhr {
    width: 353px;
    border: 0.3px solid #b0ded7;
    margin: auto;
    margin-top: 30px;
  }
  .mobileResponsiveLicenseSection {
    display: flex;
    gap: 22px;
    justify-content: center;
    margin-top: 14px;
  }
  .partOne {
    display: flex;
    align-items: center;
    gap: 7px;
  }
  .partOne img {
    max-width: 100%;
    height: auto;
  }
  .partOne h6 {
    font-size: 10px;
    font-weight: 500;
    color: #b0ded7;
    margin-bottom: 0;
  }
  .buttonUnderhr {
    display: block;
  }
  .mainPageAboutSection {
    width: 100%;
    height: auto;
    background: linear-gradient(
      126.37deg,
      #ffffff 1.17%,
      rgba(255, 255, 255, 0.538702) 48.52%,
      rgba(35, 175, 152, 0.5) 109.22%
    );
    padding-top: 43px;
    padding-bottom: 57px;
  }
  .textTag {
    max-width: 187px;
    height: 37px;
    border: 0.6px solid #b27f42;
    background: linear-gradient(
      89.85deg,
      #ffffff 18.45%,
      rgba(152, 246, 228, 0.4) 197.48%
    );
    border-radius: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
  }
  .textTag h6 {
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 3%;
    color: #204e54;
    margin-bottom: 0;
  }
  .mainAboutContent {
    text-align: start;
  }
  .mainAboutContent h2 {
    font-size: 18px;
    font-weight: 500;
    line-height: 125%;
    letter-spacing: 0;
    color: #363636;
    margin-top: 16px;
  }
  .mainAboutContent span {
    font-size: 22px;
    font-weight: 700;
    line-height: 125%;
    color: #1b484e;
  }
  .mainAboutContent p {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 2%;
    color: #6f6f6f;
    margin-top: 11px;
  }
  .mainPageServiceWrapper {
    max-width: 100%;
    height: 240px;
    border-radius: 15px;
    background: #fcfcfc;
    box-shadow: 0px 4px 4px 0px #8e8e8e40;
    padding-top: 27px;
    padding-left: 31px;
    position: relative;
    transform-origin: center;
    will-change: transform;
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    transform: translateZ(0);
    transition: transform 0.7s ease, box-shadow 0.7s ease, background 0.7s ease,
      border-color 0.7s ease;
    border: 2px solid transparent; /* reserve space for border */
    cursor: pointer;
    margin-bottom: 11px;
  }
  .mainPageServiceWrapperSecond {
    max-width: 100%;
    height: 240px;
    border-radius: 15px;
    background: #fcfcfc;
    box-shadow: 0px 4px 4px 0px #8e8e8e40;
    padding-top: 27px;
    padding-left: 31px;
    position: relative;
    transform-origin: center;
    will-change: transform;
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    transform: translateZ(0);
    transition: transform 0.7s ease, box-shadow 0.7s ease, background 0.7s ease,
      border-color 0.7s ease;
    border: 2px solid transparent; /* reserve space for border */
    cursor: pointer;
    margin-bottom: 11px;
  }
  .serviceIcon {
    width: 41px;
    height: 41px;
    background: #e8eced;
    box-shadow: 0px 5px 5px 0px #6b6b6b40;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.7s ease, background 0.7s ease;
    will-change: transform;
  }
  .serviceIcon img {
    max-width: 15px;
    height: 15px;
    transition: filter 0.3s ease;
  }
  .styleCircle {
    width: 20px;
    height: 20px;
    background: #e8eced;
    border-radius: 50%;
    position: absolute;
    right: 23px;
    top: 23px;
    transition: background 0.7s ease, transform 0.7s ease;
  }
  .serviceIconSecond {
    width: 41px;
    height: 41px;
    background: #f7f2ec;
    box-shadow: 0px 5px 5px 0px #6b6b6b40;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.7s ease, background 0.7s ease;
    will-change: transform;
  }
  .serviceIconSecond img {
    max-width: 15px;
    height: 15px;
    transition: filter 0.3s ease;
  }
  .styleCircleSecond {
    width: 20px;
    height: 20px;
    background: #f7f2ec;
    border-radius: 50%;
    position: absolute;
    right: 23px;
    top: 23px;
    transition: background 0.7s ease, transform 0.7s ease;
  }
  /* ✅ Hover Effects (now smooth) */
  /* ✅ Hover Effects (now smooth) */
  .mainPageServiceWrapper:hover {
    transform: rotate(0deg);
    background: #fcfcfc;
    border-color: #ffffff; /* smooth color transition */
  }

  .mainPageServiceWrapper:hover .serviceIcon {
    background: #e8eced;
    transform: rotate(0deg);
  }

  .mainPageServiceWrapper:hover .serviceIcon img {
    filter: brightness(1) invert(0);
  }

  .mainPageServiceWrapper:hover .styleCircle {
    background: #e8eced;
    transform: rotate(0deg);
  }
  .mainPageServiceWrapper h5 {
    font-size: 16px;
    font-weight: 600;
    color: #353535;
    margin-bottom: 10px;
    margin-top: 11px;
  }

  .mainPageServiceWrapper h6 {
    font-size: 14px;
    font-weight: 600;
    color: #1b484e;
    margin-bottom: 10px;
  }

  .mainPageServiceWrapper p {
    font-size: 12px;
    font-weight: 400;
    color: #6f6f6f;
    line-height: 150%;
  }
  .mainPageServiceWrapperSecond h5 {
    font-size: 16px;
    font-weight: 600;
    color: #353535;
    margin-bottom: 10px;
    margin-top: 11px;
  }

  .mainPageServiceWrapperSecond h6 {
    font-size: 14px;
    font-weight: 600;
    color: #c38f50;
    margin-bottom: 17px;
  }

  .mainPageServiceWrapperSecond p {
    font-size: 12px;
    font-weight: 400;
    color: #6f6f6f;
    line-height: 150%;
  }
  /* ✅ Hover Effects (now smooth) */
  .mainPageServiceWrapperSecond:hover {
    transform: rotate(0deg);
    background: #fcfcfc;
    border-color: #ffffff; /* smooth color transition */
  }

  .mainPageServiceWrapperSecond:hover .serviceIconSecond {
    background: #f7f2ec;
    transform: rotate(0deg);
  }

  .mainPageServiceWrapperSecond:hover .serviceIconSecond img {
    filter: brightness(1) invert(0);
  }

  .mainPageServiceWrapperSecond:hover .styleCircleSecond {
    transform: rotate(0deg);
    background: #f7f2ec;
  }
  .serviceWrapperRow {
    margin-top: 21px;
  }
  .serviceWrapperRowTwo {
    margin-top: 0px;
  }
  .serviceButton button {
    position: relative;
    width: 278px;
    height: 49px;
    border: none; /* remove any border */
    outline: none; /* remove focus outline */
    background: #0a0a0a; /* base color */
    border-radius: 10px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.2s ease, background 0.6s ease;
    z-index: 0; /* ensure text stays above background */
    margin-top: 34px;
  }

  /* Gradient overlay UNDER text */
  .serviceButton button::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, #1b484e 10.58%, #b27f42 100%);
    opacity: 0;
    transition: opacity 0.6s ease;
    border-radius: inherit;
    z-index: -1; /* sits behind text */
  }
  .performanceSection {
    width: 100%;
    height: auto;
    padding-top: 80px;
  }
  .performanceTag {
    width: 167px;
    height: 37px;
    background: linear-gradient(
      89.85deg,
      #ffffff 18.45%,
      rgba(152, 246, 228, 0.4) 197.48%
    );
    border: 0.6px solid #b27f42;
    border-radius: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
  }
  .performanceTag h6 {
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 3%;
    color: #204e54;
    margin-bottom: 0;
  }
  .performanceTitle {
    font-size: 20px !important;
    font-weight: 500;
    color: #363636;
    line-height: 125%;
  }
  .performanceTitle span {
    font-size: 28px;
    font-weight: 700;
    color: #1b484e;
    line-height: 125%;
  }
  .performanceParagraph {
    font-size: 14px;
    font-weight: 400;
    color: #6f6f6f;
    line-height: 150%;
    letter-spacing: 2%;
    margin-top: 11px;
  }
  .performaceimg img {
    max-width: 60%;
    height: auto;
  }
  .clientWrapper img {
    width: 35px;
    height: 35px;
  }
  .clientWrapperArrow {
    width: 35px;
    height: 35px;
    background: #ffffff;
    border: 2px solid #ffffff;
    border-radius: 2px;
    display: flex;
    justify-content: center;
    align-self: center;
  }
  .clientWrapperArrow img {
    width: 17px;
    height: auto;
  }
  .clientCountSection {
    width: 353px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 9px;
    background: #18484c;
    border-radius: 5px 5px 20px 5px;
    margin-top: 5px;
  }
  .clientCountSection p {
    font-size: 9px;
    font-weight: 500;
    color: #b0ded7;
    margin-bottom: 0;
  }
  .companyStatusWrapper {
    max-width: 100%;
    height: auto;
    border: 0.5px solid transparent; /* reserve space for smooth transition */
    background: transparent;
    border-radius: 10px;
    transition: background 0.6s ease, border-color 0.6s ease,
      border-radius 0.6s ease;
    overflow: hidden; /* prevent overflow during transform */
    max-width: auto;
  }
  .statusContent {
    padding: 0px 0px 36px 0px; /* initial left padding */
    text-align: center; /* start left aligned */
    transition: text-align 9s;
  }
  .statusContent h5 {
    font-size: 30px;
    font-weight: 500;
    color: #a1753d;
    margin-bottom: 0;
  }

  .statusContent h6 {
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    margin-top: 16px;
    margin-bottom: 6px;
  }

  .statusContent p {
    font-size: 14px;
    font-weight: 200;
    color: #6f6f6f;
    margin-bottom: 0;
  }
  .companyStatusWrapper:hover {
    border: 0px solid #18484c;
    background: #23af9805;
    border-radius: 10px;
  }
  .companyStatusRow {
    margin-top: 34px;
  }
  .whyChooseSection {
    max-width: 100%;
    height: auto;
    background: linear-gradient(146.02deg, #1b484e 34.07%, #b27f42 120.52%);
    padding-top: 40px;
    padding-bottom: 71px;
  }
  .whyChooseTag {
    width: 208px;
    height: 37px;
    background: #ffffff4f;
    backdrop-filter: blur(13.199999809265137px);
    border: 0.6px solid #ffffff91;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 35px;
    margin: auto;
  }
  .whyChooseTag h6 {
    font-size: 9px;
    font-weight: 500;
    color: #f9f9f9;
    margin-bottom: 0;
  }
  .whyChooseTitle {
    font-size: 18px;
    font-weight: 500;
    color: #dadada;
    margin-top: 21px;
    margin-bottom: 11px;
    text-align: center;
  }
  .whyChooseTitle span {
    font-size: 22px;
    font-weight: 700;
    color: #c38f50;
    text-align: center;
  }
  .whyChooseParagraph {
    font-size: 14px;
    font-weight: 400;
    color: #b0ded7;
    letter-spacing: 2%;
    line-height: 150%;
    text-align: center;
  }

  .whyChooseCard {
    max-width: 418px;
    height: 200px;
    background: #ffffff38;
    border: 1px solid #ffffff33;
    backdrop-filter: blur(28.2px);
    border-radius: 10px;
    padding-top: 18px;
    padding-left: 15px;
    padding-right: 18px;
    transition: all 0.5s ease-in-out;
    position: relative;
    overflow: hidden;
    border: 1px solid #ffffff;
    margin-bottom: 13px;
  }
  .whyChooseIconWrapper {
    width: 41px;
    height: 43px;
    background: #b27f4280;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #aeaeae;
    position: relative;
    transition: all 0.5s ease-in-out;
    z-index: 2;
  }
  .whyChooseIconWrapper img {
    max-width: 15px;
    height: auto;
  }

  .whyChooseIconWrapper::before {
    content: "";
    position: absolute;
    width: 73px;
    height: 76px;
    border: 0px solid #ffffff;
    border-radius: 15px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
    opacity: 0;
    transition: all 0.5s ease-in-out;
    z-index: 1;
  }

  .whyChooseCard h5 {
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 0;
    margin-top: 13px;
  }

  .whyChooseCard p {
    font-size: 12px;
    font-weight: 400;
    color: #dedede;
    margin-top: 6px;
  }
  .whyChooseIconWrapperSecond {
    width: 41px;
    height: 43px;
    background: #1b484e80;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #aeaeae;
    position: relative;
    transition: all 0.5s ease-in-out;
    z-index: 2;
  }
  .whyChooseIconWrapperSecond img {
    max-width: 15px;
    height: auto;
  }
  .whyChooseIconWrapperSecond::before {
    content: "";
    position: absolute;
    width: 73px;
    height: 76px;
    border: 0px solid #ffffff;
    border-radius: 15px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
    opacity: 0;
    transition: all 0.5s ease-in-out;
    z-index: 1;
  }
.companyDes{
  max-width: 100%;
}
  /* Hover effects */
  .whyChooseCard:hover {
    border: 1px solid #ffffff;
  }
  .whyChooseOne {
    margin-top: 27px;
  }
  .whyChooseTwo {
    margin-top: 0px;
  }
  .whyChooseButton button {
    position: relative;
    width: 278px;
    height: 49px;
    background: #0a0a0a;
    border: none;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    border-radius: 10px;
    cursor: pointer;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: background 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 1;
    margin-top: 34px;
  }

  /* Gradient overlay under text for smooth fade */
  .whyChooseButton button::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, #1b484e 0%, #c38f50 100%);
    opacity: 0;
    transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: inherit;
    z-index: -1;
  }
  .clientSaySection {
    width: 100%;
    background: linear-gradient(
      126.37deg,
      #ffffff 1.17%,
      rgba(255, 255, 255, 0.538702) 48.52%,
      rgba(35, 175, 152, 0.5) 109.22%
    );
    padding-top: 43px;
    padding-bottom: 51px;
  }
  .clientSayTag {
    width: 161px;
    height: 37px;
    background: linear-gradient(
      89.85deg,
      #ffffff 18.45%,
      rgba(152, 246, 228, 0.4) 197.48%
    );
    border: 0.6px solid #b27f42;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 35px;
    margin: auto;
  }
  .clientSayTag h6 {
    font-size: 9px;
    font-weight: 600;
    color: #204e54;
    letter-spacing: 3%;
    margin-bottom: 0;
  }
  .clientSayTitle {
    font-size: 20px;
    font-weight: 500;
    color: #363636;
    text-align: center;
    line-height: 125%;
    margin-top: 18px;
  }
  .clientSayTitle span {
    font-size: 26px;
    font-weight: 700;
    color: #1b484e;
    line-height: 125%;
  }
  .clientFeedbackSection {
    max-width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative; /* make parent relative */
  }
  .clientFeedbackSection:hover::before {
    transform: rotate(15deg);
  }
  /* Optional hover effect */
  .clientFeedbackSectionSecond:hover::before {
    transform: rotate(15deg);
  }
  .clientDetails h3 {
    font-size: 15px;
    font-weight: 600;
    color: #0c0c0c;
    margin-bottom: 1px;
    text-align: center;
  }
  .clientDetails h6 {
    font-size: 8px;
    font-weight: 300;
    color: #000000;
    margin-bottom: 11px;
    text-align: center;
  }
  .clientDetails p {
    font-size: 10px;
    font-weight: 300; /* increased from 200 to 300 */
    color: #000000;
    line-height: 150%;
    font-style: italic;
    text-align: center;
    margin-bottom: 15px;
    letter-spacing: 0.3px; /* adds subtle clarity */
    transition: color 0.3s ease, transform 0.3s ease;
  }
  .clientIconWrapper {
    width: 54px;
    height: 54px;
    background: #e5e5e5;
    border: 2px solid #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    top: -25px;
    transform: translateX(-50%);
    z-index: 2;
  }
  .clientIconWrapper img {
    max-width: 30px;
    height: auto;
  }
  .clientFeedbackWrapper {
    width: 250px;
    height: 220px;
    background: #fcfcfc;
    border: 1px solid #c38f50;
    border-radius: 20px;
    position: relative;
    z-index: 1; /* above background */
    padding-top: 45px;
  }
  .clientFeedbackSection::before {
    content: "";
    position: absolute;
    width: 250px;
    height: 220px;
    background: #1b484e;
    border-radius: 20px;
    transform: rotate(15deg);
    z-index: 0; /* behind wrapper */
    transition: transform 0.4s ease-in-out;
  }
  .clientFeedbackSectionSecond::before {
    content: "";
    position: absolute;
    width: 250px;
    height: 220px;
    background: #b27f42;
    border-radius: 20px;
    transform: rotate(15deg);
    z-index: 0; /* behind wrapper */
    transition: transform 0.4s ease-in-out;
  }
  .clientFeedbackSection:hover .clientDetails p {
    color: #000000;
    transform: scale(1); /* subtle focus effect */
  }
  .clientFeedbackSectionSecond:hover .clientDetails p {
    color: #000000;
    transform: scale(1); /* subtle focus effect */
  }
  .clientFeedbackSectionSecond {
    max-width: 421px;
    height: 350px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative; /* make parent relative */
  }
  .mobileResponsiveWrapper{
    display: block;
  }
  .mobileResponsiveWrapper hr{
  display: block;
}
.mainHeroBlog{
  padding-bottom: 20px;
}
.subMemberPosition{
  max-width: 100%;
}
  .companyClientTitle h2 {
    font-size: 22px;
    font-weight: 700;
    color: #363636;
    margin-bottom: 30px;
  }
  .companyClientSection {
    padding-top: 59px;
  }
  .companyClietWrapperOne {
    max-width: 100%;
    height: 73px;
    border-radius: 5px;
    background: #ffffff;
    border: 1px solid #c38f50;
    box-shadow: 0 4px 15px rgba(195, 143, 80, 0.25); /* warm golden shadow */
    transition: box-shadow 0.4s ease-in-out, transform 0.3s ease;
    margin-bottom: 16px;
  }
  .companyClietWrapperTwo {
    max-width: 100%;
    height: 73px;
    border-radius: 5px;
    background: #ffffff;
    border: 1px solid #1b484e;
    box-shadow: 0 4px 15px rgba(27, 72, 78, 0.25); /* cool teal shadow */
    transition: box-shadow 0.4s ease-in-out, transform 0.3s ease;
    margin-bottom: 16px;
  }
  .companyClientRow {
    margin-top: 0px;
  }
  .joinSucessBtn button {
    position: relative;
    width: 278px;
    height: 49px;
    border: none; /* remove any border */
    outline: none; /* remove focus outline */
    background: #0a0a0a; /* base color */
    border-radius: 10px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.2s ease, background 0.6s ease;
    z-index: 0; /* ensure text stays above background */
    margin-top: 33px;
  }
  .footerLogoWrapper {
    max-width: 197px;
    height: 52px;
    border-radius: 10px;
    background: #ffffffcc;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
  }
  .footerLogoWrapper img {
    max-width: 144px;
    height: auto;
  }
  .footerPartOne {
    padding-top: 33px;
    padding-left: 0;
  }
  .mainHeroSection{
    padding-top: 80px;
  }
  .companyDes {
    font-size: 11px;
    font-weight: 400;
    line-height: 150%;
    margin-top: 23px;
    color: #ffffff;
    margin-bottom: 18px;
    text-align: center;
  }
  .companySocialIcons {
    display: flex;
    justify-content: center;
  }
  .footerLinkSection h5 {
    font-size: 13px;
    font-weight: 700;
    color: #c38f50;
    margin-bottom: 14px;
    text-align: center;
  }
  .footerPartTwo {
    padding-top: 53px;
  }
  .quickLink li a {
    text-decoration: none;
    color: #ffffff;
    font-size: 11px;
    font-weight: 400;
    line-height: 150%;
  }
  .quickLink li {
    text-align: center;
    margin-bottom: 6px;
  }
  .contactTitle h5 {
    font-size: 13px;
    font-weight: 700;
    color: #c38f50;
    margin-bottom: 14px;
    text-align: center;
  }
  .contactList li {
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    justify-content: center;
  }
  .contactList li h6 {
    font-size: 11px;
    font-weight: 400;
    line-height: 150%;
    text-align: center !important;
  }
  .contactList li span img {
    max-width: 100%;
    height: auto;
    margin-right: 10px;
  }
  .footerHr {
    width: 100%;
    border: 1px solid #b0ded7;
  }
  .privacyPolicyPart {
    display: flex;
    gap: 8px;
  }
  .footerBottom h5 {
    font-size: 9px;
    font-weight: 400;
    color: #c0c0c0;
  }

  .privacyPolicyPart P {
    font-size: 9px;
    font-weight: 400;
    color: #c0c0c0;
  }
  /* ABOUT_PAGE */
  .headContainerAbout {
    background: #1b484e;
    padding: 17px 0px 0px 0px !important;
    height: 790px;
  }
  .footerBottom {
    padding: 10px;
  }
  /* ABOUT_PAGE */
  .headContainerAbout {
    background: #1b484e;
    padding: 0px 0px 40px 0px !important;
    height: auto;
  }
  .aboutTagWrapper {
    width: 20px;
    height: 20px;
    background: #ffffff0d;
    backdrop-filter: blur(4.800000190734863px);
    border: 1px solid #ffffff47;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .aboutTagWrapper img {
    max-width: 60%;
    height: auto;
  }
  .aboutPageTag {
    gap: 8px;
    margin-top: 21px;
    margin-bottom: 24px;
  }
  .aboutPageTag h6 {
    font-size: 10px;
    font-weight: 500;
    margin-bottom: 0;
    letter-spacing: 2%;
    color: #c38f50;
    text-transform: uppercase;
  }
  .abouHeroText .heroText1,
  .abouHeroText .heroText2,
  .abouHeroText .heroText3 {
    font-size: 32px;
    font-weight: 800;
    background: linear-gradient(90deg, #ffffff 0%, #6ee7e1 40%, #2ea4a4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 0;
  }
  .aboutHeroParagraph,
  .aboutHeroParagraphIn,
  .aboutHeroParagraphIn {
    font-size: 14px;
    font-weight: 400;
    line-height: 170%;
    color: #b0ded7;
    margin-top: 0px;
    margin-bottom: 0;
  }
  .statusBoxWrapper {
    display: none;
  }

  .aboutLeft {
    height: auto;
  }
  .aboutImageTagOne {
    position: absolute;
    width: 78px;
    height: 21px;
    background: #ffffffcc;
    border: 1px solid #ffffff47;
    backdrop-filter: blur(4.800000190734863px);
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 7px;
    border-radius: 30px;
    top: 23px;
    left: 23px;
  }
  .aboutImageTagOne h6 {
    position: relative;
    font-size: 7px;
    font-weight: 500;
    color: #000;
    margin-bottom: 0;

    padding-left: 10px; /* space for the dot */
  }

  .aboutImageTagOne h6::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 5px;
    height: 5px;
    background-color: #28a745; /* green color */
    border-radius: 50%;
    transform: translateY(-50%);
  }
  .iconWrapper {
    width: 32px;
    height: 29px;
    background: #c38f501a;
    display: flex;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
  }
  .iconWrapper img {
    max-width: 16px;
    height: auto;
  }
  .aboutImageTagTwo {
    width: 149px;
    height: 59px;
    background: #ffffff;
    position: absolute;
    border-radius: 15px;
    top: -19px;
    right: 0px;
    padding-left: 16px;
  }
  .aboutImageTagTwo h6 {
    font-size: 10px;
    font-weight: 500;
    margin-bottom: 0;
    margin-left: 5px;
  }
  .aboutImageTagTwo span {
    font-size: 8px;
    font-weight: 300;
    margin-bottom: 0;
  }
  .heroImgContainer {
    max-width: 100%;
  }
  .heroImgContainer img {
    max-width: 90%;
    height: auto;
    max-width: auto;
  }
  .aboutImageTagThree {
    width: 149px;
    height: 59px;
    background: #ffffff;
    position: absolute;
    border-radius: 15px;
    bottom: -14px;
    left: 0px;
    padding-left: 16px;
  }
  .aboutImageTagThree h6 {
    font-size: 10px;
    font-weight: 500;
    margin-bottom: 0;
    margin-left: 11px;
  }
  .aboutImageTagThree span {
    font-size: 8px;
    font-weight: 300;
    margin-bottom: 0;
  }
  .statusBox {
    width: 111px;
    height: 62px;
    background: #ffffff0d;
    backdrop-filter: blur(4.800000190734863px);
    border: 0.5px solid #ffffff47;
    border-radius: 10px;
    padding-top: 10px;
  }
  .mobileResponsiveStatus {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 50px;
  }
  .statusBox h5 {
    font-size: 18px;
    font-weight: 500;
    color: #ffffff;
    margin-bottom: 0;
    text-align: center;
  }
  .statusBox p {
    font-size: 8px;
    font-weight: 300;
    color: #ffffff;
    margin-bottom: 0;
    margin-top: 4px;
    text-align: center;
  }
  .aboutPageAboutSection {
    max-width: 100%;
    height: auto;
    padding-top: 38px;
    padding-bottom: 38px;
    background: #fbfcff;
  }
  .ourStoryRight .title h2 {
    font-size: 22px;
    font-weight: 600;
    color: #0e0e0e;
    margin-bottom: 35px;
  }
  .ourStoryRight .title h2 span {
    color: #b27f42;
  }
  .storyBar {
    position: relative;
    width: 231px;
    border: 0.6px solid #a5a5a5;
    transform: rotate(90deg);
    transform-origin: left top; /* adjust as needed */
  }
  .positionDotA {
    width: 10px;
    height: 10px;
    background: #1b484e;
    border-radius: 50%;
    position: absolute;
    left: -1px;
    top: -5px;
  }
  .positionDotB {
    width: 10px;
    height: 10px;
    background: #c38f50;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -5px;
  }
  .positionDotC {
    width: 10px;
    height: 10px;
    background: #c38f50;
    border-radius: 50%;
    position: absolute;
    right: -1px;
    top: -5px;
  }
  .boxAContent h3 {
    font-size: 14px;
    font-weight: 600;
    color: #353535;
    margin-top: 9px;
  }
  .boxAContent p {
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    color: #6f6f6f;
  }
  .storyBoxA {
    max-width: 672px;
    height: 149px;
    box-shadow: 0px 4px 10px 0px #00000040;
    background: #fdfdfd;
    border-radius: 10px;
    margin-left: 52px;
  }
  .storyBoxA {
    max-width: 100%;
    height: 100px;
    box-shadow: 0px 4px 10px 0px #00000040;
    background: #fdfdfd;
    border-radius: 10px;
    margin-left: 24px;
  }
  .storyBoxB {
    max-width: 100%;
    height: 100px;
    box-shadow: 0px 4px 10px 0px #00000040;
    background: #fdfdfd;
    border-radius: 10px;
    margin-top: 10px;
    margin-left: 24px;
  }
  .storyBoxC {
    max-width: 100%;
    height: 100px;
    box-shadow: 0px 4px 10px 0px #00000040;
    background: #fdfdfd;
    border-radius: 10px;
    margin-top: 10px;
    margin-left: 24px;
  }
  .boxAContent {
    padding: 10px 15px 0px 16px;
  }
  .trustBoxRow {
    display: none;
  }
  .teamMeetingTagOne {
    position: absolute;
    width: 106px;
    height: 67px;
    border-radius: 15px;
    background: #ffffff;
    box-shadow: 0px 4px 4px 0px #00000040;
    padding: 19px 0px 21px 0px;
    left: 0px;
    top: -27px;
  }
  .teamMeetingTagOne h6 {
    font-size: 20px;
    font-weight: 600;
    color: #4d4d4d;
    text-align: center;
    margin-bottom: 0;
  }
  .teamMeetingTagOne p {
    font-size: 10px;
    font-weight: 500;
    color: #696969;
    text-align: center;
  }

  .teamMeetingWrapper img {
    max-width: 90%;
    height: auto;
  }
  .teamMeetingWrapper {
    display: flex;
    justify-content: center;
  }
  .teamMeetingTagTwo {
    width: 106px;
    height: 67px;
    background: #ffffff;
    box-shadow: 0px 4px 4px 0px #00000040;
    border-radius: 15px;
    position: absolute;
    bottom: -19px;
    right: 0px;
    padding-top: 10px;
    /* padding-bottom: 25px; */
  }
  .startIconWrapper img {
    width: 9px;
    height: 9px;
  }
  .mobileResponsiveTrustBox {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 50px;
  }
  .trustBoxOne {
    max-width: 100%;
    height: 145px;
    background: #2e565b;
    border-radius: 20px;
    border: 0.6px solid #d6d6d6;
    position: relative;
    padding-top: 20px;
    padding-left: 14px;
  }
  .trustBoxTwo {
    max-width: 100%;
    height: 141px;
    background: #ba8d57;
    border-radius: 20px;
    border: 0.6px solid #d6d6d6;
    position: relative;
    padding-top: 23px;
    padding-left: 14px;
  }
  .excellenceIconWrapper {
    max-width: 24px;
    height: 26px;
    background: #ffffff33;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .excellenceIconWrapper img {
    max-width: 18px;
    height: auto;
  }
  .trustBoxOne .title h6 {
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    margin-top: 11px;
  }
  .trustBoxOne .paragraph p {
    font-size: 10px;
    font-weight: 400;
    color: #dedede;
    margin-top: 0px;
    line-height: 150%;
  }
  .startIconWrapperLeft {
    width: 17px;
    height: 17px;
    border: 0.6px solid #d6d6d6;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 15px;
    top: 15px;
  }
  .trustBoxTwo .title h6 {
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    margin-top: 9px;
  }
  .trustBoxTwo .paragraph p {
    font-size: 10px;
    font-weight: 400;
    color: #dedede;
    margin-top: 0px;
    line-height: 150%;
  }
  .coreValueSection {
    width: 100%;
    height: auto;
    background: #fbfcff;
    padding-top: 41px;
    padding-bottom: 41px;
  }
  .coreValueTag {
    width: 136px;
    height: 35px;
    background: #ffffff;
    box-shadow: 0px 4px 10px 0px #1b484e40;
    border-radius: 30px;
    padding: 4px 19px;
    margin: auto;
  }
  .coreValueTag h6 {
    position: relative;
    padding-left: 15px; /* space for the circle */
    margin: 0;
    font-size: 10px; /* keep your size */
    display: inline-block; /* keeps alignment predictable */
  }

  .coreValueTag h6::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #b0ded7;
    display: block;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); /* optional */
  }
  .coreValueSection .title h2 {
    font-size: 22px;
    font-weight: 600;
    color: #0e0e0e;
    margin-bottom: 0;
    margin-top: 25px;
    text-align: center;
  }
  .coreValueSection .title h2 span {
    color: #b27f42;
  }
  .coreValueSection .paragraph p {
    font-size: 14px;
    font-weight: 400;
    color: #1b484e;
    margin-bottom: 0;
    margin-top: 5px;
    text-align: center;
  }
  .coreValueBoxA {
    max-width: 249px;
    height: 190px;
    background: #ffffff;
    border: 0.5px solid #b27f42;
    border-radius: 20px;
    transition: all 0.5s ease; /* smooth animation */
    margin: auto;
    margin-bottom: 10px;
  }
  .coreValueBoxA,
  .coreValueBoxB {
    padding-top: 24px;
  }
  .coreValueBoxB {
    max-width: 249px;
    height: 190px;
    background: #ffffff;
    border: 0.5px solid #1b484e;
    border-radius: 20px;
    transition: all 0.5s ease; /* smooth animation */
    padding-left: 0;
    padding-right: 0;
    margin: auto;
    margin-bottom: 10px;
  }
  /* Wrapper rotation */
  .coreValueWrapper,
  .coreValueWrapperB {
    width: 45px;
    height: 43px;
    background: #c38f50; /* wrapper color */
    border-radius: 10px;
    padding: 16px 17px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.5s ease;
    position: relative; /* added */
  }
  .coreValueWrapper img,
  .coreValueWrapperB img {
    display: block;
    max-width: 24px; /* adjust size if needed */
    height: auto;
    transform: none; /* no rotation */
    transition: none;
    pointer-events: none;
  }
  .coreBoxTextContent h5 {
    font-size: 18px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 0;
    text-align: center;
  }
  .coreBoxTextContent p {
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    color: #6f6f6f;
    margin-top: 5px;
    text-align: center;
  }
  .coreBoxTextContent {
    padding-left: 0px;
    padding-right: 15px;
    margin-top: 14px;
  }

  .coreValueBoxA:hover .coreValueWrapper {
    transform: rotate(0deg);
  }

  .coreValueBoxB:hover .coreValueWrapperB {
    transform: rotate(0deg);
  }
  .coreValueBoxA:hover,
  .coreValueBoxB:hover {
    transform: translateY(0px); /* move up by 10px */
    box-shadow: none; /* add a stronger shadow on hover (optional) */
  }
  .coreBoxRow {
    margin-top: 25px;
  }

  .happyClientTag {
    max-width: 301px;
    height: 55px;
    background: #ffffff;
    box-shadow: 0px 1px 8px 0px #00000040;
    border-radius: 15px;
    margin: auto;
    margin-top: 39px;
  }
  .userWrapperA {
    width: 22px;
    height: 22px;
    background: #1b484e;
    border-radius: 50%;
    border: 1px solid #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -8px;
  }
  .userWrapperB {
    width: 22px;
    height: 22px;
    background: #c38f50;
    border-radius: 50%;
    border: 1px solid #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -8px;
  }

  .happyClientTagText h5 {
    font-size: 13px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 0;
  }
  .happyClientTagText p {
    font-size: 10px;
    font-weight: 400;
    color: #6f6f6f;
    margin-bottom: 0;
  }
  .happyClientTagText {
    margin-left: 10px;
  }
  .companyExpertSection {
    max-width: 100%;
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
    background: linear-gradient(146.02deg, #1b484e 34.07%, #b27f42 120.52%);
  }
  .teamTag {
    max-width: 127px;
    height: 37px;
    border-radius: 35px;
    border: 0.6px solid #ffffff91;
    background: #ffffff4f;
    backdrop-filter: blur(13.199999809265137px);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
  }
  .teamTag h6 {
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 3%;
    color: #f9f9f9;
    margin-bottom: 0;
  }
  .teamTitle h3 {
    font-size: 22px;
    font-weight: 600;
    color: #c38f50;
    text-align: center;
    margin-top: 17px;
  }
  .teamTitle p {
    font-size: 14px;
    font-weight: 400;
    color: #b0ded7;
    text-align: center;
    margin-top: 8px;
  }
  .profileTag {
    width: 100%;
    /* max-width: 120px; */
    height: 17px;
    background: #c38f50;
    display: flex;
    align-items: center;
    padding-left: 4px;
    position: absolute;
    bottom: -17px;
  }
  .profileTag p {
    font-size: 7px;
    font-weight: 600;
    margin-bottom: 0;
  }
  .memberName h4 {
    font-size: 11px;
    font-weight: 500;
    color: #ffffff;
    margin-top: 30px;
    text-transform: uppercase;
    letter-spacing: 2%;
    margin-bottom: 0px;
  }
  .memberLine {
    width: 69px;
    border: 1px solid #9c9c9c;
    margin-top: 6px;
  }
  .memberDescription P {
    max-width: 100%;
    font-size: 10px;
    font-weight: 400;
    color: #dedede;
    margin-top: 10px;
    margin-bottom: 23px;
  }
  .teamWrapperRow {
    margin-top: 30px;
  }
  .questionAnswerSection {
    max-width: 100%;
    height: auto;
    background: #fbfcff;
    padding-top: 41px;
    padding-bottom: 41px;
  }
  .questionAnswerTag {
    width: 80px;
    height: 35px;
    background: #ffffff;
    box-shadow: 0px 4px 10px 0px #1b484e40;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center; /* vertically center the circle and text */
    gap: 6px; /* space between circle and text */
    margin: auto;
  }
  .questionAnswerTag h6 {
    font-weight: 500;
    font-size: 10px;
    margin-bottom: 0;
    margin-left: 5px;
    color: #1b484e;
  }
  .questionAnswerTag::before {
    content: "";
    width: 8px;
    height: 8px;
    background: #b0ded7;
    border-radius: 50%;
  }

  .questionAnswerSection .title h2 {
    font-weight: 600;
    font-size: 22px;
    color: #0e0e0e;
    margin-bottom: 5px;
    text-align: center;
    margin-top: 30px;
  }
  .questionAnswerSection .title h2 span {
    color: #b27f42;
  }
  .questionAnswerSection .title p {
    font-weight: 400;
    font-size: 14px;
    line-height: 125%;
    color: #0e0e0e;
    text-align: center;
    margin-bottom: 20px;
  }

  .answerWrapper h6 {
    font-size: 10px;
    font-weight: 500;
    margin: 0;
  }

  .answerWrapper p.answerText {
    display: none; /* hide initially */
    font-size: 8px;
    color: #555;
    margin-top: 12px;
    max-width: 95%;
  }
  .answerWrapper {
    flex: 1;
    background: #ffffff;
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    padding: 15px 20px 15px 12px;
    transition: all 0.3s ease;
    overflow: hidden;
  }
  .answerShower .toggleBtn {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #c38f501a;
    border: none;
    color: #1b484e;
    cursor: pointer;
    font-size: 20px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
  }
  .answerSection {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
  }
  .questionAnswerTagbig {
    max-width: 90%;
    height: 51px;
    background: #ffffff;
    box-shadow: 0px 1px 8px 0px #00000040;
    border-radius: 15px;
    padding-left: 16px;
    margin: auto;
    margin-top: 26px;
  }
  .clientsgroup img {
    max-width: 100%;
    height: auto;
  }
  .readyToWork h6 {
    font-size: 9px;
    font-family: 600;
    color: #000000;
    margin-bottom: 4px;
  }
  .readyToWork {
    margin-left: 16px;
  }
  .readyToWork p {
    font-size: 7px;
    font-family: 400;
    color: #6f6f6f;
    margin-bottom: 0;
  }
  .readyToBtn button {
    width: 75px;
    height: 20px;
    background: linear-gradient(90deg, #1b484e 60.33%, #c38f50 100%);
    border: 0;
    border-radius: 20px;
    color: #ffffff;
    font-size: 7px;
    font-weight: 600;
    margin-left: 8px;
  }
  .footerContainer {
    max-width: 100%;
    height: auto;
    padding-bottom: 0px;
    background: #1b484e;
  }
  /* SERVICE_ONE */
  .serviceOneHeroText .heroText1 {
    font-size: 32px;
    font-weight: 800;
    background: linear-gradient(90deg, #f7f7f7 15.87%, #b8f9ec 44.71%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text; /* for some modern browsers */
    margin-bottom: 0;
  }
  .serviceOneHeroText h4 {
    font-size: 24px;
    font-weight: 700;
    line-height: 120%;
    color: #b27f42;
    margin-top: 0px;
  }
  .deskTopWrapper {
    display: none;
  }
  .serviceOneLeft {
    height: auto;
  }
  .serviceImageTagOne {
    position: absolute;
    width: 176px;
    height: 71px;
  }
  .serviceImageTagOne {
    width: 114px;
    height: 41px;
    background: #ffffff;
    border-radius: 6px;
    position: absolute;
    top: -18px;
    right: -0px;
    padding-left: 16px;
  }
  .serviceImageTagOne .iconWrapper {
    width: 27px;
    height: 25px;
    background: #1b484e;
  }
  .serviceImageTagOne h6 {
    margin-bottom: 0;
    padding-left: 8px;
    font-size: 10px;
    font-weight: 500;
    color: #000000;
  }
  .serviceImageTagOne h6 span {
    margin-bottom: 0;
    font-size: 8px;
    font-weight: 300;
  }
  .serviceOneHero {
    max-width: 90%;
    height: auto;
  }
  .serviceImageTagTwo {
    position: absolute;
    width: 114px;
    height: 41px;
    background: #ffffff;
    border-radius: 6px;
    bottom: -13px;
    left: 0px;
    padding-left: 10px;
  }
  .serviceImageTagTwo .iconWrapper {
    width: 27px;
    height: 25px;
    background: #c38f50;
  }
  .serviceImageTagTwo h6 {
    font-size: 10px;
    font-weight: 500;
    margin-bottom: 0;
    margin-left: 8px;
  }
  .serviceImageTagTwo h6 span {
    font-size: 8px;
    font-weight: 300;
  }
  .serviceImageTagTwo .iconWrapper img {
    max-width: 25px;
    height: 25px;
  }
  .serviceHeroHr {
    border: 0.2px solid #b0ded7;
    width: 353px;
    margin: auto;
    margin-top: 46px;
  }
  .serviceStatusOne h5 {
    font-size: 18px;
    font-weight: 500;
    color: #ffffff;
    text-align: center;
    margin-bottom: 4px;
  }
  .serviceStatusOne p {
    font-size: 8px;
    font-weight: 300;
    color: #ffffff;
    text-align: center;
    margin-bottom: 4px;
  }
  .serviceOneStatus {
    display: flex;
    gap: 33px;
    justify-content: center;
    margin-top: 24px;
  }
  .serviceOneAboutSection {
    max-width: 100%;
    height: auto;
    background: linear-gradient(
      126.37deg,
      #ffffff 1.17%,
      rgba(255, 255, 255, 0.538702) 48.52%,
      rgba(35, 175, 152, 0.5) 109.22%
    );
    padding-top: 35px;
    padding-bottom: 75px;
  }
  .serviceOneAboutTag {
    width: 199px;
    height: 30px;
    background: linear-gradient(
      89.85deg,
      #ffffff 18.45%,
      rgba(152, 246, 228, 0.4) 197.48%
    );
    border: 0.6px solid #b27f42;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 35px;
    margin: auto;
  }
  .serviceOneAboutTag h6 {
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 3%;
    color: #204e54;
    margin-bottom: 0;
  }
  .serviceOneAboutSection .title h2 {
    font-size: 22px;
    font-weight: 600;
    color: #1b484e;
    text-align: center;
    margin-top: 20px;
  }
  .serviceOneAboutSection .paragraph p {
    font-size: 14px;
    font-weight: 400;
    color: #1b484e;
    line-height: 150%;
    letter-spacing: 2%;
    text-align: center;
    margin-top: 9px;
  }
  .servicePointWrapperA {
    width: 48px;
    height: 45px;
    border-radius: 10px;
    box-shadow: 0px 3px 3px 0px #6b6b6b26;
    background: #e8eced;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
  }
  .servicePointWrapperB {
    width: 48px;
    height: 45px;
    border-radius: 10px;
    box-shadow: 0px 3px 3px 0px #6b6b6b26;
    background: #f7f2ec;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
  }
  .servicePointWrapperA img,
  .servicePointWrapperB img {
    max-width: 20px;
    height: 20px;
  }
  .serviceOnePointsBoxContent .title h4 {
    font-size: 14px;
    font-weight: 600;
    color: #353535;
    margin-top: 16px;
    text-align: center;
  }
  .serviceOnePointsBoxContent .paragraph p {
    font-size: 12px;
    font-weight: 400;
    color: #353535;
    color: #6f6f6f;
    text-align: start;
    margin-top: 7px;
    text-align: center;
  }
  .serviceOnePointsBox {
    max-width: 310px;
    height: 214px;
    box-shadow: 0px 4px 4px 0px #00000026;
    background: #fcfcfc;
    border-radius: 10px;
    padding-top: 28px !important;
    padding-left: 19px;
    padding-right: 19px;
    margin: auto;
    margin-bottom: 16px;
  }
  .serviceOnePointBoxRow {
    margin-top: 16px;
  }

  .serviceOnePointBoxRowOne {
    margin-top: 26px;
  }
  .serviceWhyChooseSection {
    max-width: 100%;
    height: auto;
    background: linear-gradient(136.73deg, #1b484e 42.4%, #b27f42 149.38%);
    padding-top: 39px;
    padding-bottom: 54px;
  }
  .serviceWhyChooseTag {
    width: 137px;
    height: 37px;
    background: #ffffff4f;
    border-radius: 35px;
    backdrop-filter: blur(13.199999809265137px);
    border: 0.6px solid #ffffff91;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
  }
  .serviceWhyChooseTag h6 {
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 3%;
    color: #f9f9f9;
    margin-bottom: 0;
    text-align: center;
  }
  .serviceWhyChooseSection .title h2 {
    font-size: 26px;
    font-weight: 600;
    color: #ffffff;
    text-align: center;
    margin-bottom: 36px;
    margin-top: 23px;
  }
  .serviceOneWhyChooseBox {
    max-width: 223px;
    height: 130px;
    border: 1px solid #c38f50;
    border-radius: 10px;
    padding-top: 24px;
    margin: auto;
    margin-bottom: 15px;
  }

  .serviceOneWhyChooseBox img {
    max-width: 30px;
    height: auto;
  }
  .serviceOneWhyChooseBox p {
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    color: #b0ded7;
    text-align: center;
    margin-top: 9px;
  }
  .serviceTwoPointBox {
    max-width: 310px;
    height: 214px;
    background: #fcfcfc;
    box-shadow: 0px 4px 4px 0px #00000026;
    border-radius: 10px;
    padding-top: 19px;
    padding-left: 19px;
    padding-right: 19px;
    margin-right: 0px;
    margin: auto;
    margin-bottom: 16px;
  }
  .serviceTwoPointsBox {
    max-width: 310px;
    height: 214px;
    background: #fcfcfc;
    box-shadow: 0px 4px 4px 0px #00000026;
    border-radius: 10px;
    padding-top: 19px;
    padding-left: 0px;
    margin-right: 0;
    margin: auto;
    margin-bottom: 16px;
  }
  .serviceTwoPointBox .title h6 {
    font-size: 14px;
    font-weight: 600px;
    color: #353535;
    margin-top: 16px !important;
    margin-bottom: 0;
    text-align: center;
  }
  .serviceTwoPointBox .paragraph p {
    font-size: 12px;
    font-weight: 400px;
    color: #6f6f6f;
    text-align: start;
    margin-top: 7px;
    text-align: center;
  }
  .serviceTowWhyChooseBox {
    width: 223px;
    height: 138px;
    border: 1px solid #c38f50;
    border-radius: 10px;
    padding-top: 22px;
    margin: auto;
    margin-bottom: 17px;
  }
  .serviceTowWhyChooseBox p {
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    color: #b0ded7;
    text-align: center;
    margin-top: 9px;
  }
  .questionAnswerTagTwo {
    width: 114px;
    height: 35px;
    background: #ffffff;
    box-shadow: 0px 4px 10px 0px #1b484e40;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center; /* vertically center the circle and text */
    gap: 6px; /* space between circle and text */
    margin: auto;
  }
  .questionAnswerTagTwo h6 {
    font-weight: 500;
    font-size: 10px;
    margin-bottom: 0;
    margin-left: 12px;
    color: #1b484e;
  }
  /* Green circle with tick */
  .answerShowerTwo .toggleBtnTwo {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #1b484e;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    transition: transform 0.3s ease;
  }
  .answerShowerTwo .toggleBtnTwo::before {
    content: "✔";
    font-size: 10px;
  }
  .supportServiceSection {
    max-width: 100%;
    height: a;
    background: #fbfcff;
    padding-top: 44px !important;
    padding-bottom: 52px;
  }
  .supportServiceSection {
    max-width: 100%;
    height: auto;
    background: #fbfcff;
    padding-top: 81px;
    padding-bottom: 60px;
  }
  .supportServiceTitle h2 {
    font-size: 22px;
    font-weight: 600;
    color: #0e0e0e;
    margin-bottom: 35px;
  }
  .supportServiceTimeLine {
    width: 459px;
    border: 0.6px solid #a5a5a5;
    position: relative;
    transform: rotate(90deg);
    transform-origin: left top; /* adjust as needed */
  }
  .dotA {
    width: 10px;
    height: 10px;
    background: #1b484e;
    border-radius: 50%;
    position: absolute;
    left: -1px;
    top: -5px;
  }
  .dotB {
    width: 10px;
    height: 10px;
    background: #c38f50;
    border-radius: 50%;
    position: absolute;
    left: 104px;
    top: -5px;
  }
  .dotC {
    width: 10px;
    height: 10px;
    background: #c38f50;
    border-radius: 50%;
    position: absolute;
    left: 218px;
    top: -5px;
  }
  .dotD {
    width: 10px;
    height: 10px;
    background: #1b484e;
    border-radius: 50%;
    position: absolute;
    left: 332px;
    top: -5px;
  }
  .dotE {
    width: 10px;
    height: 10px;
    background: #1b484e;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: -5px;
  }
  .serviceSupportBox {
    max-width: 90%;
    height: 90px;
    background: #fdfdfd;
    box-shadow: 0px 4px 10px 0px #00000040;
    border-radius: 10px;
    margin-left: 20px;
    margin-bottom: 20px;
    padding-top: 16px;
    padding-left: 18px;
  }
  .serviceSupportBox .title h5 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #353535;
  }
  .serviceSupportBox .paragraph p {
    font-size: 11px;
    font-weight: 500;
    margin-bottom: 0px;
    color: #6f6f6f;
  }
  .ourStoryLeft {
    margin-top: 40px;
  }
  .questionAnswerTagBig {
    max-width: 100%;
    height: 51px;
    background: #ffffff;
    border-radius: 15px;
    box-shadow: 0px 1px 8px 0px #00000040;
    margin: auto;
    padding-left: 8px;
    margin-top: 50px;
  }
  .makeSimple h6 {
    font-size: 9px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 0px;
    margin-left: 4px;
  }
  .makeSimple p {
    font-size: 7px;
    font-weight: 400;
    color: #000000;
    margin-bottom: 0;
    margin-left: 5px;
  }

  .simpleBtn button {
    width: 75px;
    height: 20px;
    background: linear-gradient(90deg, #1b484e 60.33%, #c38f50 100%);
    border: none;
    border-radius: 20px;
    margin-left: 0px;
    font-size: 7px;
    font-weight: 600;
    color: #ffffff;
  }
  .serviceFourPointsBox {
    max-width: 322px;
    height: 214px;
    box-shadow: 0px 4px 4px 0px #00000026;
    background: #fcfcfc;
    border-radius: 10px;
    padding-top: 15px;
    padding-left: 34px;
    padding-right: 15px;
    margin: auto;
    margin-top: 16px;
  }
  .serviceFourPointsBoxContent .title h4 {
    font-size: 14px;
    font-weight: 600;
    color: #353535;
    margin-top: 16px;
    text-align: center;
  }
  .serviceFourPointsBoxContent .paragraph p {
    font-size: 12px;
    font-weight: 400;
    color: #6f6f6f;
    margin-top: 14px;
    text-align: center;
  }
  .weServeSectionSecond {
    max-width: 100%;
    height: auto;
    background: #fbfcff;
    padding-top: 36px;
    padding-bottom: 0px;
  }
  .weServeTag {
    width: 136px;
    height: 35px;
    box-shadow: 0px 4px 10px 0px #1b484e40;
    background: #ffffff;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
  }
  .weServeTag h6 {
    font-size: 9px;
    font-weight: 500;
    color: #1b484e;
    margin-bottom: 0;
  }
  .weServeSectionContent .title h2 {
    font-size: 22px;
    font-weight: 600;
    color: #0e0e0e;
    margin-bottom: 5px;
    text-align: center;
    margin-top: 30px;
  }
  .weServeSectionContent .paragraph p {
    color: #1b484e;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    margin-bottom: 32px;
  }
  .serveBox {
    max-width: 100%;
    height: 72px;
    border-radius: 10px;
    background: #ffffff;
    border: 1px solid #e1e1e1;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
  }
  .serveBox p {
    font-size: 30px;
    font-weight: 800;
    color: #c38f501a;
    position: absolute;
    top: -20px;
    left: 0;
  }
  .serveBox h6 {
    font-size: 14px;
    font-weight: 500;
    color: #1b484e;
    margin: auto;
    text-align: center;
  }
  .focusGrowthTag {
    max-width: 100%;
    height: 51px;
    box-shadow: 0px 1px 8px 0px #00000040;
    background: #ffffff;
    border-radius: 15px;
    padding-left: 10px;
    margin: auto;
    margin-top: 32px;
  }
  .focusGrowth img {
    max-width: 15px;
    height: auto;
  }
  .focusButton button {
    width: 75px;
    height: 20px;
    background: linear-gradient(90deg, #1b484e 60.33%, #c38f50 100%);
    border-radius: 20px;
    border: none;
    font-size: 7px;
    font-weight: 600;
    color: #ffffff;
    margin-right: 5px;
  }

  .focusGrowthTag .title h6 {
    font-size: 9px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 0;
  }
  .focusGrowthTag .title p {
    font-size: 7px;
    font-weight: 400;
    color: #6f6f6f;
    margin-bottom: 0;
  }
  .contactDetailsSection {
    max-width: 100%;
    height: auto;
    background: #fbfcff;
    padding-top: 42px;
    padding-bottom: 42px;
  }
  .contactDetailsContent .title h2 {
    font-size: 22px;
    font-weight: 600;
    color: #1b484e;
    text-align: center;
    margin-bottom: 52px;
  }
  .contactBoxIconWrapper {
    width: 44px;
    height: 41px;
    background: #2a575e;
    box-shadow: 0px 3px 3px 0px #6b6b6b26;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
  }
  .contactBoxIconWrapper img {
    width: 20px;
    height: 20px;
  }
  .contactBox {
    max-width: 310px;
    height: 180px;
    box-shadow: 0px 4px 4px 0px #00000026;
    background: #fcfcfc;
    border-radius: 10px;
    padding-top: 17px;
    margin: auto;
  }
  .contactBoxIconWrapperB {
    width: 44px;
    height: 41px;
    background: #c38f50;
    box-shadow: 0px 3px 3px 0px #6b6b6b26;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
  }
  .contactBoxIconWrapperB img {
    width: 20px;
    height: 20px;
    fill: white !important;
  }
  .contactBox h6 {
    font-size: 16px;
    font-weight: 600;
    color: #353535;
    margin-bottom: 14px;
    margin-top: 12px;
    text-align: center;
  }
  .contactBox p {
    font-size: 12px;
    font-weight: 400;
    color: #6f6f6f;
    line-height: 150%;
    margin-bottom: 14px;
    text-align: center;
  }
  .contactBox {
    max-width: 310px;
    height: 187px;
    box-shadow: 0px 4px 4px 0px #00000026;
    background: #fcfcfc;
    border-radius: 10px;
    padding-top: 15px;
    margin-bottom: 15px;
  }

  .contactSectionContent .tag {
    width: 176px;
    height: 37px;
    border: 0.6px solid #ffffff91;
    background: #ffffff4f;
    backdrop-filter: blur(13.199999809265137px);
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
  }
  .contactSectionContent .tag h6 {
    font-size: 9px;
    font-weight: 600;
    color: #f9f9f9;
    margin-bottom: 0;
  }
  .contactSectionContent .title h2 {
    font-size: 20px;
    font-weight: 500;
    color: #dadada;
    text-align: center;
    margin-top: 31px;
    line-height: 125%;
  }
  .contactSectionContent .title h2 span {
    font-size: 26px;
    font-weight: 700;
    color: #c38f50;
  }
  .contactSectionContent .paragraph p {
    font-size: 14px;
    font-weight: 400;
    color: #b0ded7;
    line-height: 150%;
    text-align: center;
    margin-top: 22px;
  }
  .form-control,
  .form-select {
    max-width: 100%;
    height: 45px;
    border: 1px solid #ffffff33;
    background: #ffffff38;
    backdrop-filter: blur(28.200000762939453px);
    color: #ffffff;
    font-size: 15px;
    font-weight: 400;
  }
  .formBtn {
    max-width: 100%;
    height: 52px;
    border: 0;
    background: #c38f50;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 600;
    color: #ffffff;
  }
  .form-message {
    max-width: 100%;
    height: 168px;
  }
  .whyChooseCorporateTaxSection {
    max-width: 100%;
    height: auto;
    background: #fbfcff;
    padding-top: 44px;
    padding-bottom: 65px;
  }
  .whyChooseCorporateTaxContent .title h2 {
    font-size: 22px;
    font-weight: 600;
    color: #0e0e0e;
  }
  .whyChooseCorporateTaxContent .title h2 span {
    font-size: 22px;
    font-weight: 600;
    color: #c38f50;
  }
  .corporateTaxLine {
    width: 410px;
    border: 0.6px solid #a5a5a5;
    position: relative;
    transform: rotate(90deg);
    transform-origin: left top; /* adjust as needed */
  }
  .CTDotA {
    width: 10px;
    height: 10px;
    background: #1b484e;
    border-radius: 50%;
    position: absolute;
    left: -1px;
    top: -5px;
  }
  .CTDotB {
    width: 10px;
    height: 10px;
    background: #c38f50;
    border-radius: 50%;
    position: absolute;
    left: 118px;
    top: -5px;
  }
  .CTDotC {
    width: 10px;
    height: 10px;
    background: #c38f50;
    border-radius: 50%;
    position: absolute;
    left: 252px;
    top: -5px;
  }
  .companyClietWrapperOne img,.companyClietWrapperTwo img{
  max-width:146px;
  height: 46px;
}
.subTeamRow{
margin-top: 0;  
}
.subMemberName {
  margin-top: 35px;
  position: relative;
  z-index: 2;
  margin-bottom:30px;
}
.subTeamTitle h2{
 font-size: 22px;
 font-weight: 600;
 color: #C38F50;
 text-align: center;
}
.subTeamParagraph P{
  font-size: 14px;
  font-weight: 400;
  color: #B0DED7;
  text-align: center;
  margin-top: 8px;
  margin-bottom: 68px;
}
.subTeamWrapper{
  padding-top: 80px;
  padding-left: 10px;
  padding-right: 10px;
}
  .CTDotD {
    width: 10px;
    height: 10px;
    background: #1b484e;
    border-radius: 50%;
    position: absolute;
    right: 0px;
    top: -5px;
  }
  .CTBox {
    max-width: 100%;
    height: 90px;
    background: #fdfdfd;
    box-shadow: 0px 4px 10px 0px #00000040;
    border-radius: 10px;
    margin-left: 24px;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    padding-left: 33px;
  }
  .CTBox h6 {
    font-size: 14px;
    font-weight: 600;
    color: #353535;
  }
  .recentBlogSection {
    background: #fbfcff;
    height: auto;
    padding-top: 50px;
    padding-bottom: 34px;
  }
  .blogSectionTitle h2 {
    font-size: 22px;
    font-weight: 600;
    color: #1b484e;
    text-align: center;
    margin-bottom: 28px;
  }

  .blogsWrapper {
    max-width: 403px;
    height: 500px;
    position: relative;
  }
  .blogsWrapper .title h5 {
    font-size: 18px;
    font-weight: 500;
    color: #000000;
    line-height: 150%;
    margin-top: 22px;
    margin-bottom: 0;
  }
  .blogsWrapper .paragraph p {
    font-size: 12px;
    font-weight: 400;
    color: #6f6f6f;
    line-height: 150%;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .readMoreButton span {
    font-size: 11px;
    font-weight: 500;
    color: #c38f50;
    cursor: pointer;
    text-decoration: none;
  }
  .readMoreButton {
    position: relative;
    margin-top: 10px;
    left: 0;
  }
  .readMoreButton img {
    max-width: 30px;
    height: auto;
    cursor: pointer;
  }
  .headContainerContact {
    padding: 0px 0px 30px 0px !important;
    height: auto;
  }
  .blogContent {
    max-width: 100%;
    height: auto;
    background: #1b484e0d;
    margin-top: 0px;
    padding-left: 12px;
    padding-right: 12px !important;
    padding-top: 19px;
    padding-bottom: 34px;
    border-radius: 0px;
  }
  .blogTitle h2 {
    font-size: 20px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 19px;
  }
  .blogInnerContent h4 {
    font-size: 14px;
    font-size: 600;
    color: #000000;
    line-height: 150%;
    margin-bottom: px;
    margin-top: 34px;
  }
  .blogImg img {
    max-width: 100%;
    height: auto;
    margin: auto;
  }
  .blogInnerContent p {
    font-size: 12px;
    font-size: 400;
    color: #000000;
    line-height: 150%;
    margin-bottom: 0;
  }
  .blogMainParagraph {
    margin-top: 20px;
  }
  .blogParagraphSecond {
    margin-top: 10px;
  }
  .blogInnerContent h6 {
    font-size: 14px;
    font-size: 600;
    color: #000000;
    margin-bottom: 5px;
    margin-top: 10px;
  }

  .blogBlogsSection .title h2 {
    font-size: 22px;
    font-weight: 600;
    color: #000000;
    margin-top: 34px;
    margin-bottom: 26px;
    margin-left: 12px;
  }
}

@media (min-width: 1200px) and (max-width: 1240px) {
  .headLineTag {
    border: 1px solid #ffffff47;
    max-width: 312px;
    background: #ffffff17;
    backdrop-filter: blur(4.8px);
    padding: 16px 0px 16px 27px;
    border-radius: 30px;
    box-shadow: 0 0 15px rgba(178, 127, 66, 0.2);
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease-in-out;
    animation: softGlow 3s infinite ease-in-out;
    margin-top: 40px;
  }
  .buttonGroup {
    margin-top: 25px;
    margin-bottom: 10px;
    display: block;
  }
}
@media (min-width: 1100px) and (max-width: 1220px) {
  .heroText h1 {
    font-size: 64px;
    font-weight: 800;
    line-height: 100%;
    letter-spacing: 0%;
    color: #f7f7f7;
  }

  .heroText h2 {
    font-size: 44px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 0%;
    color: #f7f7f7;
  }
  .textColored {
    font-size: 30px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0%;
    color: #b27f42;
  }
}
@media (min-width: 1100px) and (max-width: 1200px) {
  .heroText h1 {
    font-size: 50px;
    font-weight: 800;
    line-height: 100%;
    letter-spacing: 0%;
    color: #f7f7f7;
  }

  .heroText h2 {
    font-size: 35px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 0%;
    color: #f7f7f7;
  }
  .textColored {
    font-size: 28px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0%;
    color: #b27f42;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .heroText h1 {
    font-size: 45px;
    font-weight: 800;
    line-height: 100%;
    letter-spacing: 0%;
    color: #f7f7f7;
  }

  .heroText h2 {
    font-size: 30px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 0%;
    color: #f7f7f7;
  }
  .textColored {
    font-size: 22px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0%;
    color: #b27f42;
  }
  .buttonOne {
    width: 220px;
    height: 55px;
    border: none;
    background: #f5fdfc;
    border-radius: 15px;
    font-size: 14px;
    font-weight: 600;
    color: #1b484e;
  }
  .buttonTwo {
    width: 150px;
    height: 55px;
    border: 1.5px solid #b27f42;
    background: transparent;
    border-radius: 15px;
    font-size: 14px;
    font-weight: 600;
    color: #f7f7f7;
    margin-left: 20px;
  }
  .buttonOne img {
    max-width: 100%;
    height: auto;
    margin-left: 5px;
  }
  .buttonTwo img {
    max-width: 100%;
    height: auto;
    margin-left: 5px;
  }
  /* ABOUT_PAGE */
 .aboutImageTagThree ,.serviceImageTagTwo{
  width: 216px;
  height: 78px;
  background: #ffffff;
  position: absolute;
  border-radius: 15px;
  bottom: -35px;
  left: -30px;
  padding-left: 16px;
} 

}

@media (min-width: 1200px) and (max-width: 1400px) {
  .mainPageServiceWrapper h5 {
    font-size: 22px;
    font-weight: 600;
    color: #353535;
    margin-bottom: 10px;
    margin-top: 10px;
  }

  .mainPageServiceWrapper h6 {
    font-size: 16px;
    font-weight: 600;
    color: #1b484e;
    margin-bottom: 10px;
  }
  .mainPageServiceWrapperSecond h5 {
    font-size: 22px;
    font-weight: 600;
    color: #353535;
    margin-bottom: 10px;
    margin-top: 10px;
  }

  .mainPageServiceWrapperSecond h6 {
    font-size: 16px;
    font-weight: 600;
    color: #c38f50;
    margin-bottom: 10px;
  }
  .performaceimg img {
    max-width: 80%;
    height: auto;
  }

  .clientCountSection {
    width: 550px;
    padding-top: 6px;
    padding-bottom: 7px;
    padding-left: 9px;
    background: #18484c;
    border-radius: 5px 5px 20px 5px;
    margin-top: 5px;
  }
  .whyChooseCard h5 {
    font-size: 22px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 0;
    margin-top: 20px;
  }
  /* ABOUT_PAGE */
  .teamMeetingTagOne {
  position: absolute;
  width: 131px;
  height: 89px;
  border-radius: 15px;
  background: #ffffff;
  box-shadow: 0px 4px 4px 0px #00000040;
  padding: 19px 0px 21px 0px;
  left: -10px;
  top: -52px;
}
}
@media (min-width: 999px) and (max-width: 1200px) {
  .mainPageServiceWrapper h5 {
    font-size: 22px;
    font-weight: 600;
    color: #353535;
    margin-bottom: 5px;
    margin-top: 5px;
  }

  .mainPageServiceWrapper h6 {
    font-size: 16px;
    font-weight: 600;
    color: #1b484e;
    margin-bottom: 5px;
  }
  .mainPageServiceWrapperSecond h5 {
    font-size: 22px;
    font-weight: 600;
    color: #353535;
    margin-bottom: 5px;
    margin-top: 5px;
  }

  .mainPageServiceWrapperSecond h6 {
    font-size: 16px;
    font-weight: 600;
    color: #c38f50;
    margin-bottom:5px;
  }
  .performaceimg img {
    max-width: 80%;
    height: 300px;
  }

  .clientCountSection {
    width: 450px;
    padding-top: 6px;
    padding-bottom: 7px;
    padding-left: 9px;
    background: #18484c;
    border-radius: 5px 5px 20px 5px;
    margin-top: 5px;
  }
  .performaceMain{
    display: flex;
    align-items: center;
  }
  .whyChooseCard {
  max-width: 418px;
  height: 349px;
  background: #ffffff38;
  border: 1px solid #ffffff33;
  backdrop-filter: blur(28.2px);
  border-radius: 10px;
  padding-top: 20px;
  padding-left: 40px;
  padding-right: 35px;
  transition: all 0.5s ease-in-out;
  position: relative;
  overflow: hidden;
}
    .whyChooseCard h5 {
    font-size: 22px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 0;
    margin-top: 10px;
  }
  /* ABOUT_PAGE */
    /* ABOUT_PAGE */
  .teamMeetingTagOne {
  position: absolute;
  width: 131px;
  height: 89px;
  border-radius: 15px;
  background: #ffffff;
  box-shadow: 0px 4px 4px 0px #00000040;
  padding: 19px 0px 21px 0px;
  left: -10px;
  top: -52px;
}
.boxAContent h3 {
  font-size: 22px;
  font-weight: 600;
  color: #353535;
  margin-top: 0px;
}
.boxAContent {
  padding:20px 19px 0px 20px;
}
.coreBoxTextContent {
  padding-left: 27px;
  padding-right: 27px;
  margin-top: 10px;
}
.companyDes{
  max-width: 100%;
}
.serviceOnePointsBox {
  max-width: 310px;
  height: 380px;
  box-shadow: 0px 4px 4px 0px #00000026;
  background: #fcfcfc;
  border-radius: 10px;
  padding-top: 28px;
  padding-left: 10px;
  margin-top: 10px;
}
}
@media (max-width: 1435px) {
.headContainerAbout {
  background: #1b484e;
  height: auto;
}
}