@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

* {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}

html,
body {
  margin: 0px;
  height: 100%;
  /* prjl cr s */
  /* tqf cr -  background-image: url("../images/Footer-Backdrop-with-abstract.jpg"); */
  /* prjl cr */
  font-family: "poppins"; /* tqf cr:IP ID - 4683 30.03.26 */
}

/* tqf cr s - 4679 */
/* tqf cr s:IP ID - 4681 30.03.26 */
/* tqf cr s:IP ID - 4706 30.03.26 */
body,
input,
textarea,
button {
  font-family: "Poppins";
}

body.Products_Page,
body.Downloads_page,
body.ContactUs_page {
  background-image: url("../images/Footer-Backdrop-with-abstract.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover; /* tqf cr - 4960 */
}

/* tqf cr s */
body.Other__downloads {
  background-image: url("../images/other-download_Bg_Image.png");
  background-repeat: no-repeat;
  background-attachment: fixed;
}
/* tqf cr */
/* tqf cr:IP ID - 4681 30.03.26 */
/* tqf cr:IP ID - 4706 30.03.26 */
/* tqf cr - 4679 */

.container {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

button:focus-visible {
  outline: 2px solid #4a90e2 !important;
  outline: -webkit-focus-ring-color auto 5px !important;
}

a {
  text-decoration: none;
}

.wave-pic {
  position: absolute;
  width: 100%;
  z-index: 4;
  top: 127%;
  left: 0;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

/* tqf cr s:IP ID - 4960 22.06.2026 */
p,
td {
  line-height: 1.6rem;
}

div {
  line-height: 1.4rem;
}
/* tqf cr :IP ID - 4960 22.06.2026 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.news-section {
  font-family: "Poppins"; /* 4771 : font-family: "Poppins"; */
  /* prjl cr s */
  /* padding: 3vh 2vw 2vh 8vw; */

  /* prjl cr */
  position: relative;
  background: linear-gradient(180deg, #f8f8f8 0%, #ffffff 100%);
  overflow: hidden !important;
  /* prjl cr s */
  display: flex;
  flex-direction: column;
  gap: 80px;

  /* prjlc rr */
}

.news-header-wrapper {
  margin-left: 3vw;
  margin-bottom: 0.5vh;
}

.heading {
  font-size: 2.5vw;
  font-weight: 600;
  margin-bottom: 1vh;
  color: rgba(51, 51, 51, 1);
}

.heading span {
  color: #6267f2;
  background-image: linear-gradient(360deg, #6267f2 0%, #3e81f6 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}

.sub-heading {
  color: rgba(51, 51, 51, 1);
  font-weight: 400;
  font-size: 1.2vw;
}

.carousel-wrapper {
  position: relative;
}

/* Progress bar on top of the card */
.progress-bar {
  position: absolute;
  top: 1vh;
  left: 15%;
  transform: translateX(-50%);
  display: flex;
  gap: 1vw;
}

.progress-bar .newswDot {
  width: 3.5vw;
  height: 0.4vh;
  background: #d0d0da;
  border-radius: 0.4vh;
}

.progress-bar .newswDot.active {
  background: #2d4dd6;
}

/* CARDS */
.newsCarousel {
  display: flex;
  gap: 7vw;
  width: 100%;
  transition: transform 0.5s ease-in-out;
}

.newsCard {
  background: white;
  padding: 6vh 3vw 16vh 3vw;
  border-radius: 2vw;
  display: flex;
  justify-content: space-between;
  min-height: 45vh;
  box-shadow: 0 0.6vh 2vh rgba(0, 0, 0, 0.1);
  overflow: hidden;
  position: relative;
  min-width: 58%;
  background: linear-gradient(
    253.39deg,
    #faf7fd 1.25%,
    #f7fafd 36.88%,
    #f3f7fc 98.67%
  );
  border: 0.1vw solid rgba(202, 210, 236, 1);
  box-shadow: 0.5vw 0.5vh 1.2vh 0 rgba(65, 86, 243, 0.1);
}

/* Left content */
.card-left {
  width: 50%;
  z-index: 10;
}

.tag {
  display: flex;
  gap: 1vw;
  align-items: center;
  margin: 2vh 0;
}

.tag span:first-child {
  font-weight: 600;
  color: rgba(51, 51, 51, 1);
}

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

#date {
  color: rgba(51, 51, 51, 1);
  font-size: 1vw;
  font-weight: 400;
  display: inline-block;
}

#description {
  color: rgba(51, 51, 51, 1);
  margin-top: 1vh;
  font-size: 1.3vw;
  font-weight: 400;
  line-height: 1.5;
}

.download {
  margin-top: 1.5vh;
  color: rgba(54, 94, 191, 1);
  text-decoration: none;
  font-weight: 500;
  font-size: 1.1vw;
  display: inline-flex;
  align-items: center;
  gap: 0.6vw;
}

/* Right image */
.card-right {
  width: 28vw;
  position: absolute;
  bottom: 0;
  right: 2vw;
}

.card-right img {
  width: 100%;
  height: auto;
  background-size: contain;
}

/* NAV BUTTONS */
.newsnav-buttons {
  position: absolute;
  bottom: 15%;
  left: 10.5%;
  display: flex;
  gap: 1.5vw;
}

.newsnav-buttons button {
  width: 3.5vw;
  height: 3.5vw;
  border-radius: 50%;
  border: none;
  font-size: 1.8vw;
  cursor: pointer;
  background: white;
  border: 0.1vw solid #ccc;
}

.newsnav-buttons button:disabled {
  color: #ccc;
  background: #f0f0f0;
  cursor: not-allowed;
}

/* Progress Bars */
.progress-container {
  position: absolute;
  display: flex;
  top: 25%;
  left: 10.5%;
  gap: 1vw;
  margin-bottom: 2vh;
}

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

.progress.active {
  background: #1a73e8;
  width: 10vw;
}

/* Company Section Styles */
.company-section {
  /* prjl cr s */
  /* height: 100vh; */
  /* background-color: #cdcdcd14; */
  /* tqf cr s:IP ID - 4683 30.03.26 */
  /* height: 65vh; */
  height: auto;
  /* tqf cr:IP ID - 4683 30.03.26 */
  background-color: #f8f8f8;
  /* prjl cr */
  padding: 2vh 0;
}

.company-section__wrapper {
  margin: 0 1%; /* tqf cr - margin: 0 4%;*/
  overflow: hidden;
}

.company-section__numbers {
  border-radius: 1.2vw;
  background: rgba(1.07, 117.7, 213.13, 0.75);
  padding: 1.5vh 4vw;
  display: flex;
  align-items: center;
  justify-content: space-around; /* tqf cr - justify-content: space-between;*/
}

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

.company-section__number-img img {
  width: 100%;
}

.company-section__number {
  display: flex;
  align-items: center;
  gap: 1.7vw;
}

.company-section__number-value {
  font-family: "Poppins";
  font-weight: 600;
  color: #ffffff;
  font-size: 2vw;
  letter-spacing: 0;
  line-height: 5vh;
  white-space: nowrap;
}

.company-section__number-label {
  font-family: "Poppins";
  font-weight: 500;
  color: #ffffff;
  font-size: 1.3vw;
  letter-spacing: 0;
  line-height: 5vh;
  white-space: nowrap;
}

.company-section__what-is-winman {
  margin-left: 4%;
  margin-bottom: 4vh;
  display: flex;
  justify-content: space-between;
  padding: 2vh 0;
}

.company-section__about-wrapper {
  width: 55%;
  margin: 5vh 0;
}

.heading-wrapper {
  position: absolute;
  margin: 2vh 0 4vh;
}

.company-section__heading {
  font-family: "Poppins";
  font-weight: 600;
  color: rgba(51, 51, 51, 1);
  font-size: 1.5vw;
  letter-spacing: 0;
  line-height: 5vh;
  position: relative;
  width: 200%;
  top: -3vh;
}

.company-section__info-text {
  font-family: "Poppins";
  font-weight: 400;
  color: #4d4d4d;
  font-size: 0.95vw;
  text-align: justify;
  line-height: 3.5vh;
  width: 85%;
}

.company-section__info-text .company-section__tagline {
  font-weight: bold;
  margin-top: 2vh;
}

.company-section__line-gap {
  display: block;
  margin-top: 1vh;
}

.company-section__overlap-2 {
  width: 45%;
  background: url("../Home/assets/img/company/Abstract.png") center center / 90%
    no-repeat;
  position: relative;
}

.company-section__overlap-group-wrapper {
  position: absolute;
  right: 5%;
  bottom: 15%;
  border-radius: 1rem;
  background-color: #ffffff;
  box-shadow:
    0px 4px 4px #4156f31a,
    4px 0px 4px #4156f31a,
    0px 8px 4px #4156f31a,
    5px 0px 4px #4156f31a;
}

.company-section__overlap-group-3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1vh 1.3vw 0;
  gap: 4.5vw;
}

.company-section__div-license {
  width: 3vw;
}

.company-section__text-wrapper-overlap {
  font-family: "Poppins";
  font-weight: Bold;
  color: #0175d5;
  font-size: 2.1vw;
  line-height: 2vh;
  white-space: nowrap;
}

.company-section__flexcontainer-2 {
  padding: 1.5vh 1.3vw 2.5vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.2vh;
}

.company-section__span-wrapper {
  align-self: stretch;
  font-family: "Poppins";
  font-weight: 500;
  color: #333333;
  font-size: 1.1vw;
  line-height: 1.8vh;
}

.company-section__overlap-wrapper {
  position: absolute;
  left: 5%;
  top: 25%;
  border-radius: 1rem;
  box-shadow:
    0px 4px 4px #4156f31a,
    4px 0px 4px #4156f31a,
    0px 8px 4px #4156f31a,
    5px 0px 4px #4156f31a;
}

.company-section__rectangle-5 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1vh 1.3vw 0;
  gap: 1.5vw;
}

.company-section__div-sale-traced {
  width: 3vw;
}

.flexcontainer-3 {
  padding: 1.5vh 1.3vw 2.5vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.2vh;
  text-align: center;
}

.company-section__text-wrapper {
  opacity: 0.84;
  font-family: "Poppins";
  font-weight: 700;
  color: #0175d5;
  font-size: 2.1vw;
  line-height: 2vh;
}

.company-section__icon {
  width: 100%;
}

.company-section__major-clients {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0;
  gap: 2vh;
}

.company-section__major-clients-header {
  font-family: "Poppins";
  font-weight: 600;
  color: #333333;
  font-size: 1.5vw;
  line-height: 1.5vh;
}

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

/* Container for the entire frame */
.company-section__carousel-frame {
  width: 85%;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
}

/* Carousel Container */
@keyframes slide {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}

.carousel-container {
  width: 90%;
  overflow: hidden;
  position: relative;
  display: flex;
}

/* Carousel Images */
.carousel {
  display: flex;
  align-items: center;
  transition: transform 0.3s ease-out;
}

.carousel-container::before,
.carousel-container::after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 10vw;
  z-index: 2;
}

.carousel-container::after {
  right: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #f9f9f9);
}

.carousel-container::before {
  left: 0;
  background: linear-gradient(to left, rgba(255, 255, 255, 0), #f9f9f9);
}

.carousel-image-wrapper {
  scale: 0.8;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 15vw;
  height: 6vw;
  margin: 0 0.5vw;
  box-sizing: border-box;
  transition: all 0.3s ease-in-out;
  position: relative;
}

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

/* Left And Right Button */
.slider-btn {
  position: absolute;
  top: 55%;
  width: 3vw;
  height: 3vw;
  cursor: pointer;
  z-index: 1;
  opacity: 0.8;
}

.left-btn {
  left: 1.25vw;
  transform: translateY(-50%);
}

.right-btn {
  right: 1.25vw;
  transform: translateY(-50%);
}

.button-go-left img,
.button-go-left-2 img {
  width: 100%;
  height: auto;
  background-size: contain;
}

footer {
  height: 100vh;
  /* background-color: #0c2647; */
  background-color: #f2f2f2; /* 4771 : background-color: #f8f9fa;*/
  color: #000000;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden !important;
}

.footer-top-section {
  background-color: #f2f2f2; /* 4771 : background-color: #f8f9fa;*/
  height: 40vh;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.footer-top-wrapper {
  display: flex;
  flex-direction: column;
  gap: 7vh;
  width: fit-content;
  margin: 10vh 0 2vh 7vw;
}

.footer-top-section h1 a {
  text-decoration: none;
  color: #164683;
}

.footer-top-section h1 {
  font-family: "Poppins";
  font-weight: 600;
  color: #164683;
  font-size: 2.2vw; /* 4771 : font-size: 2.5vw;*/
  line-height: 7vh;
  white-space: nowrap;
}

.footer-top-section .buttons {
  display: flex;
  justify-content: center;
  gap: 3vw;
}

.footer-top-section .contact-btn,
.footer-top-section .buy-btn,
.post-query-wrapper .post-btn {
  font-family: "Poppins";
  font-size: 1.1vw;
  font-weight: 500;
  padding: 1.2vh 2.5vw;
  border: 0.3vw solid #0176d5;
  border-radius: 1.7vw;
  cursor: pointer;
  transition: background 0.3s ease;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15);
}

.footer-top-section .contact-btn {
  background-color: white;
  color: #0176d5;
}

.footer-top-section .buy-btn {
  background-color: #0176d5;
  color: white;
}

.footer-top-section .contact-btn:hover {
  background-color: #0176d5;
  color: white;
}

.footer-top-section .buy-btn:hover {
  background-color: white;
  color: #0176d5;
}

.post-query-wrapper .post-btn {
  background: #0176d5;
  color: #fff;
}

.post-query-wrapper .post-btn:hover {
  background: #fff;
  color: #0176d5;
}

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

.footer-nav-details .mobile__postQry-wrapper {
  display: none;
}
/* 4771 e */

/* Footer Main Content */
.footer-content {
  display: flex;
  flex-direction: column;
  margin-left: 7vw;
  width: 50%; /* 4771: width: 55% */
}

.footer-nav-details {
  display: flex;
  gap: 2vw; /* 4771 : gap: 4vw;*/
  padding: 6vh 0 4vh 0;
  color: #333333; /* 4771 */
}

.footer-left {
  display: flex;
  flex-direction: column;
  /* gap: 6vh; */
}

.footer-logo {
  width: 7vw; /* 4771 : width: 10vw; */
  object-fit: contain;
  margin: 0.5vw auto 1vw auto; /* 4771 : margin: auto; */
}

.footer-logo img {
  /* prjl cr s */
  width: 100%;
  /* 4771 : padding-left: 2vw; */
  /* prjl cr */
  height: auto;
}

.social-icons {
  display: flex;
  justify-content: space-between;
  gap: 2vw;
}

.social-icons img {
  width: 1.25vw; /* 4771 : width: 1.5vw; */
  height: auto;
}

.footer-nav {
  display: flex;
  justify-content: space-evenly;
  gap: 5vw;
}

/* tqf cr s:IP ID - 4771 11.04.26 */
.footer-nav .nav-section {
  width: max-content;
}
/* tqf cr:IP ID - 4771 11.04.26 */

.nav-section h3 {
  /* font-family: "Poppins"; */
  font-weight: 700; /* 4771 : font-weight: 600; */
  font-size: 1vw; /* 4771 : font-size: 1.5vw;*/
  letter-spacing: 0.1vw;
  margin-bottom: 2vh;
}

.nav-section ul {
  list-style: none;
}

.nav-section ul li {
  /* 4771 font-family: "Poppins"; */
  font-weight: 500; /* 4771 : font-weight: 400;*/
  font-size: 0.75vw; /* 4771 : font-size: 0.8vw;*/
  letter-spacing: 0.1vw;
  margin-bottom: 2vh;
}

.nav-section ul li a {
  text-decoration: none;
  /* color: #ffffff; */
  color: #333333; /* 4771 : color: #111111; */
}

/* Contact Details Section */
.contact-section {
  /* background-color: #0c2647; */
  padding: 1vh 0; /* 4771 : padding: 5vh 0;*/
  border-top: 1px solid #ffffff20;
  width: 100%; /* tqf cr - width: 55%; */
  position: relative;
  color: #333333; /* 4771 */
}
/* prjl cr s */
.contact-details {
  margin: 3vh 0; /* 4771 : margin-top: 2vh;*/
}
/* prjl cr */
.contact-details h3 {
  font-size: 1.5vw;
  /* 4771 font-family: "Poppins"; */
  font-weight: 600;
  margin-bottom: 2vh;
}

.reach-us-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.5vh;
}

.reach-us-wrapper a {
  text-decoration: none;
  /* color: #ffffff; */
  color: #333333; /* 4771: color: #111111; */
}

.reach-us-details {
  display: flex;
  gap: 1vw;
  align-items: center;
  /* 4771 font-family: "Poppins"; */
  font-size: 0.75vw; /* 4771 : font-size: 0.8vw;*/
  font-weight: 400;
}

.reach-us-details img {
  width: 1.3vw; /* 4771 : width: 1.5vw;*/
  height: auto;
}

/* Post a Query Button inside contact-section */
.post-query-wrapper {
  position: absolute;
  top: 50%;
  right: 0; /* 4771 : right: 2vw;*/
}

/* Footer Bottom */
.footer-bottom {
  /* color: #ffffff; */
  color: #111111;
  /* 4771 font-family: "Poppins"; */
  font-weight: 400;
  font-size: 0.7vw;
  padding: 1vh 0;
  border-top: 1px solid #ffffff20;
  /* 4771 : width: 55%; */
}

.footer-bottom a {
  text-decoration: none;
  /* color: #ffffff; */
  color: #111111;
}

/* winman footer image animate */
.winman-footer-img {
  top: 0;
  right: 0;
  bottom: 0;
  width: 40vw; /* 4771 width: 35vw; tqf cr */
  height: 100%;
  clip-path: polygon(
    0 100%,
    40% 0,
    100% 0,
    100% 100%
  ); /* 4771 : clip-path: polygon(0 100%, 50% 0, 100% 0, 100% 100%);*/
  position: absolute;
  /* background-color: #0c2647; */
  overflow: hidden;
}

.winman-footer-img img {
  width: 100%;
  height: inherit;
  object-fit: fill;
}

.winman-footer-img.animate {
  display: block;
  animation-duration: 2s;
  animation-name: slidein;
  position: absolute;
  bottom: 0;
  right: 0;
  top: 0;
  z-index: 5;
}

@keyframes slidein {
  0% {
    right: -100%;
  }

  100% {
    right: 0;
  }
}

/* winman footer image animate */

.mobile-brakeLine {
  display: none;
}

/* Hero section styles */
/*  prjl cr s */
/* .hero-section {
  display: flex;
  align-items: center;
  height: 85vh;
  margin: 1.5% 4% 1.5% 8%;
  position: relative;
  background: linear-gradient(to right,
      rgba(255, 255, 255, 1) 40%,
      rgba(0, 123, 255, 0.1) 100%),
    url("../Home/assets/img/hero/Hero-Image.jpg") no-repeat center right;
  background-size: contain;
  border-radius: 0 1.25vw 1.25vw 0;
  overflow: hidden;
} */
.hero-section {
  display: flex;
  align-items: center;
  height: 100vh;
  margin: 0;
  position: relative;
  z-index: 1;
  /* tqf cr s:IP ID - 4771 11.04.26 */
  /* background:
    linear-gradient(
      to right,
      rgba(255, 255, 255, 1) 35%,
      rgba(0, 123, 255, 0.1) 100%
    ),
    url("../images/Home-Hero-Image.jpg") no-repeat; 
    */
  background:
    linear-gradient(to right, #ffffff 31%, rgba(255, 255, 255, 0) 100%),
    url("../images/Home-Hero-Image.jpg") no-repeat;
  /* tqf cr:IP ID - 4771 11.04.26 */
  background-size: auto 100%;
  background-position: 100% center;
  overflow: hidden;
}
/* prjl cr  */
.hero-section__content {
  max-width: 50%;
  margin-left: 8%;
}

.hero-section__text h1 {
  font-family: "Poppins";
  font-size: 3vw;
  font-weight: bold;
  color: #000000; /* tqf cr:IP ID - 4771 11.04.26 */
  line-height: 8vh;
  letter-spacing: 0;
  margin-bottom: 3vh; /* tqf cr:IP ID - 4771 11.04.26 */
}

.hero-section__text h1 span {
  /* tqf cr s:IP ID - 4683 30.03.26 */
  /* color: #007bff; */
  color: #0176d5;
  display: inline-block;
  margin-top: 0.8vw;
  /* tqf cr:IP ID - 4683 30.03.26 */
}

.hero-section__text .hero-section__tagline {
  /* tqf cr s:IP ID - 4683 30.03.26 */
  /* font-size: 1.3vw; */
  font-size: 1.4vw;
  font-weight: 600;
  /* tqf cr:IP ID - 4683 30.03.26 */
  /* margin-left: 6vw; */
  margin-top: -3vh;
  color: #000000; /* tqf cr - color: #333333 */
}

.hero-section__text p {
  /* tqf cr - margin: 2vh 0; */
  color: #000000; /* tqf cr - color: #333333 */
  font-size: 0.9vw; /* tqf cr - font-size: 1vw; */
  font-family: "Poppins";
  font-weight: 400;
  line-height: 3vh; /* tqf cr - line-height: 4vh;*/
  width: 75%;
}

.hero-section__text .hero-section__big4 {
  margin-bottom: 5vh;
  margin-top: 1.5vh; /* tqf cr:IP ID - 4771 11.04.26 */
  font-size: 1vw;
}

.hero-section__buttons {
  display: flex;
  gap: 3vw;
}

.btn-primary,
.btn-secondary {
  padding: 1vh 1.5vw;
  border: none;
  border-radius: 2vw;
  cursor: pointer;
  transition: background 0.3s ease;
  font-size: 1vw;
  font-family: "Poppins";
  font-weight: 500;
  box-shadow: 0 0.2vw 0.4vw 0 rgba(0, 0, 0, 0.25);
}

.btn-primary {
  background: #0176d5;
  color: #fff;
  border: 0.15vw solid #0176d5;
}

.btn-primary:hover {
  background: #fff;
  color: #0176d5;
  border: 0.15vw solid #0176d5;
}

.btn-secondary {
  background: #fff;
  color: #0176d5;
  width: fit-content;
  border: 0.15vw solid #0176d5;
}

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

site-header {
  position: fixed;
  z-index: 1000;
  width: 100%;
}

.marquee-notification {
  width: 100%;
  background-color: rgb(222, 235, 255);
  color: rgb(51, 51, 51);
  font-size: 0.9vw;
  font-weight: bold;
  padding: 0.3vw;
  /*position: relative;  */
  overflow: hidden;
  z-index: 1000;
  /*margin-bottom: 0.5vw;*/
  white-space: nowrap;
}

.marquee-notification__bar {
  overflow: hidden;
  position: relative;
  margin-left: 7.5vw;
  margin-right: 8.5vw;
}

.marquee-notification__wrapper {
  display: flex;
  position: relative;
  white-space: nowrap;
}

.marquee-notification__text {
  display: inline-block;
  padding: 0 2vw;
}

.marquee-notification--hidden {
  display: none !important;
}

/* prjl cr s */
/* .navbar-wrapper {
  position: sticky;
  z-index: 1000;
  top: 1vh;
  border-radius: 1vw;
  margin: 0 4%;
  transition: transform 0.3s ease-in-out;
  pointer-events: auto;
} */
.navbar-wrapper {
  z-index: 1000;
  /* tqf cr s:IP ID - 4771 11.04.26 */
  /* top: 1vh;
  position: sticky;
  border-radius: 1vw;
  transition:
    margin 0.3s ease-in-out,
    transform 0.3s ease-in-out;
  margin: 0 2%; */
  /* position: fixed; */
  width: 100%;
  /* tqf cr:IP ID - 4771 11.04.26 */
  pointer-events: auto;
  box-shadow: 4px 4px 9px 0px #0000001a; /* 4771 */
  transition: transform 0.3s ease-in-out;
}

/* tqf ct s */
.training-videos .navbar-wrapper {
  position: sticky;
  top: 1vh;
  border-radius: 1vw;
  margin: 0 1%;
  width: auto;
  box-shadow: none;
  transition: transform 0.3s ease-in-out;
}
/* tqf ct */

/* tqf cr s:IP ID - 4960 22.06.2026 */
/* body.blur .navbar-wrapper {
  margin: 0 0;
  border-radius: 0;
} */
/* tqf cr:IP ID - 4683 30.03.26 */

/* prjl cr */

/* tqf cr s:IP ID - 4683 30.03.26 */
/* body.scroll-down .navbar-wrapper {
  transform: translateY(-120%);
}

body.scroll-up .navbar-wrapper {
  transform: translateY(0);
} */
/* tqf cr:IP ID - 4683 30.03.26 */

/* Navbar styles */
.navbar {
  display: flex;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 1.5vh 8%; /* tqf cr - padding: 1.5vh 3vw; */
  box-sizing: border-box;
  background-color: #f2f2f2;
  /* tqf cr - border-radius: 1vw; */
}

.navbar-wrapper .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1vw 0;
}

.navbar-wrapper .navbar__logo {
  display: flex;
  align-items: center;
  flex: 0.5 0.5 auto;
  padding-right: 2vw; /* tqf cr:IP ID - 4683 30.03.26 */
  margin-bottom: 0.7vh;
  width: 9vw;
}

.navbar-wrapper .navbar__logo .navbar__logo-img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

nav {
  flex: 3 1 auto;
}

.navbar__nav {
  padding: 0 1.5vw;
}

.navbar-wrapper .navbar__links {
  display: flex;
  list-style: none;
  align-items: center;
  gap: 3vw;
}

.navbar-wrapper .navbar__links a {
  text-decoration: none;
  color: #333;
  font-family: "Poppins";
  font-weight: 600;
  color: rgba(51, 51, 51, 1);
  font-size: 1vw; /* 4771 - font-size: 1.1vw;*/
  letter-spacing: 0;
  line-height: normal;
  transition: color 0.2s;
  display: flex;
  align-items: center;
  height: 100%;
}
/* prjl cr s 
.dropdown-icon {
  margin-left: 0.5vw;
  transition: transform 0.25s ease;
}
.navbar__dropdown-toggle {
  position: relative; -- tqf cr:5022 - Required removed
  display: inline-flex;
  align-items: center;
  padding: 12px 16px;
}
.navbar__dropdown-toggle:hover .dropdown-icon {
  transform: rotate(180deg);
}

.navbar__dropdown-toggle:hover .dropdown-indicator {
  display: block;
} */
.navbar-wrapper .navbar__links a:hover {
  color: #007bff;
}

.navbar__links li {
  position: relative;
}

.navbar-wrapper .navbar__links li:hover > ul {
  display: inline-block;
  -webkit-animation: fadeDown 250ms ease;
  -moz-animation: fadeDown 250ms ease;
  -ms-animation: fadeDown 250ms ease;
  -o-animation: fadeDown 250ms ease;
  animation: fadeDown 250ms ease;
}

/* Prevent scrolling when mobile menu is open */
body.no-scroll {
  overflow: hidden;
}
/* 
.dropdown-menu {
  display: none;
  padding: 0.5vh 0;

  z-index: 99999;
  border-radius: 0 0 0.2vw 0.2vw;
  background: #f2f2f2;
  margin-top: 1vh;
  top: -2px;

  box-shadow: 0.15vw 0.15vw 0.25vw 0 rgba(211, 199, 199, 0.7);
  min-width: max-content;
  position: absolute;
  left: 0;
  top: 96%;
  list-style: none;
}*/

/* prjl cr s */
.dropdown-menu li {
  margin-bottom: 0.5vh;
}

/* prjl cr e */
.navbar-wrapper .navbar__links .dropdown-menu a {
  color: #787878 !important;
  padding: 0.7vh 1vw;
  font-family: "Poppins";
  font-weight: 600 !important;
  font-size: 1vw;
  letter-spacing: 0;
}

.navbar-wrapper .navbar__links .dropdown-menu a:hover {
  color: #365ebf !important;
}

.navbar__searchbar {
  flex: 1 1 auto;
  padding: 0 3vw; /* 4771 : padding: 0 2vw;*/
}

.navbar-wrapper .navbar__search {
  display: flex;
  justify-content: start;
  padding: 0.9vh 0.7vw;
  border: 0.1vw solid #ccc;
  border-radius: 1.5vw;
  outline: none;
  background: white;
  gap: 0.7vw;
  height: 5vh;
}

.navbar-wrapper .navbar__search #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-wrapper .navbar__search #s:focus-visible {
  border: none;
  outline: none;
}

input#searchSubmit {
  padding: 0 0;
  width: 1.4vw;
  background: url("../images/search-icon.svg") no-repeat center center;
  background-size: contain;
  border: 0;
  z-index: 5;
  cursor: pointer;
  box-sizing: content-box;
}
/* prjl cr s */
/* 
.navbar-wrapper {
  position: sticky;
  z-index: 1000;
  top: 1vh;
  border-radius: 1vw;
  margin: 0 4%;
  transition: transform 0.3s ease-in-out;
}

body.scroll-down .navbar-wrapper {
  transform: translateY(-120%);
}

body.scroll-up .navbar-wrapper {
  transform: translateY(0);
}

.navbar {
  display: flex;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 1.5vh 3vw;
  box-sizing: border-box;
  background-color: #f2f2f2;
  border-radius: 1vw;
}

.navbar-wrapper .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1vw 0;
}

.navbar-wrapper .navbar__logo {
  display: flex;
  align-items: center;
  flex: 0.5 0.5 auto;
  padding: 0 2vw 0 1vw;
  margin-bottom: 0.7vh;
  width: 9vw;
}

.navbar-wrapper .navbar__logo .navbar__logo-img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

nav {
  flex: 3 1 auto;
}

.navbar__nav {
  padding: 0 1.5vw;
}

.navbar-wrapper .navbar__links {
  display: flex;
  list-style: none;
  align-items: center;
  gap: 3vw;
}

.navbar-wrapper .navbar__links a {
  text-decoration: none;
  color: #333;
  font-family: "Poppins";
  font-weight: 600;
  color: rgba(51, 51, 51, 1);
  font-size: 1.1vw;
  letter-spacing: 0;
  line-height: normal;
  transition: color 0.2s;
  display: flex;
  align-items: center;
  height: 100%;
}

.navbar-wrapper .navbar__links a:hover {
  color: #007bff;
}

.navbar__links li {
  position: relative;
}

.navbar-wrapper .navbar__links li:hover > ul {
  display: inline-block;
  -webkit-animation: fadeDown 250ms ease;
  -moz-animation: fadeDown 250ms ease;
  -ms-animation: fadeDown 250ms ease;
  -o-animation: fadeDown 250ms ease;
  animation: fadeDown 250ms ease;
} */
/* prjl cr */
/* Prevent scrolling when mobile menu is open */
body.no-scroll {
  overflow: hidden;
}

.dropdown-menu {
  display: none;
  padding: 0.5vh 0;
  z-index: 99999;
  border-radius: 0 0 0.2vw 0.2vw;
  /* prjl cr s */
  /* background: #fffefe !important; */
  background: #ffffff !important;
  margin-top: 1vh;
  top: -2px;
  /* prjl cr  */
  box-shadow: 0.15vw 0.15vw 0.25vw 0 rgba(66, 64, 64, 0.3);
  min-width: max-content;
  position: absolute;
  left: 0;
  /* prjl cr s */
  /* top: 100%; */
  top: 88%;
  /* prjl cr */
  list-style: none;
}
/* prjl cr s */
/* .navbar-wrapper .navbar__links .dropdown-menu a {
  color: #787878 !important;
  padding: 0.7vh 1vw;
  font-family: "Poppins";
  font-weight: 600 !important;
  font-size: 1vw;
  letter-spacing: 0;
 
} */
.navbar-wrapper .navbar__links .dropdown-menu a {
  color: #787878 !important;
  padding: 1vh 1vw;
  font-family: "Poppins";
  font-weight: 600 !important;
  font-size: 1vw;
  letter-spacing: 0;
  margin-left: 1vw;
  margin-right: 3vw;
}
.navbar-wrapper .navbar__links .dropdown-menu a img {
  margin-right: 1vw;
}
/* prjl cr  */

.navbar-wrapper .navbar__links .dropdown-menu a:hover {
  color: #365ebf !important;
}

.navbar__searchbar {
  flex: 1 1 auto;
  padding: 0 2vw;
}

.navbar-wrapper .navbar__search {
  display: flex;
  justify-content: start;
  padding: 0.9vh 0.7vw;
  border: 0.1vw solid #ccc;
  border-radius: 1.5vw;
  outline: none;
  background: white;
  gap: 0.7vw;
  height: 5vh;
}

/* 4771 s */
.navbar-wrapper:focus-within .navbar__search,
.navbar-wrapper:focus-within .navbar-mobile__searchbar-wrapper {
  border-color: #007bff;
  box-shadow: 0 0 5px rgba(0, 123, 255, 0.3);
}
/* 4771 e */

.navbar-wrapper .navbar__search #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-wrapper .navbar__search #s:focus-visible {
  border: none;
  outline: none;
}

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

.news-section {
  font-family: "Poppins";
  padding: 3vw 2vw 2.5vw 2vw; /* tqf/prjl cr - padding: 3vw 2vw 2.5vw 8vw;*/
  position: relative;
  /* prjl cr s */
  /* background: linear-gradient(180deg, #f8f8f8 0%, #ffffff 100%); */
  background: #ffffff;
  /* prjl cr */
  overflow: hidden !important;
}

.news-header-wrapper {
  margin-left: 3vw;
  margin-bottom: 1vh;
}

.heading {
  font-size: 1.7vw;
  font-weight: 600;
  margin-bottom: 1vw;
  color: rgba(51, 51, 51, 1);
}

.heading span {
  color: #6267f2;
  background-image: linear-gradient(360deg, #6267f2 0%, #3e81f6 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}

.sub-heading {
  color: rgba(51, 51, 51, 1);
  font-weight: 400;
  font-size: 1vw;
}

.carousel-wrapper {
  position: relative;
}

/* CARDS */
.newsCarousel {
  display: flex;
  gap: 6vw;
  width: 100%;
  transition: transform 0.5s ease-in-out;
}

.newsCard {
  background: white;
  padding: 5.1vw 2.6vw 13.6vw;
  border-radius: 1.2vw;
  display: flex;
  justify-content: space-between;
  min-height: 30vw;
  overflow: hidden;
  position: relative;
  min-width: 58%;
  background: linear-gradient(
    253.39deg,
    #faf7fd 1.25%,
    #f7fafd 36.88%,
    #f3f7fc 98.67%
  );
  border: 1px solid rgba(202, 210, 236, 1);
  box-shadow: 0.3vw 0.3vw 0.7vw 0px rgba(65, 86, 243, 0.1);
}

/* Left content */
.card-left {
  width: 55%;
  z-index: 10;
}

.tag {
  display: flex;
  gap: 0.55vw;
  align-items: center;
  margin: 1.7vw 0;
}

.tag span:first-child {
  font-size: 1vw;
  font-weight: 600;
  color: rgba(51, 51, 51, 1);
}

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

#date {
  color: rgba(51, 51, 51, 1);
  font-size: 0.75vw;
  font-weight: 400;
  display: inline-block;
}

#description {
  margin: 1vw 0;
}

#description span:first-child {
  color: rgba(51, 51, 51, 1);
  font-size: 1vw;
  font-weight: 400;
}

.download {
  margin-top: 1.5vh;
  color: rgba(54, 94, 191, 1);
  text-decoration: none;
  font-weight: 500;
  font-size: 1.1vw;
  display: inline-flex;
  align-items: center;
  gap: 0.6vw;
}

/* Right image */
.card-right {
  width: 28vw;
  position: absolute;
  bottom: 0;
  right: 2vw;
}

.card-right img {
  width: 100%;
  height: auto;
  background-size: contain;
}

/* NAV BUTTONS */
.newsnav-buttons {
  position: absolute;
  bottom: 15%;
  left: 10.5%;
  display: flex;
  gap: 1.5vw;
}

.newsnav-buttons button {
  width: 3.5vw;
  height: 3.5vw;
  border-radius: 50%;
  font-size: 1.8vw;
  cursor: pointer;
  background: white;
  border: 0.1vw solid #8a8686;
}

.newsnav-buttons button div {
  margin-bottom: 0.15vw;
}

.newsnav-buttons button:disabled {
  color: #ccc;
  border: 0.1vw solid #d1d1d1;
  cursor: not-allowed;
}

/* Progress Bars */
.progress-container {
  position: absolute;
  display: flex;
  top: 25%;
  left: 10.5%;
  gap: 1vw;
  margin-bottom: 2vh;
}

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

.progress.active {
  background: linear-gradient(90deg, #6267f2 0%, #3e81f6 100%);
  width: 10vw;
}

.products-section {
  height: auto; /* tqf/prjl cr - height: 100vh; */
  overflow: hidden;
  position: relative;
  /* tqf/prjl cr - background: url("../images/Abstract\ wave.png"); */
}

.products-section__header {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #3f96de;
  border-radius: 14px;
  margin: 5vh auto; /* tqf cr - margin: 3vh auto;*/
  width: 84vw; /* tqf cr - width: 82vw;*/
}

/* prjl cr s */
/* .products-section__title {
  width: fit-content;
  font-family: "Poppins";
  font-weight: 600;
  color: #333333;
  font-size: 2vw;
  text-align: center;
  letter-spacing: 0;
  white-space: nowrap;
  margin: 5vh 0;
  padding: 1vh;
} */
.products-section__title {
  font-family: "Poppins";
  font-weight: 600;
  text-align: center;
  white-space: nowrap;

  color: #ffffff;
  font-size: 1.6vw;
  margin: 0;
  padding: 2vh 0;
}

/* prjl cr e */
.products-section__navbar-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* prjl cr s */
/* .products-section__navbar {
  width: 50%;
  background-color: #d3e3fd;
  border-radius: 1.5vw;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: 1vw;
} */
.products-section__navbar {
  width: 82vw;
  background-color: transparent;
  border-radius: 0;
  padding: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  border-bottom: 1px solid #ddd; /* tqf cr :IP ID - 4960 22.06.2026 */
  /* prjl cr*/
}

/* prjl cr */
.products-section__tab-separator {
  font-family: "Poppins";
  font-weight: Bold;
  color: #ffffff;
  font-size: 1vw;
  letter-spacing: 0.21px;
  line-height: 2vh;
  white-space: nowrap;
  display: none;
  /* prjl cr   */
}

.products-section__tab {
  position: relative;
  cursor: pointer;
  flex: 1;
  /* prjl cr */
  /* tqf cr s:IP ID - 4960 22.06.2026 */
  font-family: "Poppins";
  font-size: 0.9vw;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.21px;
  line-height: 2.5vh;
  width: 100%;
  padding-bottom: 1vh;
  color: #53565a;
  /* width: 100%; */
  transition: color 0.3s ease;
  /* tqf cr :IP ID - 4960 22.06.2026 */
}

/* tqf cr s:IP ID - 4960 22.06.2026 */
.products-section__tab::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  height: 3px;
  background-color: #007bff;
  transition: width 0.4s ease;
}

.products-section__tab.product-text-selected {
  color: #026ec6;
}

.products-section__tab.product-text-selected::after {
  width: 100%;
}
/* tqf cr:IP ID - 4683 30.03.26 */

.image-wrapper {
  position: absolute;
  top: 120%;
  left: 50%;
  transform: translateX(-50%);
  width: 1vw;
}

.selector {
  width: 100%;
}

#caerp-img,
#gst-img,
#tds-img {
  display: none;
}

.products-section__overlap {
  margin: 8vh 9%;
  position: relative; /* tqf cr:IP ID - 4771 11.04.26 */
}

.accordion-body {
  position: relative;
  z-index: 5;
  background: white;
}

.product-details-wrapper {
  position: absolute;
  display: flex;
  justify-content: space-between;
  /* tqf cr s:IP ID - 4771 11.04.26 */
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition:
    opacity 0.4s ease,
    transform 0.4s ease;
  /* tqf cr:IP ID - 4771 11.04.26 */
}

.product-details-wrapper.active {
  position: relative;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* tqf cr s:IP ID - 4771 11.04.26 */
.feature-highlighted {
  color: #333333;
  font-weight: 700;
}
/* tqf cr:IP ID - 4771 11.04.26 */

.rectangle-wrapper {
  width: 58%; /* tqf/prjl cr - width: 62%;  */
  z-index: 5;
}

.rectangle-wrapper .product-img {
  background-color: #ffffff;
  overflow: hidden;
  padding: 1.7vh 0.95vw;
  border-radius: 0.7vw;
  box-shadow:
    0px 4px 4px #4156f31a,
    4px 0px 4px #4156f31a,
    0px 8px 4px #4156f31a,
    5px 0px 4px #4156f31a;
}

.winmancaerpscreen {
  width: 100%;
  height: auto;
}
/* prjl cr s */
/* .flexcontainer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2vh;
  z-index: 5;
} */
.flexcontainer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  z-index: 5;
  margin: 3vw;
  margin-right: 0; /* tqf/prjl cr:IP ID - 4771 11.04.26 */
}
/* prjl cr */
/* prjl cr s */
.feature {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 0.1vw; /* tqf/prjl cr - margin-bottom: 16px; */
  font-size: 18px;
  line-height: 1.4;
}

.tick {
  color: #1e8e3e; /* green tick */
  font-size: 22px;
  line-height: 1;
  margin-top: 3px;
}

.feature strong {
  font-weight: 700;
}
/* prjl cr */
.product-header {
  position: absolute;
}

.product-header h2 {
  position: relative;
  top: -4vh;
  left: -2vw;
  font-family: "Poppins";
  font-weight: 600;
  font-size: 1.3vw;
  line-height: 2vh;
}

.product-details-header {
  margin-top: 1.5vh;
}

.product-details-header h3 {
  font-family: "Poppins";
  font-weight: 600;
  font-size: 1vw;
  line-height: 2vh;
}

.product-details {
  display: flex;
  flex-direction: column;
  gap: 0.5vh;
}

.product-list {
  list-style-type: none;
}

.text {
  font-family: "Poppins";
  font-weight: bold;
  font-size: 0.8vw;
  line-height: 4vh;
  color: #333333;
  list-style-type: ">";
  list-style-position: inside;
}

.text-wrapper-12 {
  font-weight: 400;
  padding-left: 0.5vw;
}

/* tqf/prjl cr s:IP ID - 4771 11.04.26 */
.frame-wrapper .text-wrapper-12 {
  padding: 0;
}
/* tqf/prjl cr:IP ID - 4771 11.04.26 */

.products-section__knowMore {
  cursor: pointer;
  /* tqf cr s:IP ID - 4771 11.04.26 */
  /* color: #3190dd; */
  color: #0176d5;
  font-weight: 400;
  line-height: 40px;
  font-size: 20px;
  /* tqf cr:IP ID - 4771 11.04.26 */
}

.product-buttons {
  width: 100%;
  margin-top: 5vh; /* tqf cr - margin-top: 2vh;*/
  /* display: flex;
  gap: 3vw; */
}

.random-pic {
  position: absolute;
  width: 2.5vw;
}

.image-1 {
  top: 20%;
  left: 3%;
}

.image-2 {
  top: 94%;
  left: 25%;
}

.image-3 {
  top: 76%;
  left: 6%;
}

.image-4 {
  top: 90%;
  left: 59%;
}

.image-5 {
  top: 30%;
  right: 5%;
}

.image-6 {
  top: 80%;
  right: 0%;
  z-index: 5;
}

.btn-primary,
.btn-secondary {
  z-index: 5;
}

.review {
  height: 100vh;
  overflow: hidden;
  position: relative;
}

.trust-builder {
  height: 100vh;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  animation-timeline: my-scroll-timeline 100%;
}

.review-img-wrapper {
  width: 50%;
}

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

.trust-building-child {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

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

.back-drop {
  width: 42vw;
  top: 17%;
  left: 3%;
}

.tax-free-man {
  width: 25.5vw;
  top: 33%;
  left: 13%;
}

.error-doc {
  width: 10.5vw;
  left: 6.7%;
  top: 77.8%;
}

.error-plant {
  width: 5.5vw;
  left: 38%;
  top: 57%;
}

.error-internet {
  width: 5vw;
  top: 50%;
  left: 6.5%;
}

.error-msg {
  width: 9vw;
  top: 27%;
  left: 9%;
}

.error-info {
  width: 8vw;
  left: 30%;
  top: 32%;
}

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

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

.back-drop {
  width: 42vw;
  top: 17%;
  left: 3%;
}

.cq-man {
  width: 36.6vw;
  top: 32%;
  left: 5.25%;
}

.cq-plant {
  width: 7vw;
  left: 5.2%;
  top: 53.8%;
}

.cq-msg {
  width: 4.5vw;
  top: 42%;
  left: 29%;
}

.cq-wa {
  width: 5.5vw;
  left: 37.2%;
  top: 55%;
}

.cq-quest {
  width: 5vw;
  top: 27%;
  left: 27%;
}

.cq-dots {
  width: 5vw;
  left: 36%;
  top: 34%;
}

.cq-timer {
  width: 7.5vw;
  top: 34%;
  left: 9%;
}

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

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

.back-drop {
  width: 42vw;
  top: 17%;
  left: 3%;
}

.computation-chart {
  width: 23vw;
  top: 24%;
  left: 15%;
}

.computation-man {
  width: 14vw;
  top: 36%;
  left: 11.8%;
}

.computation-plant {
  width: 7vw;
  left: 4.5%;
  top: 54%;
}

.computation-rocket {
  width: 6vw;
  top: 44.5%;
  left: 26%;
}

.computation-calc {
  width: 4.5vw;
  left: 34.5%;
  top: 60%;
}

.computation-tiltedcoin {
  width: 5vw;
  top: 20%;
  left: 35%;
}

.computation-meter {
  width: 8vw;
  left: 19.5%;
  top: 36%;
}

.computation-coin {
  width: 4.5vw;
  top: 32%;
  left: 8%;
}

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

/******************************************/

.bb.slideTop-animation {
  animation: slideInTop 1.7s ease forwards;
}

.bc.slideTop-animation {
  animation: slideInTop 1.5s ease forwards;
}

.bd.slideTop-animation {
  animation: slideInTop 2s ease forwards;
}

.be.slideTop-animation {
  animation: slideInTop 1.7s ease forwards;
}

.bf.slideTop-animation {
  animation: slideInTop 1.9s ease forwards;
}

/*****************************************/

.ca.slideRight-animation {
  animation: slideInRight 1s ease forwards;
}

.cb.slideRight-animation {
  animation: slideInRight 1.5s ease forwards;
}

.cc.slideRight-animation {
  animation: slideInRight 1.8s ease forwards;
}

.cd.slideRight-animation {
  animation: slideInRight 1.1s ease forwards;
}

/****************************************/

@keyframes slideInRight {
  0%,
  20% {
    transform: translate3d(-500px, 0px, 0px);
    opacity: 0;
  }

  100% {
    transform: translate3d(0px, 0px, 0px);
    opacity: 1;
  }
}

@keyframes slideInTop {
  0%,
  20% {
    transform: translate3d(0px, -500px, 0px);
    opacity: 0;
  }

  40% {
    transform: translateY(25px);
    opacity: 1;
  }

  60% {
    transform: translateY(-12px);
    opacity: 1;
  }

  100% {
    transform: translate3d(0px, 0px, 0px);
    opacity: 1;
  }
}

/****************************************/
.a,
.b,
.c {
  transform-origin: 50% 50%;
  transition:
    transform 0.5s ease-in-out,
    opacity 0.5s ease-in-out;
  transform: translate(0px, 0px);
  visibility: inherit;
  opacity: 1;
  pointer-events: auto;
  left: 62%;
}

@keyframes moveUpAndFade {
  0%,
  20% {
    transform: translate3d(0px, 500px, 0px);
    opacity: 0;
  }

  100% {
    transform: translate3d(0px, 0px, 0px);
    opacity: 1;
  }
}

.a.move-animation {
  animation: moveUpAndFade 0.8s ease forwards;
}

.b.move-animation {
  animation: moveUpAndFade 1.2s ease forwards;
}

.c.move-animation {
  animation: moveUpAndFade 1.4s ease forwards;
}

/*******************************************/

/* End Trust Building Animation */

.frame-3 {
  border-top-left-radius: 23vw;
  border-bottom-left-radius: 23vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 55%; /* tqf cr - width: 50%;*/
  height: 100%;
  gap: 3vh;
  padding-bottom: 12vh;
  padding-left: 10vw; /* tqf cr - padding-left: 12vw;*/
  background: linear-gradient(
    180deg,
    rgb(255, 255, 255) 0%,
    rgb(255, 255, 255) 9%,
    rgb(247, 247, 247) 38.69%,
    rgb(248, 248, 248) 88%,
    rgb(255, 255, 255) 100%
  );
}

.best-customer {
  font-family: "Poppins";
  font-weight: 700;
  color: transparent;
  font-size: 2vw; /* tqf/prjl cr - font-size: 3vw;*/
  letter-spacing: 0;
  line-height: 8vh;
}

/* tqf/prjl cr s:IP ID - 4771 11.04.26 */
.text-wrapper-7 {
  font-weight: 600;
  color: #333333;
}

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

.text-wrapper-9 .color_dark {
  color: #11396c;
}
/* tqf/prjl cr:IP ID - 4771 11.04.26 */

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

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

.frame-wrapper {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1vh;
  flex: 0 0 auto;
  width: 95%;
}

.text.text-wrapper-12 {
  font-size: 1vw;
}

.frame-6 {
  width: 95%;
  padding: 2vh 1.1vw;
  display: flex;
  flex-direction: column;
  gap: 1vh;
  border-radius: 0.5vw;
  /* tqf cr s:IP ID - 4771 11.04.26 */
  /* box-shadow:
    0px 5.19px 5.19px #00000040,
    -5.19px 0px 5.19px #00000040; */
  border: 2px solid #65b4f4;
  /* tqf cr:IP ID - 4771 11.04.26 */
}

.review-section__review-text {
  font-family: "Poppins";
  font-weight: 600;
  color: #11396c;
  font-size: 1.1vw;
  line-height: 4vh;
}

.review-wrapper {
  display: flex;
  gap: 1vw;
}

.review-user-img {
  width: 3vw;
}

.review-img {
  width: 100%;
  height: auto;
}

.overlap-group-2 {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: flex-start;
  gap: 0.7vh;
}

.star-div img {
  width: 100%;
  height: auto;
  background-size: contain;
}

.text-wrapper-8 {
  font-family: "Poppins";
  font-weight: 600;
  color: #333333;
  font-size: 1.1vw;
  letter-spacing: 0.24px;
  white-space: nowrap;
}

.dots-container {
  position: absolute;
  z-index: 2;
  left: 46.5%; /* tqf cr - left: 49.2%;*/
  top: 42.5%;
  display: grid;
}

.dot {
  width: 1.5vw;
  height: 1.5vw;
  border-radius: 50%;
  background-color: #d9d9d9;
  border: 0.2vw solid white;
  margin: 0.5vw auto;
  cursor: pointer;
}

.dot.offset {
  margin-left: 0.2vw;
}

.dot.blue {
  background-color: #6baeff !important;
}

/* tqf cr s - 1321 */
/* .half-wave-pic {
  position: absolute;
  width: 10vw;
  z-index: 4;
  top: 79%;
  left: 0;
} */
/* tqf cr - 1321 */
.random-img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.mobile-heading-review {
  display: none;
}

/* End Review section styling */
/* prjl cr s */
.break {
  border-bottom: 1px solid #cad2ec; /* tqf cr - border-bottom: 1px solid #b0c3f8;*/
}
/* prjl cr e */

/* prjl cr s */
.nav-product-logo {
  margin-right: 10px;
}
/* prjl cr e */
/* Indicator */
.dropdown-indicator {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 4px;
  background: #1a73e8;
  border-radius: 999px;
  z-index: 1001;
}

/* triangle */
.dropdown-indicator::before {
  content: "";
  position: absolute;
  top: -5px; /* overlaps bar = no gap */
  left: 18px; /* aligns under text */
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #1a73e8;
}

/* Show indicator */
.dropdown:hover .dropdown-indicator {
  display: inline-block;
}
/* prjl cr s */
.left-panel {
  width: 27%; /* tqf cr -  width: 30%; */
  padding-left: 7vw;
  padding-right: 2vw;
  height: fit-content; /* IMPORTANT */
  overflow: hidden;
  overscroll-behavior: none;
  /* tqf cr s - 4680 */
  position: fixed;
  overflow-y: auto;
}
/* prjl cr e */

.content {
  display: flex;
  align-items: flex-start;
  position: relative; /* IMPORTANT */
  border-right: none;
  padding-top: 4vw; /*sam cr - padding-top: 5vw; */
}

/* tqf cr s - 4679 */
/* tqf cr s:IP ID - 4681 30.03.26 */
/***************************/
/***Products Section Mobile part**********/
/* Default desktop */
.quick-links-header {
  display: none;
}

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

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

  .content::before {
    content: none !important; /* tqf cr:5022 - content: none;*/
  }

  .main-body {
    width: 100%;
  }

  .left-panel {
    position: relative;
    width: 100%;
    padding: 0;
    overflow: visible;
    z-index: 10;
  }

  .quick-links-header {
    display: flex;
    /* tqf cr 4860.04.06.2026 */
    /* border-bottom-right-radius: 14px;
    border-bottom-left-radius: 14px; */
    border-top: 1px solid #cad2ec;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    margin-bottom: 1rem;
    margin-top: 0.6rem;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 2vh 6vw;
    background-color: #f2f2f2;
    filter: none !important;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 600;
    color: #333;
  }

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

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

  .mobile_hide {
    display: none;
  }

  .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;
  }

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

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

  /* Overlay */
  .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;
  }

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

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

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

  .content-table .body .row .col-content-right,
  .content-table .body .row .col-content-left {
    text-align: center;
  }
  /* }  -- tqf cr:5022 -- comment this line
/***************************/
  /* tqf cr:IP ID - 4681 30.03.26 */

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

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

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

/***************************/
/* tqf cr - 4679 */

/* tqf cr s:IP ID - 4681 30.03.26 */
/**************Training Videos Section Starts Here ***********/

h2,
h2 > a {
  font-size: 1.3rem;
  color: #565656;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 15px 0px;
  padding: 0;
  font-weight: 700;
  font-style: normal;
  line-height: 1.1;
}

.content.training-videos {
  /* padding-top: 8rem; sam cr   margin-top: 3.75rem; tqf ct */
  padding-top: 12rem;
  display: flex;
  background: linear-gradient(221.58deg, #f5f7fa -0.23%, #ffffff 81.64%);
  /* height: calc(100vh - 60px); */
}

.content.training-videos::before {
  content: none;
  background: none;
}

#tvsubinput {
  width: 100%;
  float: left;
  top: 78px;
  position: fixed;
  z-index: 998;
  padding: 0 5%;
  border-bottom: 1px solid #cad2ec;
  background-color: white;
  padding-top: 2vw; /*sam cr*/
}

#tvsubnav {
  width: 100%;
  float: left;
}

#navhead {
  width: 25%;
  float: left;
}

#navhead h2 {
  color: #164683;
  font-weight: 600;
  font-size: 1.5rem;
}

#navlst {
  width: 50%; /* width: 30%; */
  float: left;
  font-size: 15px;
  text-align: center;
  margin: 8px 0;
}

#naverp {
  margin-left: 3px;
}

.tablinks {
  width: 33%;
  float: left;
  height: 40px;
  font-weight: bold;
  margin-top: 3px;
  margin-bottom: 3px;
  cursor: pointer;
  padding: 0 2rem;
}

.tablinks p {
  color: #333333;
  font-weight: 600;
  padding-top: 5px;
  padding-bottom: 5px;
}

.tablinks.active p {
  color: #0176d5;
  border-bottom: 4px solid rgba(1, 118, 213, 1);
}

aside.left-panel {
  width: 35%; /* 4680 : width: 30%;*/
  padding-left: 8%; /* 4680: padding-left: 5vw; */
  overflow: hidden;
  background: #ffffff;
}

aside.left-panel .navbar-wrapper {
  margin: 0;
  margin-right: 1%;
}

.left-panel .listscrol {
  padding-left: 2%;
  height: 70vh;
  overflow-y: auto;
  display: none;
}

.training_videos_content {
  /* width: 70%;
  padding-right: 7vw;
  overflow-y: auto; */
  margin-left: 35%; /* 4680 : margin-left: 30%;*/
  flex: 1;
  overflow-y: auto;
  padding: 1.8vw; /* 4680 : padding: 1.5vw; */
  padding-right: 6%; /* 4680 */
}

.traning_topics {
  font-family: "Poppins";
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 100%;
  letter-spacing: 0%;
  color: #333333;
  margin: 1rem 0;
  padding: 0.7rem 0;
  border-bottom: 1px solid #cad2ec;
}

.videolistfeatures {
  font-family: "Poppins";
  line-height: 100%;
  letter-spacing: 0;
  font-size: 1rem;
  font-weight: 400;
  border-style: none;
  cursor: pointer;
  margin: 5px;
  margin-left: 1vw;
  padding: 10px 8px;
  padding-left: 0;
  color: #333333;
  list-style-type: disc;
}

li.videolistfeatures::marker {
  font-size: 1.5em;
  color: #333333;
}

/* TAB SECTIONS */
.tab-section {
  display: none;
}

.tab-section.active {
  display: flex;
  flex-direction: column;
  gap: 2vw;
}

.left-panel .listscrol.active {
  display: block;
}

/* VIDEO GRID */
.video-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 2rem; /* 4680 : gap: 20px;*/
}

/* VIDEO CARD */
.video-card {
  background: #fff;
  padding: 0.25rem;
  border-radius: 12px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
  transition: 0.3s;
  display: flex;
  flex-direction: column;
  border: 1px solid #cad2ec;
}

/* SCROLLBAR */
.left-panel::-webkit-scrollbar,
.training_videos_content::-webkit-scrollbar {
  width: 6px;
}

.left-panel::-webkit-scrollbar-thumb,
.training_videos_content::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
}

/* Content section */
.traning_videos_demo {
  width: 100%;
  float: left;
  border: 1px solid #cad2ec;
  border-radius: 8px;
  background: #ffffff;
}

/* Thumbnail container */
.thumb-wrapper {
  position: relative;
  /* width: 260px;
  height: 160px; */
  border-radius: 8px;
  overflow: hidden;
  width: 40%;
  float: left;
  aspect-ratio: 16/9;
  border: 1px solid #cad2ec;
  margin: 0.25rem;
}

.video-card .thumb-wrapper {
  width: 100%;
  margin: 0;
  overflow: hidden;
  aspect-ratio: 16/9;
}

.video-card p {
  font-family: "Poppins";
  font-weight: 600;
  font-size: 1rem;
  line-height: 100%;
  letter-spacing: 0%;
  color: #333333;
  border: none;
  padding: 0.7rem 0;
}

.thumbnailcontainer {
  width: 100%;
  height: 100%;
  border: 1px solid #cad2ec; /* 4860 */
}

.playbutton {
  position: absolute;
  top: 40%;
  left: 40%;
  width: 15%;
  cursor: pointer;
}

.descriptionright {
  width: 53%;
  position: relative;
  margin-left: 3%;
  float: left;
}

.descriptioncontainer {
  width: 95%;
  float: left;
  margin-right: 5%;
  text-align: justify;
}

.descrp-header {
  font-weight: 600;
  font-size: 1.25rem;
  color: #333333;
}

.descriptionright .descrp-content {
  font-weight: 400;
  font-size: 1rem;
  line-height: 30px;
  letter-spacing: 0%;
  text-align: justify;
  color: #333333;
  border: none;
}

.playdownload {
  width: 100%;
  float: left;
  padding-top: 1rem;
  display: flex;
  gap: 1vw;
}

.viewbuttonfeatures {
  font-size: 1rem;
  font-weight: 500;
  color: #eff3fa;
  text-transform: none;
  border-radius: 4rem;
  padding: 0.5rem 2rem;
  background: #0176d5;
  border: none;
  box-shadow: 0px 3px 6px 0px #00000026;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.downloadbuttonfeatures {
  font-size: 1rem;
  font-weight: 500;
  color: #0176d5;
  text-transform: none;
  border-radius: 4rem;
  padding: 0.5rem 2rem;
  border: 1px solid #0176d5;
  background-color: #ffffff;
  box-shadow: 0px 3px 6px 0px #00000026;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.downloadbutton {
  position: absolute;
  bottom: 1.5%;
  right: 1.5%;
  width: 10%;
  cursor: pointer;
  opacity: 0;
  transform: translateY(6px);
  transition:
    opacity 0.25s ease,
    transform 0.25s ease;
}

.video-card .thumbnailcontainer {
  border-radius: 0.5rem;
}

.video-card .downloadbutton {
  bottom: 2%;
  right: 2%;
}

/* Show button on hover */
.traning_videos_demo:hover .downloadbutton,
.video-card:hover .downloadbutton {
  opacity: 1;
  transform: translateY(0);
}

.downloadbutton:hover {
  filter: brightness(0.9);
}

.traning_videos_demo:hover,
.video-card:hover {
  border: 1px solid #3073aa;
}

.modalViewDots {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 1rem;
  flex: 1;
}

.modalViewDots img {
  border: 1px solid transparent;
  cursor: pointer;
  transform: rotate(90deg);
}

.modalViewDots .downloadbutton,
.descriptioncontainer .downloadbutton {
  display: none;
}

.modalViewDots img:hover {
  border-color: #3173ab;
  border-radius: 1rem;
}

/* ***Modal View Styling*** */
/* Blur background when modal opens */
body.modal-open {
  overflow: hidden;
}

body.modal-open .navbar-wrapper,
body.modal-open #tvsubinput,
body.modal-open .content.training-videos,
body.modal-open .footer {
  /* 4860 filter: blur(5px); */
  pointer-events: none;
}

/* Modal Overlay */
.training-modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

/* Show modal */
.training-modal-overlay.active {
  display: flex;
  z-index: 1000;
}

/* Modal Box */
.training-modal {
  background: #fff;
  width: 600px;
  max-width: 90%;
  border-radius: 1.5rem;

  position: relative;
  animation: fadeIn 0.3s ease;
  box-shadow: 0px 20px 40px 0px #00020c40;
  overflow: hidden;
}

.training-modal-top {
  padding: 1.5rem 1.5rem 0;
  background-color: #f0f6fb;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  /* 4680 : border: 1px solid #cad2ec; */
  overflow: hidden;
  aspect-ratio: 16/9;
}

/* 4860 */
.training-modal-top img {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.training-modal-bottom {
  margin: 1.5rem;
  padding: 1rem;
}

.training-modal-bottom h2,
.training-modal-bottom p {
  color: #333333;
}

/* Close Button */
.modal-close-btn-wraper {
  position: absolute;
  top: 10px;
  right: 15px;
  width: 2.5rem;
  height: 2.5rem;
  background: #2b292980;
  border-radius: 50%;
  backdrop-filter: blur(9px);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.2s ease-in-out;
  transform: scale(1);
}

.modal-close-btn {
  width: 1rem;
  height: auto;
  cursor: pointer;
}

.modal-close-btn-wraper:hover {
  transform: scale(1.1);
}

/* Title */
.training-modal h2 {
  margin-top: 0;
}

/* Fixed paragraph height with scroll */
.training-modal .modal-content {
  height: 150px;
  overflow-y: auto;
  margin-top: 10px;
  padding-right: 10px;
}

/* Buttons */
.training-modal-buttons {
  margin-top: 20px;
  display: flex;
  gap: 1vw;
}

.training-modal-buttons button {
  cursor: pointer;
}

.view-btn {
  background: #1a73e8;
  color: white;
}

.download-btn {
  background: white;
  border: 1px solid #1a73e8;
  color: #1a73e8;
}

/* Animation */
@keyframes fadeIn {
  from {
    transform: scale(0.9);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

/*************************************************************/

/* tqf cr:IP ID - 4681 30.03.26 */
/* tqf cr:IP ID - 4680 11.04.26  --- Training videos pending ---------- */
/**Search Modal**/
input#topicSearchSubmit {
  padding: 0 0;
  width: 1.4vw;
  height: 100%; /* tqf cr:IP ID - 4680 11.04.26 */
  background: url("../images/Home-search-icon.svg") no-repeat center center;
  background-size: contain;
  border: 0;
  z-index: 5;
  cursor: pointer;
  box-sizing: content-box;
}

.navbar-wrapper .navbar__search #topicSearch {
  border: none;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  color: #8c8c8c;
  font-size: 1vw;
  text-align: left;
  letter-spacing: 0;
  line-height: normal;
  width: 100%;
}

.search_modal {
  display: none;
  position: absolute;
  top: 60px;
  left: 20px;
  width: auto;
  background: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  z-index: 1000;
}

.search_modal-content {
  max-height: 200px;
  overflow-y: auto;
}

/* Shared UL styles */
.topic-ul {
  list-style: none;
  padding: 0;
  margin: 10px 0;
}

.topic-ul li {
  padding: 6px 10px;
  cursor: pointer;
  list-style-type: none;
}

.topic-ul li:hover {
  background: #f0f0f0;
}

/* Highlight */
.highlight {
  background-color: yellow;
  font-weight: bold;
}

#TVfullscrn {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  z-index: 99999;
  display: none;
}

#exitfull {
  background-image: url(https://www.winmansoftware.com/images/Training-videos/close-icon.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 40px;
  right: 20px;
  display: none;
  z-index: 99999;
  width: 30px;
  height: 30px;
  cursor: pointer;
}

/***************/

/******Pagination Section styling**********/
.mobile-pagination-content-wrapper {
  display: none;
}
/*************************************************************/

/* tqf cr:IP ID - 4680 11.04.26 */

/******Downloads Page Design Starts***********/
/* tqf cr s:IP ID - 4681 30.03.26 */
/* ========================
   Root Variables
========================= */
:root {
  --primary-blue: #3b82f6;
  --primary-purple: #7c3aed;
  --text-dark: #1f2937;
  --text-light: #6b7280;
  --bg-light: #f5f7fb;
  --white: #ffffff;
  --border-radius: 16px;
  --shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.05);
  --transition: all 0.3s ease;
}

/* ========================
   Base Reset
========================= */
/* *,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
} */

/* body {
  font-family: "Segoe UI", system-ui, sans-serif;
  background: var(--bg-light);
  color: var(--text-dark);
  line-height: 1.6;
} */

/* ========================
   Layout
========================= */
.product__download {
  max-width: 935px;
  /* margin: 3rem auto; */
  margin: 0 auto 3rem;
  text-align: center;
  padding-top: 8vw; /*sam cr*/
}

.product__download__header {
  margin-bottom: 1rem;
}

.product__download__tagline {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75rem;
  color: #333333;
  margin-bottom: 0.5rem;
}

.product__download__title {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.75rem;
  color: #333333;
}

.product__download__cards {
  display: flex;
  gap: 4rem;
  justify-content: center;
}

/* ========================
   Cards
========================= */
.product__download__cards .card {
  background: #ffffff;
  border-radius: 0.5rem;
  text-align: center;
  border: 1px solid #cad2ec;
  box-shadow: 5px 5px 12px 0px #4156f31a;
  overflow: hidden;
  transition: all 0.3s ease;
}

.product__download__cards .card:hover {
  transform: translateY(-5px);
}

.product__download__cards .card__title {
  color: #ffffff;
  font-weight: 600;
  padding: 1rem;
  margin: 0;
  text-align: center;
}

.product__download__cards .card--blue .card__title {
  background: linear-gradient(90deg, #4097df 0%, #3073aa 100%);
}

.product__download__cards .card--purple .card__title {
  background: linear-gradient(90deg, #9271cc 0%, #6c5497 100%);
}

.product__download__cards .card__section {
  margin: 1rem 2rem;
  padding: 0.5rem;
}

.product__download__cards .card__section h3 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  font-size: 1.25rem;
  color: #333333;
  letter-spacing: 0;
  line-height: 1.75rem;
}

.product__download__cards .card__section p {
  font-size: 1rem;
  font-weight: 400;
  color: #333333;
  letter-spacing: 0;
  line-height: 1.75rem;
  margin-bottom: 1rem;
}

.product__download__cards .card__section ul {
  font-size: 0.85rem;
  margin: 0.5rem 0 1rem 1rem;
  color: var(--text-light);
}

.product__download__cards .card__section .download__p-NoMargin {
  margin: 0;
}

/* ========================
   Buttons
========================= */
.product__download .btn {
  color: #0c2647;
  padding: 0.7rem 2rem;
  border-radius: 4rem;
  cursor: pointer;
  font-weight: 500;
  font-size: 1.15rem;
  text-transform: none;
  background: #ffffff;
  border: 1px solid #0c2647;
  box-shadow: 0px 3.96px 7.92px 0px #00000040;
  transition: all 0.3s ease;
}

.product__download .btn.btn--outline {
  display: flex;
  align-items: center;
  margin: 0 auto;
  gap: 0.5rem;
}

.product__download .btn:hover {
  transform: scale(1.05);
  opacity: 0.95;
}

/* ========================
   Footer Sections
========================= */
.product__download__note {
  margin: 2rem 0;
  font-size: 1rem;
  color: #333333;
  font-weight: 400;
}

.product__security .security__box {
  padding: 1.5rem;
  border-radius: 1rem;
  background: linear-gradient(90deg, #f4f8fa 0%, #f4f5f5 100%);
}

.product__security .security__box-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.3rem;
}

.product__security .security__box h3 {
  font-weight: 600;
  font-size: 1.15rem;
  color: rgba(51, 51, 51, 1);
  line-height: 100%;
  letter-spacing: 0;
}

.product__security .security__box p {
  font-size: 1rem;
  color: #333333;
  font-weight: 400;
  line-height: 1.75rem;
  letter-spacing: 0;
}

.product__other-downloads {
  margin: 2rem 0;
}

.product__other-downloads p {
  font-size: 1rem;
  color: #333333;
  font-weight: 400;
  line-height: 1.75rem;
  letter-spacing: 0;
  margin-bottom: 1rem;
}

/* ========================
   Responsive
========================= */
@media (max-width: 768px) {
  .product__download {
    margin: 2rem 1.25rem;
  }

  .product__download__cards {
    gap: 2rem;
  }

  .product__download__note {
    display: none;
  }

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

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

  .product__security .security__box {
    background: linear-gradient(70.84deg, #fcfcfc 54.07%, #f2f8fc 100%);
  }
}
/********************************************/
/* tqf cr:IP ID - 4681 30.03.26 */

/* tqf cr s:IP ID - 4681 30.03.26 */
/******Support ---> Contact-Us Page Design Starts***********/

/* ================================
   LAYOUT
================================ */

:root {
  --primary: #2f6fed;
  --secondary: #6c63ff;
  --light-blue: #eaf1ff;
  --dark: #1f2937;
  --gray: #6b7280;
  --border: #e5e7eb;
  --bg: #f7f9fc;
  --danger: #f87171;
  --white: #ffffff;
  --radius: 8px;
  --shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
}

.hyperlink {
  color: #365ebf;
}

.loc.hyperlink {
  color: #333333;
}

.hyperlink:hover {
  color: #365ebf;
  text-decoration: underline;
}

.support__contactus {
  max-width: 85%;
  margin: auto;
  padding: 8rem 1.25rem 3rem; /* tqf cr - 4960 /* padding: 8rem 1.25rem;   samcr  */
}

.support__contactus__grid {
  display: grid;
  gap: 10vw;
}

.support__contactus__grid.customercare {
  gap: 0;
}

.support__contactus__grid.grid-2 {
  grid-template-columns: 2fr 1fr;
}

/* ================================
   HEADER
================================ */
.support__contactus__header {
  margin-bottom: 1.85rem;
}

.support__contactus__header h1 {
  font-size: 1.5rem;
  color: #164683;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 0;
  margin-bottom: 10px;
}

.support__contactus__header.customercare h1 {
  color: #333333;
  font-size: 1.2rem;
}

.support__contactus__header.customercare p {
  color: #333333;
  font-size: 1rem;
  font-weight: 400;
}

/* .support__contactus__header p {
  color: var(--gray);
} */

/* ================================
   CARD
================================ */
.support__contactus__grid .card {
  background: #ffffff;
  border-radius: 0.5rem;
  box-shadow: 5px 5px 12px 0px #4156f31a;
  border: 1px solid #cad2ec;
  overflow: hidden;
  padding-bottom: 2rem;
}

.support__contactus__grid .card.escalation {
  padding-bottom: 0;
}

.support__contactus__grid .card-header {
  font-weight: 600;
  margin-bottom: 1.5rem; /* tqf cr - 4960 : margin-bottom: 15px; */
}

.support__contactus__grid .badge {
  font-size: 1.15rem;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 0;
  display: inline-block;
  padding: 1rem 2rem;
  color: #ffffff;
}

.contactus-card-fixedMargin {
  margin: 1.25rem 0;
}

.support__contactus__grid .card-header.badge-purple {
  background: linear-gradient(90deg, #9271cc 0%, #6c5497 100%);
}

.support__contactus__grid .card-header.badge-blue {
  background: linear-gradient(90deg, #4097df 0%, #3073aa 100%);
}

.support__contactus__grid .card-header.badge-orange {
  background: linear-gradient(90deg, #ef8d6c 0%, #ec5763 100%);
  margin-bottom: 0;
  text-align: center;
}

/* ================================
   HELP DESK SECTION
================================ */
.support__contactus-help-boxes {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 5rem;
  margin-bottom: 2rem;
}

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

.info-item {
  cursor: pointer;
}

.support__contactus-left-panel .info-item {
  margin-bottom: 0.7rem;
  font-size: 1rem;
  padding: 0 2rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  word-break: break-word;
}

.support__contactus-left-panel.customercare .info-item {
  padding: 0;
}

.support__contactus-left-panel .info-item.all-number {
  display: inline-block;
  padding: 0.6rem 1rem;
  background: #f7f7f7;
  margin: 1rem 2rem 0; /* tqf cr - 4960: margin: 0 2rem;*/
  border-radius: 0.5rem;
  width: stretch;
}

.support__contactus-left-panel .info-item.all-number a {
  color: #365ebf;
}

.support__contactus-left-panel .reach-us-number {
  font-weight: 400;
  font-size: 1rem;
  color: #333333;
  margin: 1rem 0;
}

.support__contactus-left-panel .info-item.flex-top {
  align-items: flex-start;
}

.support__contactus-left-panel .info-item-img {
  margin-top: 0.25rem;
}

.support__contactus-left-panel .info-item-span span {
  display: block;
}

/* tqf cr s:IP ID - 4960 22.06.2026 */
.support__contactus-left-panel .info-item .number {
  font-family: "Verdana";
  font-weight: 400;
}
/* tqf cr :IP ID - 4960 22.06.2026 */

.customer-care-left h3,
.customer-care-right h3 {
  color: #333333;
  font-weight: 600;
  font-size: 1rem;
  line-height: 100%;
  letter-spacing: 0;
  padding-left: 2rem;
}

/* tqf cr s:IP ID - 4960 22.06.2026 */
.customer-care-left .gaping,
.customer-care-right .gaping {
  margin: 1.5rem 0;
}
/* tqf cr- 4960 */

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

.customer-care-right h3 {
  margin-top: 0;
}

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

.customer-care-wrapper {
  display: flex;
  justify-content: space-between;
}

/* ================================
   ESCALATION TABLE
================================ */
.support__contactus-left-panel .escalation-content {
  margin: 3rem 0 2rem 0;
}

.support__contactus-left-panel .escalation-content h2 {
  color: #333333;
  font-size: 1.15rem;
  font-weight: 600;
}

.support__contactus-left-panel .escalation-content p {
  color: #333333;
}

.support__contactus-left-panel .escalation-content p span {
  font-weight: 600;
}

.support__contactus-left-panel .table {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
}

.support__contactus-left-panel .table th,
.support__contactus-left-panel .table td {
  padding: 0.65rem;
  border: 1px solid #cad2ec;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.85rem;
}

.support__contactus-left-panel .table th {
  font-weight: 600;
}

.support__contactus-left-panel .table td a {
  color: #365ebf;
  word-break: break-word;
}

.feedback p {
  font-size: 1rem;
  font-weight: 400;
  color: #333333;
  margin-bottom: 0.3rem;
  word-wrap: break-word;
}

.feedback p a {
  color: #365ebf;
}

.escalation-mobile-view {
  display: none;
}

/* ================================
   RIGHT PANEL
================================ */
.support__contactus-right-panel {
  width: 105%;
  text-align: center;
}

.support__contactus-illustration-wrapper {
  width: 100%;
  margin: 0 auto 2rem;
}

.support__contactus-right-panel .illustration {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.support__contactus-right-panel .button {
  display: inline-block;
  padding: 12px 24px;
  background: var(--primary);
  color: var(--white);
  border-radius: 25px;
  border: none;
  cursor: pointer;
  font-size: 14px;
  transition: 0.3s ease;
}

.support__contactus-right-panel .button:hover {
  opacity: 0.9;
}

.support__contactus-right-panel .tools {
  margin-top: 7rem;
  text-align: left;
}

.support__contactus-right-panel .tools h4 {
  margin-bottom: 0.75rem;
  color: #333333;
  font-weight: 600;
}

.support__contactus-right-panel .tools li {
  margin-bottom: 8px;
  font-size: 14px;
}

.support__contactus-right-panel p {
  font-size: 1rem;
  color: #333333;
  font-weight: 600;
}

.support__contactus-right-panel button {
  font-size: 1.15rem;
  font-weight: 500;
  box-shadow: 0px 3px 6px 0px #00000040;
}

.support__contactus-right-panel .tools .download-flex {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.support__contactus-right-panel .tools .download-flex a {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.8rem;
  color: #365ebf;
}

.support__contactus-right-panel .button-decription-flex {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* ================================
   FEEDBACK
================================ */
.support__contactus-left-panel .feedback {
  margin-top: 40px;
  font-size: 14px;
  color: #333333;
}

.support__contactus-left-panel .feedback p {
  margin-bottom: 0.3rem;
  font-size: 1rem;
  font-weight: 400;
  color: #333333;
}

.support__contactus .feedback.customercare span {
  color: #365ebf;
}

.contact__num_wrapper {
  display: flex;
  gap: 10rem;
}
/*********************************************/
/* tqf cr:IP ID - 4681 30.03.26 */

/* tqf cr s - 4808 */
/*
************************************
********* About Us Page Design******
************************************
*/

.aboutus__hero {
  background: url("../images/AboutUs-heroBG.png");
  background-position: right;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.aboutus__story {
  background: white;
}

.aboutus__stats {
  background:
    linear-gradient(253.39deg, #f7f3fc 1.25%, #f3f7fc 36.88%, #f7fafd 98.67%),
    linear-gradient(
      180deg,
      rgba(240, 249, 255, 0.1) 0%,
      rgba(177, 177, 177, 0.05) 100%
    );
}

.aboutus__hero__container,
.aboutus__story__container,
.aboutus__stats__container,
.aboutus__workspace__container {
  max-width: 1200px;
  margin: auto;
  margin-left: 18.5%;
  padding: 6vw 1vw 4vw;
}

.aboutus__story__container {
  padding: 3vw 1vw;
}

.aboutus__stats__container {
  padding: 3vw 1vw;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1vw;
}

.aboutus__workspace__container {
  padding: 3vw 1vw;
  margin-right: 10%;
}

.aboutus__hero__container_wrapper,
.aboutus__story__container_wrapper {
  width: 70%;
  text-align: justify;
}

.aboutus__stats-wrapper {
  text-align: justify;
  margin: 4rem 0;
  position: relative;
}

.aboutus__hero__container_wrapper h2,
.aboutus__story__container_wrapper h2,
.aboutus__stats__container h2 {
  font-size: 1.85rem;
  color: #ffffff;
  line-height: 100%;
  letter-spacing: 0;
  font-weight: 600;
  margin: 1rem 0;
}

.aboutus__hero__container_wrapper p,
.aboutus__story__container_wrapper p {
  font-size: 1rem;
  color: #ffffff;
  line-height: 1.85rem;
  letter-spacing: 0;
  font-weight: 400;
  margin: 0.5rem 0;
}

.aboutus__story__container_wrapper h2,
.aboutus__story__container_wrapper p,
.aboutus__stats__container h2 {
  color: #000000;
}

.stats-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.85rem;
  row-gap: 5rem;
}

.gallery-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.85rem;
}

.gallery-grid .gallery-img-wrapper {
  border-radius: 0.5rem;
  overflow: hidden;
}

.gallery-grid .gallery-img-wrapper img {
  width: 100%;
  height: auto;
  object-fit: contain;
  transition: transform 0.2s;
  cursor: pointer;
}

.gallery-grid .gallery-img-wrapper:hover {
  box-shadow: 1px 4px 12px 0px #6155ec4d;
}

.gallery-grid .gallery-img-wrapper:hover img {
  transform: scale(1.05);
}

.stats-grid .stat h3,
.stats-grid .stat h4 {
  display: inline-block;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 0;
  color: #034d81; /* fall back color */
  background-image: linear-gradient(
    136.28deg,
    #1573b7 0%,
    #09609f 34.94%,
    #034d81 65.31%,
    #004475 97.86%
  );
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  margin-bottom: 0.3rem;
}

.stats-grid .stat h4 {
  font-size: 1.85rem;
}

.stats-grid .stat p {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.85rem;
  letter-spacing: 0;
  color: #164683;
}

.aboutus__stats__container .location {
  position: absolute;
  left: 70%;
  top: 30%;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #164683;
  font-weight: 500;
  font-size: 1rem;
  line-height: 100%;
  letter-spacing: 0;
}

.aboutus__workspace__container h2 {
  color: #000000;
  font-weight: 600;
  font-size: 1.85rem;
  line-height: 100%;
  letter-spacing: 0;
  margin: 2rem 0;
}

/* modal carousel */
.aboutus__carousel-modal {
  position: fixed;
  inset: 0;
  display: none;
  justify-content: center;
  align-items: center;
  backdrop-filter: blur(10px);
  background: rgba(0, 0, 0, 0.6);
  z-index: 1000;
}

.aboutus__carousel-modal .nav,
.aboutus__carousel-modal .close-btn {
  color: #999999;
  transition: color 0.3s ease;
}

.aboutus__carousel-modal .nav:hover,
.aboutus__carousel-modal .close-btn:hover {
  color: white;
}

.aboutus__carousel-modal.active {
  display: flex;
}

#knowMoreBtn {
  display: none;
  color: #0176d5;
}

/* image */

.carousel-img {
  max-width: 80%;
  max-height: 80%;
  border-radius: 10px;
  animation: fade 0.35s ease;
}

@keyframes fade {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* navigation */

.nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 40px;
  color: white;
  border: none;
  background: none;
  cursor: pointer;
  padding: 10px;
}

.prev {
  left: 2.5rem;
}
.next {
  right: 2.5rem;
}

/* close button */

.close-btn {
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 40px;
  color: white;
  cursor: pointer;
}

/* dots */

.carousel-dots {
  position: absolute;
  bottom: 40px;
  display: flex;
  gap: 10px;
}

.carousel-dots span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4);
  cursor: pointer;
  transition: all 0.3s ease;
}

.carousel-dots span.active {
  width: 22px;
  border-radius: 10px;
  background: white;
}

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

/******Downloads Page Design Starts 4706***********/
/* tqf cr s:IP ID - 4706 30.03.26 */
/* ========================
   Layout
========================= */
.product__download {
  max-width: 850px;
  /* margin: 3rem auto; */
  margin: 0 auto 3rem;
  text-align: center;
}

.product__download__header {
  margin-bottom: 1rem;
}

.product__download__tagline {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75rem;
  color: #333333;
  margin-bottom: 0.5rem;
}

.product__download__title {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.75rem;
  color: #333333;
}

.product__download__cards {
  display: flex;
  gap: 4rem;
  justify-content: center;
}

/* ========================
   Cards
========================= */
.product__download__cards .card {
  background: #ffffff;
  border-radius: 0.5rem;
  text-align: center;
  border: 1px solid #cad2ec;
  box-shadow: 5px 5px 12px 0px #4156f31a;
  overflow: hidden;
  transition: all 0.3s ease;
  width: 100%;
}

/* .product__download__cards .card:hover {
  transform: translateY(-5px);
} */

.product__download__cards .card__title {
  color: #ffffff;
  font-weight: 600;
  padding: 1rem;
  margin: 0;
  text-align: center;
}

.product__download__cards .card--blue .card__title {
  background: linear-gradient(90deg, #4097df 0%, #3073aa 100%);
}

.product__download__cards .card--purple .card__title {
  background: linear-gradient(90deg, #9271cc 0%, #6c5497 100%);
}

.product__download__cards .card__section {
  margin: 1rem;
  /* margin-top: 0; */
  padding: 0.5rem 2rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  min-height: 73px;
  text-align: left;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.product__download__cards .card__section:hover {
  background-color: #f2f2f2;
}

.product__download__cards .card__section:active {
  background-color: lightgray;
}

.product__download__cards .card__section .card__section-img-wrapper {
  flex: 1;
}

.product__download__cards .card__section .card__section-detail {
  min-width: fit-content;
  flex: 4;
}

.product__download__cards .card__section .card__section-downloader {
  display: flex;
  flex: 1;
  justify-content: flex-end;
  /* width: 5vw; */
}

.product__download__cards .card__section .card__section-downloader img {
  width: 1.5vw;
  height: auto;
  object-fit: contain;
}

.product__download__cards .card__section h3 {
  margin: 0;
  font-weight: 500;
  font-size: 1.15rem;
  color: #333333;
  letter-spacing: 0;
  line-height: 1.75rem;
}

.product__download__cards .card__section p {
  font-size: 0.75rem;
  font-weight: 400;
  color: #333333;
  letter-spacing: 0;
  line-height: 1.75rem;
}

/* .product__download__cards .card__section ul {
  font-size: 0.85rem;
  margin: 0.5rem 0 1rem 1rem;
  color: var(--text-light);
} */

.product__download__cards .card__section .download__p-NoMargin {
  margin: 0;
}

/* ========================
   Footer Sections
========================= */

.product__installer_details {
  font-weight: 400;
  color: #333333;
  font-size: 1rem;
  line-height: 1.85rem;
  letter-spacing: 0;
  text-align: justify;
  margin: 2rem 0;
}

.product__installer_details span {
  font-weight: 600;
}

.product__download__note {
  margin: 2rem 0;
  font-size: 1rem;
  color: #333333;
  font-weight: 400;
}

.product__security .security__box {
  padding: 1.5rem;
  border-radius: 1rem;
  background: linear-gradient(90deg, #f4f8fa 0%, #f4f5f5 100%);
}

.product__security .security__box-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.3rem;
}

.product__security .security__box h3 {
  font-weight: 600;
  font-size: 1.15rem;
  color: rgba(51, 51, 51, 1);
  line-height: 100%;
  letter-spacing: 0;
}

.product__security .security__box p {
  font-size: 1rem;
  color: #333333;
  font-weight: 400;
  line-height: 1.75rem;
  letter-spacing: 0;
}

.product__other-downloads {
  margin: 2rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.7rem;
}

.product__other-downloads a {
  font-size: 1rem;
  color: #0176d5;
  font-weight: 500;
  line-height: 1.75rem;
  letter-spacing: 0;
}

/* tqf cr:IP ID - 4706 30.03.26 */
/********************************************/

/* prjl cr s */
/* ===============================
   MARQUEE CONTAINER
================================ */
.marquee-wrapper {
  position: relative;
  overflow: hidden;
  background: #f5f5f5;
  /* MUST match body */
  padding: 25px 0;
  max-width: 1000px; /* tqf/prjl cr - max-width: 900px; */
  margin: auto;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* ===============================
   SHADE / FADE OVERLAY (OLD SAFE)
================================ */
.marquee-wrapper::before,
.marquee-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  width: 70px;
  height: 100%;
  z-index: 10;
  pointer-events: none;
}

.marquee-wrapper::before {
  left: 0;
  background: linear-gradient(to right, #f8f8f8, rgba(245, 245, 245, 0));
}

.marquee-wrapper::after {
  right: 0;
  background: linear-gradient(to left, #f8f8f8, rgba(245, 245, 245, 0));
}

/* ===============================
   MARQUEE CONTENT
================================ */
.marquee {
  display: inline-flex;
  gap: 40px;
  will-change: transform;
  margin: 1.7rem; /* tqf cr - margin: 1rem;*/
}

/* ===============================
   LOGO CARD
================================ */
.company-section .card {
  min-width: 180px;
  height: 90px;
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  font-weight: bold;
  color: #333;
}

.marquee-left {
  animation: scroll-left 45s linear infinite;
}

@keyframes scroll-left {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

.marquee-right {
  animation: scroll-right 45s linear infinite;
}

@keyframes scroll-right {
  from {
    transform: translateX(-50%);
  }

  to {
    transform: translateX(0);
  }
}

/* prjl cr */

/* prjl cr s */
.customers-container {
  text-align: center;
  padding: 40px 20px;
}

.customers-title {
  font-size: 1.5rem; /* tqf/prjl cr - font-size: 24px; */
  font-weight: 600;
  color: #333;
  margin: 1vw 0 1.5vw; /* tqf cr - margin-bottom: 20px;*/
}

.customers-subtitle {
  font-size: 2rem; /* tqf/prjl cr - font-size: 42px; */
  font-weight: 700;
  letter-spacing: 0.5px;
}

.customers-subtitle .all {
  color: #393588;
  font-weight: 700;
  /* tqf/prjl cr - font-size: 32px; */
  font-family: Arial, Helvetica;
  margin-right: 8px;
}

.customers-subtitle .big {
  color: #e31b23;
  font-size: 4rem; /* tqf/prjl cr - font-size: 64px; */
  font-weight: 700;
  font-family: Arial, Helvetica;
  vertical-align: middle; /* tqf/prjl cr:IP ID - 4771 11.04.26 */
  /* Red */
}

.customers-subtitle .four {
  color: #1f6fb2;
  font-size: 4rem; /* tqf/prjl cr - font-size: 64px; */
  font-weight: 700;
  font-family: Arial, Helvetica;
  vertical-align: middle; /* tqf/prjl cr:IP ID - 4771 11.04.26 */
  /* Blue */
  margin-right: 8px;
}

.customers-subtitle .audit {
  color: #393588;
  margin-left: 8px;
  font-weight: 700;
  /* tqf/prjl cr - font-size: 32px; */
  font-family: Arial, Helvetica;
}

/* prjl cr */

/* prjl cr s */
/* Carousel */
.whats-new-carousel {
  position: relative;
  width: 1008px;
  margin: 0 auto;
}

/* Stage */
.whats-new-stage {
  position: relative;
  height: 420px;
}

/* Card */
.whats-new-card {
  position: absolute;
  top: 0;
  left: 50%;
  width: 760px;
  height: 420px;
  padding: 40px;
  background:
    linear-gradient(360deg, rgba(75, 119, 212, 0.05), rgba(115, 51, 152, 0.05)),
    #ffffff;
  border-radius: 16px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
  transform: translateX(-50%);
  transition: all 0.5s ease;
  padding-top: 55px;
  z-index: 1;
}

.whats-new-card::before {
  content: "";
  position: absolute;
  inset: 0;
  /* border thickness */
  border-radius: 17px;
  padding: 1px;
  /* radius + 1px */
  background: linear-gradient(135deg, #4b77d4, #733398);
  z-index: 0;
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.whats-new-card,
.whats-new-card::before {
  box-sizing: border-box;
}

/* Center */
.whats-new-active {
  z-index: 3;
  opacity: 1;
  filter: none;
  transform: translateX(-50%) scale(1);
}

/* Left */
.whats-new-active-left {
  z-index: 1;
  opacity: 0.35;
  filter: blur(2px);
  /* tqf/prjl cr s:IP ID - 4771 11.04.26 */
  /* transform: translateX(-65%) scale(0.92); */
  transform: translateX(-75%) scale(0.8);
  /* tqf/prjl cr:IP ID - 4771 11.04.26 */
}

/* Right */
.whats-new-active-right {
  z-index: 1;
  opacity: 0.35;
  filter: blur(2px);
  /* tqf/prjl cr s:IP ID - 4771 11.04.26 */
  /* transform: translateX(-35%) scale(0.92); */
  transform: translateX(-25%) scale(0.8);
  /* tqf/prjl cr:IP ID - 4771 11.04.26 */
}

/* Content */
.whats-new-card h4 {
  margin: 0;
  color: #444;
  font-size: 16px;
}

.whats-new-card h2 {
  margin: 15px 0 10px;
  color: #1a2cb8;
}

.whats-new-card p {
  color: #444;
  line-height: 1.6;
}

.whats-new-download {
  /*  tqf/prjl cr - margin-top: 20px; */
  color: #1a73e8;
  font-weight: 600;
}

/* Arrows */
/* .whats-new-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: none;
  background: #fff;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  font-size: 18px;
  z-index: 4;
}

.whats-new-nav.left {
  left: 40px;
}


.whats-new-nav.right {
  right: 40px
}  */
.whats-new-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: none;
  background:
    linear-gradient(135deg, rgba(115, 51, 152, 0.05), rgba(75, 119, 212, 0.05)),
    #ffffff;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  font-size: 18px;
  z-index: 4;

  box-sizing: border-box;
}

.whats-new-nav::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  padding: 1px;
  background: linear-gradient(135deg, #733398, #4b77d4);
  z-index: -1;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);

  -webkit-mask-composite: xor;
  mask-composite: exclude;

  pointer-events: none;
}

.whats-new-nav.left {
  left: 2%; /* tqf/prjl cr - left: 40px;*/
}

.whats-new-nav.right {
  right: 2%; /* tqf/prjl cr - right: 40px;*/
}

/* Dots */
.whats-new-dots {
  margin: 30px auto 0;
  width: 80px;
  display: flex;
  justify-content: space-between;
  position: relative;
}

.whats-new-dot {
  width: 8px;
  height: 8px;
  background: #cfcfcf;
  border-radius: 50%;
}

/* Active indicator */
.whats-new-indicator {
  position: absolute;
  top: -4px;
  left: 0;
  width: 16px;
  height: 16px;
  background: #1a73e8;
  border-radius: 50%;
  transition: left 0.4s ease;
}

/* ICON HOLDER */
.whats-new-icon {
  position: absolute;
  top: -7vw; /* tqf/prjl cr - top: -100px;*/
  left: 40%; /* tqf/prjl cr - left: 50%;*/
  transform: translateX(-50%) scale(0.8); /* tqf/prjl cr - transform: translateX(-50%);*/
  width: 56px;
  height: 56px;
  background: #ffffff;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
  z-index: 5;
}

/* tqf/prjl cr s:IP ID - 4771 11.04.26 */
.whats-new-active .whats-new-icon {
  transform: translateX(-50%);
  top: -5vw;
  left: 50%;
}

.whats-new-active-right .whats-new-icon {
  left: 60%;
}
/* tqf/prjl cr:IP ID - 4771 11.04.26 */

/* ICON IMAGE */
.whats-new-icon img {
  width: 84px;
  height: 84px;
  object-fit: contain;
}

.whats-new-product {
  font-size: 14px;
  font-weight: 500;
  color: #333333;
  margin-bottom: 3vh;
}

.whats-new-title {
  margin: 14px 0 12px;
  font-size: 26px;
  font-weight: 700;
  color: #0a1fae;
}

.whats-new-desc {
  margin: 0;
  max-width: 640px;
  font-size: 16px;
  line-height: 1.6;
  color: #444;
}

/* tqf cr s:IP ID - 4771 11.04.26 */
.whats-new-icon {
  position: absolute;
  transform: translateX(-50%);
  transition:
    transform 0.5s ease,
    opacity 0.5s ease;
  z-index: 5;
}

/* Next button (icon leaves left) */
.icon-leave-left {
  transform: translateX(-200%);
  opacity: 0;
  transition:
    transform 0.5s ease,
    opacity 0.5s ease;
}

/* Next button (icon enters from right) */
.icon-enter-right {
  transform: translateX(200%);
  opacity: 0;
  transition:
    transform 0.5s ease,
    opacity 0.5s ease;
}

/* Prev button (icon leaves right) */
.icon-leave-right {
  transform: translateX(200%);
  opacity: 0;
  transition:
    transform 0.5s ease,
    opacity 0.5s ease;
}

/* Prev button (icon enters from left) */
.icon-enter-left {
  transform: translateX(-200%);
  opacity: 0;
  transition:
    transform 0.5s ease,
    opacity 0.5s ease;
}
/* tqf/prjl cr:IP ID - 4771 11.04.26 */

/* ===============================
   DOWNLOAD LINK
================================ */
/* tqf/prjl cr s:IP ID - 4771 11.04.26 */
.whats-new-downloas-wrapper {
  display: flex;
  align-items: center;
  margin-top: 5vw;
}
/* tqf/prjl cr:IP ID - 4771 11.04.26 */

.whats-new-download {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  /* tqf/prjl cr - margin-top: 8vh; */
  font-size: 16px;
  font-weight: 600;
  color: #1a73e8;
  text-decoration: none;
  /* tqf/prjl cr - margin-bottom: 10vh; */
  height: 30px;
}

.whats-new-download:hover {
  text-decoration: underline;
}

.whats-new-release {
  padding-left: 1vw;
  font-size: small;
  margin-bottom: 1vh;
  height: 30px;
}

.whats-new-download-icon {
  height: 16px;
  width: auto;
  /* keeps aspect ratio */
  vertical-align: middle;
}

.whats-new {
  font-size: 32px;
  font-weight: 600;
  text-align: center;
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: center;
  margin-bottom: 80px;
}
.whats-new .whats {
  color: #333333;
}
.whats-new .new {
  background: linear-gradient(90deg, #6267f2, #3e81f6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

/* prjl cr */

/* Show indicator */
.dropdown:hover .dropdown-indicator {
  display: inline-block;
}
.dropdown-icon {
  margin-left: 0.5vw;
  transition: transform 0.25s ease;
}
.navbar__dropdown-toggle {
  position: relative; /* REQUIRED */
  display: inline-flex;
  align-items: center;
  padding: 12px 16px;
}
.navbar__dropdown-toggle:hover .dropdown-icon {
  transform: rotate(180deg);
}

.navbar__dropdown-toggle:hover .dropdown-indicator {
  display: block;
}
.dropdown-menu li {
  margin-bottom: 0.5vh;
}

.break {
  border-bottom: 1px solid #b0c3f8;
}
.break-dark {
  border-bottom: 1px solid #33333399; /* 4771 : border-bottom: 1px solid #4b4b4b;*/
  margin: 1vh 0 1vh 0;
}
.winmantdsscreen {
  /* tqf/prjl cr s:IP ID - 4771 11.04.26 */
  /* height: 238px;
  width: 533px; */
  width: 100%;
  height: auto;
  /* tqf/prjl cr:IP ID - 4771 11.04.26 */
}
/* prjl cr */

/* tqf cr s:IP ID - 4771 11.04.26 */
/********** FAq Page design Changes **************/
.faq__content {
  display: flex;
  height: calc(100vh - 60px);
  padding-top: 6rem; /*sam cr  - 4rem */
}

aside.faq__left-panel {
  width: 20%;
  padding-left: 5vw;
  overflow: hidden;
  background: #ffffff;
}

.faq__left-panel iframe {
  text-decoration: none;
  width: 80%;
  height: 500px;
  margin-left: 20%;
}

.faq__right-panel {
  flex: 1;
  overflow-y: auto;
  padding: 1.5vw;
  border-left: 1px solid #cacaca;
}

.faq__left-panel::-webkit-scrollbar,
.faq__right-panel::-webkit-scrollbar {
  width: 6px;
}

.left-panel::-webkit-scrollbar-thumb,
.faq__right-panel::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
}

.faq__right-panel .faqhead p:first-child {
  padding: 10px 0;
  color: #333333;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.85rem;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: bottom;
}

.faq__right-panel .faqhead p {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.85rem;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: bottom;
}

/**************************/
/* tqf cr:IP ID - 4771 11.04.26 */

/* tqf cr s - 4799 */
/*
************************************
********* Careers Page Design******
************************************
*/

.career__hero__container {
  margin-left: 20%; /* tqf cr - 4960: margin-left: 18%;*/
  padding: 5vw 1vw 2vw;
}

.career__description__container,
.career__jobs__container {
  max-width: 1135px; /* tqf cr - 4960: max-width: 1200px;*/
  margin: auto;
  padding: 5vw 1vw 2vw;
}

.career__mobile_displayLink {
  display: none;
}

/* HERO */
.career__hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  background: linear-gradient(
    90deg,
    #004d85 15%,
    #005089 45%,
    rgba(0, 86, 148, 0.9) 55%,
    rgba(0, 92, 158, 0.5) 95%,
    rgba(255, 255, 255, 0) 100%
  );
}

/* Left Content */
.career__hero__container {
  max-width: 50%;
}

.career__hero .hero-text {
  margin: 1rem 0;
  color: #ffffff;
}

.hero-text h1 {
  font-weight: 600;
  font-size: 2.25rem;
  line-height: 3.75rem;
  letter-spacing: 0%;
}

.hero-text p {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.85rem;
  letter-spacing: 0%;
}

.career__hero .btn-primary.flex-box {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: fit-content;
}

.career__hero .btn-primary.flex-box a {
  color: white;
}

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

/* Carousel */
.carousel {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.hero__carousel {
  position: relative;
  width: 40%;
  height: stretch;
  overflow: hidden;
}

.carousel__image {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 1s ease-in-out;
  z-index: 1;
}

.carousel__image.active {
  opacity: 1;
}

/***/

/* Gradient fade overlay */
.hero__carousel::before {
  content: "";
  position: absolute;
  top: 0;
  left: -1px;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    rgba(0, 92, 158, 0.8) 22%,
    rgba(255, 255, 255, 0) 120%
  );

  z-index: 2;
  pointer-events: none;
}

.hero__carousel {
  -webkit-mask-image: linear-gradient(to right, transparent, black 20%);
  mask-image: linear-gradient(to right, transparent, black 20%);
}
/***/

/* Dots */
.carousel__dots {
  position: absolute;
  bottom: 10px;
  right: 15px;
  z-index: 3;
}

.carousel__dots .dot {
  height: 8px;
  width: 8px;
  margin: 0 4px;
  background-color: white;
  display: inline-block;
  border-radius: 50%;
  border: none;
}

.carousel__dots .dot.active {
  background-color: #1a82ff;
}

/* DESCRIPTION */
/* .career__description {
  background: white;
} */

.career__description__container {
  padding: 0.5vw;
  display: flex;
  align-items: center;
  gap: 1rem; /* tqf cr - 4960: gap: 0.5rem;*/
}

.career__description__container__wrapper p {
  color: #474747;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.85rem;
  letter-spacing: 0%;
  text-align: justify;
}

/* JOBS */
/* .career__jobs {
  background: white;
} */

.career__jobs__container {
  padding: 0.5vw;
}

.career__jobs__container h2 {
  text-align: center;
  margin: 1.5rem;
  color: #164683;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.85rem;
  letter-spacing: 0%;
}

.tabs {
  display: flex;
  margin-bottom: 2rem;
  border-bottom: 1px solid #dddddd;
}

.tabs button {
  width: 50%;
}

.tab {
  background: none;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
  font-size: 1.15rem;
  font-weight: 600;
  color: #333333;
  line-height: 100%;
  letter-spacing: 0%;
  border-bottom: 3px solid transparent;
}

.tab.active {
  color: #0176d5;
  border-color: #0176d5;
}

.table-wrapper {
  border: 1px solid #cad2ec;
  border-radius: 0.75rem;
  overflow: hidden;
  color: #333333;
  box-shadow: 5px 5px 12px 0px #4156f31a;
}

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

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

.job-table.active {
  display: table;
  animation: fade 0.4s ease;
}

@keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.job-table th {
  background: #f3f4fb;
  padding: 0.85rem;
  font-size: 1.15rem;
  line-height: 1.85rem;
  letter-spacing: 0;
  font-weight: 600;
  text-align: center;
  border-right: 1px solid #cad2ec;
  border-bottom: 1px solid #cad2ec;
}

.job-table td {
  padding: 0.9rem 2rem;
  font-size: 1.15rem;
  font-weight: 500;
  line-height: 1.85rem;
  letter-spacing: 0;
  vertical-align: middle;
  text-align: left;
  border-right: 1px solid #cad2ec;
  border-bottom: 1px solid #cad2ec;
}

.table-wrapper tr .avoid_RightBorder {
  border-right: none;
}

.table-wrapper tr .avoid_BottomBorder {
  border-bottom: none;
}

.job-table td.link {
  font-size: 1rem;
  cursor: pointer;
  text-align: left;
  padding: 0.9rem;
}

.job-table td.link a {
  color: #365ebf;
}

.link:hover {
  text-decoration: underline;
  color: #365ebf;
}

.table-wrapper tr td:last-child {
  font-size: 1rem;
  /* font-weight: 400; */
}

#freshers tbody tr td.avoid_RightBorder {
  font-weight: 400;
  text-align: center;
}

#experienced.job-table tr td:last-child {
  text-align: center;
}

#experienced td h4 {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.85rem;
  letter-spacing: 0%;
}

.table-wrapper td ul {
  list-style-type: disc;
  padding-left: 1.5rem;
  margin: 0;
}

#experienced td ul li {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.85rem;
  letter-spacing: 0%;
}

#experienced tr td:last-child {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.85rem;
  letter-spacing: 0%;
}

/* ACTIONS */

.actions {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  margin: 2.7rem 0 3rem; /* tqf cr - 4960: margin-top: 25px;*/
  position: relative;
  width: 100%;
}

.actions .download {
  color: #365ebf;
  cursor: pointer;
  font-weight: 500;
  font-size: 1rem;
  line-height: 100%;
  letter-spacing: 0%;
  position: absolute;
  right: 0;
  top: -2.8rem; /* tqf cr - 4960: top: -1.2rem;*/
}

.actions .download:hover {
  text-decoration: underline;
}

#experienced td:nth-child(1),
#experienced th:nth-child(1) {
  width: 70%;
}

/**********************************************/
/* tqf cr :IP ID - 4960 22.06.2026 */

/* tqf cr s - 4799*/
/*
************************************
********* Careers Page Advantages ******
************************************
*/

.career__advantage__hero__container,
.career__advantage__section__container {
  max-width: 1150px; /* tqf cr - 4960: max-width: 1200px;*/
  margin: auto;
  padding: 7rem 1rem 2rem;
}

.career__advantage__section__container {
  padding: 1vw;
}

.career__advantage__hero {
  background: linear-gradient(90.03deg, #004d85 0.03%, #005fa3 99.98%);
}

.career___advantage__hero .hero-text {
  margin: 1rem 0;
}

.career__advantage__hero .hero-text h1 {
  color: #ffffff;
  font-weight: 600;
  font-size: 2rem;
  line-height: 1.85rem;
  letter-spacing: 0%;
  text-align: center;
}

.career__advantage__section:nth-child(odd) {
  background: linear-gradient(
    89.53deg,
    #ffffff 40.44%,
    #f6f7fd 60.97%,
    #eceefe 99.18%
  );
}

.career__advantage__section:nth-child(even) {
  background: linear-gradient(
    85.13deg,
    #eaf3fa 0%,
    #edf5fb 33.81%,
    #ffffff 56.27%
  );
}

.row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.row.reverse {
  flex-direction: row-reverse;
}

.text {
  flex: 1;
  min-width: 280px;
}

.text h3 {
  margin-bottom: 10px;
  color: #164683;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.85rem;
  letter-spacing: 0%;
}

.text p {
  color: #333333;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.85rem;
  letter-spacing: 0%;
}

.image {
  flex: 1;
  min-width: 280px;
  text-align: center;
}

.image img {
  max-width: 100%;
  height: auto;
}

/* CTA Section */
.cta {
  text-align: center;
  padding: 2.25rem 2rem;
}

.cta h2 {
  margin-bottom: 1.25rem;
  font-size: 1.75rem;
  line-height: 1.85rem;
  letter-spacing: 0;
  font-weight: 600;
  color: #164683;
}

.cta .back-link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin: 3vw 0;
  font-weight: 500;
  font-size: 1.15rem;
  line-height: 100%;
  letter-spacing: 0;
  color: #0176d5;
}

.back-link:hover {
  text-decoration: underline;
}
/* tqf cr */
/* tqf cr s IP - 4860 4.6.2026  */
/********** Integration-with-tally Page design Changes **************/

.tally__page {
  /* max-width: 1100px; */
  /* margin: 0 8% 0 4%; */
  margin: 0 8%;
  /* padding: 20px; */
  padding-top: 7vw;
}

/* Hero */
.tally__hero {
  margin-bottom: 2rem;
  margin-right: 2rem;
}

.tally__hero__title {
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 100%;
  letter-spacing: 0%;
  color: #164683;
  margin-bottom: 1.7rem;
}

.tally__hero__description {
  color: #333333;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.85rem;
  letter-spacing: 0%;
}

.tally__hero__description b {
  font-weight: bold;
}

.tally__hero__description img {
  margin-right: 0.75rem;
}

/* Features */
.tally__features {
  display: flex;
  gap: 1.25rem;
  margin: 1.85rem 0;
  width: fit-content;
  flex-wrap: wrap;
  border: 1px solid #cad2ec;
  box-shadow: 5px 5px 12px 0px #4156f31a;
  border-radius: 0.5rem;
  padding-right: 2rem;
}

.tally__feature-card {
  padding: 1rem;
  max-width: 425px;
}

.tally__feature-card__title {
  font-size: 1rem;
  font-weight: 500;
  padding: 0.5rem;
  margin: 0;
  margin-bottom: 1rem;
  color: white;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.6rem;
  background: linear-gradient(to right, #4b3f8f 0%, #7a6fb3 50%, #ffffff 100%);
}

.tally__feature-card__list {
  list-style-type: none;
  padding-left: 20px;
  font-size: 0.85rem;
  line-height: 1.25rem;
  letter-spacing: 0;

  font-family: "Times New Roman";
  font-weight: 400;
  font-size: 1.05rem;
  line-height: 100%;
  letter-spacing: 0%;
  color: #000000;
}

.tally__feature-card__list li {
  margin-bottom: 0.5rem;
}

.tally__feature-card__list li::before {
  content: "\27A4";
  display: inline-block;
  width: 1em;
  font-size: 0.7em;
  margin-left: -1em;
  margin-right: 0.5em;
}

/* CTA */
.tally__cta {
  display: flex;
  justify-content: flex-start;
  gap: 1.5rem;
  align-items: center;
  margin: 2.5rem 0;
  flex-wrap: wrap;
}

.tally__cta__text {
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.85rem;
  letter-spacing: 0%;
  color: #333333;
}

.tally__cta__instant {
  font-size: 28px;
  font-weight: bold;
  color: #444;
}

.tally__cta__icon {
  color: gold;
  margin-left: 5px;
}

/* Preview */
.tally__preview {
  margin: 20px 0;
}

.tally__preview__image.mobile_hide {
  display: block;
}

.tally__preview__image {
  width: 100%;
  border-radius: 8px;
  border: 1px solid #ccc;
}

.tally__preview__image.mobile_show {
  display: none;
}

.tally_preview_link_wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 2rem 0;
}

.tally__balance__link {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0%;
  color: #365ebf;
}

@media (max-width: 992px) {
  .tally__page {
    padding-top: 17vw;
  }

  .tally__preview__image.mobile_hide {
    display: none;
  }

  .tally__preview__image.mobile_show {
    display: block;
  }
}

/***************************/

/* tqf cr s : 4860 */
/****************************/
/**** Use It Feel It Page ***/
/****************************/

.use-it-feel-it .content {
  margin: 0;
}

/* tqf cr s:5022 */
.use-it-feel-it .content::before {
  content: "";
  position: absolute;
  left: 28.5%;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: #cad2ec;
}
/* tqf cr:5022 */

.use-it-feel-it .content .left-panel {
  top: auto;
  padding-top: 1vw;
  /* tqf cr s:5022 */
  width: 28%;
  padding-left: 8vw;
  /* tqf cr:5022 */
}

.left-panel .topics b {
  font-weight: 600;
  font-size: 1.15rem;
  line-height: 100%;
  letter-spacing: 0%;
  color: #333333;
}

.left-panel .topics li a {
  font-weight: 400;
  font-size: 1rem;
  line-height: 100%;
  letter-spacing: 0%;
  color: #333333;
}

/* tqf cr s:5022 */
.use-it-feel-it .main-body {
  width: 70%;
  padding-right: 6%;
  margin-left: 32%;
  overflow-y: auto;
}

.use-it-feel-it .left-panel .topics li {
  margin: 2vh 0;
}
/* tqf cr:5022 */

.main-body .content-heading {
  padding: 2.5rem 0px;
}

.main-body .content-heading h1 {
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 100%;
  letter-spacing: 0%;
  color: #164683;
  margin-bottom: 1.2rem;
  font-family: Poppins;
  line-height: 2.75rem;
}

.main-body .content-heading span {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.85rem;
  letter-spacing: 0%;
  color: #333333;
}

.main-body .content-heading span a {
  color: #365ebf;
  font-weight: 600;
}

.main-body .content-heading span a:hover {
  text-decoration: underline;
}

.use-it-feel-it .left-panel .quick-links-header .useIt__QuickLinksMobile {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  padding-right: 1rem;
}

.use-it-feel-it .left-panel .quick-links-header.active .hideMobile-open-link {
  display: none;
}

/* tqf cr 4860 s */
.use-it-feel-it .content {
  padding-top: 5vw;
}

@media (max-width: 992px) {
  .use-it-feel-it .content {
    padding-top: 10vw;
  }
}
/* tqf cr 4860 */

@media (max-width: 768px) {
  /* tqf cr 4860 s */
  .use-it-feel-it .content {
    padding-top: 5vw;
  }

  .use-it-feel-it .content .left-panel {
    /* tqf cr s:5022 */
    width: 100%;
    padding: 0;
    /* tqf cr:5022 */
    padding-top: 3vw;
  }
  /* tqf cr 4860 */

  .left-panel .topics b {
    font-size: 1rem;
  }

  .left-panel .topics li a {
    font-size: 0.85rem;
  }

  .content .main-body {
    width: fit-content;
    margin: 1rem 0;
    padding: 2vh 6vw;
  }

  .main-body .content-heading {
    padding: 0;
  }
}
/* tqf cr */

/* tqf cr s : 4860 */
/****************************/
/*** Other Downloads Page ***/
/****************************/
/* Container */
.other__downloads {
  margin-left: 8%;
  margin-right: 8%;
  padding: 7vw 1.25rem 10vw;
}

/* Title */
.other__downloads__title {
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 100%;
  letter-spacing: 0%;
  color: #164683;
  margin-bottom: 3rem;
}

/* Grid Layout */
.other__downloads__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
}

/* Column */
.other__downloads__column {
  display: flex;
  flex-direction: column;
}

/* Headings */
.other__downloads__heading {
  font-weight: 600;
  font-size: 1.15rem;
  line-height: 100%;
  letter-spacing: 0%;
  color: #333333;
}

/* Group */
.other__downloads__group {
  margin-bottom: 20px;
}

/* Labels */
.other__downloads__label {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.85rem;
  letter-spacing: 0%;
  color: #000000;
}

/* Links */
.other__downloads__link,
.other__downloads__link span {
  display: block;
  text-decoration: none;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.85rem;
  letter-spacing: 0%;
  color: #365ebf;
}

.other__downloads__list li::marker {
  color: #000000;
}

.otherDown_Sublist.categoryitems {
  list-style-type: circle;
}

/* tqf cr s:5062 */
.otherDown_containSublist {
  cursor: pointer;
  color: #365ebf;
}
/* tqf cr:5062 */

.other__downloads__link.inline-style,
.other__downloads__link.inline-style span {
  display: inline;
}

.other__downloads__link:hover {
  text-decoration: underline;
}

/* Meta text */
.other__downloads__meta {
  display: block;
  font-size: 12px;
  color: #6b7280;
}

/* Lists */
.other__downloads__list {
  list-style: disc;
  padding-left: 30px;
}

.other__downloads__list li {
  margin-bottom: 6px;
  line-height: 1.4rem;
}

.other__downloads__list .item {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 22px;
}

.other__downloads__list .item.fixed-gap {
  gap: 44px;
}

.other__downloads #prod_upd_date_tag_saral,
#prod_upd_date_tag_tds {
  font-size: 1rem;
}

/* Responsive */
@media (max-width: 992px) {
  .other__downloads__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .other__downloads {
    padding-top: 17vw;
  }
}

@media (max-width: 768px) {
  .other__downloads__grid {
    grid-template-columns: 1fr;
  }

  body.Other__downloads {
    background-image: none;
  }
}
/****************************/
/* tqf cr */

/* tqf cr s : 4860 */
/****************************/
/**** Job Description ***/
/****************************/

.JobDescription__Page .content {
  margin: 0;
}

.JobDescription__Page .main-body {
  margin-left: 27%;
  padding-right: 0;
  width: 100%;
}

.job-header {
  background:
    linear-gradient(133.44deg, #ffffff -6.15%, #e3f0fc 87.91%),
    linear-gradient(93.79deg, rgba(255, 255, 255, 0) 57.95%, #e3eefc 99.53%);
  padding-right: 1rem;
}

.job-title {
  font-family: Poppins;
  font-weight: 600;
  font-size: 2rem;
  line-height: 100%;
  letter-spacing: 0%;
  color: #202124;
  margin: 2rem 0;
}

.job-info {
  font-family: Poppins;
  font-weight: 400;
  font-size: 1rem;
  line-height: 100%;
  letter-spacing: 0%;
  color: #3c4043;
}

.section-title {
  font-family: Poppins;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.85rem;
  letter-spacing: 0%;
  color: #202124;
}

.job-summary {
  list-style-type: disc;
  padding-left: 2rem;
  padding-right: 1rem;
}

.job-summary li {
  font-family: Poppins;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.85rem;
  letter-spacing: 0%;
  color: #3c4043;
}

.job-body .marks {
  font-family: Poppins;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.85rem;
  letter-spacing: 0%;
  color: #3c4043;
}

.job-container button {
  margin: 2vw 1vw;
  margin-left: 0;
}

.JobDescription__Page .topics li {
  margin: 1.5vw 0;
}

@media (max-width: 992px) and (min-width: 768px) {
  .JobDescription__Page .left-panel {
    top: 12vw;
  }
}

@media (max-width: 768px) {
  .JobDescription__Page .main-body {
    margin-left: 0;
    padding: 0;
  }

  .JobDescription__Page .left-panel {
    top: 8vw;
    z-index: 999;
  }

  .job-header {
    padding: 2vh 6vw 5vh 6vw;
  }

  .JobDescription__Page .quick-links-header {
    border-radius: 0;
    margin-bottom: 0;
  }

  .JobDescription__Page .job-body {
    padding: 0.5rem 6vw;
  }

  .JobDescription__Page .btn-primary {
    width: 100%;
  }

  .JobDescription__Page .topics li {
    margin: 2vh 0;
  }

  .job-header h1.job-title {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
    line-height: 2.5rem;
  }
}

/**********************/
/* tqf cr */

/* tqf cr s : 4860 */
/****************************/
/**** Free Download ***/
/****************************/
/* Hero */
.free__download_hero {
  position: relative;
  background: url(../images/Free-Download-Hero.png) no-repeat center center;
  /* background-size: contain; */
  background-size: 100% 100%;
  color: white;
  padding: 12vh 2.5vw 6vh;
}

.free__download_hero__content {
  margin: 0 16%;
}

.free__download_hero__title {
  margin-top: 6vh;
  font-weight: 600;
  font-size: 2.15vw;
  line-height: 2.5vw;
  letter-spacing: 0%;
}

/* Form Card */
.free__download_form-card {
  position: absolute;
  right: 10%;
  top: -40%;
  width: 32vw;
  background: #fff;
  color: #333333;
  border-radius: 0.5rem;
  padding: 4vh 4vw;
  overflow: hidden;
  /* box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); */
  box-shadow: 0px 0px 12px 0px #00000026;
}

.free__download_form-card .free__download_form-card__title {
  margin-bottom: 1vw;
  font-weight: 500;
  font-size: 0.85vw;
  line-height: 1.5vw;
  letter-spacing: 0%;
  text-align: center;
}

/* Form */
.free__download_form__group {
  margin-bottom: 1vw;
}

.free__download_form__group label {
  display: block;
  margin-bottom: 0.5vw;
  font-weight: 400;
  font-size: 0.85vw;
  line-height: 100%;
  letter-spacing: 0%;
}

.free__download_form__group input[type="text"],
.free__download_form__group input[type="tel"] {
  width: 100%;
  padding: 0.75vw;
  border-radius: 1.15vw;
  border: 1px solid #ccc;
}

.free__download_form__radio-group {
  display: flex;
  gap: 0.75vw;
  font-size: 0.85vw;
}

.free__download_form__button {
  width: 100%;
  /* padding: 0.8vw;
  border: none;
  border-radius: 1.25vw;
  background: #1e73be;
  color: white;
  cursor: pointer;
  font-size: 0.9vw; */
}

/* Promo Tag */
.free__download_promo-tag {
  position: absolute;
  /* left: 18%;
  top: 89.5%;
  width: 20vw; */

  bottom: 0;
  left: 50%;
  transform: translate(-160%, 73%);
  width: 20vw; /* Responsive width */
}

.free__download_promo-tag img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

/* Content Section */
.free__download_content {
  position: relative;
  margin-left: 18%;
  padding: 12vh 0px 6vh;
}

.free__download_content_data {
  max-width: 40vw;
}

.free__download_content__title {
  margin-bottom: 1.5vh;
  font-weight: 600;
  font-size: 1.15vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #333333;
}

.free__download_content p {
  margin-bottom: 1vh;
  max-width: 32vw;
  font-weight: 400;
  font-size: 0.85vw;
  line-height: 1.85vw;
  letter-spacing: 0%;
  color: #333333;
}

.free__download_form-card .btn-primary {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  justify-content: center;
  font-weight: 500;
  font-size: 0.9rem;
  line-height: 100%;
  letter-spacing: 0%;
}

#iframe_Ads {
  display: block;
  /* width: calc(100% + 8vw); */
  max-width: none;
  padding: 0;
  margin: 0;
  /* margin-left: -4vw; */
  /* height: 327px; */
  border: 0;
}

.free__download_form__group {
  margin-bottom: 20px; /* fixed gap between fields */
}

.free__download_form__group .error-message {
  color: red;
  font-size: 13px;
  margin-top: 6px;
  min-height: 16px; /* keeps layout stable even if no error */
}
/****************************/

@media (max-width: 768px) {
  .free__download_hero {
    padding: 9vh 1vw 6vh;
    background: linear-gradient(90deg, #005da9 0%, #016bc1 100%);
  }

  .free__download_hero__title {
    font-size: 4.5vw;
    line-height: 5.5vw;
  }

  .free__download_content {
    margin: 4%;
    padding: 10vh 0px 2vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: inherit;
  }

  .free__download_form-card {
    position: inherit;
    width: 100%;
    margin: 3vw 0;
  }

  #iframe_Ads {
    width: 100%;
    /* height: 250px; */
    margin-left: 0;
  }

  .free__download_promo-tag {
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 73%);
    width: 70vw;
  }

  .free__download_form-card .free__download_form-card__title {
    max-width: 100%;
    font-weight: 500;
    font-size: 0.9rem;
    line-height: 1.15rem;
    letter-spacing: 0%;
    text-align: center;
    margin-bottom: 3vw;
  }

  .free__download_form__group label {
    font-weight: 400;
    font-size: 0.9rem;
    line-height: 1.15rem;
    letter-spacing: 0%;
    vertical-align: middle;
    margin-bottom: 1vw;
  }

  .free__download_form__group {
    margin-bottom: 3vw;
  }

  .free__download_form-card .btn-primary {
    font-size: 0.9rem;
  }

  .free__download_content_data {
    max-width: 100%;
    padding: 0 1rem;
  }

  .free__download_content__title {
    font-size: 1rem;
    font-weight: 600;
    /* line-height: 100%; sam cr - 4860*/
    line-height: 1.5rem;
    /* letter-spacing: 0%; sam cr - 4860*/
    letter-spacing: 5%;
  }

  .free__download_content p {
    font-weight: 400;
    font-size: 0.9rem;
    line-height: 1.75rem;
    letter-spacing: 0%;
    max-width: 100%;
  }
}

@media (max-width: 590px) {
  .free__download_content {
    padding: 7vh 0px 2vh;
  }
}
/* tqf cr  IP - 4860 4.6.2026 */

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

.Products_Page .content {
  display: flex;
  align-items: flex-start;
  position: relative;
  border-right: none;
  padding: 5vw 0 3vw;
}

.Products_Page .content::before {
  content: "";
  position: absolute;
  left: 30%;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: #cad2ec;
}

.Products_Page .left-panel {
  width: 30%;
  padding-left: 8vw;
  padding-right: 2vw;
  position: sticky;
  top: 5vw;
  height: fit-content;
  overflow: hidden;
  overscroll-behavior: none;
}

.Products_Page .left-panel .topics li {
  margin: 3vh 0;
}

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

.Products_Page .main-body .content-heading {
  padding: 1.2rem 0 2.2rem;
}

.Products_Page .main-body .content-heading h1 {
  font-size: 1.6rem;
  font-weight: 600;
  color: #333;
  margin: 0 0 0.75rem 0;
  line-height: 100%;
}

.Products_Page .main-body .content-heading span {
  display: block;
  font-size: 0.95rem;
  line-height: 1.85rem;
  color: #333333;
  max-width: 100%;
}

.Products_Page .content-table {
  border: 1px solid #b0c3f8;
  border-radius: 8px;
  box-shadow: 5px 5px 12px 0px #4156f31a;
  padding: 1.5rem 0.5rem;
  overflow: hidden;
  box-sizing: border-box;
  background-color: #ffffff;
}

.Products_Page .content-table .head {
  background: linear-gradient(150deg, #3d8fd4, #2f6fb6);
  color: #fff;
  font-size: 1.3rem;
  font-weight: 600;
  text-align: center;
  padding: 14px 20px;
  border-radius: 8px 8px 0 0;
  margin: -1.5rem -1.5rem 1.5rem -1.5rem;
  letter-spacing: 0.5px;
}

.Products_Page .content-table .body {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 0 2vw;
}

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

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

.Products_Page .content-table .body .row {
  display: flex;
  flex-direction: row;
  align-items: center;
  border: 1px solid #fff;
  border-radius: 1rem;
}

/* .Products_Page .content-table .body .row .col-img {
  width: 64px;
  height: auto;
} */

.Products_Page .content-table .body .row .col-img img {
  max-width: 100%;
  height: auto;
  display: block;
}

.Products_Page .content-table .body .row .col-content-left {
  width: 80%;
  height: 90px;
  flex: 1;
  margin-right: 1.5vw;
  align-content: center;
  border-radius: 1.5rem;
  text-align: right;
}
.Products_Page .content-table .body .row .col-content-right {
  width: 80%;
  height: 85px;
  flex: 1;
  margin-left: 1.5vw;
  align-content: center;
  border-radius: 1.5rem;
}

.Products_Page .col-content-right p,
.Products_Page .col-content-left p {
  display: grid;
  gap: 1rem;
}

.Products_Page .features-section h2 {
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 1.5rem;
  margin-top: 2rem;
  color: #333;
}

.Products_Page .accordion {
  border: 1px solid #c8d4ff;
  border-radius: 8px;
  box-shadow: 5px 5px 12px 0px #4156f31a;
  overflow: hidden;
  background: #fff;
  margin-bottom: 1rem;
}

.Products_Page .accordion-header {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 1rem 1.25rem;
  background: #fff;
  border: none;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  color: #333;
}

.Products_Page .accordion-header .title {
  font-size: 1.1rem;
  text-transform: none;
  text-align: left;
}

.Products_Page .accordion-header .icon {
  width: 32px;
  display: grid;
  place-items: center;
  background: #eef2ff;
  border-radius: 8px;
  color: #4a6cf7;
  transition: transform 0.3s ease;
}

.Products_Page .accordion-header .icon img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.Products_Page .accordion-body {
  max-height: 0;
  overflow: hidden;
  transition:
    max-height 0.4s ease,
    padding 0.3s ease;

  padding: 0 1.25rem;
}

.Products_Page .accordion-body ul li b {
  font-weight: 600;
}

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

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

.Products_Page .accordion.open .accordion-body {
  max-height: 600px;
}

.Products_Page .accordion .accordion-header .icon {
  transform: rotate(-90deg);
}

.Products_Page .accordion.open .accordion-header .icon {
  transform: rotate(0deg);
}

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