@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100;200;300;400;500;600;700;800;900&display=swap');

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Lexend', sans-serif;
}

html {
  overflow: auto;
  scroll-behavior: smooth;
}
body {
  scroll-behavior: smooth;
  overflow-x: hidden !important;
}

:root {
  --primary-color: #2e308a;
  --secondary-color: #f50080;
  --text-color: #5f5f5f;
  --Bannerbg: linear-gradient(98deg, #dfe0ff 1.89%, #f9d9ea 100%);
}

.slick-prev:before,
.slick-next:before {
  font-family: 'slick';
  font-size: 40px !important;
  /* display: none; */
  color: var(--text-color) !important;
}

.slick-prev {
  content: '' !important;
  background-image: url('./assets/leftArrow1.svg') !important;
  width: 32px !important;
  height: 32px !important;
  background-repeat: no-repeat;
  left: 25%;
  z-index: 99999;
}
.slick-prev {
  left: 20px !important;
}

.regular h2 {
  height: 150px;
  padding-left: 100px !important;
}
.regular p {
  height: 70px;
  padding-left: 100px !important;
}
.regular img {
  height: 300px;
}
.slick-next {
  content: '' !important;
  background-image: url('./assets/rightArrow1.svg') !important;
  width: 32px !important;
  height: 32px !important;
  background-repeat: no-repeat;
  right: 25%;
  z-index: 99999;
}
.slick-next {
  right: 20px !important;
}
.slick-prev::before {
  content: '' !important;
  background-image: url('./assets/leftArrow1.svg') !important;
  width: 32px !important;
  height: 32px !important;
  background-repeat: no-repeat;
}
.slick-next::before {
  content: '' !important;
  background-image: url('./assets/leftArrow1.svg') !important;
  width: 32px !important;
  height: 32px !important;
  background-repeat: no-repeat;
}

.formButton {
  background-color: var(--secondary-color) !important;
  padding: 10.023px;
  height: 52px;
}
.formButton:hover {
  background-color: var(--secondary-color) !important;
}
.formInput .borderForInput input {
  padding: 10.023px;
  height: 46px;
}
.formInput .borderForInput input::placeholder {
  color: #4d4d4d;
}
.formDetails {
  position: absolute;
  top: 4%;
  /* bottom: 16%; */
  right: 5%;
  width: 404px;
  left: auto;
  border-radius: 12px;
  border: 1px solid var(---primary-color);
  background: linear-gradient(140deg, #2e308a -25.76%, #f50080 289.64%);
}

.single-item {
  background-image: url('./assets/CUB-landing-page.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.single-item::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(98deg, #dfe0ff 1.89%, #f9d9ea 100%);
  /* z-index: 1; */
}

.single-item h2 {
  color: #252323;
  font-size: 50px;
  font-weight: 600;
}

.single-item p {
  font-size: 20px;
}

.single-item span {
  color: #f50080;
  font-size: 50px;
  font-weight: 600;
}

.dreams_filled h3 {
  color: var(--primary-color);
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.dreams_filled p {
  color: var(--text-color);
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.tandc {
  color: var(--primary-color) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}
@keyframes bounce {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
.showPopupBtn {
  z-index: 99999999999 !important;
  cursor: pointer;
  animation-name: bounce;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  position: fixed;
  top: 76%;
  right: 2%;
  justify-content: center;
  align-items: center;
  z-index: 999;
}
.dreams_filled span {
  color: var(--primary-color);
  font-size: 38px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.dreams_filled h2 {
  color: #474040;
  font-size: 38px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.highlight img {
  vertical-align: super;
}
.highlight {
  background-color: transparent !important;
  padding: 0px !important;
}

.product_content {
  color: #0c0c0c !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  /* line-height: 32px !important; 177.778% */
}
.product h2 {
  color: #252323;
  font-size: 38px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.product h2 span {
  color: var(--primary-color);
  font-size: 38px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.product h3 {
  color: var(--primary-color);
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.product p {
  color: var(--text-color);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  /* line-height: 24px; 133.333% */
}
.product span {
  color: var(--primary-color);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  /* line-height: 24px; 133.333% */
}
.product button {
  color: var(--secondary-color);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  background: none;
  border: none;
}
.product_bg {
  position: absolute;
  top: 20%;
  right: 0%;
}
.product_bg1 {
  position: absolute;
  top: 47%;
  right: 0%;
}

.product_bg2 {
  position: absolute;
  top: 35%;
  left: 0%;
}
.why_choose {
  border-radius: 24px;
  background: linear-gradient(98deg, #dfe0ff 1.89%, #f9d9ea 100%);
  box-shadow: 2px 2px 16px 0px rgba(0, 0, 0, 0.25);
  padding-bottom: 3%;
  padding-top: 1%;
}
.star_left {
  position: absolute;
  bottom: 3%;
  left: 2%;
}
.star_right {
  position: absolute;
  top: 3%;
  right: 2%;
}
.why_choose p {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.why_choose h2 {
  color: var(--primary-color);

  font-size: 38px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.why_choose span {
  color: #252323;

  font-size: 38px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.footer_cub {
  background: linear-gradient(180deg, #e1e0ff 0%, #f9daeb 100%);
}
.accordion-button::after {
  content: '';
  background-image: url('./assets/OpenIcon\ \(1\).svg') !important;
  background-repeat: no-repeat;
}

.accordion-button:not(.collapsed)::after {
  content: '';
  background-image: url('./assets/CloseIcon\ \(1\).svg') !important;
  transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button:not(.collapsed) {
  /* color: var(--bs-accordion-active-color); */
  background-color: white !important;
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0
    var(--bs-accordion-border-color);
}
.accordion {
  --bs-accordion-border-color: none !important;
  --bs-accordion-btn-icon-width: 1.89rem !important;
}
.accordion-item {
  padding: 2% !important;
  margin-bottom: 3% !important ;
  border-radius: 16px;
  background: var(--Neutral-100, #fff);

  /* Cards/Short Default */
  box-shadow: 0px 5px 16px 0px rgba(8, 15, 52, 0.06);
}
.footer_cub {
  background: linear-gradient(180deg, #e1e0ff 0%, #f9daeb 100%);
}
.accordion-button::after {
  width: 2rem !important;
}
.accordion-button:not(.collapsed) {
  color: var(--Neutral-800, #170f49) !important;
}
button:focus:not(:focus-visible) {
  border: none;
  box-shadow: none;
}
.faq_head {
  color: #2f2f2f;
  font-size: 38px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-align: center;
  padding: 4% 0%;
}
.faq button {
  color: var(--Neutral-800, #170f49);
  font-feature-settings: 'clig' off, 'liga' off;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px; /* 127.273% */
}

.faq {
  border-radius: 20px;
  background: var(--Neutral-200, #f7f7fb);
}

.bgImgForMsme {
  background-image: url('./assets/cubBanner5.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.paddindAt1400 {
  padding-top: 1.7% !important;
}

.bgImgForMsme img {
  height: 307px !important;
}

.bg-HeaderLogo {
  background: var(
    --CUB-LAnding-Page-Header-linear,
    linear-gradient(98deg, #dfe0ff 1.89%, #f9d9ea 100%)
  );
}

.bg-colorForCounts {
  background: var(
    --CUB-GRADIENT,
    linear-gradient(140deg, #2e308a -25.76%, #f50080 289.64%)
  );
}
.bg-colorForCounts h3 {
  font-size: 64px;
  color: #f3ecec;
  font-weight: 600;
  line-height: 70px;
}

.bg-colorForCounts p {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
}

.slick-dots {
  bottom: 0px !important;
  margin: 0px !important;
}

.slick-slider {
  margin-bottom: 0px !important;
}

.footer_cub p {
  color: #6f6c90;
}
.footer_cub a {
  color: #6f6c90;
}

.footer_cub h4 {
  color: #170f49;
  font-size: 22px;
  font-weight: 500;
}

.lakhs::after {
  content: 'L';
}

.Branch::after {
  content: '+';
}

.TechProduct h2 {
  color: #252323;

  font-size: 38px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.TechProduct span {
  color: var(--primary-color);

  font-size: 38px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

/* .borderLinear {
  width: 358px !important;
  border: solid 1px;
  background: #fff;
  background-clip: padding-box;
  border-radius: 1em;
  position: relative;
  border-image: linear-gradient(180deg, #2e308a, #f50080) 1;
} */

.borderLinear {
  /* width: 400px !important; */
  /* width: 370px !important; */
  margin: 0 35px;
  background-color: #fff;
  border-radius: 20px;
  position: relative;
}

.borderLinear::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 28px;
  padding: 1px;
  background: linear-gradient(180deg, #2e308a 0%, #f50080 100%),
    linear-gradient(0deg, #ffffff, #ffffff);

  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.borderLinear h2 {
  color: var(--primary-color);

  font-size: 26px;
  font-weight: 500;
  line-height: 33px;
  letter-spacing: 0em;
  text-align: left;
}

.borderLinear p {
  color: var(--text-color);
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  height: 55px;
  scrollbar-width: none;
  /* firefox */
  -ms-overflow-style: none;
  overflow: auto;
  letter-spacing: 0em;
  text-align: left;
}
.borderLinear h5 {
  color: var(--text-color);
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  scrollbar-width: none;
  /* firefox */
  -ms-overflow-style: none;
  overflow: auto;
  letter-spacing: 0em;
  text-align: left;
}
.borderLinear .AppLink h6 {
  font-size: 16px !important;
  font-weight: 400;
}

.phoneNumber {
  font-size: 15px !important;
}
.borderLinear a {
  color: var(--text-color);
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  scrollbar-width: none;
  /* firefox */
  -ms-overflow-style: none;
  overflow: auto;
  letter-spacing: 0em;
  text-align: left;
}

.borderLinear .btn {
  font-family: Lexend;
  font-size: 18px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--secondary-color);
}

.borderLinear .btn:hover {
  color: var(--secondary-color);
}

.TechProduct2 .slick-dots {
  bottom: -35px !important;
}

.hover-effect:hover circle {
  fill: var(--secondary-color);
  transition: 0.3s ease-in-out;
}
/* .HoverEffect:hover {
  background: var(--secondary-color) !important;
} */