/* prjl cr s - 1344 */
/* Media query for very small screens */
@media (max-width: 768px) {
  .heading {
    font-size: 4vw;
  }

  .sub-heading {
    font-size: 2.5vw;
  }

  #title {
    font-size: 3vw;
  }

  #description {
    font-size: 2.2vw;
  }

  .newsCard {
    min-height: 40vh;
    padding: 4vh 4vw 12vh 4vw;
  }

  .card-right {
    width: 35vw;
  }
}
/* Media query for very large screens */
@media (min-width: 1920px) {
  .heading {
    font-size: 2vw;
  }

  .sub-heading {
    font-size: 1vw;
  }

  #title {
    font-size: 1.5vw;
  }

  #description {
    font-size: 1.1vw;
  }
}

/* Mobile Layout */
@media (max-width: 768px) {
  .company-section {
    height: auto;
  }

  .company-section__wrapper {
    margin: 0 4%;
  }

  .company-section__numbers {
    flex-direction: column;
    gap: 1.5vh;
    background: none;
    padding: 0;
  }

  .company-section__number {
    width: 100%;
    background: rgba(1.07, 117.7, 213.13, 0.75);
    padding: 2vw 4vw;
    border-radius: 3vw;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5vw;
  }

  .company-section__number-value {
    font-size: 7vw;
    line-height: 7vw;
  }

  .company-section__number-label {
    font-size: 4vw;
    line-height: 7vw;
  }

  .company-section__number-img {
    width: 10vw;
  }

  .flex-grid {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .company-section__body {
    display: flex;
    flex-direction: column-reverse;
    padding-top: 3vh;
  }

  .company-section__major-clients {
    width: 100%;
    margin-top: 4vh;
    gap: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .company-section__major-clients-header {
    font-size: 4vw;
    font-weight: 600;
    color: #333333;
    text-align: center;
    line-height: 5vw;
  }

  .company-section__big4 {
    font-size: 4.5vw;
    color: #0176d5;
  }

  .company-section__carousel-frame {
    width: 100%;
    margin-top: 2vh;
  }

  /* Slider buttons smaller */
  .slider-btn {
    width: 6vw;
    height: 6vw;
    top: 50%;
    opacity: 1;
  }

  .left-btn {
    left: 0;
  }

  .right-btn {
    right: 0;
  }

  .left-btn img,
  .right-btn img {
    width: 100%;
    height: auto;
  }

  .carousel-container {
    width: 90%;
    padding: 1vh 0;
    overflow: hidden;
  }

  .carousel {
    gap: 0;
  }

  .carousel-image-wrapper {
    width: 20vw;
    height: 10vw;
    margin: 0 1vw;
  }

  .carousel-image {
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  .company-section__what-is-winman {
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }

  .company-section__about-wrapper {
    width: 100%;
    margin: 3vh 0;
    display: flex;
    flex-direction: column;
    gap: 2vh;
  }

  .company-section__heading {
    font-size: 5.5vw;
    line-height: 7vw;
    color: #333333;
    font-weight: 600;
    width: 100%;
    top: 0;
    position: static;
  }

  .company-section__info-text {
    font-size: 3.5vw;
    line-height: 5vw;
    color: #555555;
    width: 100%;
    text-align: justify;
  }

  .company-section__line-gap {
    margin-top: 1.5vw;
    display: block;
    font-size: 3.5vw;
    line-height: 5vw;
  }

  .company-section__tagline {
    font-weight: 700;
    font-size: 4vw;
    margin-top: 2vh;
  }

  /* overlap-2 container adjustments */
  .company-section__overlap-2 {
    width: 100%;
    height: auto;
    background-size: cover;
    padding: 4vw 0;
    position: relative;
  }

  .company-section__overlap-wrapper,
  .company-section__overlap-group-wrapper {
    position: relative;
    width: 52%;
    background-color: white;
  }

  .company-section__overlap-wrapper {
    margin-bottom: 5vw;
    left: 0;
  }

  .company-section__overlap-group-wrapper {
    left: 45%;
  }

  .company-section__rectangle-5,
  .company-section__overlap-group-3 {
    padding: 1vw 3vw;
    gap: 2vw;
  }

  .company-section__text-wrapper,
  .company-section__text-wrapper-overlap {
    font-size: 5vw;
    color: #0175d5;
    font-weight: 700;
    line-height: 5.5vw;
  }

  .company-section__div-sale-traced,
  .company-section__div-license {
    width: 12vw; /* scale down */
  }

  /* flexcontainer text adjustments */
  .company-section__flexcontainer-2 {
    padding: 1vw 3vw 2vw;
    gap: 1vw;
  }

  .company-section__span-wrapper {
    font-size: 3.5vw;
    color: #333333;
    line-height: 4.5vw;
  }

  /* tqf/prjl cr s - 4685 */
  .customers-title {
    font-size: 4vw;
  }

  .customers-subtitle {
    font-size: 5vw;
  }

  .customers-subtitle .big,
  .customers-subtitle .four {
    font-size: 10vw;
  }

  .customers-subtitle .all,
  .customers-subtitle .four,
  .customers-subtitle .audit {
    margin: 0;
  }
  /* tqf/prjl cr - 4685 */
}
/* Footer Styling */
/* Hide mobile header on large screens */
@media (min-width: 769px) {
  .mobile-separator,
  .mobile-brakeLine {
    display: none !important;
  }
}

@media (max-width: 768px) {
  footer {
    height: auto;
  }

  .winman-footer-img {
    display: none !important;
  }

  .footer-top-section {
    flex-direction: column;
    height: auto;
    padding: 7vw 4%;
  }

  /* tqf cr s:IP ID - 4960 22.06.2026 */
  .footer-content > .break-dark:first-of-type {
    display: none;
  }
  /* tqf cr :IP ID - 4960 22.06.2026 */

  .footer-top-wrapper {
    margin: 0;
    width: 100%;
    gap: 6vw;
  }

  .footer-top-section h1 {
    font-size: 7vw;
    line-height: 12vw;
    text-align: center;
    white-space: normal;
  }

  .footer-top-section .buttons {
    gap: 4vw;
  }

  .footer-top-section .buy-btn,
  .footer-top-section .contact-btn,
  .footer-top-section .post-btn {
    font-size: 3vw;
    padding: 1vh 0;
    width: 100%;
    border-radius: 5vw;
  }

  .footer-content {
    width: 100%;
    margin-left: 0;
    padding: 3vh 4vw;
  }

  .footer-nav-details {
    flex-direction: column;
    padding: 0;
  }

  .footer-left {
    align-items: center;
    gap: 7vw;
  }

  .footer-logo {
    width: 30vw;
  }

  .social-icons {
    justify-content: center;
    gap: 10vw;
  }

  .social-icons img {
    width: 6vw;
  }

  .footer-nav {
    text-align: center;
  }

  .nav-section h3 {
    font-size: 4vw;
    margin-bottom: 4.5vw;
  }

  .nav-section ul li {
    font-size: 3.5vw;
  }

  .contact-section {
    width: 100%;
    padding: 6vw 0;
  }

  /* tqf cr s:IP ID - 4960 22.06.2026 */
  .contact-details {
    padding: 0 3vw;
  }
  /* tqf cr :IP ID - 4960 22.06.2026 */

  .contact-details h3 {
    font-size: 4.5vw;
    /* tqf cr text-align: center; */
  }

  .reach-us-wrapper {
    /* tqf cr - padding: 0 15vw; */
    gap: 3vw;
  }

  .reach-us-details {
    font-size: 3.5vw;
    flex-direction: row;
    align-items: center;
    gap: 4vw;
    line-height: 5vw;
  }

  .reach-us-details img {
    width: 5vw;
  }

  .post-query-wrapper {
    position: relative;
    bottom: auto;
    right: auto;
    margin-top: 3vh;
    text-align: center;
  }

  .post-query-wrapper .post-btn {
    width: 100%;
    font-size: 1.2rem;
  }

  /* 4771 s */
  .post-query-wrapper .hide-mobile {
    display: none;
  }

  .footer-nav-details .mobile__postQry-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5vw;
  }

  .footer-nav-details .mobile__postQry {
    color: #365ebf;
    font-weight: 500;
    font-size: 3.5vw;
    line-height: 100%;
    letter-spacing: 0%;
    border: none;
  }

  .footer-nav-details .mobile__postQry-wrapper .mobile__postQry-img {
    width: 20px;
    height: auto;
  }
  /* 4771 e */

  .footer-bottom {
    width: 100%;
    font-size: 3vw;
    line-height: 5vw;
    text-align: center;
    padding: 0;
    /* 4771 : padding-top: 6vw; */
  }

  /* Divider style */
  .footer-content hr {
    /* tqf cr s:IP ID - 4960 22.06.2026 */
    /* border: none;
    border-top: 1px solid #ffffff30;
    margin: 1vw 0; */
    border-top: 0px solid #4b4b4b;
    margin: 1vh 0 1vh 0;
    /* tqf cr :IP ID - 4960 22.06.2026 */
  }

  .mobile-brakeLine {
    display: block;
  }
}
@media (max-width: 768px) {
  .hero-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 5vh 5vw; /* tqf cr - 4771: margin: 2vh 5vw;*/
    padding: 1vh 0;
    height: auto;
    background: none;
  }

  .hero-section__content {
    max-width: 100%;
    width: 100%;
    /* tqf/prjl cr s - 4685 */
    /* padding-left: 5vw; */
    padding-left: 3vw;
    margin: 0;
    /* tqf/prjl cr - 4685 */
  }

  .hero-section__text {
    width: 100%;
  }

  .hero-section__text h1 {
    font-size: 7vw;
    font-weight: bold;
    color: #333;
    line-height: 10vw;
    background:
      linear-gradient(
        to right,
        rgba(255, 255, 255, 1) 15%,
        rgb(255 255 255 / 70%) 100%
      ),
      url("../Home/assets/img/hero/Hero-Image.jpg") no-repeat -20% center;
    background-size: cover;
    border-radius: 0 2vw 2vw 0;
    padding: 3vh 0;
    box-sizing: border-box;
    overflow: hidden;
  }

  .hero-section__text h1 span {
    color: #007bff;
    display: inline;
  }

  .hero-section__text .hero-section__tagline {
    font-size: 4.5vw;
    margin-left: 0;
    color: #333333;
    display: inline-block;
    line-height: 1.8;
    margin-top: 2vh;
  }

  .hero-section__text p {
    font-size: 4vw;
    line-height: 10vw;
    margin: 4vw 0;
    color: #333333;
    width: 100%;
  }

  .hero-section__text .hero-section__big4 {
    font-size: 5vw;
    margin: 6vw 0;
  }

  .hero-section__buttons {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    gap: 4vw;
    margin-top: 2vh;
  }

  .btn-primary,
  .btn-secondary {
    font-size: 4vw;
    padding: 1vh 5vw;
    border-radius: 7vw;
    font-weight: 500;
    font-family: "Poppins";
    border: 0.3vw solid #0176d5;
    box-shadow: 0 0.5vw 1vw rgba(0, 0, 0, 0.15);
    cursor: pointer;
    text-align: center;
  }

  .btn-primary {
    background: #0176d5;
    color: white;
  }

  .btn-primary:hover {
    background: white;
    color: #0176d5;
  }

  .btn-secondary {
    background: white;
    color: #0176d5;
  }

  .btn-secondary:hover {
    background: #0176d5;
    color: white;
  }
}
@media (max-width: 768px) {
  .marquee-notification {
    font-size: 3vw;
    padding: 1vw 0;
  }

  .marquee-notification__bar {
    margin-left: 3vw;
    margin-right: 3vw;
  }

  .marquee-notification__text {
    padding: 0 4vw;
  }
}
/* Hide mobile header on large screens */
@media (min-width: 769px) {
  .navbar-mobile,
  .navbar-mobile__nav,
  .mobile-searchbar {
    display: none !important;
  }
}

/* Hide desktop navbar in mobile */
@media (max-width: 768px) {
  .navbar {
    display: none;
  }

  /* 4771 */
  /* .navbar-wrapper {
    box-shadow: none;
  } */

  .navbar-mobile {
    background-color: #f2f2f2;
    padding: 1.7vw 5vw;
    /* tqf cr - border-radius: 10vw; */
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: transform 0.3s ease-in-out;
    position: relative;
  }

  .navbar-mobile__left .navbar-mobile__logo-img {
    width: 30vw;
    height: 4.5vh;
  }

  .navbar-mobile__searchbar-wrapper {
    display: none;
    width: 90%;
    padding: 0 2vw;
    border: 0.1vw solid #ccc;
    border-radius: 5vw;
    outline: none;
    background: white;
  }

  .navbar-mobile__searchbar-wrapper form {
    display: flex;
    width: 100%;
  }

  .navbar-mobile__searchbar-wrapper input[type="text"] {
    width: 100%;
    padding: 0.9vh 1vw;
    border: none;
    outline: none;
    font-family: "Poppins";
    color: #333;
  }
  /**/
  .navbar-mobile__searchbar-wrapper .navbar-mobile__search-bar {
    display: flex;
    justify-content: start;
    padding: 1vw;
    gap: 1vw;
    height: 4.5vh;
  }

  .navbar-mobile__searchbar-wrapper .search-bar #s {
    border: none;
    font-family: "Poppins";
    font-weight: 500;
    color: #8c8c8c;
    font-size: 1vw;
    text-align: left;
    letter-spacing: 0;
    line-height: normal;
    width: 100%;
  }

  .navbar-mobile__searchbar-wrapper
    .navbar-mobile__search-bar
    #s:focus-visible {
    border: none;
    outline: none;
  }

  input#mobileSearchSubmit {
    padding: 0;
    width: 6vw;
    background: url("../Home/assets/img/nav/search-icon.svg") no-repeat center
      center;
    background-size: contain;
    border: 0;
    z-index: 5;
    cursor: pointer;
    box-sizing: content-box;
  }

  .navbar-mobile__right {
    display: flex;
    gap: 4vw;
  }

  .navbar-mobile__search-toggle,
  .navbar-mobile__menu-toggle {
    width: 5vw;
    height: 5vw;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    cursor: pointer;
  }

  .navbar-mobile__menu-toggle {
    background-image: url("../images/Home-hamburger.svg");
  }

  .navbar-mobile__search-toggle {
    background-image: url("../images/Home-search-mobile.png");
  }

  .navbar-mobile__search-toggle.active {
    background-image: url("../images/Home-Close.svg");
  }

  .navbar-mobile__menu-toggle.active {
    background-image: url("../images/Home-Close.svg");
  }

  .navbar-mobile__nav {
    position: absolute;
    top: 100%; /* tqf cr - 4771 : top: 120%;*/
    left: 4vw;
    right: 4vw;
    z-index: 999;
    background: white;
    padding: 2vh 4vw;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateY(-20px);
    transition:
      max-height 0.3s ease,
      opacity 0.3s ease,
      transform 0.3s ease;
  }

  /* When mobile nav is open */
  .navbar-mobile__nav.open {
    max-height: 500px;
    opacity: 1;
    transform: translateY(0);
  }

  .navbar-mobile__links {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .navbar-mobile__links li {
    margin-bottom: 1.5vh;
  }

  .navbar-mobile__links a {
    font-size: 2.5vw;
    font-weight: 600;
    color: #333;
    font-family: "Poppins";
    display: block;
    padding: 0.5vh 1vw;
  }

  .navbar-mobile__dropdown-toggle {
    width: 100%;
    background: none;
    border: none;
    font-size: 2.5vw;
    font-weight: 600;
    font-family: "Poppins";
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5vh 1vw;
    cursor: pointer;
  }

  .navbar-mobile__arrow-icon {
    width: 4vw;
    transition: transform 0.3s ease;
  }

  .dropdown-menu {
    position: static !important;
    background: transparent;
    box-shadow: none;
    padding: 0.5vh 0 0 4vw;
    background-color: #f6faff;
    list-style: none;
    display: block;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateY(-20px);
    transition:
      max-height 0.3s ease,
      opacity 0.3s ease,
      transform 0.3s ease;
  }

  .dropdown.open .dropdown-menu {
    max-height: 500px;
    opacity: 1;
    transform: translateY(0);
  }

  .dropdown-menu a {
    color: #333 !important;
    font-size: 2vw;
    font-weight: 500;
    padding: 0.6vh 0;
    display: block;
    text-decoration: none;
  }

  .dropdown-menu a:hover {
    color: #007bff;
  }
}
/* Hide mobile header on large screens */
@media (min-width: 769px) {
  .navbar-mobile,
  .navbar-mobile__nav,
  .mobile-searchbar {
    display: none !important;
  }
}

/* Hide desktop navbar in mobile */
@media (max-width: 768px) {
  .navbar {
    display: none;
  }

  /* 4771 */
  /* .navbar-wrapper {
    box-shadow: none;
  } */

  .navbar-mobile {
    background-color: #f2f2f2;
    padding: 1.7vw 5vw;
    /* tqf cr - border-radius: 10vw; */
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: transform 0.3s ease-in-out;
    position: relative;
    height: 65px; /* tqf cr - 4960*/
  }

  .navbar-mobile__left .navbar-mobile__logo-img {
    width: 30vw;
    height: 4.5vh;
  }

  .navbar-mobile__searchbar-wrapper {
    display: none;
    width: 90%;
    padding: 0 2vw;
    border: 0.1vw solid #ccc;
    border-radius: 5vw;
    outline: none;
    background: white;
  }

  .navbar-mobile__searchbar-wrapper form {
    display: flex;
    width: 100%;
  }

  .navbar-mobile__searchbar-wrapper input[type="text"] {
    width: 100%;
    padding: 0.9vh 1vw;
    border: none;
    outline: none;
    font-family: "Poppins";
    color: #333;
  }
  /**/
  .navbar-mobile__searchbar-wrapper .navbar-mobile__search-bar {
    display: flex;
    justify-content: start;
    padding: 1vw;
    gap: 1vw;
    height: 4.5vh;
  }

  .navbar-mobile__searchbar-wrapper .search-bar #s {
    border: none;
    font-family: "Poppins";
    font-weight: 500;
    color: #8c8c8c;
    font-size: 1vw;
    text-align: left;
    letter-spacing: 0;
    line-height: normal;
    width: 100%;
  }

  .navbar-mobile__searchbar-wrapper
    .navbar-mobile__search-bar
    #s:focus-visible {
    border: none;
    outline: none;
  }

  input#mobileSearchSubmit {
    padding: 0;
    width: 6vw;
    background: url("../Home/assets/img/nav/search-icon.svg") no-repeat center
      center;
    background-size: contain;
    border: 0;
    z-index: 5;
    cursor: pointer;
    box-sizing: content-box;
  }

  .navbar-mobile__right {
    display: flex;
    gap: 4vw;
  }

  .navbar-mobile__search-toggle,
  .navbar-mobile__menu-toggle {
    width: 5vw;
    height: 5vw;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    cursor: pointer;
  }

  .navbar-mobile__menu-toggle {
    background-image: url("../images/Home-hamburger.svg");
  }

  .navbar-mobile__search-toggle {
    background-image: url("../images/Home-search-mobile.png");
  }

  .navbar-mobile__search-toggle.active {
    background-image: url("../images/Home-Close.svg");
  }

  .navbar-mobile__menu-toggle.active {
    background-image: url("../images/Home-Close.svg");
  }

  .navbar-mobile__nav {
    position: absolute;
    top: 100%; /* tqf cr - 4771 : top: 120%;*/
    left: 4vw;
    right: 4vw;
    z-index: 999;
    background: white;
    padding: 2vh 4vw;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateY(-20px);
    transition:
      max-height 0.3s ease,
      opacity 0.3s ease,
      transform 0.3s ease;
  }

  /* When mobile nav is open */
  .navbar-mobile__nav.open {
    max-height: 500px;
    opacity: 1;
    transform: translateY(0);
  }

  .navbar-mobile__links {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .navbar-mobile__links li {
    margin-bottom: 1.5vh;
  }

  .navbar-mobile__links a {
    font-size: 2.5vw;
    font-weight: 600;
    color: #333;
    font-family: "Poppins";
    display: block;
    padding: 0.5vh 1vw;
  }

  .navbar-mobile__dropdown-toggle {
    width: 100%;
    background: none;
    border: none;
    font-size: 2.5vw;
    font-weight: 600;
    font-family: "Poppins";
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5vh 1vw;
    cursor: pointer;
  }

  .navbar-mobile__arrow-icon {
    width: 4vw;
    transition: transform 0.3s ease;
  }

  .dropdown-menu {
    position: static !important;
    background: transparent;
    box-shadow: none;
    padding: 0.5vh 0 0 4vw;
    background-color: #f6faff;
    list-style: none;
    display: block;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateY(-20px);
    transition:
      max-height 0.3s ease,
      opacity 0.3s ease,
      transform 0.3s ease;
  }

  .dropdown.open .dropdown-menu {
    max-height: 500px;
    opacity: 1;
    transform: translateY(0);
  }

  .dropdown-menu a {
    color: #333 !important;
    font-size: 2vw;
    font-weight: 500;
    padding: 0.6vh 0;
    display: block;
    text-decoration: none;
  }

  .dropdown-menu a:hover {
    color: #007bff;
  }
}
/* Media query for very small screens */
@media (max-width: 768px) {
  .news-header-wrapper {
    text-align: center;
  }
  /* prjl cr s */
  /* 
  .news-section {
    padding: 5vw 4vw;
  } */
  .news-section {
    /* tqf/prjl cr s - 4685 */
    /* padding: 0 !important; */
    padding: 0 1rem !important;
    gap: 100px;
    /* tqf/prjl cr - 4685 */
  }
  /* prjl cr */
  .newsCard {
    min-width: 92vw;
    height: 120vw;
    padding: 4vh 4vw 12vh 4vw;
  }

  .card-left {
    width: 100%;
  }

  .card-right {
    width: 90%;
    top: 45vw;
    left: 5vw;
  }

  .heading {
    font-size: 4.2vw;
    margin-bottom: 2vw;
  }

  .sub-heading {
    font-size: 2.5vw;
  }

  .tag {
    margin: 2.7vw 0;
  }

  .tag span:first-child {
    font-size: 3.2vw;
    font-weight: 600;
  }

  #title > span {
    font-size: 3.7vw;
    font-weight: 600;
    color: rgba(0, 0, 128, 1);
    margin: 1vh 0;
  }

  #date {
    font-size: 2.5vw;
  }

  #description {
    margin: 3vw 0;
  }

  #description span:first-child {
    font-size: 3.7vw;
  }

  .download {
    font-size: 3.7vw;
  }

  .newsnav-buttons {
    bottom: 7%;
    left: 50%;
    transform: translate(-50%, -50%);
    gap: 3vw;
  }

  .newsnav-buttons button {
    width: 10vw;
    height: 10vw;
    font-size: 5vw;
  }

  /* Progress Bars */
  .progress-container {
    top: 93%;
    left: 50%;
    transform: translate(-50%, -50%);
    gap: 1.5vw;
    margin-bottom: 1vw;
  }

  .progress {
    height: 0.5vh;
    width: 10vw;
    background: #d6d6d6;
    border-radius: 1vh;
    transition:
      background 0.3s,
      width 0.3s;
  }

  .progress.active {
    width: 14vw;
  }

  /* tqf/prjl cr s - 4685 */
  .whats-new {
    margin: 40px 20px;
  }

  .whats-new-carousel {
    width: 100%;
  }

  .whats-new-download {
    margin-bottom: 0;
  }

  .whats-new-card {
    width: 100%;
    padding: 5vw;
  }

  .whats-new-nav.desktop {
    display: none !important;
  }

  .whats-new-nav-mobile {
    display: flex !important;
    gap: 2rem;
  }

  .whats-new-nav {
    position: inherit;
    width: 60px;
    height: 60px;
  }

  .whats-new-download {
    margin: 0;
  }

  .whats-new-downloas-wrapper {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    margin-top: 10vw;
    gap: 1vw;
  }

  .whats-new-card p {
    line-height: 2.6;
  }

  .whats-new-dots {
    margin: 0;
  }

  .whats-new-nav-wrapper {
    display: flex;
    justify-content: space-around;
    margin-top: -3rem;
  }

  .whats-new-active-left {
    transform: translateX(-85%) scale(0.92);
  }

  .whats-new-active-right {
    transform: translateX(-15%) scale(0.92);
  }

  .whats-new-stage {
    height: 510px;
  }

  .whats-new-icon {
    width: 48px;
    height: 48px;
  }

  .whats-new-icon img {
    width: 62px;
    height: 62px;
  }

  .whats-new-icon {
    top: -95px;
    left: 50%;
  }

  .whats-new-active-right .whats-new-icon {
    left: 50%;
  }

  .whats-new-active .whats-new-icon {
    top: -95px;
  }
  /* tqf/prjl cr - 4685 */
}
/* Product section styling */

/* Hide mobile header on large screens */
.mobile-wave-pic-show {
  display: none !important;
}
@media (min-width: 769px) {
  .mobile-wave-pic-show {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  .products-section {
    height: auto;
    overflow: visible;
    /* tqf/prjl cr s - 4685 */
    background: linear-gradient(180deg, #f8f8f8 0%, #ffffff 50%, #f8f8f8 100%);
    /* tqf/prjl cr - 4685 */
  }

  .products-section__list {
    margin: 0 4%;
    display: flex;
    flex-direction: column;
  }

  .products-section__header {
    order: 1;
  }

  .products-section__navbar-wrapper {
    order: 2;
  }

  .products-section__overlap {
    order: 3;
  }

  .products-section__title {
    font-size: 7vw;
    margin: 4vw 0;
    text-align: center;
    color: black;
  }

  .products-section__navbar-wrapper {
    flex-direction: column;
    align-items: stretch;
  }

  .products-section__navbar {
    /* prjl cr s */
    display: flex;
    flex-direction: column;
    /* prjl cr */
    width: 100%;
    border-radius: 4vw;
    padding: 2vw;
  }
  .products-section__header {
    /* tqf/prjl cr s - 4685 */
    /* background-color: #ffffff; */
    background-color: transparent;
    margin: 0 auto;
    /* tqf/prjl cr - 4685 */
  }
  .product-text-wrapper {
    font-size: 3vw;
    line-height: 3vw;
  }

  .image-wrapper {
    top: 100%;
    width: 2.5vw;
  }
  /* prjl cr s */
  /* .products-section__tab-separator {
    background-color: white;
  } */
  .products-section__tab {
    width: 100%;
    border: none;

    /* soft light-blue gradient like the image */
    background: linear-gradient(
      to right,
      rgba(0, 123, 255, 0.05),
      rgba(0, 123, 255, 0.25),
      rgba(0, 123, 255, 0.05)
    );

    /* subtle glow */
    box-shadow: 0 0 6px rgba(0, 123, 255, 0.25);
  }

  /* prjl cr */
  .products-section__overlap {
    margin: 0; /* tqf/prjl cr - 4685 - margin: 3vh 0;*/
  }

  .wave-pic {
    z-index: -1;
    top: 20%;
  }

  .product-details-wrapper {
    flex-direction: column;
    align-items: center;
    gap: 3vh;
  }

  .rectangle-wrapper {
    width: 100%;
  }

  .mobile-wave-pic-hide {
    display: none !important;
  }

  .rectangle-wrapper .product-img {
    padding: 1vh 1.5vw;
    border-radius: 2vw;
  }

  .winmancaerpscreen {
    width: 100%;
    height: auto;
  }

  .flexcontainer {
    width: 100%;
    align-items: flex-start;
    gap: 2vh;
  }

  .product-header {
    position: static;
    text-align: center;
  }

  .product-header h2 {
    font-size: 5vw;
    line-height: normal;
    top: 0;
    left: 0;
  }

  .product-details-header h3 {
    font-size: 4vw;
  }

  .text {
    font-size: 3.5vw;
    line-height: 7vw;
  }

  .text-wrapper-12 {
    padding-left: 2vw;
  }

  .product-buttons {
    width: 100%;
    gap: 2vh;
    align-items: center;
  }

  .random-pic {
    display: none;
  }
  /* tqf/prjl cr s - 4685 */
  .products-section__navbar-wrapper {
    display: none !important;
  }
  .product-details-wrapper {
    display: block !important;
  }

  .rectangle-wrapper .product-img {
    box-shadow: 5px 5px 12px 0px rgba(65, 86, 243, 0.1);
    border: 1px solid rgba(202, 210, 236, 1);
  }
  /* Accordion Card */
  .accordion {
    overflow: hidden;
  }

  /* Header */
  .accordion-header {
    width: 100%;
    display: flex !important;
    align-items: center;
    gap: 12px;
    justify-content: space-between;
    padding: 0.7rem 1.15rem;
    background: #fff;
    border: none;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 600;
    color: #333;
    border: 1px solid #cad2ec;
    border-radius: 8px;
    margin-bottom: 1rem;
    box-shadow: 5px 5px 12px 0px #4156f31a;
  }

  /* Icon */
  .accordion-header .icon {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    color: #4a6cf7;
    transition: transform 0.3s ease;
  }

  /* Body */
  .accordion-body {
    max-height: 0;
    overflow: hidden;
    transition:
      max-height 0.4s ease,
      padding 0.3s ease;
  }

  /* Content */
  .accordion-body ul {
    margin: 1rem 0 1.5rem;
    padding-left: 1.2rem;
    list-style-type: disc;
  }

  .accordion-body li {
    margin: 0.6rem 0;
    margin-left: 2rem;
    color: #444;
    line-height: 1.5;
    list-style-position: outside;
  }

  /* OPEN STATE */
  .accordion.open .accordion-header .title {
    color: rgba(2, 110, 199, 1);
  }

  .accordion.open .accordion-body {
    max-height: 900px; /* large enough */
  }

  .product-details-wrapper {
    position: relative;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  /* tqf/prjl cr - 4685 */
}
/* Review section styling */
/* ======== MOBILE VIEW ONLY STYLES ======== */
@media (max-width: 768px) {
  .review {
    height: auto;
    margin: 5vw 4%;
    /* tqf/prjl cr s - 4685 */
    padding-bottom: 7vw;
    /* tqf/prjl cr - 4685 */
  }

  /* Show mobile heading, hide desktop one */
  .mobile-heading-review {
    display: block;
    font-family: "Poppins";
    /* tqf/prjl cr s - 4685 */
    /* font-weight: 700;
    color: transparent; */
    text-align: center;
    font-weight: 600;
    padding: 3vw 1vw;
    /* tqf/prjl cr - 4685 */
    font-size: 6vw;
    line-height: 1.4;
  }

  .mobile-heading .text-wrapper-9 {
    color: #1366c9;
  }

  .mobile-heading .text-wrapper-11 {
    color: #10396c;
  }

  /* Hide the one inside .frame-3 */
  .frame-3 .best-customer .text-wrapper-7 {
    /* tqf/prjl cr - 4685 .frame-3 .best-customer { */
    display: none !important;
  }

  .trust-builder {
    height: auto;
    /* tqf/prjl cr s - 4685 */
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    border: 1px solid #cad2ec;
    border-top: 0.5rem solid #0176d5;
    border-radius: 0.5rem;
    padding: 3vw;
    box-shadow: 5px 5px 12px 0px #4156f31a;
    min-width: 100%;
    /* tqf/prjl cr - 4685 */
  }

  .review-img-wrapper {
    /* tqf/prjl cr s - 4685 */
    /* width: 100% !important;
    height: 60vw;
    margin: 4vw 0;
    position: relative; */
    display: none !important;
    /* tqf/prjl cr - 4685 */
  }

  .trust-building-child {
    height: auto;
  }

  .trust-building-icons {
    width: 100%;
    height: auto;
  }

  /*************************************/
  /*******First part of element*********/

  .back-drop {
    width: 75vw;
    top: 0;
    left: 5%;
  }

  .tax-free-man {
    width: 47vw;
    top: 22%;
    left: 25%;
  }

  .error-doc {
    width: 15vw;
    left: 15.7%;
    top: 86.5%;
  }

  .error-plant {
    width: 10vw;
    left: 75%;
    top: 56%;
  }

  .error-internet {
    width: 9vw;
    top: 50%;
    left: 11.5%;
  }

  .error-msg {
    width: 15vw;
    top: 10%;
    left: 20%;
  }

  .error-info {
    width: 13vw;
    left: 59%;
    top: 25%;
  }

  /******End First part of element******/
  /*************************************/

  /*************************************/
  /********Second part of element*******/

  .cq-man {
    width: 65vw;
    top: 22%;
    left: 10%;
  }

  .cq-plant {
    width: 12vw;
    left: 10%;
    top: 53.8%;
  }

  .cq-msg {
    width: 7vw;
    top: 38.5%;
    left: 60%;
  }

  .cq-wa {
    width: 9vw;
    left: 75%;
    top: 55%;
  }

  .cq-quest {
    width: 9vw;
    top: 15%;
    left: 54%;
  }

  .cq-dots {
    width: 8vw;
    left: 74%;
    top: 28%;
  }

  .cq-timer {
    width: 13vw;
    top: 25%;
    left: 17%;
  }

  /*****End Second part of element******/
  /*************************************/

  /*************************************/
  /********Third part of element********/

  .computation-chart {
    width: 40vw;
    top: 11%;
    left: 30%;
  }

  .computation-man {
    width: 23vw;
    top: 30%;
    left: 23.8%;
  }

  .computation-plant {
    width: 13vw;
    left: 7.5%;
    top: 53%;
  }

  .computation-rocket {
    width: 9vw;
    top: 40.5%;
    left: 53%;
  }

  .computation-calc {
    width: 8.5vw;
    left: 68.5%;
    top: 60%;
  }

  .computation-tiltedcoin {
    width: 10vw;
    top: 3%;
    left: 68%;
  }

  .computation-meter {
    width: 13vw;
    left: 39.5%;
    top: 29%;
  }

  .computation-coin {
    width: 8.5vw;
    top: 23%;
    left: 14%;
  }

  /******End Third part of element******/
  /*************************************/

  .frame-3 {
    width: 100% !important;
    border-radius: 0 !important;
    padding: 0;
    background: none;
    gap: 2vw;
    justify-content: space-around; /* tqf/prjl cr - 4685 */
  }

  .frame-wrapper.b,
  .frame-6.c {
    width: 100%;
  }

  .frame-6.c {
    /* tqf/prjl cr s - 4685 */
    /* padding: 3vw;
    border: 1px solid #0175d5;
    border-radius: 2vw; */
    /* box-shadow: none;
    border-radius: 0;
    border-top: 1px solid #cad2ec;
    padding: 0;
    padding-top: 3vw; */
    border-radius: 2.5vw;
    /* tqf/prjl cr - 4685 */
  }

  .review-wrapper {
    gap: 4vw;
  }

  .text.text-wrapper-12,
  .review-section__review-text {
    font-size: 4vw;
    line-height: 1.5;
  }

  .review-user-img {
    min-width: 15%; /* tqf/prjl cr - 4685 - width: 10vw; */
  }

  .text-wrapper-8 {
    font-size: 4vw;
  }

  .dots-container {
    /* tqf/prjl cr s - 4685 */
    /* gap: 7vw;
    top: 100px;
    left: 93%; */
    gap: 2vw;
    transform: translate(-50%, -50%) rotate(-0.25turn);
    top: 98%;
    /* tqf/prjl cr - 4685 */
  }

  .dot {
    width: 3.5vw;
    height: 3.5vw;
  }

  .dot.offset {
    margin: 0;
  }

  /* tqf cr s - 1321 */
  /* .half-wave-pic {
    display: none !important;
  } */
  /* tqf cr - 1321 */

  /* tqf/prjl cr s - 4685 */
  .best-customer {
    line-height: 3vh;
  }

  .best-customer .text-wrapper-9 {
    font-size: 4.5vw;
  }

  .overlap-group-2 .text-wrapper-8 {
    white-space: normal;
  }

  .review-body-wrapper {
    display: flex;
    width: 100%;
    transition: transform 0.5s ease-in-out;
  }
  /* tqf/prjl cr - 4685 */
}

/* tqf cr s - 4679 */
/* products page accordian */
@media screen and (max-width: 768px) {
  body.Products_Page {
    background: none;
  }

  .features-section .accordion-header {
    margin-bottom: 0;
  }
}
/* tqf cr - 4679 */

/* tqf cr s - 4808 */
/********************/
/*************************
**************************
----- About Us Page -- responsive
**************************
**************************/
@media (max-width: 768px) {
  .gallery-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .carousel-img {
    max-width: 90%;
  }
}

/* responsiveness code for More about us page */
@media (max-width: 768px) {
  .aboutus__hero {
    background: #004285;
  }

  .aboutus__hero__container,
  .aboutus__story__container,
  .aboutus__stats__container,
  .aboutus__workspace__container {
    padding: 14vw 5vw 4vw;
    margin-left: 0;
  }

  .aboutus__hero__container_wrapper,
  .aboutus__story__container_wrapper {
    width: auto;
    margin: 1vw 3vw;
  }

  .aboutus__story__container {
    padding: 3vw 5vw 4vw;
  }

  #more {
    display: none;
  }

  #knowMoreBtn {
    display: inline-block;
  }

  .aboutus__hero__container_wrapper h2,
  .aboutus__story__container_wrapper h2,
  .aboutus__stats__container h2,
  .aboutus__workspace__container h2 {
    font-size: 1.3rem;
    line-height: 1.85rem;
  }

  .aboutus__stats__container {
    padding: 3vw 8vw;
    flex-direction: column;
  }

  .aboutus__stats-wrapper {
    width: 100%;
  }

  .aboutus__stats__left,
  .aboutus__stats__right {
    width: 100%;
  }

  .aboutus__stats__right .map img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  .stats-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: stretch;
    row-gap: 1rem;
  }

  .stats-grid .stat {
    border-radius: 0.5rem;
    background: #f9f9fc;
    border: 1px solid #cad2ec;
    box-shadow: 5px 5px 12px 0px #4156f31a;
    padding: 1rem;
  }

  .aboutus__stats-wrapper {
    margin: 2rem 0;
  }

  .aboutus__stats__container .location {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .aboutus__workspace__container {
    padding: 3vw 0vw 4vw;
    text-align: center;
    margin-right: 0;
  }

  .gallery-grid .gallery-img-wrapper {
    border-radius: 0;
  }

  /**Moble carasoul***/
  .gallery-carousel {
    overflow: hidden;
    position: relative;
  }

  .gallery-grid {
    display: flex;
    transition: transform 0.5s ease;
    gap: 0;
  }

  .gallery-img-wrapper {
    min-width: 100%;
  }

  .gallery-img-wrapper img {
    width: 100%;
    display: block;
  }

  /* dots */
  .carousel-dots-mobile {
    display: flex;
    justify-content: center;
    margin-top: 10px;
    gap: 8px;
  }

  .carousel-dots-mobile span {
    width: 8px;
    height: 8px;
    background: #ccc;
    border-radius: 50%;
    cursor: pointer;
  }

  .carousel-dots-mobile span.active {
    background: #1a82ff;
  }
}

/****************************************/
/* tqf cr - 4808 */

/* tqf cr s:IP ID - 4681 30.03.26 */
/* ================================
   RESPONSIVE
================================ */
@media (max-width: 768px) {
  /* tqf cr s:IP ID - 4960 22.06.2026 */
  body.ContactUs_page {
    background-image: url("../images/Mbl-Backdrop-with-abstract.png");
  }
  /* tqf cr :IP ID - 4960 22.06.2026 */

  .support__contactus {
    max-width: 100%;
    margin: 0;
    padding: 5rem 0 3rem; /* tqf cr - 4960 : 1.25rem */
  }

  .support__contactus__header,
  .support__contactus-right-panel,
  .Mobile_padding {
    padding: 0 1.25rem;
  }

  .Mobile_Show_BG_Gradient {
    padding: 2.75rem 1.25rem;
    background: linear-gradient(180deg, #f8f8f8 0%, #ffffff 50%, #f8f8f8 100%);
  }

  /* tqf cr s:IP ID - 4960 22.06.2026 */
  .support__contactus-right-panel p {
    font-weight: 400;
  }
  /* tqf cr*/

  .support__contactus__grid {
    display: flex;
    flex-direction: column-reverse;
    gap: 4rem;
  }

  .support__contactus-right-panel {
    width: 100%;
  }

  .support__contactus-help-boxes,
  .reach-us-number,
  .card.contactus-card-fixedMargin {
    width: 100%;
  }

  .support__contactus-illustration-wrapper {
    display: none;
  }

  .support__contactus-right-panel .button-decription-flex {
    flex-direction: column-reverse;
    text-align: start;
  }

  .support__contactus-right-panel .tools {
    display: none;
  }

  .button-decription-flex.customer {
    display: none;
  }

  .support__contactus-help-boxes {
    gap: 2rem;
  }

  .support__contactus-help-boxes .card.hide-mobile {
    display: none;
  }

  .support__contactus-left-panel .reach-us-number {
    padding: 0 0.9rem;
    font-size: 14px; /* tqf cr :IP ID - 4960 22.06.2026 */
  }

  /* tqf cr s:IP ID - 4960 22.06.2026 */
  .support__contactus-left-panel .info-item.all-number {
    font-weight: 400;
    font-size: 14px;
  }
  /* tqf cr :IP ID - 4960 22.06.2026 */

  .customer-care-wrapper {
    flex-direction: column;
  }

  .customer-care-right {
    width: 100%;
  }

  .customer-care-wrapper h3 {
    margin-top: 1.7rem;
  }

  .customer-care-right .info-item,
  .customer-care-right h3 {
    padding-left: 2rem;
  }

  .support__contactus-left-panel .escalation-content {
    padding: 0 0.9rem;
  }

  /* tqf cr s:IP ID - 4960 22.06.2026 */
  .support__contactus-left-panel .feedback {
    padding: 0 0.9rem;
  }
  /* tqf cr :IP ID - 4960 22.06.2026 */

  .support__contactus-left-panel .table {
    display: none;
  }

  .support__contactus-left-panel .escalation-mobile-view {
    display: block;
    padding: 1rem 1.7rem 1.7rem; /* tqf cr - 4960 : padding: 1.7rem;*/
  }

  .support__contactus-left-panel .escalation-mobile-view p {
    margin: 1rem 0; /* tqf cr - 4960 : margin: 0.5rem 0;*/
    font-weight: 600;
  }

  .support__contactus-left-panel .escalation-mobile-view a {
    color: #365ebf;
    font-weight: 400;
  }

  .contact__num_wrapper {
    flex-direction: column;
    gap: 0;
  }
}
/* tqf cr:IP ID - 4681 30.03.26 */

/* tqf cr s:IP ID - 4680 11.04.26 Support Training Videos section mobile design */
@media only screen and (max-width: 1000px) {
  #navlst {
    width: 100%;
  }

  /*sam cr - mobile - top - push down for notifcation */
  #tvsubinput {
    top: 50px;
  }
  /*sam cr - mobile - top - push down for notifcation */
}

@media (max-width: 768px) {
  #navlst.mobile-handle {
    width: 100%;
    display: flex;
    margin: 0;
  }

  /*sam cr - mobile - top - push down for notifcation */
  .mobile_tvsub_push {
    top: 65px !important;
  }
  /*sam cr - mobile - top - push down for notifcation */

  .tablinks {
    padding: 0;
    margin-bottom: 0;
  }

  .content.training-videos {
    flex-direction: column;
    padding-top: 10rem; /*sam cr*/
  }

  aside.left-panel {
    width: 100%;
    padding: 1rem;
  }

  input#topicSearchSubmit {
    width: 10vw;
  }

  .navbar-wrapper .navbar__search #topicSearch {
    font-size: 3vw; /* font-size: 5vw; */
  }

  .navbar-wrapper .navbar__search {
    padding: 0.9vh 3.7vw;
    border-radius: 5vw;
  }

  .training_topic-wrapper {
    display: none;
  }

  .left-panel .listscrol {
    display: none !important;
  }

  .training_videos_content {
    margin: 1rem;
    padding: 0;
    overflow-y: visible;
  }

  .traning_videos_demo {
    display: flex;
    flex-direction: column-reverse;
  }

  .descriptionright,
  .descriptionleft {
    width: 100%;
  }

  .thumb-wrapper {
    width: 98%;
    margin: 0.25rem;
  }

  .video-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .playdownload {
    display: none;
  }

  /* .modalViewDots img {
    display: none;
  } */

  /* .modalViewDots .downloadbutton {
    display: block;
    opacity: 1;
    position: inherit;
    transform: none;
  } */

  .description-mobile-wrapper {
    display: flex;
    justify-content: space-between;
  }

  .descriptioncontainer .downloadbutton {
    display: block;
    opacity: 1;
    position: inherit;
    transform: none;
    width: fit-content;
  }

  .downloadbutton {
    opacity: 1;
    transform: translateY(0);
  }

  /******Pagination Section styling**********/
  .mobile-pagination-content-wrapper {
    display: block;
    margin: 2rem 0;
  }

  .mobile-pagination-btn-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
  }

  .mobile-pagination-btn-wrapper button {
    margin: 0 10px;
    padding: 4px 8px;
    font-size: 1.5rem;
    text-transform: none;
    border: none;
    background: none;
    color: #8c8c8c;
    cursor: pointer;
    transition: background 0.2s;
  }
  .mobile-pagination-btn-wrapper button:disabled {
    color: #c5c5c5;
    cursor: not-allowed;
  }
  .mobile-pagination-btn-wrapper span {
    font-size: 18px;
    margin: 0 12px;
  }

  .mobile-pagination-description-wrapper {
    margin-bottom: 1.5rem;
    padding-left: 1.7rem;
  }

  .mobile-pagination-description-wrapper .mobile-pagination-description {
    color: #333333;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.7rem;
    letter-spacing: 0;
  }

  aside.left-panel {
    overflow: visible;
    background: #f5f7fa; /* 4860 */
  }
}

/* tqf cr:IP ID - 4680 11.04.26 End Support Training videos section */

/* Support FAQ section mobile design */
@media (max-width: 768px) {
  .faq__content {
    flex-direction: column;
    /* padding-top: 3rem;    sam cr */
    padding-top: 5rem;
  }

  aside.faq__left-panel {
    display: none;
  }

  .faq__right-panel {
    margin: 0.75rem;
    border: none;
  }

  .faq__left-panel iframe {
    margin-left: 10%;
  }

  .faq__right-panel .faqhead p:first-child {
    font-size: 1.15rem;
  }

  .faq__right-panel .faqhead p {
    font-size: 0.9rem;
  }
}
/* End Support Training videos section */

/* tqf cr s - 4802 */
/********************/
/*************************
**************************
----- Career Page -- responsive
**************************
**************************/
@media (max-width: 768px) {
  body.Career_page {
    background-image: none;
    background-color: white;
  }

  .career__jobs .accordion.open .accordion-body {
    margin-bottom: 1rem;
    box-shadow: 2px 0px 6px 0px #4156f31a;
  }

  .career__mobile_displayLink {
    padding: 1rem 2.4rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }

  .career__mobile_displayLink a {
    font-weight: 500;
    font-size: 0.9rem;
    line-height: 1.25rem;
    letter-spacing: 0%;
    color: #365ebf;
  }

  .career__hero .btn-primary.flex-box {
    width: 100%;
    justify-content: center;
  }

  /* Career section */
  .career__hero {
    display: block;
    background-color: #004285;
  }

  .hero__carousel {
    display: none;
  }

  .career__hero__container {
    padding: 4rem 2.4rem 2rem;
    max-width: 1200px;
    margin: auto;
  }
  .career__hero__container .hero-text h1 {
    font-size: 1.5rem;
    line-height: 2.75rem;
  }

  .career__hero__container .hero-text p {
    font-size: 0.9rem;
  }

  .career__description__container {
    padding: 1rem 2.4rem;
  }

  .career__description__container {
    flex-direction: column;
  }

  .career__description__img_wrapper {
    display: none;
  }

  .career__description__container__wrapper p {
    font-size: 0.85rem;
    text-align: left;
  }

  .career__jobs__container {
    padding: 1rem;
    padding-right: 0;
    background: linear-gradient(185.78deg, #f8f8f8 50.01%, #ffffff 95.42%);
  }

  .card-wrapper.show-mobile .accordion-header,
  .card-wrapper.show-mobile .accordion-body {
    width: 96%;
  }

  .actions {
    position: inherit;
    flex-direction: column-reverse;
    gap: 1rem;
  }

  .actions .btn-primary {
    /* width: 100%;
    padding: 2vh 5vw; */
    display: none;
  }

  .actions .download {
    position: inherit;
    gap: 1rem;
  }

  .career__jobs__container .hide-mobile {
    display: none;
  }

  .card-wrapper.show-mobile {
    display: block;
  }

  .card-wrapper.show-mobile .accordion {
    margin-bottom: 1rem;
  }

  .card-wrapper.show-mobile .accordion-header .title {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0%;
    color: #0176d5;
  }

  /* Card *********/

  .job-card {
    padding: 1rem;
    border: 1px solid #cad2ec;
    border-radius: 0.5rem;
    box-shadow: 2px 0px 6px 0px #4156f31a;
  }

  /* Labels */
  .job-card__label {
    margin-top: 0.75rem; /* tqf cr s - 4960 : margin: 0.75rem 0;*/
    font-size: 0.9rem;
    font-weight: 400;
    color: #8c8c8c;
  }

  /* Link */
  .job-card__link {
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    color: #365ebf;
    /* text-decoration: underline; */
    margin-bottom: 8px;
  }

  .job-card__link:hover,
  .job-card__link:focus {
    text-decoration: underline;
  }

  /* Text */
  .job-card__text {
    margin: 0 0 1.5rem;
    font-size: 0.9rem;
    font-weight: 500;
    color: #333333;
  }

  .accordion-body .job-card ul {
    padding-left: 0;
  }

  .job-card__text:last-child {
    margin-bottom: 0.5rem;
  }

  /* Career Advantage section */
  .career__advantage__hero__container {
    padding: 6rem 1rem 2rem;
  }

  .career__advantage__hero .hero-text h1 {
    font-size: 1.25rem;
  }

  .row,
  .row.reverse {
    flex-direction: column-reverse;
    text-align: center;
    padding: 2rem;
  }

  .text h3 {
    font-size: 1.25rem;
  }

  .text p {
    font-size: 0.9rem; /* tqf cr - 4960 : font-size: 0.85rem;*/
  }

  .cta h2 {
    font-size: 1.25rem;
  }

  .cta .back-link {
    font-size: 0.9rem;
  }

  .cta .btn-primary {
    width: 100%;
  }
}
/*************************/
/* tqf cr - 4802 */

/* tqf cr s - 4706 */
/* ========================
   Responsive
========================= */
@media (max-width: 768px) {
  .product__download {
    margin: 0rem 1.25rem 2rem;
    padding-top: 20vw;
  }

  .product__download__cards {
    gap: 1.5rem;
  }

  .product__download__note {
    display: none;
  }

  .product__download__cards {
    flex-direction: column;
    align-items: center;
    margin-bottom: 2rem;
  }

  .product__security .security__box-wrapper {
    flex-direction: column;
  }

  .product__security .security__box {
    background: linear-gradient(70.84deg, #fcfcfc 54.07%, #f2f8fc 100%);
  }

  .product__download__cards .card__section .card__section-downloader img {
    width: 4.5vw;
  }

  .product__installer_details {
    margin: 1rem;
  }
}
/* tqf cr - 4706 */

/* tqf cr s:5022 */
/*
************************************
********* Careers Page Advantages ******
************************************
*/

@media (768px <= width <= 1200px) {
  .Products_Page .content {
    padding-top: 10vw;
  }
}

@media (max-width: 768px) {
  .Products_Page .content {
    flex-direction: column;
    padding-top: 120px;
  }

  .Products_Page .left-panel {
    position: fixed;
    width: 100%;
    padding: 0;
    overflow: visible;
    z-index: 10;
    top: 65px;
    height: 65px;
  }

  .Products_Page .quick-links-header {
    margin-top: 0;
  }

  .Products_Page .content-heading {
    padding: 5vh 3vw;
  }

  .Products_Page .main-body {
    width: 100%;
    padding: 0;
    margin: 0;
    margin-left: 3vw;
    padding-right: 6vw;
  }

  .Products_Page .quick-links-header.active {
    border-radius: 0;
  }

  .Products_Page .quick-links-header .arrow {
    transition: transform 0.3s ease;
  }

  .Products_Page .mobile_hide {
    display: none;
  }

  .Products_Page .topics {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #f2f2f2;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 2vh 6vw;
    z-index: 9999;
    overflow: hidden;
    transform: translateY(-20px) scaleY(0);
    transform-origin: top;
    opacity: 0;
    transition:
      transform 0.5s ease,
      opacity 0.5s ease;
  }

  .Products_Page .topics.show {
    transform: translateY(-20px) scaleY(1);
    opacity: 1;
  }

  .Products_Page .quick-links-header.active .arrow {
    transform: rotate(180deg);
  }

  .Products_Page .page-overlay {
    position: fixed;
    inset: 0;
    top: 5rem;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    z-index: 5;
  }

  .Products_Page .page-overlay.show {
    opacity: 1;
    visibility: visible;
  }

  .Products_Page .content-table .body > div:nth-child(even) {
    flex-direction: column-reverse;
  }

  .Products_Page .content-table .body > div:nth-child(odd) {
    flex-direction: column;
  }

  .Products_Page .content-table .body .row .col-content-right,
  .Products_Page .content-table .body .row .col-content-left {
    text-align: center;
  }

  .Products_Page .content-table .body > div:nth-of-type(odd) .col-content-right,
  .Products_Page
    .content-table
    .body
    > div:nth-of-type(even)
    .col-content-right {
    background: none;
  }

  .Products_Page .content-table .body > div:nth-of-type(odd) {
    padding: 1.25rem 0;
    row-gap: 1.25rem;
    background: linear-gradient(
      to left,
      rgb(239, 248, 255),
      rgba(200, 200, 200, 0)
    );
  }

  .Products_Page .col-content-right p,
  .Products_Page .col-content-left p {
    gap: 0.5rem;
  }

  .Products_Page .content-table .body > div:nth-of-type(even) {
    padding: 1.25rem 0;
    row-gap: 1.25rem;
    background: linear-gradient(
      to right,
      rgb(239, 248, 255),
      rgba(200, 200, 200, 0)
    );
  }

  .Products_Page .accordion-header {
    justify-content: flex-start;
  }

  .Products_Page .accordion-header .title,
  .Products_Page .accordion.open .accordion-header .title {
    color: #333333;
  }
}

/*************************************/
/* tqf cr:5022 */