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

/* 01. root css */

:root {
  --bs-white: #ffffff;
  --bs-black: #000000;
  --bg-theme: #ff1749;
  --bs-light-black: #010101;
  --bs-light-pera: #727272;
  --bs-font-rubik: "rubik", sans-serif;
  --theme-shadow: 0px 0px 20px 0px rgba(30, 22, 22, 0.08);

  --e-global-color-uicore_primary: #3e64ff;
  --e-global-color-uicore_secondary: #1946c9;
  --e-global-color-uicore_accent: #5edfff;
  --e-global-color-uicore_headline: #1f2933;
  --e-global-color-uicore_body: #3e4c59;
  --e-global-color-uicore_dark: #050c27;
  --e-global-color-uicore_light: #dfe8fc;
  --e-global-color-uicore_white: #ffffff;
  --e-global-typography-uicore_primary-font-family: "inter";
  --e-global-typography-uicore_primary-font-weight: 700;
  --e-global-typography-uicore_secondary-font-family: "inter";
  --e-global-typography-uicore_secondary-font-weight: 600;
  --e-global-typography-uicore_text-font-family: "inter";
  --e-global-typography-uicore_text-font-weight: normal;
  --e-global-typography-uicore_accent-font-family: "inter";
  --e-global-typography-uicore_accent-font-weight: 500;
}

/* line 72, src/assets/scss/custom/-style.scss */
body {
  color: var(--bs-white);
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/*===== base =====*/
*,
::before,
::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: var(--bs-font-rubik);
}

a {
  text-decoration: none;
  font-family: var(--bs-font-rubik);
}

h1,
h2,
h3,
h4,
h5,
h6,
li,
ul {
  font-family: var(--bs-font-rubik) !important;
}

span {
  font-family: var(--bs-font-rubik) !important;
}

p {
  font-family: var(--bs-font-rubik) !important;
}

div {
  --bs-font-rubik: "rubik", sans-serif;
}

/* ----------------- color ---------------- */

.dark-light {
  color: var(--bg-theme) !important;
}

/* ======================================== container size start ======================================== */

@media screen and (min-width: 1400px) {
  .container {
    max-width: 1400px !important;
  }
}

/* ======================================== container size end ======================================== */

/* -------------------------------------- hero main section start ------------------------------------------ */

.hero-main-section {
  min-height: 100vh;
  height: 100%;
  display: block;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero-wrapper {
  max-width: calc(1520px + (100vw - 1520px) / 2);
  margin: 50px 0 50px auto;
  padding-left: 60px;
}

.hero-container {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  align-items: center;
  gap: 100px;
}

.hero-right {
  position: relative;
}

.hero-image {
  max-width: 100%;
  width: auto;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

/* --------------------------------------- hero main section end ------------------------------------------- */

/* --------------------------------------- hero second section end ------------------------------------------- */

.elementor-widget-wrap {
  padding: 120px 0;
}

.p-relative {
  position: relative;
}

.fix {
  overflow: hidden;
}

.feature-1-thumb-box {
  position: absolute;
  bottom: 0;
  right: 0;
}

.feature-1-thumb {
  position: relative;
}

.feature-1-thumb img {
  height: auto;
  max-width: 100%;
  width: 100%;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background-position: right;
}

.feature-1-thumb::after {
  content: "";
  position: absolute;
  top: 0%;
  left: 0%;
  height: 100%;
  width: 100%;
  background-color: rgb(25, 26, 27);
  opacity: 0.6;
}

.feature-title-wrap {
  margin-bottom: 50px;
}

.feature-item {
  margin-bottom: 5px;
  padding-right: 40px;
}

.feature-icon span {
  margin-right: 20px;
  height: 80px;
  width: 80px;
  line-height: 90px;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  position: relative;
  background-color: #f5f5f8;
  border-radius: 50%;
  transition: 0.5s;
}

.feature-icon span::after {
  content: "";
  position: absolute;
  top: 0%;
  left: 0%;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  transform: scale(0);
  transition: 0.5s;
  background-color: var(--bg-theme);
}

.feature-item:hover .feature-icon span::after {
  transform: scale(1);
}

.feature-icon span img {
  height: 30px;
  width: 30px;
  position: relative;
  z-index: 1;
  transition: 0.5s;
}

.feature-item:hover .feature-icon span img {
  filter: invert(100);
}

span.section-subtitle {
  font-size: 16px;
  color: var(--bg-theme);
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.4px;
  line-height: 28px;
  margin-bottom: 10px;
  display: block;
}

.feature-top {
  max-width: 440px;
  padding: 25px 0 0 0 ;
}

.feature-top p {
  color: var(--bs-light-pera);
  font-size: 16px;
  margin-bottom: 0;
}

.feature-text p {
  color: var(--bs-light-pera);
  font-size: 16px;
}

.feature-text h4.h4 {
  font-size: 20px;
}

.feature-funfact-wrap {
  position: absolute;
  top: -88px;
  left: 100px;
  z-index: 3;
  animation: tptranslatex2 4s infinite alternate;
}

.feature-funfact-wrap ul {
  background-color: var(--bg-theme);
  padding: 47px 60px;
  margin-bottom: 0;
}

.feature-funfact-wrap ul li {
  list-style-type: none;
  display: inline-block;
  position: relative;
}

.feature-funfact-wrap ul li:not(:last-child) {
  margin-right: 120px;
}

.feature-funfact-wrap ul li:not(:last-child)::after {
  position: absolute;
  content: "";
  top: -15px;
  right: -60px;
  height: 90px;
  width: 1px;
  background-color: #ffa2b6;
}

.feature-funfact i {
  font-weight: 700;
  font-size: 60px;
  color: var(--bs-white);
  font-style: normal;
  display: inline-block;
  margin-right: 10px;
  width: 115px;
  text-align: end;
}

.feature-funfact span {
  font-weight: 500;
  font-size: 16px;
  color: var(--bs-white);
}

/* --------------------------------------- hero second section end ------------------------------------------- */

/* --------------------------------------- expandable slider start -------------------------------------------- */

.expandable-slider {
  padding: 50px 0;
}

.expandable-container {
  width: 100%;
  display: block;
  position: relative;
}

.expandable-grid-layout {
  display: grid;
  grid-template-columns: 45% 55%;
  gap: 0;
  /* adjust the gap between items as needed */
  min-height: 500px;
}

.expandable-layout {
  padding: 0px;
}

.expandable-layout-content {
  height: 100%;
}

.layout-flex {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
}

.layout-text-white {
  padding: 50px 40px;
  z-index: 1;
}

.layout-text-white h2.h2 {
  font-size: 38px;
  color: var(--bs-white);
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.1px;
  line-height: 58px;
  margin: 0;
}

.expandable-bg-1 {
  background-color: var(--bg-theme);
}

.all-panel {
  overflow: hidden;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #a8a8a8;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.panel-layout {
  height: 100%;
  display: block;
  width: initial;
  cursor: pointer;
  max-width: 100%;
}

.panel-wrape-content {
  padding: 65px 18px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.panel-top-layout {
  margin: 10px 0;
}

.panel-layout-icon {
  height: 100px;
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.panel-layout-icon img {
  height: auto;
  width: 100%;
}

.panel-layout .panel-center-layout {
  width: calc(100% - 50px);
  display: none;
}

.panel-layout.open-panel .panel-center-layout {
  display: block;
}

.panel-center-content h2 {
  font-size: 38px;
  color: var(--bs-white);
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.1px;
  line-height: 58px;
  margin-bottom: 8px;
}

.panel-center-content p {
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.4px;
  line-height: 24px;
  color: var(--bs-white);
}

.panel-bottom-tagline span {
  color: var(--bs-black);
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  letter-spacing: 0.4px;
  line-height: 24px;
}

.panel-bottom-layout {
  width: 100%;
  display: block;
}

.panel-layout .panel-bottom-layout {
  border-bottom: 2px solid #000;
  padding-bottom: 3px;
}

.panel-layout.open-panel .panel-bottom-layout {
  display: none;
}

.panel-layout .panel-center-layout {
  opacity: 0;
  visibility: hidden;
  transform: scalex(0);
  transition: all 1s ease;
}

.panel-layout.open-panel .panel-center-layout {
  opacity: 1;
  visibility: visible;
  transform: scalex(1);
  transition: all 1s ease;
}

.panel-1 {
  background-color: #ff455b;
}

.panel-2 {
  background-color: #ff616d;
}

.panel-3 {
  background-color: #ff797f;
}

.panel-4 {
  background-color: #ff8e91;
}

/* --------------------------------------- expandable slider end -------------------------------------------- */

.swiper-gallery-loop {
  padding: 50px 0;
}

.swipe-slide-top {
  padding: 20px;
  cursor: pointer;
  text-align: center;
}

.loop-img-wrape {
  height: auto;
  width: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-bottom: 25px;
}

.loop-img-wrape::before {
  content: "";
  width: 120px;
  height: 120px;
  background: #f1f7f6;
  position: absolute;
  z-index: -1;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.loop-img-wrape img {
  width: 80px !important;
  height: 80px !important;
  object-fit: cover;
}

.swipe-slide-title {
  font-size: 16px;
  color: var(--bs-black);
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.5px;
  line-height: 34px;
  margin: 0;
  font-family: var(--bs-font-rubik);
}

.swiper-slide-video {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  margin: 0 auto;
  padding-top: 40px;
}

.video-wraper {
  width: 60%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  border-radius: 20px;
  border: 14px solid rgb(251 220 255 / 30%);
}

#looping-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin: auto;
  border-radius: 10px;
}

.main-swipe-button {
  border-radius: 50%;
  border: none;
  width: 4rem !important;
  height: 4rem !important;
  background-color: var(--bg-theme);
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1),
    inset 0px 0px 37px 0px rgba(0, 0, 0, 0.1);
  z-index: 5 !important;
}

.main-swipe-button.swiper-button-next:after,
.main-swipe-button.swiper-button-prev:after {
  font-size: 30px !important;
  font-weight: bold !important;
  color: #fff !important;
}

.main-swipe-button.swiper-button-next {
  right: 8% !important;
}

.main-swipe-button.swiper-button-prev {
  left: 8% !important;
}

/* --------------------------------------- model network section start --------------------------------------------- */

.model-network-section {
  padding: 80px 0;
}

.model-top-center {
  padding: 20px;
  display: block;
}

.model-top-center {
  text-align: center;
  gap: 12px;
  display: flex;
  flex-direction: column;
}

.model-top-center p {
  max-width: 1000px;
  margin: 0 auto;
}

/* ---------------------------------------=- model network section end --------------------------------------------- */

.mb-50 {
  margin-bottom: 10px;
}

.pb-5 {
  padding-bottom: 5px !important;
}

.solution-icon span {
  display: flex;
  color: var(--bs-black);
  position: relative;
  height: 100px;
  width: 100px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.solution-icon span img {
  width: 50px;
  height: 50px;
}

.solution-icon span::after {
  content: "";
  height: 100px;
  width: 100px;
  position: absolute;
  border-radius: 50%;
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
  transform: scale(0);
  background-color: #f5f5f8;
}

.solution-item:hover .solution-icon span::after {
  opacity: 2;
  transform: scale(1);
  visibility: visible;
}

.tpservices-img {
  position: relative;
  z-index: 4;
}

.solution-text {
  padding: 0 14px;
}

.solution-text h4.h4 {
  margin-bottom: 10px;
}

.solution-text p {
  color: var(--bs-light-pera);
  font-size: 16px;
}

.mb-100 {
  margin-bottom: 100px;
}

.elementore-flex-wrapper {
  background-color: #fff;
  z-index: 2;
  position: relative;
  max-width: 1500px;
  width: 100%;
  margin: 0 auto;
  padding: 50px;
}

.client-logo-section {
  padding-top: 210px;
  padding-bottom: 40px;
  margin-top: -200px;
  width: 100%;
}

.client-section-bg {
  background-image: url(../image/index/bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  position: relative;
}

.client-section-bg::after {
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  background-color: rgb(3, 0, 17);
  opacity: 0.8;
}

.model-top-white {
  position: relative;
  z-index: 5;
}

.model-top-white h2.h2 {
  color: var(--bs-white);
}

.model-top-white span {
  color: #fff;
  font-size: 18px;
  letter-spacing: 1.5px;
}

.client-gird-structure {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  /* five columns */
  grid-auto-rows: minmax(100px, auto);
  /* auto height */
  justify-content: center;
  /* center horizontally */
  gap: 0px;
  /* gap between grid items */
  position: relative;
  z-index: 5;
}

.client-logo-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
  padding: 20px;
  position: relative;
}

.client-icon {
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 15px;
}

.client-icon img {
  height: 80px;
  width: 80px;
  transition: 0.9s;
}

.client-details {
  display: block;
  text-align: center;
}

.client-details p {
  margin-bottom: 0;
  color: #fff;
  font-size: 15px;
  letter-spacing: 0.5px;
}

.client-gird-structure .client-logo-box {
  border-right: 1px dashed #a177b32b;
}

.client-gird-structure .client-logo-box:nth-child(-n + 4) {
  border-bottom: 1px dashed #a177b32b;
}

.client-gird-structure .client-logo-box:nth-child(4),
.client-gird-structure .client-logo-box:nth-child(8) {
  border-right: none;
}

.client-mb-50 {
  margin-bottom: 50px;
}

.client-logo-box::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.5);
  transition: 0.5s all ease;
  background-color: rgba(16, 16, 17, 0.4);
}

.client-logo-box:hover::after {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

.client-logo-box:hover .client-icon img {
  transform: scale(1.2) rotate(-2deg);
}

/* ----------------------- section main content ---------------------------- */

.main-elementore-section {
  padding: 50px 0;
}

.elementore-main-img {
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.elementore-main-content {
  padding: 20px;
}

.elementore-main-content h2.h2 {
  padding-bottom: 20px;
}

.ptb-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

/* ------------------------------------------ testimonial start ----------------------------------------- */

.testimonial-section {
  padding: 60px 0;
}

.features-inner {
  position: relative;
}

.testimonial-slider {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  padding: 35px 0;
}

.testimonial-cards {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.testimonial-card {
  flex: 0 0 auto;
  margin: 0 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  border-radius: 8px;
}

.testimonial-card .feature-card {
  background-color: #fff;
  border-radius: 12px;
  padding: 40px;
  text-align: center;
  transition: 0.4s all;
  box-shadow: inset 0px 0px 36px -4px rgb(80 27 86 / 8%);
  height: 100%;
}

.inner-image {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 115px;
  width: 115px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
}

.inner-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.prev-btn,
.next-btn {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  border-radius: 50%;
  border: none;
  width: 4rem;
  height: 4rem;
  background-color: #fff;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.043),
    inset 0px 0px 37px 0px rgba(0, 0, 0, 0.1);
  z-index: 5;
}

.prev-btn {
  left: -1%;
}

.next-btn {
  right: -1%;
}

.carousel-prev-icon,
.carousel-next-icon {
  height: 30px;
  width: 30px;
  background-size: cover;
  background-position: center;
  margin: auto;
}

.left-arrow {
  background-image: url(../image/index/testimonial/left.svg);
}

.right-arrow {
  background-image: url(../image/index/testimonial/right.svg);
}

.mb-20 {
  margin-bottom: 20px;
}

.model-top-start h2.h2 {
  margin-bottom: 10px;
}

.inner-text {
  margin-top: 15px;
}

.inner-text h4.h4 {
  font-size: 20px;
}

.inner-text p.p {
  font-size: 16px;
  line-height: 22px;
}

/* ------------------------------------------- footer section start --------------------------------- */

.footer {
  padding-top: 50px;
  background-color:#fff;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  box-shadow: inset 0px 9px 48px 0px rgb(169 110 167 / 10%);
}


.footer-section-copywright{
  /* padding-top: 50px; */
  background-color:#ff1749;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  box-shadow: inset 0px 9px 48px 0px rgb(169 110 167 / 10%);
}

.footer-elementor {
  padding: 20px;
}

.footer-elementor-bottom {
  padding: 10px;
}

.footer-logo {
  display: block;
  margin-bottom: 40px;
  max-width: 170px;
}

.footer-logo img {
  width: 100%;
}

.footer-contact {
  display: flex;
  flex-direction: column;
  row-gap: 25px;
}

.footer-contact-flex {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 8px;
  text-align: center;
}

.footer-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-icon img {
  height: 22px;
  width: 22px;
}

.footer-contact-info address {
  margin-bottom: 0;
  font-size: 14px;
  color: var(--bs-black);
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.4px;
  line-height: 22px;
}

.footer-contact-info a {
  margin-bottom: 0;
  font-size: 14px;
  color: var(--bs-black);
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.4px;
  line-height: 22px;
  text-decoration: none;
}

.footer-title {
  display: block;
  margin-bottom: 14px;
 
}

.footer-title h3 {
  font-size: 18px;
  color: #000000;
  font-weight: 600;
  font-style: normal;
  letter-spacing: 0.4px;
  line-height: 30px;
  margin: 0;
}

.footer-links {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  row-gap: 12px;
}

.scrollable-footer{
  max-height: 235px;
    overflow-y: auto;
    padding-right: 10px;
}

.footer-links a {
  display: inline-block;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.5px;
  line-height: 24px;
  margin: 0;
  text-decoration: none;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.footer-links a:hover {
  color: var(--bg-theme);
}

.footer-container {
  padding-bottom: 25px;
}

.footer-bottom-container {
  display: block;
  width: 100%;
  background-color: #ff1749;
  padding: 15px;
}

.copyright-text p {
  margin-bottom: 0;
}

.footer-content {
  max-width: 500px;
  margin-bottom: 35px;
  display: block;
}

.footer-content p {
  font-size: 14px;
  color: var(--bs-black);
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.4px;
  line-height: 22px;
  margin-bottom: 0;
}

.copyright-text p {
  margin-bottom: 0;
  font-size: 14px;
  color: var(--bs-white);
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.4px;
  line-height: 22px;
  text-decoration: none;
}

.footer-social {
  display: flex;
  align-items: center;
  justify-content: start;
}

.footer-social a {
  position: relative ;
  overflow: hidden;
  display: inline-block;
  font-size: 14px;
  margin: 0 8px 0px 0;
  width: 40px;
  height: 40px;
  line-height: 38px;
  border: 2px solid  #ed1111;
  border-radius: 39px;
  text-align: center;
  color: #ed1111;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}


.footer-social a i {
  display: inline-block;
  position: relative;
  z-index: 1;
}

.footer-social a:hover {
  border-color: rgb(255, 255, 255);
  background-color: #fff;
  color: var(--bg-theme);
}

.footer-social a:hover i {
  color: var(--bg-theme);
}

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

.footer-desclimer p {
  display: inline;
  font-size: 14px;
  color: white;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.4px;
  line-height: 22px;
  margin-bottom: 0;
  padding-left: 20px;
  margin-top: 5px;
}

/* -------------------------------------------- footer section end ---------------------------------- */

/* ---------------------------------------- contact us home ----------------------------------------- */

.contactus-section {
  padding: 6rem;
  padding-bottom: 6rem;
  position: relative;
}

.touch-wrapp {
  padding: 10px;
  position: relative;
}

.touch-content {
  margin-top: 0px;
  padding: 10px 0px;
}

.pt-30 {
  padding-top: 30px;
}

.touch-topic {
  margin-top: 40px;
}

.touch-topic span {
  margin: 0;
  font-size: 20px;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.5px;
  line-height: 30px;
  font-family: var(--bs-font-rubik);
  color: #2e344c;
  display: block;
}

.touch-topic p {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.4px;
  line-height: 24px;
  margin-top: 3px;
}

/* ---------- form --------- */

.heroform-continer {
  padding: 40px;
  background: #ffffff8c;
  /* border-top: 10px solid #fff0f3; */
  margin-top: 15px;
  box-shadow: rgb(106 133 154 / 15%) 0px 30px 80px;
  border-radius: 24px;
  position: relative;
}

#contact-over-1 {
  position: absolute;
  top: 24px;
  right: -47px;
  height: 90px;
  width: 90px;
}

#contact-over-2 {
  position: absolute;
  width: 50px;
  top: 40px;
  left: 181px;
}

#contact-over-3 {
  position: absolute;
  width: 50px;
  bottom: 120px;
  left: 181px;
}

fieldset {
  width: 100%;
}

.heroform-continer .this-form-field {
  margin-bottom: 1.3rem;
}

.this-form-field label {
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.5px;
  line-height: 30px;
  font-family: var(--bs-font-rubik);
  color: #2e344c;
  display: inline-block;
}

.this-form-field .input {
  margin-top: 8px;
}

input:not([type="submit"]),
select,
textarea {
  padding: 0.2rem 1rem;
  width: 100%;
  border: none;
  border-radius: 0;
  font-size: 18px !important;
  letter-spacing: 1px !important;
  font-weight: 500 !important;
  line-height: 2rem !important;
  color: #000;
  /* outline:1px solid rgba(214, 208, 221, 0.4); */
  box-shadow: none !important;
  /* border-bottom: 2px solid rgba(214, 208, 221, 0.4); */
  background: transparent;
}

.form-control:focus {
  border-color: var(--bg-theme) !important;
}

.form-select {
  border: none !important;
  border-radius: 0 !important;
  border-bottom: 2px solid rgba(214, 208, 221, 0.4) !important;
  background-color: transparent !important;
}

.input textarea {
  border: none !important;
  border-radius: 0 !important;
  border-bottom: 2px solid rgba(214, 208, 221, 0.4) !important;
  background-color: transparent !important;
}

input#attachment:not([type="submit"]) {
  padding: 0 !important;
  border: none !important;
  font-size: 14px;
  line-height: 1.2rem;
  color: #33525f;
  font-weight: 500;
  display: inline-block;
  width: 100%;
  margin-bottom: 1.3rem;
}

input::file-selector-button {
  background: var(--bs-black) !important;
  outline: none !important;
  border: none !important;
  border-radius: 6px;
  padding: 8px 13px !important;
  border-bottom: 2px solid var(--font-bold) !important;
  font-family: var(--font-first) !important;
  font-size: 15px !important;
  color: var(--bs-light) !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  line-height: 1.5rem;
  cursor: pointer;
}

.form-action {
  margin-top: 25px;
}

.form-submited .form-action .submit-button {
  display: block;
  text-align: center;
  background-color: var(--bg-theme);
  padding: 10px 30px;
  border-radius: 0px;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 500;
  font-family: var(--bs-font-rubik);
  font-style: normal;
  color: var(--bs-white);
  text-decoration: none;
  outline: none;
  border: 2px solid var(--bg-theme);
  width: 100%;
  transition: all 0.2s ease-in;
}

.form-submited .form-action .submit-button:hover {
  background-color: var(--bs-black);
  color: var(--bs-white);
  border-color: var(--bs-black);
}

.form-submited {
  display: inline-block;
}

.services-form-field .input input::placeholder {
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.5px;
  line-height: 30px;
  font-family: var(--bs-font-rubik);
  color: #687093;
}

.services-form-field label {
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.5px;
  line-height: 30px;
  font-family: var(--bs-font-rubik);
  color: #2e344c;
  display: inline-block;
}

/* =============================================== contact form dial code ============================================ */

.dial-code-input {
  position: relative;
  display: flex;
  align-items: flex-end;
  width: 100%;
}

.selected-country {
  display: inline-block;
  line-height: 2rem;
  white-space: nowrap;
}

.selected-country-display {
  cursor: pointer;
  padding: 0.5rem 1rem;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  background-color: rgb(0 0 0 / 3%);
  line-height: 1.7rem;
  border-bottom: 2px solid rgb(0 0 0 / 3%);
  color: #000;
  font-weight: 500;
  font-size: 1rem;
  font-family: var(--bs-font-rubik);
  display: flex;
  align-items: center;
  justify-content: center;
}

.services-form-field .dial-code-input input:not([type="submit"]) {
  display: block;
}

.flag-icon {
  margin-right: 10px !important;
}

.error {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.5px;
  font-family: var(--bs-font-rubik);
  color: red;
  margin-top: 10px;
  display: block;
}

.select-options {
  display: none;
  position: absolute;
  z-index: 1;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: rgb(247 247 247);
  border: 2px solid rgba(214, 208, 221, 0.4);
  border-top: none;
  border-radius: 0 0 4px 4px;
  padding-left: 0;
  margin: 0;
}

.select-options li {
  padding: 6px 15px;
  cursor: pointer;
}

.select-options li:hover {
  background-color: #e1e1e1;
}

.select-options li .country-code {
  margin-left: 5px;
  color: #687093;
}

.select-options li span {
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.5px;
  font-family: var(--bs-font-rubik);
  color: #060c23;
}

.select-options.open {
  display: block;
}

.arrow-down {
  position: relative;
  width: 1em;
  display: inline-flex !important;
  margin-left: 7px;
  align-items: center;
  justify-content: center;
}

.arrow-down::after {
  content: "\f077";
  font-family: "fontawesome";
  font-size: 0.8rem;
  transform: rotate(180deg);
}

.selected-country-display.downicon .arrow-down::after {
  transform: rotate(0deg);
}

.trusted-client {
  display: flex;
  -webkit-box-pack: justify;
  justify-content: start;
  -webkit-box-align: center;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 20px;
}

.trusted-client .partner {
  width: 100%;
  max-width: 150px;
  margin-bottom: 15px;
  margin-top: 15px;
}

.trusted-client .partner img {
  display: block;
  max-width: 130px;
  width: 100%;
  filter: invert(100);
  margin: 0px auto;
  opacity: 1;
}

/* ---------------------------- main contact page ---------------------------------- */

/* .main-contact-page {
    min-height: 100vh;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffe2e1;
    background: radial-gradient(at center top, #ffe2e1, #e9f8ff);
} */

.contact-hero-section-three {
  position: relative;
  overflow: hidden;
  padding-top: 180px;
  padding-bottom: 120px;
  background: linear-gradient(
    78deg,
    rgb(255 57 167 / 95%) 0%,
    rgb(255 20 70) 41.52%,
    rgba(255, 255, 255, 0) 100%
  );
  mix-blend-mode: multiply;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 2;
}

.contact-hero-section-three::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.35;
  background: url(../image/contact/hero-overly-2.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  mix-blend-mode: lighten;
}

.contact-hero-section-three .hero-lg-image {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 1328px;
  width: 100%;
  height: 100%;
  mask-image: url(../image/contact/hero-overly.svg);
  -webkit-mask-image: url(../image/contact/hero-overly.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: cover;
}

.contact-hero-section-three .hero-lg-image::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f8f7ff;
  mix-blend-mode: color;
}

.contact-hero-section-three .hero-lg-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.contact-hero-section-three .hero-content-area {
  padding-top: 0;
  padding-bottom: 0;
}

.hero-content-area {
  max-width: 700px;
  position: relative;
  z-index: 3;
}

.contact-sec-heading {
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 5;
}

h1.title {
  color: var(--bs-white) !important;
}

h1.title .black-color {
  color: var(--font-bold);
}

.desc p {
  font-size: 18px;
  color: var(--bs-white);
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.4px;
  line-height: 26px;
  margin: 0;
}

.hero-group-shape {
  opacity: 0.5;
}

/* ----  */

.contact-hero-section-three .hero-group-shape img {
  -webkit-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  max-width: 100%;
}

.contact-hero-section-three .hero-group-shape .group-1 {
  position: absolute;
  top: 0;
  left: 0;
}

.contact-hero-section-three .hero-group-shape .group-2 {
  position: absolute;
  bottom: 35px;
  right: 35%;
  opacity: 0.4;
}

.contact-hero-section-three .hero-group-shape .group-3 {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0.9;
  z-index: 4;
}

.contact-hero-section-three .hero-group-shape .group-4 {
  position: absolute;
  top: 0;
  left: 40%;
  -webkit-transform: translatex(-50%);
  -ms-transform: translatex(-50%);
  transform: translatex(-50%);
  opacity: 0.9;
  z-index: 4;
}

.contact-hero-section-three .hero-group-shape .group-5 {
  position: absolute;
  bottom: 100px;
  left: 40%;
  -webkit-transform: translatex(-50%);
  -ms-transform: translatex(-50%);
  transform: translatex(-50%);
  opacity: 0.5;
}

.contact-hero-section-three .hero-group-shape .group-6 {
  position: absolute;
  top: 20%;
  width: 105px;
  height: 105px;
  left: 35%;
  -webkit-transform: translatex(-50%);
  -ms-transform: translatex(-50%);
  transform: translatex(-50%);
  mask-image: url(../image/contact/shape-5.svg);
  -webkit-mask-image: url(../image/contact/shape-5.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background: #ffffff;
}

.ticked {
  padding: 15px 0 15px;
  list-style: none;
}

.ticked li {
  margin: 0;
  padding: 12px 8px 12px 35px;
  position: relative;
  text-align: left;
  font-family: var(--bs-font-rubik);
  font-size: 16px;
  letter-spacing: 0.5px;
  color: var(--bs-white);
  font-weight: 400;
  line-height: 24px;
}

.ticked li:before {
  content: "";
  border-radius: 50%;
  display: block;
  background-size: 28px;
  height: 28px;
  width: 28px;
  background-color: transparent;
  background-image: url(../image/contact/2.svg);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translatey(-50%);
  background-position: 50%;
  background-repeat: no-repeat;
}

.hero-contact-flex {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.hero-main-contact-container {
  padding: 30px;
  max-width: calc(100% - 700px);
  width: 100%;
  position: relative;
  z-index: 5;
}

.hero-main-contact-container .heroform-continer {
  background-color: #ffffff;
  box-shadow: rgb(106 133 154 / 28%) 0px 30px 80px;
}

.thank-you-page {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(
    78deg,
    rgb(255 57 112 / 95%) 0%,
    rgb(249 91 125) 41.52%,
    rgb(255 62 97) 100%
  );
}

.thank-you-content {
  text-align: center;
}

.thank-you-content h5.h5 {
  margin-top: 20px;
}

.thank-you-content .primery-btn {
  margin: 20px auto;
}

/* -------------------------------------------------- services page --------------------------------------------------- */
/* --------------------------------------------- services landing page ------------------------------------------------ */

.site-content {
  overflow-x: hidden;
  position: relative;
}

.block-hero-section {
  position: relative;
  padding-top: 210px;
  padding-bottom: 90px;
  background-image: url(../image/services/services-bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: linear-gradient(
    181deg,
    #dcdee7 2.29%,
    rgba(40, 40, 40, 0.7) 89.63%
  );
}

.hero-left-content {
  position: relative;
  z-index: 3;
}

.block-sec-heading {
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 3;
}

.hero-left-content .hero-sub-title {
  color: var(--bs-white);
  font-family: var(--bs-font-rubik);
  font-size: 18px;
  letter-spacing: 3.5px;
  font-weight: 500;
  display: block;
  margin-bottom: 10px;
}

h1.hero-title {
  color: #001434 !important;
}

.hero-left-content p {
  position: relative;
  text-align: left;
  font-family: var(--bs-font-rubik);
  font-size: 16px;
  letter-spacing: 0.5px;
  color: var(--bs-white);
  font-weight: 400;
  line-height: 24px;
}

.hero-left-content .desc {
  margin-top: 20px;
  padding-right: 20px;
}

.hero-image-group {
  text-align: right;
  position: relative;
  margin-right: -175px;
  z-index: 3;
}

.hero-image-group .group-image1 {
  position: relative;
  max-width: 430px;
  width: 100%;
  margin-left: auto;
  z-index: 3;
}

.hero-image-group .group-image1::before {
  position: absolute;
  content: "";
  top: -25px;
  width: 110%;
  height: 105%;
  right: -20px;
  background: url(../image/services/hero-border.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.hero-image-group .group-image1 img {
  position: relative;
  z-index: 3;
  border-radius: 550px;
}

.hero-image-group .group-image2 {
  position: absolute;
  top: 20%;
  -webkit-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
  transform: translatey(-50%);
  left: 0;
  z-index: 3;
  max-width: 345px;
  width: 100%;
}

.hero-image-group .group-image2::before {
  content: "";
  position: absolute;
  border-radius: 550px 500px 500px 500px;
  opacity: 3.25%;
  background: linear-gradient(180deg, #dcdee7 0%, rgba(40, 40, 40, 0.7) 100%);
  top: 46%;
  -webkit-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
  transform: translatey(-50%);
  left: -15px;
  width: 346px;
  height: 530px;
  z-index: 3;
}

.hero-image-group .group-image2 img {
  border-radius: 515px 500px 515px 500px;
  border: 10px solid #3a3a3a;
}

.hero-image-group .group-image3 {
  position: absolute;
  left: 0;
  top: -12%;
  opacity: 0.2;
}

.hero-image-group .group-image4 {
  position: absolute;
  left: 15%;
  top: -5%;
  opacity: 0.5;
}

.hero-image-group .group-image5 {
  position: absolute;
  right: -20px;
  top: -10%;
}

.hero-image-group .group-image6 {
  position: absolute;
  left: -5%;
  bottom: 5%;
}

.block-hero-section .hero-shape {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.block-hero-section .hero-shape1 {
  position: absolute;
  top: 0;
  right: 0;
}

.block-hero-section .hero-shape2 {
  position: absolute;
  top: 20%;
  left: 0;
  opacity: 0.5;
}

.block-hero-section .hero-shape3 {
  position: absolute;
  top: 12%;
  left: 0;
  opacity: 0.2;
}

/* ----------------------------- services section content start ----------------------------------  */

.block-about-section {
  padding-top: 230px;
  padding-bottom: 150px;
  position: relative;
}

.about-image-group {
  position: relative;
}

.about-image-group .about-image1 {
  position: absolute;
  top: -240px;
  -webkit-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
  transform: translatey(-50%);
  left: 16%;
  max-width: 400px;
  width: 100%;
  z-index: 3;
}

.about-image-group .about-image1 img {
  border-radius: 50%;
  padding: 50px;
  position: relative;
  z-index: 3;
  max-width: 420px;
}

.about-image-group .about-image1::after {
  position: absolute;
  content: "";
  top: 3.5%;
  left: 7%;
  width: 100%;
  height: 100%;
  background: url(../image/services/border-shape.png);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}

.about-image-group .about-image2 {
  position: absolute;
  top: -20px;
  left: -18.5%;
  max-width: 245px;
  width: 100%;
  bottom: auto;
}

.about-image-group .about-image2 img {
  border: 1px solid #ff39b9;
  border-radius: 50%;
  padding: 10px;
}

.about-image-group .about-image3 {
  position: absolute;
  top: auto;
  left: 30px;
  bottom: 190px;
  max-width: 200px;
  width: 100%;
}

.about-image-group .about-image3 img {
  border-radius: 50%;
  padding: 10px;
}

.about-image-group .about-image3::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../image/services/border-shape1.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: -1;
}

.about-image-group .about-image4 {
  position: absolute;
  top: 150px;
  right: 16%;
  max-width: 150px;
  width: 100%;
}

.about-image-group .about-image4 img {
  border: 1px solid #de78ff;
  border-radius: 50%;
  padding: 7px;
}

.about-image-group .about-shape2 {
  position: absolute;
  left: 4%;
  top: 30px;
  max-width: 250px;
}

.about-image-group .about-shape3 {
  position: absolute;
  right: 22%;
  top: 20px;
}

img {
  max-width: 100%;
}

.about-content-one .sub-title {
  color: var(--bg-theme);
  font-family: var(--bs-font-rubik);
  font-size: 18px;
  letter-spacing: 3.5px;
  font-weight: 500;
  display: block;
  margin-bottom: 10px;
}

.about-content-one .desc {
  margin-top: 20px;
}

.about-content-one p {
  font-size: 16px;
  color: var(--bs-black);
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.4px;
  line-height: 24px;
  margin-bottom: 1rem;
}

/* ------------------------------------- block service section three start ------------------------------------- */

.block-service-section-three {
  padding-top: 150px;
  padding-bottom: 20px;
  position: relative;
}

.block-service-section-three .block-sec-heading {
  margin-bottom: 40px;
  max-width: 580px;
  margin-left: 0;
  margin-right: auto;
  position: relative;
  z-index: 3;
}

/* -------------------------------------- block service section three end -------------------------------------- */

.block-service-section-three {
  padding-top: 150px;
  padding-bottom: 20px;
  position: relative;
}

.block-service-section-three .desc {
  margin-top: 20px;
}

.block-service-section-three .desc p {
  color: var(--bs-black);
}

.block-service-section-three .block-sec-heading {
  margin-bottom: 40px;
  max-width: 580px;
  margin-left: 0;
  margin-right: auto;
  position: relative;
  z-index: 3;
}

.block-service-item-three {
  border: 1px solid #dcdee7;
  border-radius: 8px;
  padding: 30px;
  position: relative;
  z-index: 3;
  margin-bottom: 100px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  background: #ffffff;
  /* overflow: hidden; */
}

.block-service-item-three::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 60%;
  height: 100%;
  background: #fafafc;
  border-radius: 8px;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
}

h4.title {
  font-size: 20px;
  color: var(--bs-black);
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.4px;
  line-height: 26px;
  margin: 10px 0;
}

h4.title a {
  text-decoration: none;
  color: var(--bs-black);
}

.block-service-section-three p.p {
  font-size: 15px;
  color: var(--bs-black);
  font-weight: 300;
  font-style: normal;
  letter-spacing: 0.4px;
  line-height: 24px;
}

.block-service-item-three .border-inner {
  position: relative;
}

.block-service-item-three .border-inner::before {
  position: absolute;
  content: "";
  width: 145%;
  height: 1px;
  bottom: -80px;
  left: -75px;
  background: #dcdee7;
}

.block-service-item-three .border-inner::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 15px solid #dcdee7;
  -webkit-transform: translatex(-50%);
  -ms-transform: translatex(-50%);
  transform: translatex(-50%);
  left: 50%;
  top: 65px;
}

.block-service-item-three:hover .border-inner::after {
  border-bottom: 15px solid var(--bg-theme);
}

.block-service-item-three .border-inner2 {
  position: relative;
}

.block-service-item-three .border-inner2::before {
  position: absolute;
  content: "";
  width: 145%;
  height: 1px;
  top: -83px;
  right: -80px;
  background: #dcdee7;
}

.block-service-item-three .border-inner2::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 15px solid #dcdee7;
  -webkit-transform: translatex(-50%);
  -ms-transform: translatex(-50%);
  transform: translatex(-50%);
  left: 50%;
  bottom: 68px;
}

.block-service-item-three:hover .border-inner2::after {
  border-top: 15px solid var(--bg-theme);
}

/* .block-service-item-three::after {
    position: absolute;
    content: "";
    top: 0;
    right: 45px;
    width: 0;
    height: 100%;
    border-top: 270px solid #ffffff;
    border-left: 100px solid transparent;
    background: #fafafc;
    border-radius: 8px;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
} */

/* .block-service-item-three:hover::after {
    opacity: 1;
    visibility: visible;
} */

/* .block-service-item-three::before {
    position: absolute;
    content: "";
    top: -5%;
    left: -27%;
    width: 75%;
    height: 120%;
    background: #fafafc;
    border-radius: 8px;
    z-index: -1;
    opacity: 0;
    transform: rotate(-12deg);
    visibility: hidden;
} */

.block-service-item-three .service-icon {
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border-radius: 5px;
  color: #3a3a3a;
  font-size: 30px;
  margin-bottom: 20px;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}

.block-service-item-three:hover {
  border-color: var(--bg-theme);
  background-color: #fafafc;
}

/* .block-service-item-three:hover::before {
    opacity: 1;
    visibility: visible;
} */

.block-service-item-three:hover .service-icon {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}

.block-service-item-three:hover .border-inner::after {
  border-bottom: 15px solid var(--bg-theme);
}

.block-service-phone-content {
  position: relative;
  padding-left: 20px;
}

.block-service-phone-content .phone-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  margin-top: 30px;
}

.block-service-phone-content .phone-area .phone-play a {
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50%;
  font-size: 22px;
  color: #3a3a3a;
  display: inline-block;
  text-align: center;
  background: #ffe1e7;
  -webkit-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.block-service-phone-content .phone-shape {
  position: absolute;
  right: 0;
  top: 60px;
}

.block-service-phone-content .phone-text {
  font-size: 1.1rem;
}

.block-service-phone-content .phone-text h6 {
  margin-bottom: 0;
}

.block-service-phone-content .desc p {
  font-size: 16px;
  color: var(--bs-black);
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.4px;
  line-height: 24px;
}

/* ------------------------------------------------ */
.block-about-section-three {
  padding-top: 90px;
  padding-bottom: 130px;
}

.about-image-group-three {
  max-width: 820px;
  width: 100%;
  position: relative;
  margin-left: -165px;
}

.about-image-group-three .gradient-shape {
  -webkit-mask-image: url(../image/services/about-image.svg);
  mask-image: url(../image/services/about-image.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 150px;
  height: 125px;
  position: absolute;
  right: -80px;
  top: 45px;
}

.about-image-group-three .image-group-1 {
  max-width: 580px;
  width: 100%;
  -webkit-mask-image: url(../image/services/about-image.svg);
  mask-image: url(../image/services/about-image.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.about-image-group-three .image-group-2 {
  max-width: 345px;
  width: 100%;
  -webkit-mask-image: url(../image/services/about-image.svg);
  mask-image: url(../image/services/about-image.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  position: absolute;
  bottom: 36px;
  right: -16.5%;
  z-index: 9;
}

.about-image-group-three .border-shadow {
  content: "";
  display: block;
  position: absolute;
  z-index: 9;
}

.about-image-group-three .border-shape .shadow-1 {
  top: -25px;
  left: 24px;
  background: #ff5f92;
  width: 1px;
  height: 110%;
  -webkit-transform: skewx(-11deg);
  -ms-transform: skewx(-11deg);
  transform: skewx(-11deg);
}

.about-image-group-three .border-shape .shadow-2 {
  top: -25px;
  left: 83px;
  background: linear-gradient(to right, #ff5f92 -100%, rgba(21, 22, 37, 0) 64%);
  width: 100%;
  height: 1px;
}

.about-image-group-three .border-shape .shadow-3 {
  bottom: -30px;
  left: -35px;
  background: linear-gradient(to right, #ff5f92 -100%, rgba(21, 22, 37, 0) 64%);
  width: 105%;
  height: 1px;
}

.about-image-group-three .border-shape .shadow-4 {
  bottom: -30px;
  right: 33%;
  background: linear-gradient(to right, #ff5f92 -100%, rgba(21, 22, 37, 0) 64%);
  width: 1px;
  height: 100%;
  -webkit-transform: skewx(-11deg);
  -ms-transform: skewx(-11deg);
  transform: skewx(-11deg);
}

.block-sec-heading {
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 3;
}

.block-sec-heading .sec-title {
  margin-bottom: 15px;
}

.about-content-three .desc {
  margin-bottom: 30px;
}

.my-block-sec-heading span {
  color: var(--bg-theme);
  font-family: var(--bs-font-rubik);
  font-size: 18px;
  letter-spacing: 3.5px;
  font-weight: 500;
  display: block;
  margin-bottom: 10px;
}

.my-block-sec-heading .desc p {
  font-size: 18px;
  color: var(--bs-black);
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.4px;
  line-height: 24px;
  margin-bottom: 1rem;
}

/* ------------------------------------ faqs section --------------------------------------------- */

/* .faqs-section {
    padding: 50px 0;
}

.faqs-image {
    padding: 20px;
}

.faqs-image img {
    width: 100%;
    border-radius: 10px;
}

.faqs-container {
    padding: 40px 20px;
}

.faq-title {
    margin-bottom: 20px;
    display: block;
}

.accordion {
    border-radius: 20px;
}

.accordion .accordion-item {
    border: none !important;
    border-bottom: 1px solid #d9d9d9 !important;
    background-color: transparent !important;
}

.accordion .accordion-item:nth-last-child(1) {
    border-bottom: none !important;
}

.accordion .accordion-item button[aria-expanded='true'] {
    border-bottom: 1px solid var(--bg-theme);
}

.accordion button {
    position: relative;
    display: block;
    text-align: left;
    width: 100%;
    padding: 1em 0;
    border: none;
    background: none;
    outline: none;
    font-size: 20px;
    color: var(--bs-black);
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0.4px;
    line-height: 26px
}

.accordion button:hover,
.accordion button:focus {
    cursor: pointer;
    color: var(--bg-theme);
}

.accordion button:hover::after,
.accordion button:focus::after {
    cursor: pointer;
    color: var(--bg-theme);
    border: 1px solid var(--bg-theme);
}

.accordion button .accordion-title {
    padding: 1em 1.5em 1em 0;
}

.accordion button .icon {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translate(50%, -50%);
    right: 0;
    width: 22px;
    height: 22px;
    border: 1px solid;
    border-radius: 22px;
}

.accordion button .icon::before {
    display: block;
    position: absolute;
    content: '';
    top: 9px;
    left: 5px;
    width: 10px;
    height: 2px;
    background: currentcolor;
}

.accordion button .icon::after {
    display: block;
    position: absolute;
    content: '';
    top: 5px;
    left: 9px;
    width: 2px;
    height: 10px;
    background: currentcolor;
}

.accordion button[aria-expanded='true'] {
    color: var(--bg-theme);
}

.accordion button[aria-expanded='true'] .icon::after {
    width: 0;
}

.accordion button[aria-expanded='true']+.accordion-content {
    opacity: 1;
    max-height: 9em;
    transition: all 200ms linear;
    will-change: opacity, max-height;
}

.accordion .accordion-content {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 200ms linear, max-height 200ms linear;
    will-change: opacity, max-height;
}

.accordion .accordion-content p {
    font-size: 15px;
    color: var(--bs-black);
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.4px;
    line-height: 24px;
    margin: 15px 0;
} */

/* ------------------------------- */

.elementor-section {
  padding: 0px 0px 0px 0px;
}

.elementor-round-bg {
  width: 100%;
  height: 100%;
  background-color: transparent;
  background-image: url(../image/services/services-section-bg.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.elementore-data-flex {
  display: flex;
  align-items: initial;
  justify-content: initial;
}

.elementor-model-image .elementor-flex-item {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: top;
  margin: 0 40px 0 0;
}

.elementor-flex-item img {
  height: auto;
  max-width: 100%;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.elementor-model-image .elementor-flex-item img {
  display: block;
}

.elementor-model-image .elementor-flex-item img {
  -webkit-transform: scale(1.4);
  -ms-transform: scale(1.4);
  transform: scale(1.4);
}

.elementor-model-image .elementor-flex-item:last-child {
  margin-right: 0;
}

.elementor-section-content {
  padding: 10px;
}

.elementor-wrap {
  padding-left: 50px;
}

.elementor-main-info {
  display: flex;
  padding-top: 30px;
}

.qodef-m-info-title {
  color: var(--bs-black);
  font-family: var(--bs-font-rubik);
  font-size: 18px;
  letter-spacing: 1px;
  font-weight: 500;
  display: inline-block;
  margin-bottom: 0px;
  min-width: 112px;
}

.qodef-m-tagline {
  color: var(--bs-black);
}

.qodef-m-info-text {
  display: block;
}

.qodef-m-info-text p {
  font-size: 16px;
  color: var(--bs-black);
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.4px;
  line-height: 24px;
  margin-bottom: 1rem;
}

/* --------------------------------------- faqs section --------------------------------------- */
/* .elementor-faqs-section {
    position: relative;
}

.elementor-element-bg {
    background-color: transparent;
    background-image: url(../image/services/faq-bg.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 95% auto;
}

.elementor-element-fa {
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
    margin-top: 90px;
    margin-bottom: 90px;
    padding: 0% 5% 0% 0%;
}

.elementor-faqs-section .elementor-column-gap-default {
    padding-left: calc((100% - 1300px)/ 2);
}

.elementor-faqs-section .elementor-container {
    display: flex;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0;
}

.elementor-faqs-section .elementor-row {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.elementor-faqs-section .elementor-column {
    min-height: 1px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.elementor-faqs-section .elementor-container .elementor-element.elementor-element-1 {
    width: 40%;
}

.elementor-faqs-section .elementor-container .elementor-element.elementor-element-2 {
    width: 60%;
}

.elementor-faqs-section .elementor-column-wrap {
    width: 100%;
}

.elementor-faqs-section .elementor-widget-wrap {
    display: flex;
    position: relative;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

.elementor-faqs-section .elementor-container .elementor-element.elementor-element-2 .elementor-widget-wrap {
    justify-content: flex-end;
    padding: 0;
}

.elementor-faqs-section .elementor-widget-container {
    margin: 0;
    padding: 95px 0 0;
}

.elementor-faqs-section .qodef-single-image {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top;
}

.elementor-faqs-section .qodef-single-image .qodef-m-image {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    z-index: 2;
} */

/* ------------------------------------------- about us page ------------------------------------------- */

.landing-model-section {
  position: relative;
  height: 100vh;
}

.landing-model-bg {
  background-color: tra;
  background-image: url(../image/about-us/landing-bg.png);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.landing-model-section {
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  margin-bottom: 90px;
  padding: 0% 0% 0% 0%;
}

.landing-model-section .landing-column-gap-default {
  padding-left: calc((100% - 1300px) / 2);
}

.landing-model-section .landing-container {
  display: flex;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0;
  height: 100%;
}

.landing-model-section .landing-row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.landing-model-section .landing-column {
  min-height: 1px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.landing-model-section .landing-container .landing-element.landing-element-1 {
  width: 40%;
}

.landing-model-section .landing-container .landing-element.landing-element-2 {
  width: 60%;
}

.landing-model-section .landing-column-wrap {
  width: 100%;
}

.landing-model-section .landing-widget-wrap {
  display: flex;
  position: relative;
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.landing-model-section
  .landing-container
  .landing-element.landing-element-2
  .landing-widget-wrap {
  justify-content: flex-end;
  padding: 4rem;
}

.landing-model-section .landing-widget-container {
  margin: 0;
  padding: 0;
}

.landing-model-section .block-single-image {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

.landing-model-section .block-single-image .block-m-image {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: top;
  z-index: 2;
 
}

.block-modal-content p {
  margin-top: 20px;
  font-size: 16px;
  color: var(--bs-black);
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.5px;
  line-height: 26px;
  text-align: left;
}

.landing-box-section {
  padding: 50px 0;
  position: relative;
  margin-top: -8rem;
}

.featurebox-header {
  display: block;
  text-align: center;
}

.featurebox-header p {
  padding-top: 10px;
  max-width: 800px;
  margin: 0 auto;
  color: var(--bs-black);
}

.featurebox-container {
  display: flex;
  align-items: start;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 60px !important;
}

.feature-box-col {
  width: 33.33333%;
  padding: 20px;
}

.feature-box-wrap {
  padding: 50px;
  display: flex;
  align-items: center;
  justify-content: start;
  flex-direction: column;
}

.feature-box-icon {
  height: 100px;
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}

.feature-box-icon img {
  max-width: 100%;
  width: auto;
  height: auto;
}

.feature-box-title {
  display: block;
  margin-bottom: 20px;
}

.feature-box-title h4 {
  font-size: 20px;
  color: var(--bs-black);
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.4px;
  line-height: 26px;
  margin-bottom: 0;
}

.feature-box-disk p {
  font-size: 15px;
  color: var(--bs-black);
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.4px;
  line-height: 24px;
  text-align: center;
  display: block;
}

.feature-white {
  background-color: #fff;
  box-shadow: 0px 7px 25px 0px rgba(0, 0, 0, 0.1);
}

.feature-box-wrap {
  transition: 0.4s;
}

.feature-box-wrap:hover {
  box-shadow: 0px 7px 25px 0px rgba(0, 0, 0, 0.1);
}

/* --------------------------- */

.build-section {
  padding: 50px 0;
  margin-top: 50px;
}

.build-content {
  padding-bottom: 30px;
  padding-top: 80px;
  background-color: #f7f7f7;
}

.build-content h2.h2 {
  max-width: 800px;
  margin: 0 auto;
  padding-bottom: 20px;
}

.build-content p.p {
  max-width: 800px;
  margin: 0 auto;
  padding-bottom: 20px;
}

/* ------------------------------------------------ */

.about-inner-section {
  padding: 50px 0;
}

.about-inner-content {
  padding-top: 5px;
  padding-bottom: 50px;
}

.about-inner-content h2.h2 span {
  color: var(--bg-theme);
}

.widget-container {
  padding: 10px;
}

.widget-list {
  position: relative;
  padding-right: 30px;
  margin-bottom: 50px;
}

.widget-list-icon {
  margin-bottom: 12px;
}

.widget-list-icon i {
  font-size: 40px;
  color: var(--font-bold);
}

.widget-list-title {
  font-size: 24px;
  color: var(--font-bold);
  font-weight: 600;
  font-style: normal;
  letter-spacing: 0.4px;
  line-height: 34px;
  margin-bottom: 10px;
}

.widget-list-disk {
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.4px;
  line-height: 24px;
  color: var(--bs-light-pera);
  font-size: 16px;
  margin-bottom: 0;
  max-width: 550px;
}

.about-widget-container {
  counter-reset: my-counter 0;
}

.widget-list-number {
  position: absolute;
  top: 70px;
  left: calc(0% - 78px);
  z-index: -1;
  font-size: 5.625rem;
  color: #000000;
  opacity: 0.05;
  display: block;
  line-height: 1;
  font-weight: 700;
  overflow-wrap: break-word;
  counter-increment: my-counter;
}

.widget-list-number:before {
  content: counter(my-counter, decimal-leading-zero);
}

/* -------------------------------------------- blog page ---------------------------------- */

.model-landing-section {
  background-color: #fafafa;
  min-height: 600px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url('assets/image/blog/blog-banner.jpg')
}

.model-landing-content p {
  margin-top: 20px;
  font-size: 16px;
  color: var(--bs-black);
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.5px;
  line-height: 26px;
  text-align: left;
}

.grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  /* three equal-width columns */
  grid-gap: 40px;
  /* add some spacing between grid items */
}

.grid-items {
  padding: 20px;
  /* margin-bottom: 30px; */
}

.grid-layout-tamplate {
  padding: 50px 0;
}

.grid-layout-content {
  padding-right: 35px;
  position: relative;
}

.grid-layout-assets {
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.grid-layout-img {
  width: 100%;
  height: 364px;
  overflow: hidden;
  transition: 0.45s;
}

.grid-layout-img img {
  height: 100%;
  max-width: 100%;
  width: 100%;
  object-fit: cover;
  transition: 0.45s;
}

.grid-layout-title {
  width: 100%;
  font-size: 20px;
  color: var(--bs-black);
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.4px;
  line-height: 26px;
  margin-bottom: 0;
  text-decoration: none;
  margin-top: 20px;
  display: block;
}

.grid-layout-disk {
  font-size: 15px;
  color: var(--bs-black);
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.4px;
  line-height: 24px;
  text-align: start;
  margin-top: 15px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.layout-date {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: rotate(90deg) translate(100%, 0);
  -ms-transform: rotate(90deg) translate(100%, 0);
  /* transform: rotate(90deg) translate(100%,0); */
  -webkit-transform-origin: top right;
  -ms-transform-origin: top right;
  transform-origin: top right;
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 10;
}

.layout-date span {
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: #404040;
  display: flex;
  height: 38px;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
}

.layout-date span::before {
  content: "";
  position: relative;
  display: block;
  height: 1px;
  width: 26px;
  margin-right: 15px;
  background-color: #dbdbdb;
}

.grid-layout-content {
  cursor: pointer;
  transition: color 0.2s ease-out;
}

.grid-layout-content .grid-layout-img img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  transition: 0.45s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.grid-layout-content:hover .grid-layout-img img {
  transition: 0.45s cubic-bezier(0.22, 0.61, 0.36, 1);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

/* Blog Page Responsive */
@media (min-width: 1075px) and (max-width: 1450px) {
  .model-landing-section{
    background-position: right;

  }
}
@media (max-width: 1074px) {
  .model-landing-section{
    background-image: none !important;
    background-color: #f26d7a;
  }
  .model-landing-section{
   min-height: 357px;
  }
    
}
@media (max-width: 576px) {
  .model-landing-section{
    min-height: 290px;
   }
    
}
@media (min-width: 992px) and (max-width: 1074px) {
  .model-landing-section h1{
    text-align: center;
    width: 100% !important;
  }
  .modal-responsive-content {
    width: 100% !important;
  }
}


/* Blog Page Responsive */

/* ------------------------------------------------- blog inner --------------------------------------- */

.article-section {
  padding: 80px 0;
}

.article-header {
  display: block;
  width: 100%;
  position: relative;
}

.breadcrumbs {
  padding: 30px 0;
  width: 100%;
  position: relative;
}

.breadcrumb-flex {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  flex-wrap: wrap;
}

.breadcrumb-title {
  font-size: 10px;
  font-weight: 600;
  line-height: 2;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #b2b2b2;
}

.breadcrumb-title a {
  font-size: 10px;
  font-weight: 600;
  line-height: 2;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #b2b2b2;
  text-decoration: none;
  -webkit-transition: color 0.2s ease-out;
  -o-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
  cursor: pointer;
}

.breadcrumb-title span {
  font-size: 10px;
  font-weight: 600;
  line-height: 2;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--font-bold);
  text-decoration: none;
  -webkit-transition: color 0.2s ease-out;
  -o-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
  cursor: default;
}

.breadcrumb-title.active {
  color: var(--font-bold);
}

.qodef-separator {
  color: #b2b2b2;
  margin: 0 5px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.15em;
}

.qodef-separator::after {
  content: "/";
}

.breadcrumb-title a:hover {
  color: var(--font-bold);
}

.article-title {
  padding-bottom: 20px;
}

.article-container {
  padding: 10px;
}

.article-content {
  margin-top: 10px;
}

.article-content img {
  margin-top: 20px;
  max-width: 100%;
  width: auto;
  height: auto;
}

.article-content h2 {
  font-size: 38px;
  color: var(--font-bold);
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.1px;
  line-height: 52px;
  margin-top: 20px;
  margin-bottom: 0;
}

.article-content h3 {
  font-size: 24px;
  color: var(--font-bold);
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.1px;
  line-height: 34px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.article-content h4 {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 20px;
  color: var(--font-bold);
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.1px;
  line-height: 34px;
}

.article-content p {
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 16px;
  color: var(--bs-black);
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.5px;
  line-height: 26px;
}

.article-content ul {
  list-style: disc;
  list-style-type: disc;
  padding-left: 1.5rem;
}

.article-content ul li {
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 16px;
  color: var(--bs-black);
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.5px;
  line-height: 26px;
}

.article-content ul li::marker {
  font-size: 18px;
  color: #4c4c4c;
}

/* ---------------- */

.new-client-logo-section {
  padding: 80px 0;
}

.new-client-content {
  padding-bottom: 20px;
}

.new-client-content span {
  font-size: 18px;
  color: var(--bg-theme);
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.8px;
  line-height: 28px;
  margin: 0;
  margin-bottom: 10px;
  display: block;
}

.new-client-logo-container {
  display: block;
  padding: 30px 0;
  overflow: hidden;
}

.new-client-logo-flex {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 38px;
}

.new-client-logo-box {
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 140px;
  width: 140px;
}

.new-client-logo-box img {
  width: 100px;
  height: auto;
  padding-top: 0.5rem;
}

.new-erea-1 {
  background-color: rgb(34 31 31 / 10%);
}

.new-erea-2 {
  height: 130px;
  width: 130px;
  background-color: rgb(255 90 95 / 10%);
}

.new-erea-2 img {
  width: 90px;
  height: auto;
}

.new-erea-3 {
  height: 120px;
  width: 120px;
  background-color: rgb(52 224 161 / 10%);
}

.new-erea-3 img {
  width: 80px;
  height: auto;
}

.new-erea-4 {
  height: 110px;
  width: 110px;
  background-color: rgb(255 26 26 / 10%);
}

.new-erea-4 img {
  width: 70px;
  height: auto;
}

.new-erea-5 {
  height: 100px;
  width: 100px;
  background-color: rgb(0 106 255 / 10%);
}

.new-erea-5 img {
  width: 60px;
  height: auto;
}

.new-erea-6 {
  height: 90px;
  width: 90px;
  background-color: rgb(226 55 68 / 10%);
}

.new-erea-6 img {
  width: 50px;
  height: auto;
}

.new-erea-7 {
  height: 80px;
  width: 80px;
  background-color: rgb(255 128 0 / 10%);
}

.new-erea-7 img {
  width: 40px;
  height: auto;
}

.new-erea-8 {
  height: 70px;
  width: 70px;
  background-color: rgb(238 77 45 / 10%);
}

.new-erea-8 img {
  width: 30px;
  height: auto;
}

.new-erea-9 {
  height: 60px;
  width: 60px;
  background-color: rgb(177 6 15 / 10%);
}

.new-erea-9 img {
  width: 20px;
  height: auto;
}

.new-elementore-pad {
  padding: 185px 0px 160px 0px;
}

.new-services-section {
  padding: 100px 0;
}

.new-area-container {
  padding-top: 100px;
}

/* --------------------------------------------- services 2 ------------------------------------------- */

.elementor-element {
  --flex-direction: initial;
  --flex-wrap: initial;
  --justify-content: initial;
  --align-items: initial;
  --align-content: initial;
  --gap: initial;
  --flex-basis: initial;
  --flex-grow: initial;
  --flex-shrink: initial;
  --order: initial;
  --align-self: initial;
  flex-basis: var(--flex-basis);
  flex-grow: var(--flex-grow);
  flex-shrink: var(--flex-shrink);
  order: var(--order);
  align-self: var(--align-self);
}

.elementor-element,
.elementor-lightbox {
  --swiper-theme-color: #000;
  --swiper-navigation-size: 44px;
  --swiper-pagination-bullet-size: 6px;
  --swiper-pagination-bullet-horizontal-gap: 6px;
}

.elementor-section {
  position: relative;
}

.elementor-element {
  --widgets-spacing: 20px;
}

.elementor-12 .elementor-element.elementor-element-00c80f9 {
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  padding: 160px 0px 60px 0px;
}

.elementor-12
  .elementor-element.elementor-element-00c80f9:not(
    .elementor-motion-effects-element-type-background
  ),
.elementor-12
  .elementor-element.elementor-element-00c80f9
  > .elementor-motion-effects-container
  > .elementor-motion-effects-layer {
  background-color: transparent;
  background-image: linear-gradient(180deg, #faefff 0%, #eff8ff00 95%);
}

.elementor .elementor-background-overlay,
.elementor .elementor-background-slideshow {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

.elementor-12
  .elementor-element.elementor-element-00c80f9
  > .elementor-background-overlay {
  background-image: url(../image/reviews-scraping-api/bg.webp);
  background-position: 0px 30%;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 1;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.elementor-container {
  margin: 0 auto;
}

.elementor-section .elementor-container {
  display: flex;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}

.elementor-section .elementor-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}

.elementor-section.elementor-section-boxed > .elementor-container {
  max-width: 1140px;
}

.elementor-section.elementor-section-boxed nav.elementor-container,
.elementor-section.elementor-section-boxed > .elementor-container,
.uicore-ham-creative .uicore-navigation-content,
.container-width .uicore-megamenu > .elementor,
#wrapper-navbar.elementor-section.elementor-section-boxed
  .elementor-container
  .uicore-megamenu
  .elementor-section.elementor-section-boxed
  .elementor-container,
#wrapper-navbar.elementor-section.elementor-section-full_width
  .elementor-container
  .uicore-megamenu
  .elementor-section.elementor-section-boxed
  .elementor-container {
  max-width: 1216px;
}

.elementor-section.elementor-section-boxed:not(.elementor-inner-section)
  .uicore-header-wrapper
  > .elementor-container,
.elementor-section.elementor-section-boxed:not(.elementor-inner-section)
  > .elementor-container {
  width: 90%;
}

.elementor-column {
  position: relative;
  min-height: 1px;
  display: flex;
}

@media (min-width: 768px) {
  .elementor-column.elementor-col-100,
  .elementor-column[data-col="100"] {
    width: 100%;
  }
}

.elementor-widget-wrap {
  position: relative;
  width: 100%;
  flex-wrap: wrap;
  align-content: flex-start;
}

.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap {
  display: flex;
}

.elementor-column-gap-default
  > .elementor-column
  > .elementor-element-populated {
  padding: 10px;
}

.elementor-12
  .elementor-element.elementor-element-a1d933b.elementor-column
  > .elementor-widget-wrap {
  justify-content: center;
}

.elementor-widget:not(:last-child).elementor-absolute,
.elementor-widget:not(:last-child).elementor-widget__width-auto,
.elementor-widget:not(:last-child).elementor-widget__width-initial {
  margin-bottom: 0;
}

.elementor-12 .elementor-element.elementor-element-95b830b {
  text-align: center;
  width: var(--container-widget-width, 900px);
  max-width: 900px;
  --container-widget-width: 900px;
  --container-widget-flex-grow: 0;
}

.elementor-12 .elementor-element.elementor-element-95b830b {
  ---ui-speed: 1500ms;
  ---ui-delay: 400ms;
  ---ui-stagger: 15ms;
}

.elementor-element .elementor-widget-container {
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s,
    transform var(--e-transform-transition-duration, 0.4s);
}

.splitting {
  display: inline-block;
  transition: transform
    calc(calc(var(---ui-speed) * var(---ui-word-total)) / 10) ease-out;
  transition-delay: calc(var(---ui-delay) * 0.7);
  transform-origin: top left;
}

.elementor-12 .elementor-element.elementor-element-c31941c {
  text-align: center;
  font-size: 18px;
  /* width: var(--container-widget-width, 600px); */
  /* max-width: 600px; */
  --container-widget-width: 600px;
  --container-widget-flex-grow: 0;
}

.elementor-12
  .elementor-element.elementor-element-c31941c
  > .elementor-widget-container {
  padding: 20px 0px 20px 0px;
}

.elementor-12 .elementor-element.elementor-element-a5cc048 {
  --spacer-size: 10px;
}

.elementor-12
  .elementor-element.elementor-element-a1d933b
  > .elementor-widget-wrap
  > .elementor-widget:not(.elementor-widget__width-auto):not(
    .elementor-widget__width-initial
  ):not(:last-child):not(.elementor-absolute) {
  margin-bottom: 10px;
}

.elementor-widget-wrap > .elementor-element {
  width: 100%;
}

.elementor-12
  .elementor-element.elementor-element-1f84bb8
  > .elementor-element-populated {
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.elementor-12
  .elementor-element.elementor-element-1f84bb8:not(
    .elementor-motion-effects-element-type-background
  )
  > .elementor-widget-wrap,
.elementor-12
  .elementor-element.elementor-element-1f84bb8
  > .elementor-widget-wrap
  > .elementor-motion-effects-container
  > .elementor-motion-effects-layer {
  background-image: url(../image/reviews-scraping-api/hero-bg-round.webp);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.fadeinup.animated {
  animation-duration: 1.9s;
}

.particular-icon-list {
  display: flex;
  gap: 35px;
  padding-bottom: 25px;
}
.loading-link {
  position: relative;
  display: flex;
  padding-top: 30px;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  transition: 0.3s ease;
  font-size: 18px;
  color: var(--bg-theme);
  font-weight: 500;
  cursor: pointer;
}
.seeless-link {
  position: relative;
  display: flex;
  padding-top: 30px;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  transition: 0.3s ease;
  font-size: 18px;
  color: var(--bg-theme);
  font-weight: 500;
  cursor: pointer;
}
.particular-icon-list img {
  height: 60px;
  width: 60px;
}

.elementor img {
  height: auto;
  max-width: 100%;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.elementor-12 .elementor-element.elementor-element-6f9d6e9 img {
  width: 760px;
}

.elementor-12 .elementor-element.elementor-element-bce83ad {
  margin-top: 80px;
  margin-bottom: 0px;
}

.ui-e-headline-text .word {
  font-size: 70px;
  color: var(--font-bold);
  font-weight: 600;
  font-style: normal;
  letter-spacing: 0.4px;
  line-height: 88px;
  margin: 0;
}

.elementor-widget-container p {
  font-size: 18px;
  color: var(--bs-black);
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.4px;
  line-height: 28px;
  margin: 0;
}

.elementor-12 .elementor-element.elementor-element-87921ea {
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  padding: 50px 0px 50px 0px;
}

.elementor-12
  .elementor-element.elementor-element-87921ea:not(
    .elementor-motion-effects-element-type-background
  ),
.elementor-12
  .elementor-element.elementor-element-87921ea
  > .elementor-motion-effects-container
  > .elementor-motion-effects-layer {
  background-color: transparent;
  background-image: linear-gradient(180deg, #ffffff 0%, #f1f3ffc4 100%);
}

.elementor-element.elementor-element-87921ea {
  background-color: transparent;
  background-image: linear-gradient(180deg, #ffffff 0%, #f1f3ffc4 100%);
}

.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap {
  display: flex;
}

.elementor-12
  .elementor-element.elementor-element-af64b2b.elementor-column
  > .elementor-widget-wrap {
  justify-content: center;
  padding-top: 50px;
}

.elementor-12 .elementor-element.elementor-element-0c36d0e {
  text-align: center;
  /* width: var(--container-widget-width, 600px); */
  max-width: 700px;
  /* --container-widget-width: 600px; */
  --container-widget-flex-grow: 0;
}

.elementor-heading-title.elementor-size-default {
  font-size: 48px;
  color: var(--font-bold);
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.1px;
  line-height: 62px;
  margin: 0;
}

.elementor-12 .elementor-element.elementor-element-a009d40 {
  --spacer-size: 10px;
}

.elementor-12
  .elementor-element.elementor-element-af64b2b
  > .elementor-widget-wrap
  > .elementor-widget:not(.elementor-widget__width-auto):not(
    .elementor-widget__width-initial
  ):not(:last-child):not(.elementor-absolute) {
  margin-bottom: 10px;
}

.elementor-column .elementor-spacer-inner {
  height: var(--spacer-size);
}

.elementor-12 .elementor-element.elementor-element-633b8d6 {
  text-align: center;
  /* width: var(--container-widget-width, 400px);
  max-width: 400px;
  --container-widget-width: 400px; */
  --container-widget-flex-grow: 0;
}

.elementor-12
  .elementor-element.elementor-element-633b8d6
  > .elementor-widget-container {
  padding: 0px 0px 48px 0px;
  font-size: 18px;
  color: var(--bs-black);
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.4px;
  line-height: 28px;
  margin: 0;
}

@media (min-width: 992px) {
  .elementor-column.elementor-col-33,
  .elementor-column[data-col="33"] {
    width: 33.333%;
  }
}

@media (min-width: 768px) {
  .elementor-position-top .bdt-ep-advanced-icon-box-icon {
    display: inline-block;
  }
}

.elementor-column-gap-default
  > .elementor-column
  > .elementor-element-populated {
  padding: 10px;
}

.elementor-12 .elementor-element.elementor-element-74370ab {
  --ep-advanced-icon-box-icon-top-v-offset: -0px;
  --ep-advanced-icon-box-icon-top-h-offset: 0px;
  height: 100%;
}

.elementor-12
  .elementor-element.elementor-element-74370ab
  > .elementor-widget-container {
  padding: 32px 32px 32px 32px;
  background-color: var(--e-global-color-uicore_white);
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: var(--e-global-color-uicore_light);
  border-radius: 12px 12px 12px 12px;
  height: 100%;
}

.bdt-ep-advanced-icon-box {
  text-align: center;
}

.elementor-position-top .bdt-ep-advanced-icon-box-icon {
  -webkit-transform: translate(
    var(--ep-advanced-icon-box-icon-top-h-offset, 0),
    var(--ep-advanced-icon-box-icon-top-v-offset, 0)
  );
  transform: translate(
    var(--ep-advanced-icon-box-icon-top-h-offset, 0),
    var(--ep-advanced-icon-box-icon-top-v-offset, 0)
  );
}

.elementor-12
  .elementor-element.elementor-element-74370ab.elementor-position-top
  .bdt-ep-advanced-icon-box-icon {
  margin-bottom: 24px;
}

.bdt-ep-advanced-icon-box-icon-wrap {
  display: inline-block;
  line-height: 1;
  transition: all 350ms cubic-bezier(0.24, 0.85, 0.58, 1);
  color: #818a91;
  font-size: 48px;
  width: 48px;
  height: auto;
  text-align: center;
  position: relative;
  box-sizing: content-box;
}

.elementor-12
  .elementor-element.elementor-element-74370ab
  .bdt-ep-advanced-icon-box-icon-wrap {
  color: var(--bg-theme);
  background-color: #ebebeb;
  border-radius: 6px 6px 6px 6px;
  overflow: hidden;
  padding: 12px 12px 12px 12px;
  font-size: 32px;
  width: 32px;
  transform: rotate(0deg);
}

.bdt-ep-advanced-icon-box-icon-wrap i,
.bdt-ep-advanced-icon-box-icon-wrap svg,
.bdt-ep-advanced-icon-box-icon-wrap img {
  position: relative;
  display: block;
  transition: transform 350ms cubic-bezier(0.24, 0.85, 0.58, 1);
  z-index: 1;
  margin: auto;
}

.bdt-ep-advanced-icon-box-icon-wrap i,
.bdt-ep-advanced-icon-box-icon-wrap svg,
.bdt-ep-advanced-icon-box-icon-wrap img {
  width: 1em;
  height: 1em;
}

.elementor-12
  .elementor-element.elementor-element-74370ab
  .bdt-ep-advanced-icon-box-icon-wrap
  i,
.elementor-12
  .elementor-element.elementor-element-74370ab
  .bdt-ep-advanced-icon-box-icon-wrap
  img,
.elementor-12
  .elementor-element.elementor-element-74370ab
  .bdt-ep-advanced-icon-box-icon-wrap
  svg {
  transform: rotate(0deg);
}

.elementor-position-top .bdt-ep-advanced-icon-box-content {
  margin-top: var(--ep-advanced-icon-box-icon-top-v-offset, 0);
}

.elementor-12
  .elementor-element.elementor-element-74370ab
  .bdt-ep-advanced-icon-box-title {
  margin-bottom: 12px;
}

.uicore-body-content
  .elementor-widget-bdt-advanced-icon-box
  .bdt-ep-advanced-icon-box-title {
  font-size: 20px;
  color: var(--bs-black);
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.4px;
  line-height: 34px;
  margin: 0;
}

.bdt-ep-advanced-icon-box-title span {
  font-size: 20px;
  color: var(--bs-black);
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.4px;
  line-height: 34px;
  margin: 0;
}

.elementor-12
  .elementor-element.elementor-element-74370ab
  .bdt-ep-advanced-icon-box-description {
  font-size: 16px;
  color: var(--bs-black);
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.4px;
  line-height: 24px;
}

.elementor-12
  .elementor-element.elementor-element-74370ab:hover
  .elementor-widget-container {
  box-shadow: 0px 20px 60px -10px rgba(1.8586956521739084, 33.183034026465066, 45.00000000000002, 0.2);
}

/* ------------------------------- */

.elementor-12 .elementor-element.elementor-element-9e5c26f {
  padding: 0px 0px 40px 0px;
  margin-top: -90px;
}

.elementor-12 .elementor-element.elementor-element-57337ca {
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: var(--e-global-color-uicore_light);
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  padding: 64px 64px 64px 64px;
}

.elementor-12 .elementor-element.elementor-element-57337ca,
.elementor-12
  .elementor-element.elementor-element-57337ca
  > .elementor-background-overlay {
  border-radius: 16px 16px 16px 16px;
}

.elementor-12
  .elementor-element.elementor-element-57337ca:not(
    .elementor-motion-effects-element-type-background
  ),
.elementor-12
  .elementor-element.elementor-element-57337ca
  > .elementor-motion-effects-container
  > .elementor-motion-effects-layer {
  background-color: transparent;
  background-image: linear-gradient(
    180deg,
    var(--e-global-color-uicore_white) 0%,
    #faefff 100%
  );
}

.elementor-12
  .elementor-element.elementor-element-57337ca
  > .elementor-background-overlay {
  background-image: url(../image/services-2/bg-lines.webp);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 1;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.elementor-12
  .elementor-element.elementor-element-8c75bf9.elementor-column
  > .elementor-widget-wrap {
  justify-content: center;
}

.elementor-12 .elementor-element.elementor-element-da1a9a0 {
  text-align: center;
  width: var(--container-widget-width, 600px);
  max-width: 600px;
  --container-widget-width: 600px;
  --container-widget-flex-grow: 0;
}

.elementor-12 .elementor-element.elementor-element-3068d80 {
  text-align: center;
  /* width: var(--container-widget-width, 400px);
  max-width: 400px;
  --container-widget-width: 400px; */
  --container-widget-flex-grow: 0;
  font-size: 18px;
  color: var(--bs-black);
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.4px;
  line-height: 28px;
  margin: 0;
}

.elementor-12 .elementor-element.elementor-element-48d324c {
  --spacer-size: 50px;
}

.elementor-12
  .elementor-element.elementor-element-8c75bf9
  > .elementor-widget-wrap
  > .elementor-widget:not(.elementor-widget__width-auto):not(
    .elementor-widget__width-initial
  ):not(:last-child):not(.elementor-absolute) {
  margin-bottom: 10px;
}

.elementor-widget-image {
  text-align: center;
}

.elementor-12 .elementor-element.elementor-element-fb45cd3 {
  width: var(--container-widget-width, 100%);
  max-width: 100%;
  --container-widget-width: 100%;
  --container-widget-flex-grow: 0;
}

/* --------------------- coding box start in services page --------------------------- */

.fbmtui {
  /* background-color: rgb(37, 40, 50); */
  border-radius: 12px;
  /* border: 1px solid rgb(52, 56, 71); */
  font-size: 0.8rem;
  line-height: 1.6rem;
  color: rgb(243, 244, 250);
  overflow: hidden;
  position: relative;
  box-shadow: rgba(63, 71, 93, 0.12) 4.7px 9.4px 14.2px -1px,
    rgba(63, 71, 93, 0.13) 2.2px 4.3px 6.5px -0.7px,
    rgba(63, 71, 93, 0.14) 1px 2px 3px -0.3px,
    rgba(63, 71, 93, 0.15) 0.3px 0.5px 0.8px 0px;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  max-height: 380px;
  z-index: 2;
}

@media (min-width: 1024px) {
  .fbmtui {
    font-size: 1.4rem;
    line-height: 2.4rem;
  }
}

.CodeBlock-lines{
  display: grid !important;
}

.dukyeg .libraries-code,
.dukyeg .developsection-owncodeimages {
  will-change: opacity;
}

.fbmtui code[class*="language-"],
.fbmtui .codeblock-lines {
  font-size: 1rem;
  font-weight: 400;
  font-family: sfmono-regular, consolas, "liberation mono", menlo, monospace;
  line-height: 0.1rem !important;
  overflow: hidden;
}

@media (min-width: 768px) {
  .fbmtui code[class*="language-"],
  .fbmtui .codeblock-lines {
    font-size: 0.6rem;
    line-height: 2rem;
    font-weight: 400;
    font-family: sfmono-regular, consolas, "liberation mono", menlo, monospace;
  }
}

@media (min-width: 1024px) {
  .fbmtui code[class*="language-"],
  .fbmtui .codeblock-lines {
    font-size: 1rem;
    line-height: 2rem;
    font-weight: 400;
    font-family: sfmono-regular, consolas, "liberation mono", menlo, monospace;
  }
}

.fbmtui .codeblock-lines > div {
  line-height: 1.6rem;
  padding: 0px 1.2rem;
  counter-increment: line 1;
  white-space: break-spaces;
}

@media (min-width: 768px) {
  .fbmtui .codeblock-lines > div {
    line-height: 1.2rem;
  }
}

@media (min-width: 1024px) {
  .fbmtui .codeblock-lines > div {
    line-height: 1.8rem;
  }
}

.fbmtui .codeblock-lines > div::before {
  color: rgb(140, 147, 168);
  content: counter(line);
  margin-right: 1.2rem;
  width: 1.5rem;
  display: inline-block;
  text-align: right;
}

.fbmtui .keyword {
  color: rgb(180, 130, 237);
}

.fbmtui .definition {
  color: rgb(168, 183, 237);
}

.fbmtui .string {
  color: rgb(122, 202, 169);
}

.fbmtui .comment {
  color: rgb(102 106 120);
}

pre {
  display: block;
  font-family: monospace;
  white-space: pre;
  margin: 1em 0px !important;
}

.coding-world {
  text-align: start !important;
  position: relative;
  background-color: rgb(37, 40, 50);
 
  border: 1px solid rgb(52, 56, 71);
  border-radius: 12px;
  display: none ;
  overflow: hidden;
  color: #007bff !important;
}

.coding-world.active {
  display: block;
}

.fsplyl {
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  transform-origin: center center;
  transform: translate(300px, 165px) rotate(10deg);
  opacity: 0.2;
  background: conic-gradient(
    rgba(93, 133, 225, 0.99) 0deg,
    rgba(106, 20, 222, 0.99) 69deg,
    rgba(228, 68, 103, 0.99) 150deg,
    rgba(250, 129, 54, 0.99) 221deg,
    rgba(240, 178, 27, 0.99) 287deg,
    rgba(18, 150, 111, 0.99) 360deg
  );
  border-radius: 50%;
  filter: blur(70px);
}

/* ----------------------------- */

.navigation-tab {
  height: 125px;
  width: 370px;
  background-color: #fff;
  box-shadow: 0 50px 30px 0 rgba(0, 0, 0, 0.175);
  border-radius: 20px 20px 60px 60px;
  overflow: hidden;
  border: 15px solid #fff;
  display: flex;
  position: relative;
  margin: 0 auto;
}

.navigation-tab-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 130px;
  flex-shrink: 0;
  cursor: pointer;
  transition: 0.3s;
  position: relative;
  z-index: 2;
}

.navigation-tab-item.active {
  width: 210px;
}

.navigation-tab-item.active .navigation-tab__icon {
  transform: translate(0px, -4px);
}

.navigation-tab-item.active .navigation-tab__txt {
  opacity: 1;
  transform: translate(0, 5px);
}

.navigation-tab-overlay {
  border-radius: 20px;
  background-color: #faefff;
  height: 100%;
  width: 210px;
  position: absolute;
  left: 0;
  top: 0;
  transition: 0.3s;
}

.navigation-tab__icon {
  display: block;
  color: var(--bg-theme);
  transition-duration: 0.3s;
  line-height: 1;
  transform: translate(0, 11px);
}

.navigation-tab__txt {
  display: block;
  font-weight: 400;
  font-size: 20px;
  color: var(--bg-theme);
  opacity: 0;
  transition-duration: 0.3s;
  transform: translate(0, 20px);
  user-select: none;
}

/* ---------------------- coding box end in services page --------------------------- */

.tab-section-modal {
  padding: 50px 0;
  /* background: linear-gradient(90deg, rgba(250,243,255,1) 0%, rgba(248,248,255,0.9836309523809523) 54%, rgba(250,243,255,1) 100%); */
  background: #ffffff;
  background-image: radial-gradient(
      at 100.1% 50.9%,
      #faf3ff 0px,
      transparent 50%
    ),
    radial-gradient(at -0.2% 53.1%, #faf3ff 0px, transparent 50%),
    radial-gradient(at 8.8% 40.3%, #f5e8ff 0px, transparent 50%),
    radial-gradient(at 8.7% 60.9%, #f5e8ff 0px, transparent 50%),
    radial-gradient(at 86.9% 40.9%, #f5e8ff 0px, transparent 50%),
    radial-gradient(at 87.1% 56.2%, #f5e8ff 0px, transparent 50%);
}

.tab-wrper-container {
  padding: 10px;
  /* min-height: 100%; */
  /* height: 100%; */
}

.tab-wrper-divison {
  overflow: hidden;
  height: 100%;
}

.modal-tabs-btn {
  width: 100%;
  /* height: 100%; */
  overflow: hidden;
  float: left;
  cursor: pointer;
  padding: 0px;
}

.modal-tabs-content {
  width: 100%;
  float: right;
  height: 100%;
  overflow: hidden;
}

.model-btn-animate {
  padding: 10px 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  min-height: 60px;
  height: 100%;
  background: linear-gradient(
    270deg,
    rgba(97, 106, 138, 0.2),
    rgb(149 78 146 / 20%) 1%,
    transparent
  );
  border-right: 0.125rem solid rgb(97, 106, 138);
}

.model-toogle {
  visibility: hidden;
  height: 0;
  display: none;
}

.model-toogle.active {
  display: block;
  visibility: visible;
  min-height: 100%;
  height: 100%;
}

.model-btn-animate span {
  font-size: 16px;
  color: var(--bs-black);
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.5px;
  line-height: 30px;
  margin: 0;
  opacity: 0.8;
}

.tablinks .model-btn-animate {
  position: relative;
  transition: all 0.6s ease;
}

.tablinks.active .model-btn-animate {
  background: linear-gradient(
    270deg,
    rgba(35, 230, 168, 0.2),
    rgb(35 201 230 / 20%) 1%,
    transparent
  );
  border-right: 0.125rem solid rgb(0 162 193);
  position: relative;
  transition: all 0.6s ease;
}

.tablinks .model-btn-animate::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  width: 0%;
  height: 100%;
  background: linear-gradient(
    270deg,
    rgba(35, 230, 168, 0.2),
    rgb(35 201 230 / 20%) 1%,
    transparent
  );
  transition: all 0.6s ease;
  z-index: -1;
  transition: all 0.6s ease;
}

.tablinks .model-btn-animate:hover {
  background: transparent;
}

.tablinks .model-btn-animate:hover:before {
  width: 100%;
  z-index: 1;
  transition: all 0.6s ease;
}

.model-content-animate {
  height: 100%;
}

.modal-elementore-container {
  height: 100%;
  padding: 20px;
}

.modal-tabs-imag {
  max-width: 100%;
  width: auto;
  height: auto;
  margin-bottom: 20px;
}

.modal-tabs-info p {
  font-size: 16px;
  color: var(--bs-black);
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.4px;
  line-height: 24px;
}

/* ---- services order -- */

@media screen and (min-width: 1200px) {
  .order-lg-1 {
    order: 1;
  }

  .order-lg-2 {
    order: 2;
  }

  .order-lg-3 {
    order: 3;
  }

  .order-lg-4 {
    order: 4;
  }

  .order-lg-5 {
    order: 5;
  }

  .order-lg-6 {
    order: 6;
  }

  .order-lg-7 {
    order: 7;
  }

  .tab-wrper-divison {
    display: grid;
    grid-template-columns: 40% 60%;
    gap: 20px;
    height: 100%;
  }

  .grid-item-1 {
    grid-row-start: 1;
    grid-column-start: 1;

    grid-row-end: 2;
    grid-column-end: 2;
  }

  .grid-item-2 {
    grid-row-start: 2;
    grid-column-start: 1;

    grid-row-end: 3;
    grid-column-end: 2;
  }

  .grid-item-3 {
    grid-row-start: 3;
    grid-column-start: 1;

    grid-row-end: 4;
    grid-column-end: 2;
  }

  .grid-item-4 {
    grid-row-start: 4;
    grid-column-start: 1;

    grid-row-end: 5;
    grid-column-end: 2;
  }

  .grid-item-5 {
    grid-row-start: 5;
    grid-column-start: 1;

    grid-row-end: 6;
    grid-column-end: 2;
  }

  .grid-item-6 {
    grid-row-start: 6;
    grid-column-start: 1;

    grid-row-end: 7;
    grid-column-end: 2;
  }

  .grid-item-7 {
    grid-row-start: 1;
    grid-column-start: 2;

    grid-row-end: 7;
    grid-column-end: 3;
  }
}

/* ------------------------------ accordion section --------------------------------------- */

.modal-accordion-section {
  padding: 40px 0 60px;
}

.modal-accordion-image {
  position: relative;
  min-height: 1px;
  display: flex;
}

.modal-accordion-image .elementor-widget-wrap.elementor-element-populated {
  background-image: url(../image/services-2/accordion-bg.webp);
  background-position: center center;
  background-size: contain;
  align-content: center;
  align-items: center;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  margin: 0px 50px 0px 0px;
  --e-column-margin-right: 50px;
  --e-column-margin-left: 0px;
  display: flex;
  padding: 10px;
}

.modal-accordion-image .elementor-background-overlay {
  background-color: transparent;
  background-image: radial-gradient(
    at center center,
    #f5e8ff 0%,
    #5edfff00 70%
  );
  opacity: 0.5;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.modal-accordion-image .elementor-element.elementor-element-78dea58 img {
  max-width: 460px;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: var(--e-global-color-uicore_light);
  border-radius: 12px 12px 12px 12px;
  box-shadow: 0px 16px 26px -6px rgba(29.99999999999997, 36.999999999999964, 51.99999999999996, 0.15);
}

.modal-accordion-content {
  padding: 10px;
}

.accordion {
  width: 100%;
  height: auto;
  position: relative;
  display: block;
  border: none;
}

.modal-accordion-header h2 {
  font-size: 48px;
  color: var(--font-bold);
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.1px;
  line-height: 62px;
  margin: 0;
}

.elementor-bar .bar {
  height: 5px;
  width: 175px;
  background: #f9e5eb;
  margin: 30px 10px;
  position: relative;
  border-radius: 30px;
}

.elementor-bar .bar:before {
  content: "";
  position: absolute;
  left: 0;
  top: -2.7px;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: #ff1749;
  animation-duration: 3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-name: move-bg;
}

@keyframes move-bg {
  0% {
    transform: translatex(0);
  }

  to {
    transform: translatex(170px);
  }
}

/* ------ */

.accordion-item {
  border: none !important;
  margin-bottom: 20px;
  padding: 0px 35px 0px 12px;
  cursor: pointer;
  position: relative;
  /* transition: 0.8s ease; */
}

.accordion-item::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  height: 100%;
  transform: translate(0%, -50%);
  width: 3px;
  border-radius: 20px;
  background-color: var(--bg-theme);
}

.accordion-content {
  /* margin: 10px; */
  overflow: hidden;
  max-height: 0;
  /* height for one line */
  transition: max-height 0.35s ease;
  text-overflow: ellipsis;
}

.accordion-content.active {
  transition: 0.35s ease;
  margin-top: 8px;
}

/* .active {
    max-height: 1000px;
    transition: max-height 0.8s ease;
    text-overflow: ellipsis;
} */

.accordion-content p {
  margin-bottom: 0;
  /* white-space: nowrap; */
  font-size: 16px;
  color: var(--bs-black);
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.4px;
  line-height: 24px;
}

.accordion-header {
  font-size: 18px;
  color: var(--font-bold);
  font-weight: 600;
  font-style: normal;
  letter-spacing: 0.4px;
  line-height: 28px;
  margin-bottom: 0;
}

/* .accordion-item.active .accordion-content p {
    white-space: pre-wrap;
} */

/* ------------ arrowe  */

.accordion .arrow,
.accordion .arrow:before,
.accordion .arrow:after {
  transition: all 0.3s ease-in-out;
}

.accordion .accordion-item .arrow {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translate(50%, 50%);
}

.accordion .accordion-item.active .arrow {
  position: absolute;
  right: 12px;
  top: 10%;
  transform: translate(50%, 50%);
}

.accordion .arrow,
.accordion .arrow:before,
.accordion .arrow:after {
  border-radius: 25px;
}

.accordion .arrow:before {
  content: " ";
  width: 14px;
  height: 3px;
  left: 50%;
  margin-left: -18px;
  background-color: black;
  position: absolute;
  transform: rotate(45deg);
}

.accordion .arrow:after {
  content: " ";
  width: 14px;
  height: 3px;
  background-color: black;
  position: absolute;
  right: -5px;
  transform: rotate(-45deg);
}

.accordion-item.active .arrow:before {
  transform: rotate(-45deg);
}

.accordion-item.active .arrow:after {
  transform: rotate(45deg);
}

.accordion .accordion-item.active .arrow:after,
.accordion .accordion-item.active .arrow::before {
  background-color: var(--bg-theme);
}

.tab-head-pad {
  padding-bottom: 50px;
}

.dz-count-box-section {
  padding: 50px 0;
}

.dz-count-widget-container {
  padding: 30px 0 50px;
  text-align: center;
  /* width: var(--container-widget-width, 600px);
  max-width: 600px;
  --container-widget-width: 600px; */
  --container-widget-flex-grow: 0;
  margin: 0 auto;
}

.dz-count-title {
  font-size: 48px;
  color: var(--font-bold);
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.1px;
  line-height: 62px;
  margin: 0;
  padding-bottom: 20px;
}

.dz-count-disk {
  text-align: center;
  font-size: 18px;
  color: var(--bs-black);
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.4px;
  line-height: 28px;
  margin: 0;
  display: block;
}

/* ------------- */

.dz-count-container {
  padding: 10px;
}

.dz-count-list {
  position: relative;
  padding-right: 30px;
  margin-bottom: 50px;
}

.dz-count-list-icon {
  margin-bottom: 12px;
  width: 28px;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dz-count-list-icon i {
  font-size: 28px;
  color: var(--font-bold);
}

.dz-count-list-icon img {
  width: 100%;
  height: auto;
}

.dz-count-list-title {
  font-size: 20px;
  color: var(--font-bold);
  font-weight: 600;
  font-style: normal;
  letter-spacing: 0.4px;
  line-height: 30px;
  margin-bottom: 10px;
}

.dz-count-list-disk {
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.4px;
  line-height: 24px;
  color: var(--bs-light-pera);
  font-size: 16px;
  margin-bottom: 0;
  max-width: 550px;
}

.dz-count-box-container {
  counter-reset: dz-counter 0;
}

.dz-count-list-number {
  position: absolute;
  top: 20px;
  left: calc(0% - 68px);
  z-index: -1;
  font-size: 5em;
  color: #000000;
  opacity: 0.03;
  display: block;
  line-height: 1;
  font-weight: 700;
  overflow-wrap: break-word;
  counter-increment: dz-counter;
}

.dz-count-list-number:before {
  content: counter(dz-counter, decimal-leading-zero);
}

/* ------------------------------------------------------------ */

.best-market-section {
  padding: 50px 0;
}

.best-market-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 25px;
  -webkit-box-align: center;
  align-items: center;
  border-radius: 25px;
  padding: 5rem 6.75rem;
  background: linear-gradient(
      225deg,
      rgb(25 0 233 / 46%) 0%,
      rgb(13 0 114) 100%
    ),
    rgb(181 3 104 / 3%);
  background-image: url(../image/services-2/svg-bg-3.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.best-model-wrapp1 {
  display: grid;
  order: -1;
}

.rate-title {
  font-size: 45px;
  font-weight: 600;
  margin-bottom: 30px;
  text-align: start;
  font-family: var(--bs-font-rubik);
  color: var(--bs-black);
}

.rate-pera {
  font-size: 16px;
  color: var(--bs-black);
  text-align: start;
  font-family: var(--bs-font-rubik);
}

.rate-teck {
  padding-left: 0;
  display: flex;
  align-items: start;
  justify-content: start;
  flex-wrap: wrap;
  margin-bottom: 20px;
  flex-direction: column;
}

.rate-teck li {
  margin: 0;
  padding: 8px 8px 8px 24px;
  position: relative;
  text-align: left;
  font-family: var(--bs-font-rubik);
  font-size: 16px;
  letter-spacing: 0.5px;
  color: var(--bs-black);
  font-weight: 500;
  line-height: 24px;
  display: block;
}

.rate-teck li::before {
  content: "";
  border-radius: 50%;
  display: block;
  background-size: 12px;
  height: 20px;
  width: 20px;
  background-image: url(../image/services-2/tick.svg);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translatey(-50%);
  background-position: 50%;
  background-repeat: no-repeat;
  filter: invert(1);
}

.best-model-wrapp2 {
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  justify-content: center;
}

.lazyload-wrapper img {
  opacity: 1;
  transition: opacity 0.3s linear 0s;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* --------------------- */

.list-out-page {
  display: block;
  position: relative;
}

.flex-listout-items {
  padding: 50px 20px;
  border-top-right-radius: 30px;
  border-top-left-radius: 30px;
  background: radial-gradient(at 16.7% 7.9%, #f7edff91 0px, transparent 50%),
    radial-gradient(at 80.6% 8.3%, #f7edff91 0px, transparent 50%);
}

.flex-listout {
  list-style: none;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: start;
  flex-wrap: wrap;
  row-gap: 30px;
  column-gap: 26px;
  padding-left: 0;
}

.flex-listout li {
  list-style: none;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: start;
  max-width: calc(25% - 20px);
  width: 100%;
  height: 65px;
  padding: 0;
  background: linear-gradient(
    360deg,
    rgba(97, 106, 138, 0.2),
    rgb(149 78 146 / 20%) 1%,
    transparent
  );
  border-bottom: 0.125rem solid rgb(149 78 146 / 28%);
  border-radius: 5px;
  transition: 0.3s ease;
}

.flex-listout li::before {
  content: "";
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 100%;
  height: 0%;
  background: linear-gradient(
    360deg,
    rgba(97, 106, 138, 0.2),
    rgb(149 78 146 / 20%) 1%,
    transparent
  );
  transition: all 0.6s ease;
  z-index: -1;
  transition: all 0.6s ease;
}

.flex-listout li:hover:before {
  height: 100%;
  transition: all 0.6s ease;
}

.flex-listout li .listout-img {
  height: 65px;
  width: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background: linear-gradient(
    360deg,
    rgba(97, 106, 138, 0.2),
    rgb(149 78 146 / 20%) 1%,
    transparent
  );
  box-shadow: rgb(6 43 71 / 6%) 6.6px 6.6px 18.6px;
}

.flex-listout li img {
  height: auto;
  width: 46px;
  position: relative;
  border-radius: 5px;
}

.flex-listout li a {
  font-size: 18px;
  color: var(--bs-black);
  font-weight: 500;
  box-shadow: none;
  text-decoration: none;
  padding-left: 12px;
  letter-spacing: 0.5px;
  transition: 0.3s ease;
  width: calc(100% - 65px);
  height: 100%;
  display: flex;
  align-items: center;
}

.flex-listout li a:hover {
  color: var(--bg-theme);
}

.flex-listout-items {
  counter-reset: listout-counter 0;
}

.listout-counter {
  position: absolute;
  top: 14px;
  left: calc(0% - 10px);
  z-index: -1;
  font-size: 10px;
  color: #000000;
  opacity: 0.2;
  display: block;
  line-height: 1;
  font-weight: 700;
  overflow-wrap: break-word;
  counter-increment: listout-counter;
}

.listout-counter:before {
  content: counter(listout-counter, decimal-leading-zero);
}

/* --------------- */

.industries-section {
  display: block;
  position: relative;
  width: 100%;
  padding: 50px 0;
}

.industries-container {
  display: block;
  width: 100%;
  position: relative;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  padding: 40px 0;
  margin-bottom: 50px;
}

.industries-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  -webkit-box-align: center;
  align-items: center;
  border-radius: 25px;
  padding: 3rem 2rem;
  max-width: 1270px;
  width: 100%;
  margin: 0 auto;
}

.industries-col-1 {
  display: grid;
}

.industries-col-2 {
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  justify-content: center;
}

.industries-col-center {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
}

.industries-col-wrap {
  width: 100%;
  margin-bottom: 15px;
}

.block-title {
  font-size: 48px;
  font-weight: 600;
  margin-bottom: 15px;
  text-align: start;
  color: var(--bs-black);
}

.block-disc {
  font-size: 16px;
  color: var(--bs-black);
  text-align: start;
}

.industries-lazy-wrape {
  height: auto;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.industries-lazy-wrape img {
  max-width: 100%;
  width: auto;
  height: auto;
  /* filter: drop-shadow(0px 0px 10px #e6e6e6); */
}

.block-overlay-left {
  position: absolute;
  height: 100%;
  width: calc(100% - 30%);
  left: 0;
  top: 0;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  z-index: -1;
}

.block-overlay-right {
  position: absolute;
  height: 100%;
  width: calc(100% - 30%);
  right: 0;
  top: 0;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  z-index: -1;
}

.block-overlay-1 {
  background: rgb(244 245 255);
}

.block-overlay-2 {
  background: rgb(255 244 251);
}

.block-overlay-3 {
  background: rgb(239 255 254);
}

.block-overlay-4 {
  background: rgb(245 255 232);
}

.block-overlay-5 {
  background: rgb(228 255 240);
}

.block-overlay-6 {
  background: rgb(230 245 255);
}

.block-overlay-7 {
  background: rgb(240 240 255);
}

.block-overlay-8 {
  background: rgb(255 235 235);
}

.block-overlay-9 {
  background: rgb(251 242 255);
}

.block-overlay-10 {
  background: rgb(82 96 169 / 10%);
}
.block-overlay-11 {
  background: rgba(207, 132, 176, 0.2);
}
.block-overlay-12 {
  background: rgba(200, 207, 132, 0.2);
}
.block-overlay-13 {
  background: rgba(147, 207, 132, 0.2);
}
.block-overlay-14 {
  background: rgba(132, 173, 207, 0.2);
}
.block-overlay-15 {
  background: rgba(132, 207, 195, 0.2);
}
.block-overlay-16 {
  background: rgba(207, 132, 155, 0.2);
}
.block-overlay-17 {
  background: rgba(207, 163, 132, 0.2);
}

/* -------------------------------  services inner page ---------------------------- */

.elementor-12 .elementor-element.elementor-element-9ef90de {
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  padding: 200px 0px 0px 0px;
}

.elementor-12
  .elementor-element.elementor-element-9ef90de:not(
    .elementor-motion-effects-element-type-background
  ) {
  background-color: #faefffb0;
  background-image: url(../image/services-inner/inner-bg.webp);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
}

.elementor-section.elementor-section-boxed:not(.elementor-inner-section)
  > .elementor-container {
  width: 90%;
}

.elementor-12
  .elementor-element.elementor-element-6399016.elementor-column
  > .elementor-widget-wrap {
  justify-content: center;
}

.elementor-widget:not(:last-child).elementor-absolute,
.elementor-widget:not(:last-child).elementor-widget__width-auto,
.elementor-widget:not(:last-child).elementor-widget__width-initial {
  margin-bottom: 0;
}

.elementor-12 .elementor-element.elementor-element-b290e88 {
  text-align: center;
  width: var(--container-widget-width, 1000px);
  max-width: 1000px;
  --container-widget-width: 1000px;
  --container-widget-flex-grow: 0;
}

.elementor-widget-heading h1.elementor-heading-title {
  font-size: 70px;
  color: var(--font-bold);
  font-weight: 600;
  font-style: normal;
  letter-spacing: 0.4px;
  line-height: 88px;
  margin: 0;
}

.elementor-12 .elementor-element.elementor-element-899e67d {
  --spacer-size: 1px;
}

.elementor-12
  .elementor-element.elementor-element-6399016
  > .elementor-widget-wrap
  > .elementor-widget:not(.elementor-widget__width-auto):not(
    .elementor-widget__width-initial
  ):not(:last-child):not(.elementor-absolute) {
  margin-bottom: 16px;
}

.elementor-12 .elementor-element.elementor-element-cbfe31a {
  text-align: center;
  width: var(--container-widget-width, 800px);
  max-width: 800px;
  --container-widget-width: 800px;
  --container-widget-flex-grow: 0;
}

.elementor-12
  .elementor-element.elementor-element-cbfe31a
  > .elementor-widget-container {
  padding: 0px 0px 40px 0px;
}

.elementor-12
  .elementor-element.elementor-element-6c471eb
  > .elementor-widget-container {
  margin: 0px 0px -200px 0px;
  padding: 60px 0px 0px 0px;
}

.elementor-widget-image img {
  vertical-align: middle;
  display: inline-block;
}

.elementor-12 .elementor-element.elementor-element-6c471eb img {
  width: 1000px;
  border-style: none;
  border-radius: 24px 24px 24px 24px;
  box-shadow: 0px 30px 50px 0px
    rgba(44.999999999999986, 53, 67.99999999999997, 0.14);
}

/* ------------------------------ */

.elementor-kit-5 {
  --e-global-color-secondary: #181a0f;
  --e-global-color-text: #5f6a77;
  --e-global-color-e967b1e: #000000;
  --e-global-color-12b7b20: #ffffff8c;
  --e-global-color-496cf81: #181a0f;
  --e-global-color-2c76719: #ffffff;
  --e-global-color-170eec0: #ffffff;
  --e-global-color-67c66e1: #ffffff;
  --e-global-color-2987904: #ffffff;
  --e-global-color-4fb4c39: #22271d;
  --e-global-color-32d714a: #22271d;
  --e-global-color-a79e2db: #ffffff;
  --e-global-typography-primary-font-family: "inter";
  --e-global-typography-primary-font-weight: 500;
  --e-global-typography-secondary-font-family: "rubik";
  --e-global-typography-secondary-font-weight: 500;
  --e-global-typography-text-font-family: "inter";
  --e-global-typography-text-font-size: 15px;
  --e-global-typography-text-font-weight: 500;
  --e-global-typography-text-line-height: 1.53em;
  --e-global-typography-7943652-font-family: "rubik";
  --e-global-typography-7943652-font-weight: 500;
  --e-global-typography-7943652-line-height: 1em;
  --e-global-typography-023eb1f-font-family: "rubik";
  --e-global-typography-023eb1f-font-size: 12px;
  --e-global-typography-023eb1f-font-weight: 500;
  --e-global-typography-023eb1f-text-transform: uppercase;
  --e-global-typography-023eb1f-letter-spacing: 0.1em;
  --e-global-typography-1d4bd71-font-family: "rubik";
  --e-global-typography-1d4bd71-font-size: 10px;
  --e-global-typography-1d4bd71-font-weight: 500;
  --e-global-typography-1d4bd71-text-transform: uppercase;
  --e-global-typography-1d4bd71-letter-spacing: 0.1em;
  background-color: #f7f7f0;
  background-image: url(https://aielegant.liquid-themes.com/wp-content/uploads/2023/04/pat.svg);
  --lqd-body-font-family: var(--e-global-typography-text-font-family),
    sans-serif;
  --lqd-body-font-size: var(--e-global-typography-text-font-size);
  --lqd-body-font-weight: var(--e-global-typography-text-font-weight);
  --lqd-body-line-height: var(--e-global-typography-text-line-height);
  --lqd-body-text-color: var(--e-global-color-text);
  --lqd-link-color: var(--e-global-color-e967b1e);
  --lqd-heading-font-family: "rubik", sans-serif;
  --lqd-heading-font-weight: 600;
  --lqd-heading-line-height: 1em;
  --lqd-heading-color: var(--e-global-color-e967b1e);
  --lqd-h1-font-size: 59px;
  --lqd-h1-font-weight: 700;
  --lqd-h1-letter-spacing: -0.01em;
  --lqd-h2-font-size: 54px;
  --lqd-h2-letter-spacing: -0.01em;
  --lqd-h3-font-size: 38px;
  --lqd-h4-font-size: 24px;
  --lqd-h5-font-size: 21px;
  --lqd-h6-font-family: var(--e-global-typography-023eb1f-font-family),
    sans-serif;
  --lqd-h6-font-size: var(--e-global-typography-023eb1f-font-size);
  --lqd-h6-font-weight: var(--e-global-typography-023eb1f-font-weight);
  --lqd-h6-text-transform: var(--e-global-typography-023eb1f-text-transform);
  --lqd-h6-line-height: var(--e-global-typography-023eb1f-line-height);
  --lqd-h6-letter-spacing: var(--e-global-typography-023eb1f-letter-spacing);
  --lqd-h6-word-spacing: var(--e-global-typography-023eb1f-word-spacing);
  --lqd-btn-pt: 14px;
  --lqd-btn-pe: 23px;
  --lqd-btn-pb: 14px;
  --lqd-btn-ps: 23px;
  --lqd-btn-color: #ffffff;
  --lqd-btn-bg: #22271d;
  --lqd-btn-brrt: 4px;
  --lqd-btn-brre: 4px;
  --lqd-btn-brrb: 4px;
  --lqd-btn-brrs: 4px;
}

.e-con {
  --border-radius: 0;
  --border-width-top: 0px;
  --border-width-right: 0px;
  --border-width-bottom: 0px;
  --border-width-left: 0px;
  --border-style: initial;
  --border-color: initial;
  --container-widget-width: 100%;
  --container-widget-height: initial;
  --container-widget-flex-grow: 0;
  --container-widget-align-self: initial;
  --content-width: min(100%, var(--container-max-width, 1140px));
  --width: 100%;
  --min-height: initial;
  --height: auto;
  --text-align: initial;
  --margin-top: 0;
  --margin-right: 0;
  --margin-bottom: 0;
  --margin-left: 0;
  --padding-top: var(--container-default-padding-top, 10px);
  --padding-right: var(--container-default-padding-right, 10px);
  --padding-bottom: var(--container-default-padding-bottom, 10px);
  --padding-left: var(--container-default-padding-left, 10px);
  --position: relative;
  --z-index: revert;
  --overflow: visible;
  --gap: var(--widgets-spacing, 20px);
  --overlay-mix-blend-mode: initial;
  --overlay-opacity: 1;
  --overlay-transition: 0.3s;
  --e-con-grid-template-columns: repeat(3, 1fr);
  --e-con-grid-template-rows: repeat(2, 1fr);
  position: var(--position);
  width: var(--width);
  min-width: 0;
  min-height: var(--min-height);
  height: var(--height);
  border-radius: var(--border-radius);
  margin: var(--margin-top) var(--margin-right) var(--margin-bottom)
    var(--margin-left);
  padding-left: var(--padding-left);
  padding-right: var(--padding-right);
  z-index: var(--z-index);
  overflow: var(--overflow);
  transition: background var(--background-transition, 0.3s),
    border var(--border-transition, 0.3s),
    box-shadow var(--border-transition, 0.3s),
    transform var(--e-con-transform-transition-duration, 0.4s);
}

.e-con,
.e-con > .e-con-inner {
  display: var(--display);
}

.elementor-element,
.elementor-lightbox {
  --swiper-theme-color: #000;
  --swiper-navigation-size: 44px;
  --swiper-pagination-bullet-size: 6px;
  --swiper-pagination-bullet-horizontal-gap: 6px;
}

.e-con {
  --container-max-width: 1140px;
  --container-default-padding-top: 0px;
  --container-default-padding-right: 0px;
  --container-default-padding-bottom: 0px;
  --container-default-padding-left: 0px;
}

.e-con-boxed {
  text-align: initial;
  gap: initial;
}

.e-con.e-flex {
  --flex-direction: column;
  --flex-basis: auto;
  --flex-grow: 0;
  --flex-shrink: 1;
  flex: var(--flex-grow) var(--flex-shrink) var(--flex-basis);
}

.e-con-boxed.e-flex {
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: normal;
  align-items: normal;
  align-content: normal;
}

:is(.elementor-section-wrap, [data-elementor-id]) > .e-con {
  --margin-right: auto;
  --margin-left: auto;
  max-width: min(100%, var(--width));
}

.elementor-5757 .elementor-element.elementor-element-44092739 {
  --display: flex;
  --flex-direction: row;
  --container-widget-width: initial;
  --container-widget-height: 100%;
  --container-widget-flex-grow: 1;
  --container-widget-align-self: stretch;
  --gap: 0px;
  --background-transition: 0.3s;
  --padding-top: 160px;
  --padding-right: 15px;
  --padding-bottom: 15px;
  --padding-left: 15px;
}

.e-con-full,
.e-con > .e-con-inner {
  text-align: var(--text-align);
  padding-top: var(--padding-top);
  padding-bottom: var(--padding-bottom);
  margin-top: 150px;
}

.e-con,
.e-con > .e-con-inner {
  display: var(--display);
}

.e-con > .e-con-inner {
  gap: var(--gap);
  width: 100%;
  max-width: var(--content-width);
  margin: 0 auto;
  padding-inline: 0;
  height: 100%;
}

.e-con-full.e-flex,
.e-con.e-flex > .e-con-inner {
  flex-direction: var(--flex-direction);
}

.e-con.e-flex > .e-con-inner {
  flex-wrap: var(--flex-wrap);
  justify-content: var(--justify-content);
  align-items: var(--align-items);
  align-content: var(--align-content);
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
  align-self: auto;
}

.elementor-5757 .elementor-element.elementor-element-41fdc455 {
  --display: flex;
  --flex-direction: column;
  --container-widget-width: 100%;
  --container-widget-height: initial;
  --container-widget-flex-grow: 0;
  --container-widget-align-self: initial;
  --background-transition: 0.3s;
}

@media (min-width: 768px) {
  .elementor-5757 .elementor-element.elementor-element-41fdc455 {
    --width: 50%;
  }

  .elementor-5757 .elementor-element.elementor-element-784f8479 {
    --width: 50%;
  }
}

.e-con .elementor-widget {
  min-width: 0;
}

.e-con-inner > .elementor-element.elementor-absolute,
.e-con > .elementor-element.elementor-absolute,
.elementor-widget-wrap > .elementor-element.elementor-absolute {
  position: absolute;
}

.e-con .elementor-widget.elementor-widget {
  margin-bottom: 0;
}

.elementor-5757 .elementor-element.elementor-element-50d49f27 {
  z-index: 0;
}

.e-con.e-con > .e-con-inner > .elementor-widget,
.elementor.elementor .e-con > .elementor-widget {
  max-width: 100%;
}

body:not(.rtl) .elementor-5757 .elementor-element.elementor-element-50d49f27 {
  right: -15%;
  top: 2%;
  opacity: 0.4;
}

.e-con > .e-con-inner > .elementor-widget > .elementor-widget-container,
.e-con > .elementor-widget > .elementor-widget-container {
  height: 100%;
}

.inline-block {
  display: inline-block;
}

.relative {
  position: relative;
}

.align-middle {
  vertical-align: middle;
}

.overflow-hidden {
  overflow: hidden;
}

.lqd-transform-perspective {
  transform: perspective(var(--lqd-transform-perspective, 1200px))
    translate3d(
      var(--lqd-translate-x, 0),
      var(--lqd-translate-y, 0),
      var(--lqd-translate-z, 0)
    )
    rotate(var(--lqd-rotate, 0)) skewx(var(--lqd-skew-x, 0))
    skewy(var(--lqd-skew-y, 0)) scalex(var(--lqd-scale-x, 1))
    scaley(var(--lqd-scale-y, 1));
}

.transition-colors {
  transition: all var(--lqd-transition-duration)
    var(--lqd-transition-timing-function);
  transition-property: background, color, border, box-shadow, text-shadow, fill,
    stroke, border-radius;
}

.elementor
  .elementor-widget:not(.elementor-widget-text-editor):not(
    .elementor-widget-theme-post-content
  )
  figure {
  margin: 0;
}

.elementor-5757
  .elementor-element.elementor-element-4e08d6fe
  > .elementor-widget-container {
  margin: 0px 0px 30px 0px;
  padding: 0px 0px 0px 12px;
}

.elementor-5757
  .elementor-element.elementor-element-4e08d6fe
  .elementor-repeater-item-77c7b33 {
  --lqd-highlight-animation-duration: 0.85s;
  --lqd-highlight-width: 140%;
  --lqd-highlight-height: 2.35em;
  --lqd-highlight-offset-bottom: -0.65em;
  --lqd-highlight-offset-start: -1em;
}

.absolute {
  position: absolute;
}

.lqd-highlight-wrap {
  width: var(--lqd-highlight-width, 100%);
  height: var(--lqd-highlight-height, 100%);
  bottom: var(--lqd-highlight-offset-bottom, 0);
  inset-inline-start: var(--lqd-highlight-offset-start, 0);
  transition: all var(--lqd-highlight-animation-duration, 0.85s)
    var(--lqd-highlight-animation-delay, 0s)
    var(--lqd-transition-timing-function);
}

.w-full {
  width: 100%;
}

.h-full {
  height: 100%;
}

.-z-1 {
  z-index: -1;
}

.relative {
  position: relative;
}

.elementor-5757 .elementor-element.elementor-element-6e546709 {
  width: var(--container-widget-width, 85%);
  max-width: 85%;
  --container-widget-width: 85%;
  --container-widget-flex-grow: 0;
}

.elementor-5757
  .elementor-element.elementor-element-6e546709
  > .elementor-widget-container {
  margin: 0px 0px 25px 0px;
}

.elementor-5757 .elementor-element.elementor-element-784f8479 {
  --display: flex;
  --flex-direction: column;
  --container-widget-width: calc(
    (1 - var(--container-widget-flex-grow)) * 100%
  );
  --container-widget-height: initial;
  --container-widget-flex-grow: 0;
  --container-widget-align-self: initial;
  --align-items: center;
  --background-transition: 0.3s;
}

.elementor-5757 .elementor-element.elementor-element-47ca41d6 {
  --lqd-steps-gap: 3%;
  --lqd-step-mt: 0px;
  --lqd-step-me: 0px;
  --lqd-step-mb: 60px;
  --lqd-step-ms: 0px;
  --lqd-step-ind-w: 28px;
  --lqd-step-ind-h: 30px;
  --lqd-step-ind-mt: 0px;
  --lqd-step-ind-me: 45px;
  --lqd-step-ind-mb: 0px;
  --lqd-step-ind-ms: 0px;
  --lqd-step-ind-color: #000000;
  --lqd-step-ind-bg: #ffffff00;
  --lqd-step-ind-brs: solid;
  --lqd-step-ind-brw: 1px 1px 1px 1px;
  --lqd-step-ind-brwt: 1px;
  --lqd-step-ind-brwe: 1px;
  --lqd-step-ind-brwb: 1px;
  --lqd-step-ind-brws: 1px;
  --lqd-step-ind-brc: #0000002b;
  --lqd-step-ind-brrt: 11px;
  --lqd-step-ind-brre: 11px;
  --lqd-step-ind-brrb: 11px;
  --lqd-step-ind-brrs: 11px;
  --lqd-step-t-mt: 0px;
  --lqd-step-t-me: 0px;
  --lqd-step-t-mb: 18px;
  --lqd-step-t-ms: 0px;
  --lqd-step-connector-w: 1px;
  --lqd-step-connector-bg: linear-gradient(
    0deg,
    #00000000 10.76%,
    #000000 47.81%,
    #00000000 90.04%
  );
  width: var(--container-widget-width, 70%);
  max-width: 70%;
  --container-widget-width: 70%;
  --container-widget-flex-grow: 0;
}

.elementor-widget-lqd-steps > .elementor-widget-container {
  display: flex;
  gap: var(--lqd-steps-gap, 5%);
}

.lqd-steps-layout-vertical > .elementor-widget-container {
  flex-direction: column;
}

.elementor-element .elementor-widget-container {
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s,
    transform var(--e-transform-transition-duration, 0.4s);
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.shrink-0 {
  flex-shrink: 0;
}

.grow-0 {
  flex-grow: 0;
}

.items-center {
  align-items: center;
}

.justify-center {
  justify-content: center;
}

.elementor-widget-lqd-steps {
  --lqd-step-ind-w: 42px;
  --lqd-step-ind-h: 42px;
}

.lqd-steps-layout-vertical {
  --lqd-step-w: 100%;
}

.lqd-steps-indicator-pos-inline {
  --lqd-step-ind-me: 1em;
}

.lqd-steps-step {
  width: var(--lqd-step-w, 30%);
  border-style: var(--lqd-step-brs);
  border-width: var(--lqd-step-brw);
  border-color: var(--lqd-step-brc);
  border-radius: var(--lqd-step-brrt, 0) var(--lqd-step-brre, 0)
    var(--lqd-step-brrb, 0) var(--lqd-step-brrs, 0);
  padding: var(--lqd-step-pt, 0) var(--lqd-step-pe, 0) var(--lqd-step-pb, 0)
    var(--lqd-step-ps, 0);
  margin: var(--lqd-step-mt, 0) var(--lqd-step-me, 0) var(--lqd-step-mb, 1.5em)
    var(--lqd-step-ms, 0);
  background: var(--lqd-step-bg);
  color: var(--lqd-step-color);
  box-shadow: var(--lqd-step-bs);
}

.lqd-steps-connector-line .lqd-steps-step:before {
  content: "";
  display: inline-block;
  width: var(--lqd-step-connector-w, 2px);
  position: absolute;
  pointer-events: none;
  top: calc(var(--lqd-step-ind-mt, 0px) + var(--lqd-step-ind-h, 0px));
  bottom: calc(
    (
        var(--lqd-steps-gap, 0px) + var(--lqd-step-ind-mt, 0px) +
          var(--lqd-step-mb, 1.5em)
      ) * -1
  );
  inset-inline-start: calc(
    var(--lqd-step-ind-ms, 0px) + var(--lqd-step-ind-w) / 2 -
      var(--lqd-step-connector-w, 0px) / 2
  );
  background: var(
    --lqd-step-connector-bg,
    var(--lqd-step-ind-bg, var(--e-global-color-primary))
  );
}

.lqd-steps-connector-line .lqd-steps-step:last-child:before {
  content: none;
}

.lqd-steps-indicator-wrap {
  width: var(--lqd-step-ind-w);
  height: var(--lqd-step-ind-h);
  border-style: var(--lqd-step-ind-brs);
  border-width: var(--lqd-step-ind-brw);
  border-color: var(--lqd-step-ind-brc);
  border-radius: var(--lqd-step-ind-brrt, 21px) var(--lqd-step-ind-brre, 21px)
    var(--lqd-step-ind-brrb, 21px) var(--lqd-step-ind-brrs, 21px);
  margin: var(--lqd-step-ind-mt, 0) var(--lqd-step-ind-me, 0)
    var(--lqd-step-ind-mb, 0) var(--lqd-step-ind-ms, 0);
  background: var(--lqd-step-ind-bg, var(--e-global-color-primary));
  color: var(--lqd-step-ind-color);
  box-shadow: var(--lqd-step-ind-bs);
}

.elementor-5757
  .elementor-element.elementor-element-47ca41d6
  .lqd-steps-indicator-wrap {
  font-family: var(--e-global-typography-023eb1f-font-family), sans-serif;
  font-size: var(--e-global-typography-023eb1f-font-size);
  font-weight: var(--e-global-typography-023eb1f-font-weight);
  text-transform: var(--e-global-typography-023eb1f-text-transform);
  line-height: var(--e-global-typography-023eb1f-line-height);
  letter-spacing: var(--e-global-typography-023eb1f-letter-spacing);
  word-spacing: var(--e-global-typography-023eb1f-word-spacing);
}

.transition-all {
  transition: all var(--lqd-transition-duration)
    var(--lqd-transition-timing-function);
}

.elementor-element:where(.e-con-full, .elementor-widget) {
  flex-direction: var(--flex-direction);
  flex-wrap: var(--flex-wrap);
  justify-content: var(--justify-content);
  align-items: var(--align-items);
  align-content: var(--align-content);
  gap: var(--gap);
  --e-global-color-primary: #ff1749;
}

mark {
  background-color: transparent !important;
  color: #fff;
  -webkit-text-fill-color: initial;
}

.lqd-steps-title.transition-colors {
  font-size: 20px;
  color: var(--bs-black);
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.4px;
  line-height: 30px;
  margin-bottom: 10px;
}

.lqd-steps-description.transition-colors p {
  font-size: 16px;
  color: var(--bs-black);
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.4px;
  line-height: 28px;
}

.element-6e546709-title h2 {
  font-size: 48px;
  color: var(--font-bold);
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.1px;
  line-height: 62px;
  margin: 0;
}

.elementor-5757 .elementor-element.elementor-element-ff44695 figure {
  background: #ffffff7f;
  border-radius: 12px 12px 12px 12px;
  box-shadow: 0px 5px 55px 0px rgba(75, 83.00000000000001, 161, 0.15);
  -webkit-backdrop-filter: brightness(100%) contrast(100%) saturate(100%)
    blur(10px) hue-rotate(0deg);
  backdrop-filter: brightness(100%) contrast(100%) saturate(100%) blur(10px)
    hue-rotate(0deg);
}

.transform-3d-effect-transition {
  transition: transform 0.2s ease-out;
  will-change: transform;
}

:root {
  --main-angle: 15deg;
  --secondary-angle: 22deg;
}

@keyframes move {
  0% {
    transform: perspective(1000px) scale(1.05) rotatex(var(--main-angle))
      rotatey(calc(var(--main-angle) * -1));
  }

  12.5% {
    transform: perspective(1000px) scale(1.05) rotatex(var(--secondary-angle))
      rotatey(0);
  }

  25% {
    transform: perspective(1000px) scale(1.05) rotatex(var(--main-angle))
      rotatey(var(--main-angle));
  }

  37.5% {
    transform: perspective(1000px) scale(1.05) rotatex(0)
      rotatey(var(--secondary-angle));
  }

  50% {
    transform: perspective(1000px) scale(1.05)
      rotatex(calc(var(--main-angle) * -1)) rotatey(var(--main-angle));
  }

  62.5% {
    transform: perspective(1000px) scale(1.05)
      rotatex(calc(var(--secondary-angle) * -1)) rotatey(0);
  }

  75% {
    transform: perspective(1000px) scale(1.05)
      rotatex(calc(var(--main-angle) * -1))
      rotatey(calc(var(--main-angle) * -1));
  }

  87.5% {
    transform: perspective(1000px) scale(1.05) rotatex(0)
      rotatey(calc(var(--secondary-angle) * -1));
  }

  100% {
    transform: perspective(1000px) scale(1.05) rotatex(var(--main-angle))
      rotatey(calc(var(--main-angle) * -1));
  }
}

/* ----------------------------------- */

:is(.elementor-section-wrap, [data-elementor-id]) > .e-con {
  --margin-right: auto;
  --margin-left: auto;
  max-width: min(100%, var(--width));
}

.elementor-5686 .elementor-element.elementor-element-69bf3b5 {
  --display: flex;
  --flex-direction: column;
  --container-widget-width: 100%;
  --container-widget-height: initial;
  --container-widget-flex-grow: 0;
  --container-widget-align-self: initial;
  --background-transition: 0.3s;
  --padding-top: 100px;
  --padding-right: 10px;
  --padding-bottom: 100px;
  --padding-left: 10px;
}

.elementor-5686 .elementor-element.elementor-element-69bf3b5,
.elementor-5686 .elementor-element.elementor-element-69bf3b5::before {
  --border-transition: 0.3s;
}

@media (min-width: 768px) {
  .elementor-5686 .elementor-element.elementor-element-69bf3b5 {
    --content-width: 1200px;
  }
}

.elementor-5686
  .elementor-element.elementor-element-69bf3b5:not(
    .elementor-motion-effects-element-type-background
  ),
.elementor-5686
  .elementor-element.elementor-element-69bf3b5
  > .elementor-motion-effects-container
  > .elementor-motion-effects-layer {
  background-color: transparent;
  /* background-image: linear-gradient(180deg, #f3f8fd 0%, #e4edf500 100%); */
  background-image: #fff;
  background-image: radial-gradient(
      at 91.2% 23.4%,
      #f8fcff 0px,
      transparent 50%
    ),
    radial-gradient(at 9.3% 21.2%, #f8fcff 0px, transparent 50%),
    radial-gradient(at 50.3% 68.7%, #f8fcff 0px, transparent 50%);
}

.e-con-full,
.e-con > .e-con-inner {
  text-align: var(--text-align);
  padding-top: var(--padding-top);
  padding-bottom: var(--padding-bottom);
}

.e-con,
.e-con > .e-con-inner {
  display: var(--display);
}

.e-con > .e-con-inner {
  gap: var(--gap);
  width: 100%;
  max-width: var(--content-width);
  margin: 0 auto;
  padding-inline: 0;
  height: 100%;
}

.e-con-full.e-flex,
.e-con.e-flex > .e-con-inner {
  flex-direction: var(--flex-direction);
}

.elementor-5686 .elementor-element.elementor-element-4196f81 {
  --display: flex;
  --gap: 12px;
  --background-transition: 0.3s;
}

@media (min-width: 768px) {
  .elementor-5686 .elementor-element.elementor-element-4196f81 {
    --width: 500px;
  }
}

.elementor-5686 .elementor-element.elementor-element-acb1fa0 {
  text-align: left;
}

.e-con.e-con > .e-con-inner > .elementor-widget,
.elementor.elementor .e-con > .elementor-widget {
  max-width: 100%;
}

.lazyloaded:not(.elementor-motion-effects-element-type-background),
.lazyloaded
  > .elementor-motion-effects-container
  > .elementor-motion-effects-layer,
.lazyloaded
  > [class*="-wrap"]
  > .elementor-motion-effects-container
  > .elementor-motion-effects-layer,
body.e-lazyload .e-con.lazyloaded:before,
body.e-lazyload .lazyloaded,
body.e-lazyload .lazyloaded .elementor-background-overlay {
  --e-bg-lazyload-loaded: var(--e-bg-lazyload);
}

.elementor-5686 .elementor-element.elementor-element-76be76e {
  --display: flex;
  --min-height: 550px;
  --flex-direction: row;
  --container-widget-width: initial;
  --container-widget-height: 100%;
  --container-widget-flex-grow: 1;
  --container-widget-align-self: stretch;
  --justify-content: space-between;
  --background-transition: 0.3s;
}

.elementor-5686 .elementor-element.elementor-element-76be76e,
.elementor-5686 .elementor-element.elementor-element-76be76e::before {
  --border-transition: 0.3s;
}

.elementor-5686
  .elementor-element.elementor-element-76be76e:not(
    .elementor-motion-effects-element-type-background
  ),
.elementor-5686
  .elementor-element.elementor-element-76be76e
  > .elementor-motion-effects-container
  > .elementor-motion-effects-layer {
  background-image: var(--e-bg-lazyload-loaded);
  --e-bg-lazyload: url(https://aiclassic.liquid-themes.com/wp-content/uploads/2023/05/lines-s.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-size: 90% auto;
}

.elementor-5686 .elementor-element.elementor-element-4ac5701 {
  --lqd-box-i-mt: 0px;
  --lqd-box-i-me: 0px;
  --lqd-box-i-mb: 54px;
  --lqd-box-i-ms: 0px;
  --lqd-box-t-mt: 0px;
  --lqd-box-t-me: 0px;
  --lqd-box-t-mb: 18px;
  --lqd-box-t-ms: 0px;
  --lqd-box-l-color: #1210120c;
  width: var(--container-widget-width, 25%);
  max-width: 25%;
  --container-widget-width: 25%;
  --container-widget-flex-grow: 0;
}

.elementor-5686 .elementor-element.elementor-element-4ac5701.elementor-element {
  --align-self: flex-end;
}

.lqd-widget-container-flex > .elementor-widget-container {
  display: flex;
}

.lqd-box-image-bottom .elementor-widget-container,
.lqd-box-image-top .elementor-widget-container {
  flex-wrap: wrap;
}

.lqd-box-content {
  border-style: var(--lqd-box-c-brs);
  border-width: var(--lqd-box-c-brw);
  border-color: var(--lqd-box-c-brc);
  border-radius: var(--lqd-box-c-brr);
  padding: var(--lqd-box-c-pt, 0px) var(--lqd-box-c-pe, 0px)
    var(--lqd-box-c-pb, 0px) var(--lqd-box-c-ps, 0px);
  margin: var(--lqd-box-c-mt, 0px) var(--lqd-box-c-me, 0px)
    var(--lqd-box-c-mb, 0px) var(--lqd-box-c-ms, 0px);
  color: var(--lqd-box-c-color);
  box-shadow: var(--lqd-box-c-bs);
}

.lqd-box-label {
  border-style: var(--lqd-box-l-brs);
  border-width: var(--lqd-box-l-brw);
  border-color: var(--lqd-box-l-brc);
  padding: var(--lqd-box-l-pt, 0px) var(--lqd-box-l-pe, 0px)
    var(--lqd-box-l-pb, 0px) var(--lqd-box-l-ps, 0px);
  margin: var(--lqd-box-l-mt, 0px) var(--lqd-box-l-me, 0px)
    var(--lqd-box-l-mb, 0px) var(--lqd-box-l-ms, 0px);
  background: var(--lqd-box-l-bg);
  color: var(--lqd-box-l-color);
  box-shadow: var(--lqd-box-l-bs);
}

.elementor-5686 .elementor-element.elementor-element-4ac5701 .lqd-box-label {
  inset-inline-end: -2%;
  top: 15%;
  font-size: 200px;
  line-height: 30px;
}

.lqd-box-icon {
  border-style: var(--lqd-box-i-brs);
  border-width: var(--lqd-box-i-brw);
  border-color: var(--lqd-box-i-brc);
  border-radius: var(--lqd-box-i-brr);
  margin: var(--lqd-box-i-mt, 0px) var(--lqd-box-i-me, 0px)
    var(--lqd-box-i-mb, 0px) var(--lqd-box-i-ms, 0px);
  color: var(--lqd-box-i-color);
  box-shadow: var(--lqd-box-i-bs);
}

.elementor-5686 .elementor-element.elementor-element-4ac5701 .lqd-box-icon {
  font-size: 48px;
}

.elementor-widget-lqd-box .lqd-box-title {
  margin: var(--lqd-box-t-mt, 0px) var(--lqd-box-t-me, 0px)
    var(--lqd-box-t-mb, 0px) var(--lqd-box-t-ms, 0px);
  color: var(--lqd-box-t-color, var(--lqd-heading-color));
}

.elementor-5686 .elementor-element.elementor-element-4ac5701 {
  --lqd-box-i-mt: 0px;
  --lqd-box-i-me: 0px;
  --lqd-box-i-mb: 54px;
  --lqd-box-i-ms: 0px;
  --lqd-box-t-mt: 0px;
  --lqd-box-t-me: 0px;
  --lqd-box-t-mb: 18px;
  --lqd-box-t-ms: 0px;
  --lqd-box-l-color: #1210120c;
  width: var(--container-widget-width, 25%);
  max-width: 25%;
  --container-widget-width: 25%;
  --container-widget-flex-grow: 0;
}

.elementor-5686 .elementor-element.elementor-element-43050f3 {
  --lqd-box-i-mt: 0px;
  --lqd-box-i-me: 0px;
  --lqd-box-i-mb: 54px;
  --lqd-box-i-ms: 0px;
  --lqd-box-t-mt: 0px;
  --lqd-box-t-me: 0px;
  --lqd-box-t-mb: 18px;
  --lqd-box-t-ms: 0px;
  --lqd-box-l-color: #1210120c;
  width: var(--container-widget-width, 25%);
  max-width: 25%;
  --container-widget-width: 25%;
  --container-widget-flex-grow: 0;
}

.elementor-5686 .elementor-element.elementor-element-43050f3.elementor-element {
  --align-self: center;
  --flex-grow: 0;
  --flex-shrink: 0;
}

.elementor-5686 .elementor-element.elementor-element-43050f3.elementor-element {
  --align-self: center;
  --flex-grow: 0;
  --flex-shrink: 0;
}

.elementor-5686
  .elementor-element.elementor-element-43050f3
  > .elementor-widget-container {
  margin: 175px 0px 0px 0px;
}

.elementor-5686 .elementor-element.elementor-element-43050f3 .lqd-box-label {
  inset-inline-end: -2%;
  top: 0%;
  font-size: 200px;
  line-height: 30px;
}

.elementor-5686 .elementor-element.elementor-element-43050f3 .lqd-box-icon {
  font-size: 48px;
}

.lqd-box-icon > svg {
  max-height: 1em;
  vertical-align: middle;
  margin: 0;
}

.elementor-5686 .elementor-element.elementor-element-ecc0622 {
  --lqd-box-i-mt: 0px;
  --lqd-box-i-me: 0px;
  --lqd-box-i-mb: 54px;
  --lqd-box-i-ms: 0px;
  --lqd-box-t-mt: 0px;
  --lqd-box-t-me: 0px;
  --lqd-box-t-mb: 18px;
  --lqd-box-t-ms: 0px;
  --lqd-box-l-color: #1210120c;
  width: var(--container-widget-width, 25%);
  max-width: 25%;
  --container-widget-width: 25%;
  --container-widget-flex-grow: 0;
}

.elementor-5686 .elementor-element.elementor-element-ecc0622.elementor-element {
  --align-self: flex-start;
}

.elementor-5686 .elementor-element.elementor-element-ecc0622 .lqd-box-label {
  inset-inline-end: -2%;
  top: 0%;
  font-size: 200px;
  line-height: 30px;
}

.z-1 {
  z-index: 1;
}

.elementor-5686 .elementor-element.elementor-element-ecc0622 .lqd-box-icon {
  font-size: 48px;
}

.grow {
  flex-grow: 1;
}

h6.lqd-text-el {
  background: linear-gradient(180deg, #6d56b2 0%, #1cb2d3 100%);
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font-size: 20px;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.4px;
  line-height: 30px;
}

.e-con-inner-padding {
  padding-bottom: 80px !important;
}

h2.lqd-text-el {
  font-size: 48px;
  color: var(--font-bold);
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.1px;
  line-height: 62px;
  margin: 0;
}

.elementor-widget-lqd-box .lqd-box-content h3.lqd-box-title {
  font-size: 20px;
  color: var(--bs-black);
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.4px;
  line-height: 30px;
  margin-bottom: 10px;
  display: block;
}

.elementor-widget-lqd-box .lqd-box-content .lqd-box-description p {
  font-size: 16px;
  color: var(--bs-black);
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.4px;
  line-height: 28px;
}

.inner-info-section {
  padding: 50px 0;
}

.inner-info-container {
  display: flex;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  -webkit-box-align: start;
  align-items: start;
  border-radius: 25px;
  padding: 5rem 5rem;
}

.info-wrap-1 {
  display: flex;
  /* order: -1; */
}

.info-wrap-2 {
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  justify-content: center;
}

.info-title {
  font-size: 45px;
  font-weight: 600;
  margin-bottom: 20px;
  text-align: start;
  color: var(--bs-black);
}

.info-pera {
  font-size: 16px;
  color: var(--bs-black);
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.4px;
  line-height: 28px;
}

.lazyload-colourful {
  border-radius: 12px 12px 12px 12px;
  /* box-shadow: 0px 5px 55px 0px rgba(75, 83.00000000000001, 161, 0.15); */
  background: #ffffff7f;
  backdrop-filter: brightness(100%) contrast(100%) saturate(100%) blur(10px)
    hue-rotate(0deg);
}

.inner-info-section .container .row:nth-child(even) .col-12 .inner-info-container {
    flex-direction: row-reverse;
}


/* -------------- */

.integration-section {
  padding: 50px 0;
}

.module-center-title h2 {
  font-size: 48px;
  color: var(--font-bold);
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.1px;
  line-height: 62px;
  margin: 0;
  display: block;
  text-align: center;
}

.integration-module-first {
  margin: 0px auto;
  width: 100%;
  max-width: 100%;
  padding: 30px 0px 0px 32px;
}

.integration-module-first .lazyload-wrapper img {
  opacity: 1;
  transition: opacity 0.3s linear 0s;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.integration-content-section {
  padding: 36px 0px 64px;
}

.integration-content-pad {
  margin: 0px auto;
  width: 100%;
}

.integration-content-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
}

.integration-content-flex {
  display: flex;
  flex-direction: column;
}

.flex-lines {
  margin: 0.125rem 0px;
  height: 10px;
  width: 100%;
  border: 0px;
  position: relative;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-lines::before {
  content: "";
  border: 0.125rem solid var(--bg-theme);
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  position: absolute;
  box-sizing: border-box;
  top: 50%;
  transform: translate(0%, -50%);
  left: 1.875rem;
  z-index: 5;
}

.flex-lines::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 2.375rem;
  width: calc(100% - 2.125rem);
  height: 0.125rem;
  background: linear-gradient(to right, rgb(255 19 99), rgb(213, 216, 225) 60%);
  transform: translate(0%, -50%);
}

.integration-content-info {
  padding: 1.2rem 1.875rem 0px;
}

.integration-tag {
  display: block;
  text-align: start;
  margin-bottom: 10px;
  font-size: 13px;
  letter-spacing: 0.5px;
  font-weight: 600;
  color: var(--bg-theme);
}

.integration-title {
  font-size: 18px;
  color: var(--font-bold);
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.4px;
  line-height: 26px;
  margin-bottom: 8px;
}

.integration-dics {
  font-size: 16px;
  color: var(--bs-black);
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.4px;
  line-height: 24px;
}

.integration-desk {
  display: block;
}

.integration-mobile {
  display: none;
}

/* ------------ datafeild ------------- */

.datafeild-section {
  padding: 50px 0;
  background-image: radial-gradient(
      at 100.1% 50.9%,
      #faf3ff 0px,
      transparent 50%
    ),
    radial-gradient(at -0.2% 53.1%, #faf3ff 0px, transparent 50%),
    radial-gradient(at 8.8% 40.3%, #f5e8ff 0px, transparent 50%),
    radial-gradient(at 8.7% 60.9%, #f5e8ff 0px, transparent 50%),
    radial-gradient(at 86.9% 40.9%, #f5e8ff 0px, transparent 50%),
    radial-gradient(at 87.1% 56.2%, #f5e8ff 0px, transparent 50%);
}

.datafeild-head h2 {
  font-size: 48px;
  color: var(--font-bold);
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.1px;
  line-height: 62px;
  margin-bottom: 10px;
  display: block;
  text-align: start;
}

.datafeild-head p {
  max-width: 520px;
}

.datafeild-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 70px;
  -webkit-box-align: center;
  align-items: center;
  border-radius: 25px;
  padding: 1rem 3rem;
}

.datafeild-wrap-content ul {
  padding-left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: start;
  flex-wrap: wrap;
  row-gap: 12px;
}

.datafeild-wrap-content ul li {
  position: relative;
  padding: 3px 20px;
  width: 50%;
  font-size: 14px;
  color: var(--bs-black);
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.4px;
  line-height: 24px;
  margin-bottom: 0;
}

.datafeild-wrap-content ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  height: 8px;
  width: 8px;
  transform: translate(0%, -50%);
  background-color: var(--bg-theme);
  border-radius: 2px;
}

.datafeild-wrap-image img {
  opacity: 1;
  transition: opacity 0.3s linear 0s;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* --------------------- blog slidebar --------------------- */

.slidbar {
  margin-top: 40px;
}

.box-sidebar {
  border-style: solid;
  border-width: 1px;
  border-radius: 16px;
  padding: 25px 25px 25px 25px;
  margin-bottom: 30px;
  background-color: #fff7fa !important;
  border-color: #eec2d8 !important;
}

.head-sidebar {
  position: relative;
}

.d-inline-block {
  display: inline-block !important;
}

.head-sidebar .line-bottom {
  padding-bottom: 15px;
  margin-bottom: 25px;
  position: relative;
}

h5.h5.line-bottom {
  font-size: 20px;
  color: var(--bs-black);
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.4px;
  line-height: 34px;
}

.head-sidebar .line-bottom::before {
  height: 3px;
  width: 110px;
  content: "";
  background-color: var(--bg-theme);
  position: absolute;
  bottom: 0;
  left: 0;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.btn.btn-tags {
  border-width: 1px;
  border-style: solid;
  border-radius: 16px;
  padding: 12px 20px;
  color: #0b1222;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 0.4px;
  font-weight: 400;
  text-decoration: none;
  position: relative;
  display: inline-block;
  background-color: #f5e8f1 !important;
  border-color: #eec2c2 !important;
}

.btn-tags:hover {
  transform: translatey(-2px);
  transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
  color: var(--bg-theme);
  background-color: #f5e8f1 !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.slidebar-contact .this-form-field {
  margin-bottom: 1.3rem;
}

.slidebar-contact input:not([type="submit"]),
.slidebar-contact select,
.slidebar-contact textarea {
  background-color: transparent;
}

.link-blog-title {
  padding: 10px 0;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.5px;
  line-height: 24px;
  font-family: var(--bs-font-rubik);
  color: #2e344c;
  display: block;
  text-decoration: none;
  border-bottom: 1px solid #ffe2e2;
  transition: 0.4s;
}

.link-blog-title:nth-last-child(1) {
  border-bottom: 0;
}

.link-blog-title:hover {
  color: var(--bg-theme);
}

.article-title h1.h1 {
  font-size: 42px;
  line-height: 62px;
}



@media screen and (max-width: 768px) {
 .article-title h1.h1 {
  font-size: 32px !important;
  line-height: 46px !important;
}
}
@media screen and (max-width: 400px) {
  .article-title h1.h1 {
  font-size: 27px !important;
  line-height:38px !important;
}
}
@media screen and (min-width: 992px) {
  .slidbar {
    position: sticky;
    top: 90px;
  }
}

.article-content pre {
  background-color: #272c3d;
  padding: 10px 20px;
  border-radius: 5px;
}

.article-content pre code {
  color: #fff;
  letter-spacing: 1px;
  font-size: 16px;
  font-weight: 400;
}

@media (max-width: 1400px) {
  .grid-container {
    grid-gap: 10px;
  }

  .grid-items {
    padding: 20px 0px;
  }
}

@media (max-width: 1200px) {
  .grid-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 992px) {
  .grid-layout-img img{
    height: auto !important;
  }
  .grid-layout-img{
    height: auto !important;
  }
}

@media (max-width: 768px) {
  .grid-container {
    grid-template-columns: repeat(1, 1fr);
  }

  .grid-items {
    padding: 20px 10px;
  }
  
  
}

@media (max-width: 576px) {
  .grid-layout-img {
    height: auto;
  }
}

.new-footer-bottom-left {
  display: flex;
  gap: 15px;
}
.copyscape-datazivot {
  width: 90px;
}
.dmca-datazivot {
  width: 90px;
}

/* ................datasets new design css start................. */

.pagination-buttons {
  text-align: center;
  margin-right: 200px !important;
}

#next-btn,
#prev-btn {
  padding: 12px 30px;
  font-size: 18px;
  font-weight: bold;
  color: white !important;
  background-color: #ff004b; /* primary blue color */
  border: none !important ;
  border-radius: 2px;
  cursor: pointer;
  font-weight: 500;
}

#prev-btn i {
  margin-right: 8px; /* space between icon and text for previous */
}

#next-btn i {
  margin-left: 8px; /* space between text and icon for next */
}

/* general styles */
.dataset-main-section {
  background-color: #ff004b7d !important;
  padding: 80px 0 !important;
  min-height: 400px !important;
  overflow: visible !important;
  width: 100% !important;
  display: block !important;
}

.dataset-content-wrapper {
  max-width: 1600px !important;
  margin: 0 auto !important;
  padding: 0 15px !important;
  width: 100% !important;
  position: relative !important;
}

.dataset-heading {
  margin-bottom: 1.5rem !important;
  width: 100% !important;
  display: block !important;
  position: relative !important;
  z-index: 1 !important;
  font-size: 42px;
  color: var(--font-bold);
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.1px;
  line-height: 62px;
}

.dataset-description {
  color: #000 !important;
  font-size: 1.1rem !important;
  line-height: 1.6 !important;
  max-width: 600px !important;
  position: relative !important;
  z-index: 1 !important;
}

.dataset-image-container {
  position: relative !important;
  transition: transform 0.3s ease !important;
  z-index: 1 !important;
  margin-top: 30px !important; /* added margin to move image down */
}

.dataset-image-container:hover {
  transform: translatey(-10px) !important;
}

.dataset-image {
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
}

/* override any bootstrap container conflicts */
.dataset-main-section .container {
  max-width: 100% !important;
  padding-right: 15px !important;
  padding-left: 15px !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

.dataset-main-section .row {
  display: flex !important;
  flex-wrap: wrap !important;
  margin-right: -15px !important;
  margin-left: -15px !important;
}

.dataset-main-section .col-lg-6 {
  position: relative !important;
  width: 100% !important;
  padding-right: 15px !important;
  padding-left: 15px !important;
}

@media (max-width: 991px) {
  .dataset-heading {
    font-size: 2.2rem !important;
  }

  .dataset-description {
    font-size: 1rem !important;
  }

  .dataset-main-section .col-lg-6 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}
@media (max-width: 376px) {
  .dataset-heading {
    font-size: 2.2rem !important;
    line-height: 35px;
  }
}

@media (max-width: 484px) {
  .dataset-heading {
    line-height: 37px;
  }
}

@media (min-width: 992px) {
  .dataset-main-section .col-lg-6 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }

  .c-pd-991 {
    padding: 30px !important;
  }
}

@media (max-width: 778px) {
  .dataset-main-section {
    padding: 13px 0 !important;
  }

  .dataset-heading {
    font-size: 1.8rem !important;
    margin-bottom: 1rem !important;
  }

  .dataset-content-wrapper {
    padding: 13px 20px !important;
  }
}

@media (max-width: 576px) {
  .dataset-heading {
    font-size: 1.5rem !important;
  }

  .dataset-description {
    font-size: 0.9rem !important;
  }
}

.industry-card-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  justify-content: center;
  padding: 0 1rem;
}

/* industry heading */
.industry-heading {
  font-size: 48px;
  color: var(--font-bold);
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.1px;
  line-height: 62px;
  margin: 0;
  margin-bottom: 4rem;
  max-width: 1166px !important;
  text-align: center;
  margin-left: 107px;
}

/* individual card styling */
.industry-card {
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  padding: 1.5rem;
  transition: transform 0.2s, box-shadow 0.2s;
}

/* hover effects */
.industry-card:hover {
  transform: translatey(-5px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

/* card header */
.industry-header {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}

.bg-change-accrdion {
  box-shadow: none !important;
}

.industry-icon {
  width: 40px;
  height: 40px;
}

.industry-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #333333;
  margin: 0;
}

/* card description */
.industry-description {
  font-size: 0.95rem;
  color: #666666;
  margin-bottom: 1rem;
  line-height: 1.5;
}

/* card link */
.industry-link {
  font-size: 0.9rem;
  font-weight: 600;
  color: #007bff;
  text-decoration: none;
  transition: color 0.2s;
}

.industry-link:hover {
  color: #0056b3;
  text-decoration: underline;
}

/* responsive styles */

/* medium screens (992px and below) */
@media (max-width: 992px) {
  .industry-card-container {
    grid-template-columns: repeat(2, 1fr); /* 2 cards per row */
  }
}

/* small screens (534px and below) */
@media (max-width: 534px) {
  .industry-card-container {
    grid-template-columns: 1fr; /* 1 card per row */
  }

  .industry-card {
    max-width: 90%; /* center cards */
    margin: 0 auto;
  }
}

/* extra small screens (320px and below) */
@media (max-width: 320px) {
  .industry-card {
    max-width: 95%; /* slightly tighter width */
    padding: 0.8rem;
  }
}
@media (max-width: 1200px) {
  .industry-heading {
    font-size: 38px !important;
    margin-left: 0px !important;
    margin-bottom: 3rem !important;
  }
}

@media (max-width: 776px) {
  .industry-heading {
    font-size: 34px !important;
  }

  .pagination-buttons {
    margin-right: 0px !important;
  }
}
@media (max-width: 576px) {
  .industry-heading {
    font-size: 27px !important;
    line-height: 48px;
    margin-bottom: 2rem;
  }
}

.nav-pills .nav-link123 {
  margin-bottom: 10px;
}

.card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: #fff;
  border-radius: 10px;
  padding: 15px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  height: auto;
}

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

#searchinput {
  border-radius: 20px;
}

.icon-circle {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
  transform: translatey(-5px);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.card-title {
  font-weight: bold;
}

.btn-outline-secondary {
  font-size: 12px;
}

/* add vertical line only between industries and main content */
.industries-section {
  border-right: 2px solid #e0e0e0; /* light gray vertical line */
  padding-right: 15px;
}

.content-section {
  padding-left: 15px;
}

/* container for logo and heading side by side */
.logo-title-container {
  display: flex;
  align-items: center; /* align logo and heading horizontally */
  margin-bottom: 10px; /* space between logo/title and paragraph */
}

.logo-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px; /* fixed width for logo */
  height: 50px; /* fixed height for logo */
  margin-right: 10px; /* space between logo and title */
}

.logo-container img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* make sure the logo is cropped correctly */
}

.card-title {
  font-size: 16px;
  font-weight: bold;
}

.content-container {
  width: 100%;
}

.card-text {
  font-size: 14px;
  color: #6c757d;
  margin-bottom: 15px;
}

/* card responsiveness */
@media (max-width: 768px) {
  .logo-title-container {
    flex-direction: column;
    align-items: flex-start;
  }
}

.shadow-sm {
  padding: 30px 30px;
  background-color: #f3f3fd;
  border-radius: 25px;
  margin-bottom: 20px;
}

.card-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* card responsiveness */
@media (max-width: 768px) {
  .card-container {
    flex-direction: column;
  }
}

.shadow-sm:hover {
  box-shadow: rgba(16, 108, 238, 0.47) -1px -1px 6px 0px,
    rgb(147 112 219 / 47%) 1px 1px 6px 0px !important;
}

.nav-link123 {
  display: block;
  font-size: 15px;
  font-weight: 500;
  color: var(--met-color);
  padding: 6px 16px;
  border-radius: 0.5rem;
  border: none !important;
  background: none !important;
}

.nav-link123:hover {
  background-color: #f3f3fd !important;
  color: #007fff !important;
}

.industries-section h5 {
  padding: 0px 16px;
  font-size: 30px;
  font-weight: 600;
  color: var(--met-color);
  margin-bottom: 20px;
}

#filtercards {
  margin-bottom: 1rem;
}

#searchinput {
  margin-bottom: 30px;
}

.content-section {
  margin-top: 30px;
}

.logo-container {
  flex-shrink: 0; /* prevent the logo from shrinking */
}

.content-container {
  margin-left: 15px; /* add spacing between logo and content */
  flex-grow: 1; /* allow content to take available space */
}

.card-title {
  font-size: 1.1rem;
  font-weight: bold;
}

.card-text {
  font-size: 0.9rem;
}

.card img {
  max-width: 50px;
  max-height: 50px;
}

.mt-5 {
  margin-top: 3rem !important;
}

.api-list-call-to-action {
  background: url(../image/dataset/unlock-insights-with-our-premium-web-datasets!.png);
}

.api-list-call-to-action-inner {
  padding: 30px;
}

.api-list-call-to-action-content h2 {
  font-size: 35px;
  line-height: 58px;
  font-weight: 400;
  font-style: normal;
  margin-bottom: 20px;
  color: white;
  font-family: var(--font-first);
  text-align: center;
}

.api-list-call-to-action-content p {
  display: block;
  font-size: 18px;
  line-height: 28px;
  font-weight: 100;
  font-style: normal;
  margin-top: 6px;
  color: white;
  font-family: var(--font-first);
  text-align: center;
}

.api-list-call-to-action-btn {
  margin: 20px 0;
  text-align: center;
}

.cta-button {
  display: inline-block;
  padding: 12px 24px;
  color: white;
  text-decoration: none;
  border-radius: 5px;
  font-weight: bold;
  transition: all 0.3s ease;
  border: 1px solid white;
}

.align-items-center {
  align-items: center !important;
}

.margin-change {
  margin-bottom: 80px !important;
}

/* base styles */
.main-food-section {
  /* padding: 80px 0; */
  padding-bottom: 0px !important;
}

.food-pd h2 {
  font-size: 38px;
  color: var(--font-bold);
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.1px;
  line-height: 52px;
  margin-top: 20px;
  margin-bottom: 0;
}

.justify {
  text-align: justify !important;
  padding: 10px 0 !important;
  font-family: var(--font-family) !important;
}

.food-pd p {
  font-family: var(--font-family) !important;
  font-size: 16px;
  color: var(--bs-black);
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.5px;
  line-height: 26px;
}

.food-pd p {
  display: block;
}

@media (max-width: 1200px) {
  /* for tablet devices (smaller screens) */
  .food-pd h2 {
    font-size: 27px;
  }

  .food-pd p {
    font-size: 14px;
    line-height: 24px;
  }

  .main-food-section {
    padding: 60px 0;
  }

  .col-md-6-chnge {
    flex: 0 0 50%;
    max-width: 50%;
  }

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

@media (max-width: 768px) {
  /* for smaller screens (smartphones in portrait mode) */
  .food-pd h2 {
    font-size: 24px;
  }

  .food-pd p {
    font-size: 13px;
    line-height: 22px;
  }

  .main-food-section {
    padding: 40px 0;
  }

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

  .food-pd {
    padding: 15px;
  }

  .justify {
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  /* for very small screens (phones in portrait mode) */
  .food-pd h2 {
    font-size: 18px;
  }

  .food-pd p {
    font-size: 12px;
    line-height: 20px;
  }

  .main-food-section {
    padding: 20px 0;
  }

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

  .food-pd {
    padding: 10px;
  }

  .justify {
    font-size: 12px;
  }
}

/* industry design new */

.content-container {
  display: flex;
  padding: 20px;
}

.tabs-area {
  margin-right: 20px;
  padding: 10px 0;
  flex-shrink: 0;
}

.tabs-area h5 {
  font-weight: bold;
  margin-bottom: 10px;
  padding: 8px 20px;
  font-size: 22px;

  color: var(--met-color);
}

.tabs-area ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.tabs-area ul li {
  padding: 8px 20px;
  display: block;
  font-size: 15px;
  font-weight: 500;
  color: var(--met-color);
  padding: 6px 16px;
  border-radius: 0.5rem;
  text-decoration: none;
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 10px;
}
.tabs-area ul li:hover {
  background-color: #f3f3fd;
  color: #007fff;
}

.content-area {
  flex-grow: 1;
}

.search-bar {
  display: flex;
  justify-content: center;
  width: 100%;
}

.search-bar input {
  padding: 10px 20px;
  width: 50%;
  border-radius: 5px !important;
  box-sizing: border-box;
  border: 2px solid black;
}

.search-bar input::placeholder {
  color: black !important;
  opacity: 1;
  font-weight: 500;
}

.search-bar input:focus {
  outline: none;
}

.tab-content-container {
  display: flex;
  /* flex-wrap: wrap; */
  gap: 20px;
  justify-content: center;
}

.tab-content-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);

  gap: 20px;
  justify-content: start;
}

.tab-content-item {
  width: 100%;
}

@media screen and (max-width: 746px) {
  .tab-content-container {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
    justify-content: center;
  }
}

.tab-content-item {
  padding: 20px;
  max-width: 26rem;
  /* width: 25rem; */
  height: 14rem;
  display: flex;
  align-items: flex-start;
  gap: 15px;
  cursor: pointer;
}

.tab-content-item:hover {
  background-color: #f9f9f9;
  border-radius: 5px;
  box-shadow: rgba(16, 108, 238, 0.25) -1px -1px 4px 0px,
    rgb(147 112 219 / 25%) 1px 1px 4px 0px;
}

.tab-content-item .logo {
  height: 70px; /* adjust the size of the circle */
  width: 70px;
  border-radius: 50%; /* makes the background circular */
  background-color: #f5f5f5; /* set a background color */
  display: flex; /* center the logo inside the circle */
  justify-content: center;
  align-items: center;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px; /* optional: add shadow for a polished look */
  flex-shrink: 0;
}

.tab-content-item .content {
  flex-grow: 1;
}

.tab-content-item h6 {
  margin-bottom: 4px;
  font-size: 20px;
  font-weight: 700;
  color: #000;
  overflow: hidden;
  text-align: start;
  font-family: jetbrains mono, monospace;
  text-transform: capitalize;
}

.tab-content-item p {
  font-size: 15px;
  margin: 0 0 8px; /* consistent margin for spacing */
  font-family: var(--body-font);
  color: var(--met-color);
  text-align: start;
  font-weight: 500;
  line-height: 1.6; /* ensures proper spacing between lines */
  opacity: 0.8;
  word-break: break-word; /* prevents long words from overflowing */
  white-space: normal; /* ensures text wraps properly */
}

.load-more-container {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 20px;
}

.btn-load-more {
  padding: 10px 20px;
  font-size: 16px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  transition: background-color 0.3s, transform 0.2s;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  display: inline-block;
  margin: 0 10px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* .btn-load-more:hover {
    background: #ff8087;
    color: white;
    transform: translatey(-2px);
} */

.logo img {
  height: 50px;
  width: 50px;
  background: none !important;
}

.faq-section {
  max-width: 1200px;
  margin: 2rem auto;
  padding: 0 1.5rem;
}

.faq-title {
  color: black;
  text-align: center;
  margin-bottom: 2.5rem;
  font-size: 2.5rem;
  font-weight: 600;
}

.accordion-item {
  border: none;
  margin-bottom: 1.25rem;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

.accordion-button {
  background-color: #f8f9fa !important;
  color: #2c3e50;
  font-weight: 500;
  padding: 1.25rem 1.5rem;
  font-size: 1.1rem;
  border-radius: 8px !important;
  font-size: 20px;
}

.accordion-button:not(.collapsed) {
  background-color: #f8f9fa !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.accordion-button:focus {
  box-shadow: none;
  border-color: transparent;
}

.accordion-body {
  background-color: #fff;
  padding: 1.5rem;
  color: #505965;
  line-height: 1.6;
  border: 1px solid #e9ecef;
  border-top: none;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  font-size: 16px !important;
  font-weight: 500;
}

/* improved arrow style */
.accordion-button::after {
  width: 1.25rem;
  height: 1.25rem;
  background-size: 1.25rem;
  opacity: 0.75;
}

@media (max-width: 768px) {
  .faq-title {
    font-size: 2rem;
    margin-bottom: 2rem;
  }

  .accordion-button {
    font-size: 1rem;
    padding: 1rem 1.25rem;
  }

  .accordion-body {
    padding: 1.25rem;
  }
}

.stripe-diwali {
  height: auto;
  z-index: 9999;
  width: 100%;
  overflow: hidden;
}
.stripe-img {
  height: auto;
  width: 100%;
  display: block;
  position: fixed;
}
.stripe-img img {
  height: auto;
  width: 100%;
}
@media screen and (max-width: 500px) {
  .desktop-balck {
    display: none;
  }
  .mobile-balck {
    display: block;
  }
}
@media screen and (min-width: 501px) {
  .desktop-balck {
    display: block;
  }
  .mobile-balck {
    display: none;
  }
}

/* --------------------------------------------------- store page --------------------------------------------- */

.store {
  padding: 50px 0;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(251, 255, 250, 1) 0%,
    rgba(255, 255, 255, 1) 50%,
    rgba(255, 248, 248, 1) 100%,
    rgba(255, 255, 255, 0) 100%,
    rgba(255, 255, 255, 1) 100%
  );
}

.store-category h4 {
  font-size: 22px;
  font-weight: 600;
  color: var(--met-color);
  padding: 0 16px;
}

.store-category a {
  display: block;
  font-size: 15px;
  font-weight: 500;
  color: var(--met-color);
  padding: 6px 16px;
  border-radius: 0.5rem;
  text-decoration: none;
  white-space: nowrap;
}

.store-category a:hover {
  background-color: #f3f3fd;
  color: #007fff;
}

.store-category-box {
  margin-top: 30px;
}

.store-category-box select {
  padding: 8px 15px;
  width: 200px !important;
  border: 1px solid;
  border-color: rgb(193, 198, 221);
  border-radius: 3px;
  outline: none !important;
}

.sort-data-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sort-data-list #count-display {
  margin: 30px 20px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.5px;
  display: flex;
  align-items: center;
  font-family: var(--body-font);
}

.sort-data-list #count-display strong {
  font-weight: 700;
  margin-right: 5px;
}

.store-sort {
  display: flex;
  justify-content: end;
  margin: 30px 20px;
  align-items: center;
}

.store-sort h5 {
  margin-right: 20px;
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 0;
}

nav ul .page-item .page-link {
  border: none;
  font-size: 18px !important;
  font-weight: 500 !important;
  padding: 0 10px;
  color: #000;
  outline: none;
}

nav ul .page-item .page-link:hover {
  background: none;
  color: var(--first-color);
}

nav ul .page-item .page-link:focus {
  background: none;
  box-shadow: none;
}

nav ul .page-item .page-link span {
  font-weight: 700 !important;
}

.review {
  width: 90%;
  height: 500px !important;
  background: var(--met-color) !important;
  border-radius: 15px;
  padding: 20px 30px;
}

.review-data {
  margin-top: 20px;
}

.review-data .quotes {
  display: flex;
  justify-content: center;
  margin: 20px 0;
}

.review-data .quotes i {
  font-size: 30px;
  color: #fff;
}

.review-content p {
  text-align: center;
  font-size: 17px;
  padding-bottom: 10px;
  color: #fff;
}

.review-content h3 {
  text-align: center;
  font-size: 20px;
  padding-bottom: 10px;
  color: #fff;
  font-weight: 600;
  letter-spacing: 1px;
}

.review-content h5 {
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
}

.carousel-indicators [data-bs-target] {
  height: 13px !important;
  width: 13px !important;
  border-radius: 50% !important;
  margin: 0 5px !important;
}

.store-link {
  margin-bottom: 10px;
}

.store-link a {
  text-decoration: none;
  font-weight: 500 !important;
  font-size: 15px;
  color: #fff;
}

.store-link a:hover {
  color: #fff;
  border-bottom: 1px solid var(--pera-color);
}

.store-link a i {
  margin-right: 4px;
  font-size: 14px;
}

.store-head {
  display: flex;
}

.store-head-img {
  height: 4.8rem;
  width: 4.8rem;
  transform: translatey(15px);
}

.store-head-img img {
  width: 100%;
}

.store-head-title {
  margin-left: 15px;
}

.store-head-title h1 {
  font-size: 45px;
}

@media screen and (max-width: 992px) {
  .store-head-title h1 {
    font-size: 36px;
  }
}

@media screen and (max-width: 500px) {
  .store-head-title h1 {
    font-size: 22px;
  }
}

.store-head-title h6 {
  color: #fff;
  font-size: 20px;
  font-weight: 400;
}

.store-btn {
  margin-top: 25px;
}

.store-btn a {
  color: #fff;
  border: 1px solid #fff;
  padding: 8px 15px;
  margin-right: 5px;
  border-radius: 5px;
  transition: all 0.5s ease;
  font-size: 16px;
  font-weight: 500;
  font-family: var(--body-font);
  margin-bottom: 20px;
  display: inline-block;
}

.store-btn a i {
  margin-right: 4px;
  font-size: 16px;
}

.store-btn a:hover {
  color: var(--first-color);
  border-color: var(--first-color);
}

.store-se-tab {
  background: transparent;
}

.nav-pills h5 {
  font-size: 16px;
  color: #000;
  font-weight: 600;
  margin-bottom: 20px;
}

.nav-pills div {
  width: 100%;
}

.nav-pills .nav-link {
  font-size: 14px;
  font-weight: 700;
  color: #000;
}

.nav-pills-list .nav-link {
  font-size: 14px;
  font-weight: 600 !important;
  color: #000;
  padding: 0.2rem 0;
}

.nav-pills .nav-link {
  text-align: left;
  padding: 0.3rem 0;
  display: block;
  width: 100%;
}

.nav-pills .nav-link.active {
  color: #0d6efd !important;
  background: transparent;
  background-color: transparent !important;
  position: relative;
}

.nav-pills .nav-link.active::before {
  content: "";
  border: 2px solid rgb(22, 114, 235);
  border-radius: 4px;
  position: absolute;
  left: -1rem;
  height: 50%;
}

.store-nav-sticky {
  position: sticky !important;
  top: 100px !important;
  transition: all 0.3s ease !important;
  overflow: auto;
}

.cwaqtf pre[class*="language-"] {
  padding: 1em;
  font-size: 1.4rem;
  line-height: 2rem;
  margin: 0.5em 0px;
  overflow: auto;
  border-radius: 0.5rem;
}

.cwaqtf code[class*="language-"],
.cwaqtf pre[class*="language-"] {
  color: rgb(248, 248, 242);
  background: none;
  text-shadow: none;
  font-family: "roboto mono", "andale mono", "ubuntu mono", monospace;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  overflow-wrap: normal;
  line-height: 1.5;
  hyphens: none;
}

.se-tab {
  position: relative;
}

.se-tab .nav-tabs {
  align-items: center;
  overflow-x: hidden;
  flex-wrap: nowrap;
  white-space: nowrap;
  scroll-behavior: smooth;
  margin: 0 30px;
}

.se-tab .datasets-tabs {
  justify-content: center;
}

.se-tab .nav-tabs.dragging {
  scroll-behavior: smooth;
  cursor: grab;
}

.se-tab .icon {
  position: absolute;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
}

.icon:first-child {
  left: 0;
}

.icon:last-child {
  right: 0;
  justify-content: flex-end;
}

.icon i {
  height: 38px;
  width: 38px;
  text-align: center;
  cursor: pointer;
  font-size: 1.2rem;
  line-height: 38px;
  border-radius: 50%;
  background: #d8d5f2;
}

.icon:first-child i {
  margin-left: 8px;
}

.icon:last-child i {
  margin-right: 8px;
}

.se-tab .nav-tabs.dragging .nav-item {
  user-select: none;
}

.store-pb {
  padding: 15px 0 !important;
}

.store-content p {
  font-size: 15px;
  text-align: start;
  color: #000;
  line-height: 26px;
  font-weight: 500;
}

.store-content h4 {
  font-size: 30px;
  text-align: start;
  line-height: 50px;
  font-weight: 700;
}

.store-content h5 {
  font-size: 24px;
  text-align: start;
  line-height: 42px;
  font-weight: 700;
}

.store-content ul {
  text-decoration: none;
  list-style: auto;
  font-weight: 600;
}

.store-content ul li {
  font-weight: 500;
  text-align: start;
  color: #000;
  line-height: 26px;
  font-size: 15px;
}

.store-content .store-img {
  width: 100% !important;
  height: 100%;
  margin-bottom: 10px;
}

.store-content p pre {
  overflow: hidden !important;
  padding: 12px 16px;
  border-radius: 0.5rem;
  border: 1px solid rgb(173, 179, 208);
  background-color: rgb(26, 27, 35) !important;
}

.store-content p pre {
  overflow: hidden !important;
  padding: 12px 16px;
  border-radius: 0.5rem;
  border: 1px solid rgb(173, 179, 208);
  background-color: rgb(26, 27, 35) !important;
}

.store-content code {
  background: rgba(159, 165, 169, 0.06);
  padding: 0.25em 0.5em;
  border-radius: 0.3rem;
  border: 1px solid rgb(173, 179, 208);
  overflow-wrap: break-word;
  color: #cb2578;
}

.store-content pre {
  overflow: auto !important;
  padding: 12px 16px;
  border-radius: 0.5rem;
  background-color: rgb(26, 27, 35) !important;
  text-align: start;
}

.store-content pre code {
  border: none;
  background: transparent;
  color: #fff !important;
  line-height: 1.5;
  font-size: 1rem !important;
}

.store-dot {
  text-decoration: none;
  list-style: disc !important;
  font-weight: 600;
}

.store-content pre .token.keyword {
  color: rgb(102, 217, 239) !important;
}

.store-content pre .token.function {
  color: rgb(230, 219, 116) !important;
}

.store-content pre .token.comment {
  color: slategray !important;
}

.store-content pre code .token.operator {
  color: rgb(248, 248, 242) !important;
}

.store-content pre.token.string {
  color: rgb(166, 226, 46) !important;
}

.store-content pre code span {
  text-shadow: none !important;
  font-family: "roboto mono", "andale mono", "ubuntu mono", monospace !important;
  text-align: left !important;
  white-space: pre !important;
  word-spacing: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  line-height: 1.5 !important;
  hyphens: none !important;
  display: initial;
  margin-bottom: 0;
  font-size: 17px;
}

.store-content pre code[class*="language-"] {
  display: -webkit-box;
  -webkit-line-clamp: 15;
  -webkit-box-orient: vertical;
  padding: 0.8rem 1.6rem;
}

.store-content h6 {
  font-weight: 700;
  font-size: 20px;
  text-align: start;
  margin: 20px 0;
}

.store-content ul li code {
  font-weight: 700 !important;
  font-size: 15px;
  color: #000;
}

.store-content ul li p code {
  font-size: 0.875em !important;
  font-weight: 500 !important;
}

.store-content .store-circle {
  list-style: circle;
}

.store-content .store-circle code {
  font-weight: 500 !important;
}

.nav-pills .nav-link {
  white-space: nowrap !important;
}

.nav-pills-list .nav-link {
  line-height: 10px !important;
}

.store-next {
  margin-top: 50px;
  margin-bottom: 70px;
}

.store-next h3 {
  font-size: 40px;
  text-align: center;
  line-height: 50px;
  font-weight: 700;
  margin: 20px 0;
}

.store-next .store-next-btn {
  margin-top: 50px;
}

.store-next a.store-next-btn {
  padding: 20px 50px;
  border: 1px solid var(--first-color);
  position: relative;
  box-shadow: 0px 8px 15px rgb(0 0 0 / 10%);
  border-radius: 4px;
  display: inline-flex;
  flex-direction: row;
  -webkit-box-align: center;
  align-items: center;
  gap: 20px;
}

.store-next-btn p {
  font-size: 24px;
  letter-spacing: normal;
  font-weight: 500;
  color: var(--first-color);
  font-family: var(--body-font);
  margin-bottom: 0;
}

.store-next a.store-next-btn:hover {
  background: rgb(255, 241, 254);
  transition: all 0.3s ease;
}

.store-next a.store-next-btn img {
  width: 5rem;
  height: 5rem;
  padding: 0.5rem;
  border-radius: 8px;
  background: rgb(249, 250, 253);
  margin-right: 1.6rem;
}

.next-btn-flex {
  display: flex;
  gap: 60px;
}

.next-btn-flex .store-next-btn p {
  text-align: start;
}

.next-btn-flex .store-next-btn span {
  text-align: start;
  color: var(--met-color);
  margin-bottom: 0;
  line-height: 1.5;
  margin-top: 13px;
  font-size: 16px;
}

.next-btn-flex a.store-next-btn {
  width: 50%;
}

.tabset > input[type="radio"] {
  position: absolute;
  left: -200vw;
}

.tabset .tab-panel {
  display: none;
}

.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
  display: block;
}

.tabset > label {
  position: relative;
  display: inline-block;
  padding: 10px 8px;
  border: 1px solid transparent;
  border-bottom: 0;
  cursor: pointer;
  font-weight: 600;
  color: #fff;
}

.tab-panel {
  border-top: 1px solid #ccc;
}

.tabset > input:focus + label {
  color: #06c;
}

.tabset {
  max-width: 100%;
  background: #1e2228 !important;
  border-radius: 10px;
}

.tabset pre code span {
  font-size: 14px !important;
  line-height: 1 !important;
}

.input-tab ul {
  list-style: none;
}

.input-tab ul li a.nav-link {
  border-radius: 10px !important;
}

.input-tab .tab-data {
  text-align: start !important;
}

.input-box h3 {
  display: inline-block;
  margin-bottom: 0 !important;
  line-height: 38px;
  font-size: 23px;
  font-weight: 600;
  text-align: start !important;
  margin-right: 15px;
}

.store-content .input-box {
  border: 1px solid #000;
  padding: 20px;
  border-radius: 8px;
  margin-bottom: 20px;
}

.store-content .input-box code {
  font-size: 1em;
  padding: 0.4em 0.6em;
}

.store-content .input-box span {
  color: #000;
  padding-top: 20px;
  font-style: italic;
  font-weight: 500;
  font-size: 20px;
}

.store-content .input-box .input-option h3 {
  display: block;
  margin-bottom: 20px !important;
}

.store-content .input-box .input-option code {
  border: none;
  color: #000;
  background: transparent;
  padding: 0 5px !important;
  font-size: 19px;
}

.list-group h5 {
  font-size: 18px;
  font-weight: 600;
}

.store-content-hight {
  height: 80vh;
  overflow: scroll;
}

.store-content a.list-group-item {
  background: transparent !important;
  border: none;
  font-size: 15px;
  font-weight: 500;
  padding: 5px 2px !important;
  line-height: 20px;
}

.store-content a.list-group-item:hover {
  color: var(--first-color);
}

.hight-scroll::-webkit-scrollbar-track {
  background: transparent !important;
  margin-top: 10px !important;
}

.hight-scroll::-webkit-scrollbar {
  width: 4px !important;
}

.hight-scroll::-webkit-scrollbar-thumb {
  background-color: #000 !important;
  border: none;
}

.st-code-title {
  background-color: rgb(26, 27, 35) !important;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  padding: 8px 20px;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  border-bottom: 1px solid rgb(242, 243, 251);
}

.st-code-title button {
  background-color: transparent;
  color: #fff;
  border: none;
  font-size: 20px;
  font-weight: 500;
}

.store-bod pre {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

/* ----------------------------------------- store pagination ------------------------------------------- */

.store-search {
  width: 917px !important;
}

.c-box {
  padding: 25px;
  margin-bottom: 20px;
  height: 12rem;
  width: 406px !important;
  cursor: pointer;
}

.c-box:hover {
  background: rgba(0, 0, 0, 0.05);
  border-color: rgba(0, 0, 0, 0.1);
  border-radius: 10px !important;
}

.c-img img {
  height: 45px;
  width: 45px;
}

.c-desc {
  overflow: hidden;
  font-size: 15px;
  margin-bottom: 7px;
  font-family: var(--body-font);
  color: #2e4053 !important;
  text-align: start;
  font-weight: 500;
  text-decoration: none !important;
}

.txt-de-none {
  text-decoration: none !important;
}

#prev-btn {
  display: none;
}

.pagination-buttons button {
  margin: 0 10px;
}

.c-info {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-family: var(--body-font);
}

.c-flex {
  display: flex;
  margin-bottom: 10px;
}

.c-flex-store-box {
  align-items: center;
  gap: 20px;
}

.c-flex .c-img {
  margin-right: 10px;
}

.c-flex .c-data h5 {
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 700;
  color: var(--bs-link-color);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: start;
}

.c-flex .c-data span {
  font-size: 12px;
  font-weight: 400;
  font-family: var(--body-font);
  color: var(--pera-color);
  text-align: start;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 0;
}

.c-author {
  margin-bottom: 12px;
}

.c-author span {
  font-weight: 600;
  font-size: 16px;
  color: #000;
}

.c-info strong {
  margin-right: 3px;
  margin-left: 4px;
  color: #000;
}

.c-info span {
  font-size: 16px;
  font-family: var(--body-font);
  color: #000;
}

.c-info div {
  color: #000;
}

.c-persent {
  font-weight: 700;
  color: #000;
}

.searchbar {
  margin: 10px;
}

.searchbar input {
  width: 100%;
  padding: 10px 30px;
  border-radius: 5px;
  background-color: var(--met-color);
  font-size: 18px;
  font-weight: 400;
  font-family: var(--body-font);
  height: auto;
  border: 1px solid black;
}

.searchbar input::placeholder {
  color: var(--pera-color);
}

.searchbar input:focus {
  outline: none;
}

@media screen and (max-width: 1200px) {
  .store-search {
    width: 731px !important;
  }

  .c-box {
    width: auto !important;
  }
}

@media screen and (max-width: 992px) {
  .store-search {
    width: auto !important;
  }
}
@media screen and (max-width: 768px) {
  .store-category {
    display: flex;
    flex-direction: row;
    overflow-x: scroll;
  }

  .new-food .row {
    flex-direction: column;
  }

  .new-food-img {
    order: 1;
  }

  .food-pd {
    order: 2;
  }

  .new-food-img,
  .food-pd {
    width: 100%;
  }

  .food-pd {
    margin-top: 15px;
  }

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

.list-wrapper .auto-search {
  flex: 0 0 50%;
  max-width: 50%;
  box-sizing: border-box;
}

@media (max-width: 992px) {
  .list-wrapper .auto-search {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.data-container-main {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}

.data-faq-heading {
  color: black;
  text-align: center;
  font-size: 2.5rem;
  font-weight: 600;
  margin-bottom: 2rem;
}

.data-faq-container {
  width: 100%;
}

.data-faq-first {
  background-color: rgb(233 65 137 / 15%);
  border-radius: 8px;
  margin-bottom: 1rem;
  cursor: pointer;
  transition: background-color 0.25s ease;
  overflow: hidden;
}

.data-faq-second {
  position: relative;
  padding: 1rem;
  color: rgb(14 19 72);
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 18px !important;
}

.data-faq-icon {
  width: 20px;
  height: 20px;
  position: relative;
  transition: transform 0.25s ease;
}

.data-faq-icon::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 10px;
  height: 10px;
  border-right: 2px solid rgb(1, 1, 87);
  border-bottom: 2px solid rgb(1, 1, 87);
  transform: translatey(-70%) rotate(45deg);
  transition: transform 0.25s ease;
}

.data-faq-third {
  background-color: white;
  margin-top: 0;
  max-height: 0;
  overflow: hidden;
  transition: all 0.25s ease-in-out;
  padding: 0 1rem;
  border-radius: 0 0 8px 8px;
  opacity: 0;
  transform: translatey(-10px);
}

.data-faq-first.active {
  background-color: rgb(233 65 137 / 15%);
}

.data-faq-first.active .data-faq-icon::before {
  transform: translatey(-30%) rotate(-135deg);
}

.data-faq-first.active .data-faq-third {
  max-height: 300px;
  padding: 1rem;
  margin-top: 0;
  opacity: 1;
  transform: translatey(0);
  transition: max-height 0.25s ease-in-out, opacity 0.25s ease-in-out,
    transform 0.25s ease-in-out, padding 0.25s ease-in-out;
  color: black;
  font-size: 16px;
  border: 2px solid rgb(254 225 237);
  border-top: none;
  border-radius: 0 0 15px 15px;
}

.span-data-info {
  display: flex;
  flex-direction: column !important;
  color: rgb(73, 72, 72) !important;
}

@media (max-width: 768px) {
  .data-container-main {
    padding: 15px;
  }

  .data-faq-heading {
    font-size: 1.5rem;
  }

  .data-faq-second {
    font-size: 0.9rem;
  }

  .data-faq-third {
    font-size: 0.9rem;
  }
}

/* ...........datasets design end  */

/* ----------------- datasets inner page design css */

/* styling for the "add to cart" button */
.custom-btn-primary {
  background-color: #007bff;
  border: none;
  color: #fff;
  padding: 10px 15px;
  font-size: 1rem;
  border-radius: 5px;
  margin-bottom: 10px;
}

.custom-btn-primary:hover {
  background-color: #0056b3;
  color: #fff;
}

/* styling for the "customisation" button */
.custom-btn-outline {
  border: 1px solid #6c757d;
  background-color: transparent;
  color: #6c757d;
  padding: 10px 15px;
  font-size: 1rem;
  border-radius: 5px;
  margin-bottom: 10px;
}

.custom-btn-outline:hover {
  background-color: #f8f9fa;
  color: #495057;
}

.dataset-container {
  margin-top: 20px;
}

.text-muted {
  margin-bottom: 30px !important;
}

/* dataset card container */
.dataset-card {
  border-radius: 10px;
  background: #fff;
  margin: 20px auto;
  max-width: 300px;
}

.dataset-title {
  font-size: 48px;
  color: var(--font-bold);
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.1px;
  line-height: 62px;
  margin: 0;
}

.dataset-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 15px;
  height: 100%;
}

/* styling for individual items */
.info-item {
  width: 100%;
  text-align: center;
}

/* each item styling */
.info-item {
  background: #f9f9f9;
  border-radius: 8px;
  padding: 15px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

/* value styles (e.g., $145, csv, 15 thousand) */
.info-value {
  font-size: 1.2rem;
  font-weight: 500;
  margin-bottom: 5px;
  color: #007bff;
}

/* label styles (e.g., price, format, records) */
.info-label {
  font-size: 0.9rem;
  color: #0b0b0b;
}

/* records section styles */
.records-section {
  flex: 1;
  text-align: center;
}

.records-value {
  font-size: 1rem;
  font-weight: bold;
}

.records-label {
  font-size: 0.85rem;
  color: #6c757d;
}

/* format section styles */
.format-section {
  flex: 1;
  text-align: center;
}

.format-value {
  font-size: 1rem;
  font-weight: bold;
}

.format-label {
  font-size: 0.85rem;
  color: #6c757d;
}

.info-value {
  --bs-text-opacity: 1 !important;
  color: rgb(255 0 75) !important;
}

/* scrollable container styling */
.scrollable-container {
  max-height: 500px;
  overflow-y: auto;
  border: 1px solid #ddd;
  padding: 10px;
  background-color: #f9f9f9;
  margin-bottom: 80px;
}

/* image styling */
.scrollable-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.module-need-section {
  padding: 50px 0;
}

.module-slide-flex-container {
  width: 100%;
  justify-content: center;
  position: relative;
}

.blod-slid-title h2 {
  display: block;
  text-align: center;
  color: var(--nav-color) !important;
  font-size: 30px;
  font-weight: 600 !important;
  margin-bottom: 20px;
  line-height: 1.3;
  font-family: var(--bs-font-monospace);
  letter-spacing: 0.5px;
  text-decoration: none;
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
  padding: 10px;
}

.c-f-css {
  font-size: 4rem;
  text-align: center !important;
}

@media screen and (max-width: 1400px) {
  .c-f-css {
    font-size: 3rem;
  }
}

@media screen and (max-width: 1200px) {
  .c-f-css {
    font-size: 2.5rem;
  }
}

.blod-slid-disk p {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 25px;
  line-height: 1.5;
  font-family: var(--bs-font-monospace);
  letter-spacing: 0.5px;
  display: block;
  text-align: center;
  color: #526373;
}

.module-need-slider {
  height: 100%;
  width: 100%;
  background: pink;
  padding: 80px 100px;
}

.carousel-module-need-slider {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.carousel-module-need-slider .carousel-inner {
  max-width: 750px;
  margin: 0 auto;
}

.carousel {
  position: relative;
}

.module-1-width {
  margin: auto;
}

@media screen and (max-width: 900px) {
  .carousel-module-need-slider .carousel-inner {
    max-width: 600px;
  }
}
@media screen and (max-width: 800px) {
  .carousel-module-need-slider .carousel-inner {
    max-width: 400px;
  }
}
@media screen and (max-width: 550px) {
  .carousel-module-need-slider .carousel-inner {
    max-width: 300px;
  }

  .blod-slid-disk p {
    font-size: 14px;
  }

  .blod-slid-title h2 {
    font-size: 19px;
  }
}

@media screen and (max-width: 1100px) {
  .carousel-module-need-slider .carousel-inner {
    max-width: 680px;
  }
}

@media screen and (max-width: 1162px) {
  .carousel-module-need-slider .carousel-inner {
    max-width: 400px;
  }
}

@media screen and (min-width: 1200px) {
  .module-1-width {
    width: 40%;
    padding: 20px;
  }

  .blod-slid-disk p {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 25px;
    line-height: 1.5;
    font-family: var(--bs-font-monospace);
    letter-spacing: 0.5px;
    display: block;
    text-align: center;
    color: #526373;
  }
}

@media screen and (max-width: 1600px) {
  .carousel-module-need-slider .carousel-inner {
    max-width: 656px;
  }
}

@media screen and (max-width: 1400px) {
  .carousel-module-need-slider .carousel-inner {
    max-width: 500px;
  }
}

@media screen and (max-width: 1200px) {
  .module-1-width {
    width: 100%;
  }

  .carousel-module-need-slider .carousel-inner {
    max-width: 830px;
  }
}

@media screen and (max-width: 576px) {
  .max-width-container {
    max-width: 100% !important;
    margin: 0 auto !important;
  }
}
@media screen and (max-width: 550px) {
  .blod-slid-disk p {
    font-size: 14px;
  }
}

.module-need-slider .carousel-control-prev,
.module-need-slider .carousel-control-next {
  height: 60px; /* default height for large screens */
  width: 60px; /* default width for large screens */
  top: 50%;
  transform: translatey(-50%);
  background-color: black; /* set background color to black */
  border-radius: 50%; /* circular shape */
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease; /* smooth transition for resizing */
}

/* adjust spacing from the content */
.module-need-slider .carousel-control-prev {
  left: -70px;
}

.module-need-slider .carousel-control-next {
  right: -70px;
}

/* style the arrow icons inside */
.module-need-slider .carousel-control-prev i,
.module-need-slider .carousel-control-next i {
  font-size: 24px; /* default icon size */
  color: white;
}

/* responsive adjustments */
@media screen and (max-width: 1200px) {
  .module-need-slider .carousel-control-prev,
  .module-need-slider .carousel-control-next {
    height: 50px;
    width: 50px;
  }

  .module-need-slider .carousel-control-prev i,
  .module-need-slider .carousel-control-next i {
    font-size: 20px; /* slightly smaller icons */
  }

  .module-need-slider .carousel-control-prev {
    left: -60px;
  }

  .module-need-slider .carousel-control-next {
    right: -60px;
  }
}

@media screen and (max-width: 768px) {
  .module-need-slider .carousel-control-prev,
  .module-need-slider .carousel-control-next {
    height: 40px;
    width: 40px;
  }

  .module-need-slider .carousel-control-prev i,
  .module-need-slider .carousel-control-next i {
    font-size: 16px; /* smaller icons */
  }

  .module-need-slider .carousel-control-prev {
    left: -50px;
  }

  .module-need-slider .carousel-control-next {
    right: -50px;
  }
}

@media screen and (max-width: 576px) {
  .module-need-slider .carousel-control-prev,
  .module-need-slider .carousel-control-next {
    height: 30px;
    width: 30px;
  }

  .module-need-slider .carousel-control-prev i,
  .module-need-slider .carousel-control-next i {
    font-size: 12px; /* smallest icons for smallest screens */
  }

  .module-need-slider .carousel-control-prev {
    left: -40px;
  }

  .module-need-slider .carousel-control-next {
    right: -40px;
  }
}

@media screen and (max-width: 550px) {
  .module-need-slider {
    padding: 15px 50px !important;
  }

  .c-f-css {
    font-size: 1.5rem !important;
  }
}

@media (max-width: 992px) {
  .module-need-section {
    padding: 26px 0 !important;
  }
  .c-f-css {
    margin-bottom: 30px !important;
  }

  .dataset-title {
    line-height: 56px;
    font-size: 36px;
    margin-bottom: 40px !important;
  }
}

@media (max-width: 448px) {
  .dataset-title {
    line-height: 40px;
    font-size: 26px;
    margin-bottom: 23px !important;
  }
}

.datasets-stripe-btn-hover {
  transition: 0.3s ease-in-out;
}

.datasets-stripe-btn-hover:hover {
  color: #ed5398;
  background-color: white;
}







/* New Design Homepage */
.how-our-services-work-section {
  padding: 50px 0;
  background-color: #ffe6ea;
}

/* ---------------------------------by pragya------------------ */
.new-data-zivot-services-new-section {
  /* padding: 60px 0; */
  background-color: #fff;
  overflow: hidden;
}
.new-index-new-span-color{
  color: #0a2540;
  font-weight: 600;
}

.new-data-zivot-services-container {
 
  margin: 0 auto;
  padding: 0 15px;
}

.new-data-zivot-services-tabs-wrapper {
  display: flex;
  justify-content: center;
  margin-bottom: 60px;
  gap: 92px;
  list-style: none;
  padding: 0;
  margin-top: 0;
  flex-wrap: wrap;
  background-color: #fbd8de;
  border-radius: 1px solid transparent;
  border-radius: 15px;
  margin-inline: 130px;
}

.new-data-zivot-services-tab {
  margin: 0;
  padding: 0;
}

.new-data-zivot-services-tab-button {
  border: none;
  background: none;
  color: #333;
  font-size: 20px;
  font-weight: 500;
  padding: 12px 0;
  position: relative;
  transition: all 0.3s ease;
  cursor: pointer;
  white-space: nowrap;
}

.new-data-zivot-services-tab-button:hover {
  color: #ff004b;
}

.new-data-zivot-services-tab-button.active {
  color: #ff004b;
}

.new-data-zivot-services-tab-button.active::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #ff004b;
}

.new-data-zivot-services-content {
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.new-data-zivot-services-content.active {
  display: block;
  opacity: 1;
}

.new-data-zivot-services-row {
  display: flex;
  align-items: center;
  margin: 0 -15px;
}

.new-data-zivot-services-col {
  padding: 0 15px;
  flex: 0 0 50%;
  max-width: 50%;
}

.new-data-zivot-services-heading {
  font-size: 42px;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 24px;
  color: #1F2937;
}

.new-data-zivot-services-description {
  font-size: 18px;
  line-height: 1.6;
  color: #000 ;
  margin-bottom: 0;
}

.new-data-zivot-services-image-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  padding-bottom: 75%; /* Adjust based on image aspect ratio */
  /* overflow: hidden; */
}

.new-data-zivot-services-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media (max-width: 1200px) {
  .new-data-zivot-services-heading {
      font-size: 36px;
  }
  
  .new-data-zivot-services-tabs {
      gap: 36px;
  }
}

@media (max-width: 991px) {
  .new-data-zivot-services-heading {
      font-size: 32px;
  }
  
  .new-data-zivot-services-description {
      font-size: 16px;
  }
  
  .new-data-zivot-services-tab-item {
      font-size: 18px;
  }
  
  .new-data-zivot-services-tabs {
      gap: 24px;
  }
}

@media (max-width: 767px) {
  .new-data-zivot-services-row {
      flex-direction: column;
  }
  
  .new-data-zivot-services-col {
      flex: 0 0 100%;
      max-width: 100%;
  }
  
  .new-data-zivot-services-tabs {
      gap: 20px;
      margin-bottom: 40px;
  }
  
  .new-data-zivot-services-tab-item {
      font-size: 16px;
      padding: 8px 0 !important;
  }
  
  .new-data-zivot-services-heading {
      font-size: 28px;
      margin-bottom: 16px;
      text-align: center;
  }
  
  .new-data-zivot-services-description {
      text-align: center;
      margin-bottom: 32px;
  }
  
  .new-data-zivot-services-image-wrapper {
      padding-bottom: 66.67%; /* Adjusted for mobile */
  }
}

@media (max-width: 480px) {
  .new-data-zivot-services-new-section {
      /* padding: 40px 0; */
  }
  
  .new-data-zivot-services-tabs {
      gap: 15px;
  }
  
  .new-data-zivot-services-heading {
      font-size: 24px;
  }
}
/* -------------------------------how we work services---------- */
.new-datazivot-new-our-work-section {
  background-color: #ff407817;
}

.new-datazivot-new-our-work-section-title {
  font-size: 2rem;
  font-weight: 700;
  color: #343a40;
}

.new-datazivot-new-our-work-section-card {
  text-align: center;
}

.new-datazivot-new-our-work-section-icon img {
  width: 60px;
  height: auto;
}

.new-datazivot-new-our-work-section-heading {
  font-size: 1.1rem;
  font-weight: 600;
  color: #343a40;
  margin-bottom: 0.5rem;
}

.new-datazivot-new-our-work-section-text {
  font-size: 0.9rem;
  color: #6c757d;
}
/* ------------------what we offer---------------- */
.new-dzivot-we-offer-section {
  padding: 60px 0;
  background-color: #fff;
}
.new-dzivot-we-offer-card-bg-1{
  background: url(../image/latest-new-index/1.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.new-dzivot-we-offer-card-bg-2{
  background:url(../image/latest-new-index/4.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.new-dzivot-we-offer-title {
  font-size: 42px;
  font-weight: 700;
  color: #11164b;
  text-align: center;
  margin-bottom: 50px;
}

.new-dzivot-we-offer-cards {
  display: flex;
  gap: 50px;
  margin-bottom: 20px;
 padding-top:30px;
}

.new-dzivot-we-offer-card {
  flex: 1;
  background-image: linear-gradient(180deg, #00184B, #00184B);
  border-radius: 15px;
  padding: 30px 30PX 0 30PX;
  color: white;
  height: auto;
}

.new-dzivot-we-offer-card-title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 15px;
}

.new-dzivot-we-offer-card-text {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 30px;
}

.new-dzivot-we-offer-card-image {
  width: 100%;
  /* max-height: 200px; */
  object-fit: contain;
}

.new-dzivot-we-offer-faq-box {
  background: #11164b;
  border-radius: 15px;
  padding: 40px;
  display: flex;
  gap: 30px;
}

.new-dzivot-we-offer-faq-left {
  flex: 0 0 50%;
}

.new-dzivot-we-offer-faq-right {
  flex: 0 0 45%;
  max-height: 440px;
}

.new-dzivot-we-offer-faq-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 10px;
}

.new-dzivot-we-offer-faq-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 15px;
}

.new-dzivot-we-offer-faq-question {
  color: white;
  font-size: 18px;
  padding: 15px 40px 15px 15px;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 15px;
}

.new-dzivot-we-offer-faq-number {
  font-size: 20px;
  font-weight: 600;
  color: #11164b;
  background: white;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.new-dzivot-we-offer-faq-question::after {
  content: '+';
  position: absolute;
  right: 15px;
  font-size: 24px;
  transition: transform 0.3s ease;
}

.new-dzivot-we-offer-faq-question.active::after {
  transform: rotate(45deg);
}

.new-dzivot-we-offer-faq-answer {
  color: rgba(255, 255, 255, 0.8);
  padding: 0 15px 15px 60px;
  display: none;
  line-height: 1.6;
}

@media (max-width: 991px) {
  .new-dzivot-we-offer-cards {
      flex-direction: column;
  }

  .new-dzivot-we-offer-faq-box {
      flex-direction: column;
  }

  .new-dzivot-we-offer-faq-right {
      order: -1;
      margin-bottom: 30px;
  }

  .new-dzivot-we-offer-title {
      font-size: 36px;
  }
}

@media (max-width: 767px) {
  .new-dzivot-we-offer-title {
      font-size: 32px;
  }

  .new-dzivot-we-offer-faq-box {
      padding: 20px;
  }

  .new-dzivot-we-offer-faq-question {
      font-size: 16px;
  }
}
/* --------------industry tabs--------- */
.latest-index-industry-tab-new-section {
  /* padding: 40px 0; */
}

.latest-index-industry-tab-new-search {
  max-width: 800px;
  margin: 0 auto 30px;
}

.latest-index-industry-tab-new-tabs {
  display: flex;
  flex-wrap: nowrap; /* Prevent wrapping */
  gap: 10px;
  margin-bottom: 30px;
  justify-content: flex-start; /* Align tabs to the left */
  overflow-x: auto; /* Enable horizontal scrolling */
  padding: 10px 0;
  -webkit-overflow-scrolling: touch; /* Smooth scrolling on touch devices */
}

.latest-index-industry-tab-new-tab {
  white-space: nowrap; /* Prevent tab text from wrapping */
  padding: 8px 16px;
  border-radius: 20px;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #dee2e6;
  transition: all 0.3s ease;
  flex-shrink: 0; /* Prevent tabs from shrinking */
}

.latest-index-industry-tab-new-tab.active {
  background-color: #ff004b;
  color: white;
  border-color: #ff004b;
}

.latest-index-industry-tab-new-tabs::-webkit-scrollbar {
  height: 6px; /* Scrollbar height */
}

.latest-index-industry-tab-new-tabs::-webkit-scrollbar-thumb {
  background: #ff004b; /* Scrollbar color */
  border-radius: 3px;
}

.latest-index-industry-tab-new-tabs::-webkit-scrollbar-thumb:hover {
  background: navy; /* Scrollbar hover color */
}
.new-latest-searchhar-input{
  border: 1px solid #ff004b !important;
  border-radius: 24px !important;
  padding: 8px 25px !important;
}
.latest-index-industry-tab-new-tabs::-webkit-scrollbar-track {
  background: #f8f9fa; /* Scrollbar track background */
}

.latest-index-industry-tab-new-card {
  background: white;
  border-radius: 10px;
  padding: 25px;
  box-shadow: 0 0px 32px 0px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
  height: 100%;
}

.latest-index-industry-tab-new-card:hover {
  transform: translateY(-5px);
}

.latest-index-industry-tab-new-icon {
  width: 50px;
  height: 50px;
  margin-bottom: 15px;
}

.latest-index-industry-tab-new-title {
  font-size: 1.25rem;
  margin-bottom: 15px;
  margin-top: 5px;
  color: #2d3436;
}

.latest-index-industry-tab-new-description {
  color: #636e72;
  font-size: 0.9rem;
  margin-bottom: 20px;
}

.latest-index-industry-tab-new-button {
  color: #1b1148;
  text-decoration: none;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
}

@media (max-width: 768px) {
  .latest-index-industry-tab-new-tabs {
      padding: 0 15px;
  }
  
  .latest-index-industry-tab-new-tab {
      font-size: 0.9rem;
  }
}
/* ------------awards----------- */
.datazivot-new-index-awards-section {
  padding: 30px 0;
  background-color: #f8f9fa;
  margin-top: 120px;
}

.datazivot-new-index-awards-title {
  color: #1E1B39;
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 40px;
  text-align: center;
}

.datazivot-new-index-awards-title-title{
  font-size: 65px !important;
  font-weight: 600 ;
}

.datazivot-new-index-awards-container {
  display: flex;
  gap: 24px;
  margin-bottom: 60px;
  align-items: center;
}

.datazivot-new-index-awards-left {
  flex: 0 0 42%;
  display: flex;
  gap: 24px;
  flex-direction: column;
}
.datazivot-new-index-awards-card-bg-1{
  background: url("https://cdn.prod.website-files.com/64ac5313fdc3db427c2f54b0/6727994089b81fa70842713f_bg-front_runners.avif") !important;
  display: flex;
  align-items: center;
  gap: 20px;
}
.datazivot-new-index-awards-card-bg-2{
  background: url("https://cdn.prod.website-files.com/64ac5313fdc3db427c2f54b0/67279940d8bc9bb538eb2aa6_bg-getapp.avif") !important;
  display: flex;
  align-items: center;
  gap: 20px;
}
.datazivot-new-index-awards-card-bg-3{
  background: url("https://cdn.prod.website-files.com/64ac5313fdc3db427c2f54b0/672799408c83e7e1c6744f66_bg-product_hunt.avif") !important;
  text-align: center;
 
}


.right-hand-card-section{
  display: flex; /* Ensure the section is a flex container */
  height: 360px !important;
  justify-content: center !important; /* Align items horizontally */
  align-items: center !important; /* Align items vertically */
}
.datazivot-new-index-awards-right {
  flex: 0 0 58%;
}

.datazivot-new-index-awards-card {
  background: #fff;
  border-radius: 16px;
  padding: 24px;
  flex: 1;
  /* height: 100%; */
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s;
  max-height: 340px;
}

.datazivot-new-index-awards-card:hover {
  transform: translateY(-4px);
}

.datazivot-new-index-awards-logo {
  width: 150px;
  height: auto;
  margin-bottom: 20px;
  border-radius: 12px;
  
  padding: 16px;
}
.datazivot-new-index-awards-logo-new{
  width: auto !important;
  height: auto;
}

/* .left-side-section-award{
  margin-top: 100px !important;
} */

.datazivot-new-index-awards-name {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 8px;
  color: #1E1B39;
}

.datazivot-new-index-awards-type {
  color: #6B7280;
  font-size: 15px;
  margin-bottom: 12px;
}

.datazivot-new-index-awards-year {
  display: inline-block;
  padding: 4px 12px;
  background: #FFF4CC;
  color: #966C00;
  border-radius: 20px;
  font-size: 14px;
}

.datazivot-new-index-awards-stats {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
  text-align: center;
}

.datazivot-new-index-awards-stat {
  flex: 1;
}

.datazivot-new-index-awards-number {
  font-size: 42px;
  font-weight: 700;
  color: #0e1348;
  margin-bottom: 8px;
}

.datazivot-new-index-awards-label {
  color: #6B7280;
  font-size: 15px;
  max-width: 200px;
  margin: 0 auto;
}
.new-index-new-awards-btn{
  display: flex;
}

.datazivot-new-index-awards-button {
  background: #ff004b;
  color: white;
  padding: 14px 28px;
  
  font-size: 16px;
  font-weight: 500;
  border: none;
  display: inline-block;
  margin: 0 auto;
  transition: background 0.3s;
  text-decoration: none;
}


.datazivot-new-index-awards-button:hover {
  background: transparent;
    color: #ff004b;
    border: 1px solid #ff004b;
}

@media (max-width: 991px) {
  .datazivot-new-index-awards-container {
      flex-direction: column;
  }
  
  .datazivot-new-index-awards-left {
      flex-direction: column;
  }

  .datazivot-new-index-awards-stats {
      flex-direction: column;
      gap: 32px;
  }
}

/* -------------------testimonial--------------- */
.new-testi-xivot-section {
  padding: 35px 0;
  background-color: #fff;
  overflow: hidden;
}

.new-testi-xivot-title {
  font-size: 42px;
  font-weight: 600;
  color: #1E1B39;
  text-align: center;
  margin-bottom: 25px;
}

.new-testi-xivot-card {
  background: #fff;
  border-radius: 16px;
  padding: 24px;
  margin: 15px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  border: 1px solid #f0f0f0;
  transition: all 0.5s ease;
  transform: scale(0.95);
  opacity: 0.8;
}

/* Active slide styling */
.slick-center .new-testi-xivot-card {
  transform: scale(1);
  opacity: 1;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

.new-testi-xivot-stars {
  margin-bottom: 20px;
  color: #FFA500;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.5s ease 0.2s;
}

.slick-active .new-testi-xivot-stars {
  opacity: 1;
  transform: translateY(0);
}

.new-testi-xivot-logo {
  height: auto;
  margin-bottom: 16px;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.5s ease 0.3s;
}

.slick-active .new-testi-xivot-logo {
  opacity: 1;
  transform: translateY(0);
}

.new-testi-xivot-rating {
  color: #666;
  font-size: 15px;
  margin-bottom: 24px;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.5s ease 0.4s;
}

.slick-active .new-testi-xivot-rating {
  opacity: 1;
  transform: translateY(0);
}

.new-testi-xivot-learn {
  display: inline-block;
  color: #4F46E5;
  text-decoration: none;
  font-size: 15px;
  font-weight: 500;
  padding: 8px 24px;
  border-radius: 24px;
  border: 1px solid #e0e0ff;
  transition: all 0.5s ease;
  opacity: 0;
  transform: translateY(20px);
}

.slick-active .new-testi-xivot-learn {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.5s;
}

.new-testi-xivot-learn:hover {
  background: #f5f5ff;
  color: #4F46E5;
  transform: translateY(-3px);
}

.new-testi-xivot-slider .slick-track {
  display: flex;
  align-items: stretch;
}

.new-testi-xivot-slider .slick-slide {
  height: auto;
  transition: all 0.5s ease;
}

.new-testi-xivot-slider .slick-slide > div {
  height: 100%;
}

/* Hide any navigation arrows that might be generated */
.slick-arrow {
  display: none !important;
}

@media (max-width: 768px) {
  .new-testi-xivot-title {
      font-size: 32px;
      margin-bottom: 30px;
  }

  .new-testi-xivot-card {
      margin: 10px;
  }
}

/* -------------------------------------------- */
.new-index-datazivot-case-studies-section {
  /* background-color: #f8f9fa; */
  background: linear-gradient(272deg, #fbb1c3 0%, #fff 100%);
  overflow: hidden;
  margin-right: 100px;
  border-radius: 0 100px 100px 0;
}

.case-studies-slider {
  position: relative;
}

.slider-container {
  overflow: hidden;
}

.slide-item {
  opacity: 0;
  transition: opacity 0.5s ease;
  position: absolute;
  width: 100%;
}

.slide-item.active {
  opacity: 1;
  position: relative;
}

.slide-content {
  padding: 2rem;
}

.features-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

.feature-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.slider-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: white;
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
}

.slider-nav:hover {
  background: #f8f9fa;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.prev-slide {
  left: -7%;
}

.next-slide {
  right: -7%;
}

@media (max-width: 768px) {
  .features-grid {
      grid-template-columns: 1fr;
  }
  
  .slider-nav {
      width: 30px;
      height: 30px;
  }
  
  .prev-slide {
      left: -15px;
  }
  
  .next-slide {
      right: -15px;
  }
}
/* ------------------ */
.new-datazivot-dataset-slide-group .new-index-links{
  text-decoration: none;
}
/* Main Section Styles */
.new-datazivot-dataset-outer-wrapper {
  width: 100%;
  overflow: visible;
  position: relative;
}
/* .new-datazivot-dataset-outer-wrapper::before {
  content: "";
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
} */

.new-datazivot-dataset-section {
  background-color: #f8f9fa;
  padding: 60px 0;
  overflow: hidden;
}

/* Title Styles */
.new-datazivot-dataset-title {
  color: #333;
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

.new-datazivot-dataset-subtitle {
  color: #555;
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 3rem;
}

/* Slider Container Styles */
.new-datazivot-dataset-slider {
  position: relative;
}

.new-datazivot-dataset-wrapper {
  display: flex;
  transition: transform 0.5s ease;
}

.new-datazivot-dataset-slide-group {
  min-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.new-datazivot-dataset-slide-group.active {
  opacity: 1;
}

/* Card Styles */
.new-datazivot-dataset-card {
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  padding: 30px;
  transition: all 0.3s ease;
}

.new-datazivot-dataset-card:hover {
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  transform: translateY(-2px);
}

.new-datazivot-dataset-content {
  padding-right: 15px;
}

.new-datazivot-dataset-heading {
  color: #333;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.3;
}

.new-datazivot-dataset-text {
  color: #666;
  margin-bottom: 0;
  line-height: 1.6;
  font-size: 1rem;
}

/* Icon Styles */
.new-datazivot-dataset-icon {
  text-align: right;
  padding-right: 15px;
}

.new-datazivot-dataset-icon img {
  max-width: 60px;
  height: auto;
  transition: transform 0.3s ease;
}

.new-datazivot-dataset-card:hover .new-datazivot-dataset-icon img {
  transform: scale(1.1);
}

/* Navigation Button Styles */
.new-datazivot-dataset-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  z-index: 10;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.new-datazivot-dataset-btn:hover {
  background: #007bff;
  color: #fff;
  border-color: #007bff;
  box-shadow: 0 3px 8px rgba(0,123,255,0.3);
}

.new-datazivot-dataset-btn:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0,123,255,0.25);
}

.new-datazivot-dataset-prev-btn {
  left: 155px;
}

.new-datazivot-dataset-next-btn {
  right: 155px;
}

.new-datazivot-dataset-arrow-left,
.new-datazivot-dataset-arrow-right {
  font-size: 18px;
  line-height: 1;
}

/* Animation Classes */
.new-datazivot-dataset-fade-in {
  animation: fadeIn 0.5s ease forwards;
}

.new-datazivot-dataset-fade-out {
  animation: fadeOut 0.5s ease forwards;
}

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

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

/* Responsive Styles */
@media (max-width: 1200px) {
  .new-datazivot-dataset-btn {
      width: 35px;
      height: 35px;
  }
  
  .new-datazivot-dataset-prev-btn {
      left: 10px;
  }
  
  .new-datazivot-dataset-next-btn {
      right: 10px;
  }
  
  .new-datazivot-dataset-title {
      font-size: 2.2rem;
  }
  
  .new-datazivot-dataset-subtitle {
      font-size: 1.6rem;
  }
}

@media (max-width: 991.98px) {
  .new-datazivot-dataset-card {
      padding: 20px;
  }
  
  .new-datazivot-dataset-icon img {
      max-width: 50px;
  }
  
  .new-datazivot-dataset-heading {
      font-size: 1.3rem;
  }
}

@media (max-width: 767.98px) {
  .new-datazivot-dataset-section {
      padding: 40px 0;
  }
  
  .new-datazivot-dataset-title {
      font-size: 2rem;
  }
  
  .new-datazivot-dataset-subtitle {
      font-size: 1.4rem;
  }
  
  .new-datazivot-dataset-card {
      padding: 15px;
  }
  
  .new-datazivot-dataset-btn {
      width: 30px;
      height: 30px;
  }
  
  .new-datazivot-dataset-prev-btn {
      left: 5px;
  }
  
  .new-datazivot-dataset-next-btn {
      right: 5px;
  }
  
  .new-datazivot-dataset-arrow-left,
  .new-datazivot-dataset-arrow-right {
      font-size: 16px;
  }
}

@media (max-width: 575.98px) {
  .new-datazivot-dataset-title {
      font-size: 1.8rem;
  }
  
  .new-datazivot-dataset-subtitle {
      font-size: 1.2rem;
  }
  
  .new-datazivot-dataset-heading {
      font-size: 1.2rem;
  }
  
  .new-datazivot-dataset-text {
      font-size: 0.9rem;
  }
}
/* ---------------------------blogs------------- */
.new-index-datazivot-blog-section {
  padding: 60px 0;
}

.new-index-datazivot-blog-section .blog-title {
  color: #27195C;
  font-size: 2.5rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 40px;
}

.new-index-datazivot-blog-section .card {
  border-radius: 15px;
  /* background: #f8f9fa; */
  border: none;
  padding: 20px;
  height: 100%;
  transition: transform 0.3s ease;
}
.new-index-datazivot-blog-section .card-bg {
  background: url("https://authenticx.b-cdn.net/wp-content/uploads/2023/09/metric-bg-concrete-col-1.png");
}

.new-index-datazivot-blog-section .card-new:hover {
  transform: translateY(-5px);
}

.new-index-datazivot-blog-section .card-category {
  color: #ff004b;
  font-size: 0.9rem;
  font-weight: 600;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.new-index-datazivot-blog-section .card-title {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 15px;
  color: #0e1348;;
}
.card-latest-index img{
  max-width: 500px !important;
  max-height: 500px !important;
}

.new-index-datazivot-blog-section .card-text {
  color: #666;
  margin-bottom: 15px;
}

.new-index-datazivot-blog-section .card-link {
  color: #ff004b;
  text-decoration: none;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
}

.card-link-datasets {
  color: #ff004b;
  text-decoration: none;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
}

.new-index-datazivot-blog-section .card-link:hover {
  text-decoration: underline;
}

/* .new-index-datazivot-blog-section .icon {
  width: 40px;
  height: 40px;
} */
.new-index-datazivot-blog-section .new-index-links{
  text-decoration: none;
}

.metric-col-1-left{
  max-width: 458px;
 display: flex;
flex-direction: column;
 justify-content: space-between;
}
.metric-col-1-right{
  height: 100%;
 display: flex;
 
  flex-direction: column;
 
  justify-content: space-around;
  min-width: 140px;
}
@media (max-width: 768px) {
  .new-index-datazivot-blog-section .card {
      margin-bottom: 20px;
  }
  
  .new-index-datazivot-blog-section .card-title {
      font-size: 1.5rem;
  }
}


/* new index page seamless carousal */


@keyframes scroll {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(calc(-250px * 9)); 
	}
}


.slider {
	background: white;
	/* box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125); */
	margin: auto;
	overflow: hidden;
	position: relative;
	width: 100%; 
}

.slider::before,
.slider::after {
	background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
	content: "";
	height: 100px;
	position: absolute;
	width: 200px;
	z-index: 2;
}

.slider::after {
	right: 0;
	top: 0;
	transform: rotateZ(180deg);
}

.slider::before {
	left: 0;
	top: 0;
}

.slider {
  /* background: white; */
  /* box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125); */
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
  padding: 40px 0;
}

.slide-track {
  display: flex;
  align-items: center;
  gap: 2rem;
  animation: scroll 40s linear infinite;
  width: calc(250px * 18); /* Adjust to fit your images */
}

.slide-track .slide {
  flex-shrink: 0;
}

.sliding-images {
  width: 130px;
}

/* Keyframes for smooth scrolling */
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-250px * 9)); /* Adjust for half of your slides */
  }
}




.contact-section {
	display: flex;
	flex-wrap: wrap;
	background-color: #1c1c1c;
	color: #fff;
  /* margin-top:30px; */

}

.contact-left {
    flex: 1 1 50%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 20px;
    background: url(../image/new-index-page/new/contact-image.png) no-repeat center center;
    background-size: cover;
    color: #fff; /* Ensure text is visible on the background */
    position: relative;
}

.contact-message {
     position: relative;
    z-index: 2; /* Ensures message is above any background effects */
    display: flex;
    flex-direction: column;
    justify-content: flex-end; /* Aligns the content at the bottom */
}

.contact-left::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5); /* Adds a dark overlay for better text contrast */
    z-index: 1; /* Places overlay below text */
}


.contact-message h2 {
	font-size: 2rem;
	margin-bottom: 10px;
	color: #fff;
}

.contact-message p {
	font-size: 1rem;
	line-height: 1.5;
	color: #ccc;
}

.contact-message span {
	color: #1d9bf0;
	font-weight: bold;
}

.contact-image {
	width: 100%;
	border-radius: 8px;
	height: 100%;

}

.contact-right {
	flex: 1 1 50%;
	background-color: #2b2b2b;
	padding: 20px;
	border-radius: 8px;
}

.contact-form .form-group {
	display: flex;
	gap: 15px;
}

.contact-form .form-input {
	flex: 1;
	margin-bottom: 15px;
}

.contact-form label {
	display: block;
	font-size: 0.9rem;
	margin-bottom: 5px;
	color: #fff;
}

.contact-form label span {
	color: #e74c3c;
}

.contact-form input,
.contact-form textarea,
.contact-form select {
	width: 100%;
	padding: 10px;
	border: 1px solid #444;
	border-radius: 5px;
	background: #333;
	color: #fff;
}

.contact-form textarea {
	resize: none;
	height: 100px;
}

.contact-form small {
	display: block;
	font-size: 0.8rem;
	color: #e74c3c;
	margin-top: 5px;
}

.contact-form .form-submit {
	width: 100%;
	padding: 10px;
	background-color: #ff004b;
	border: none;
	color: #fff;
	font-size: 1rem;
	border-radius: 5px;
	cursor: pointer;
	transition: background 0.3s ease;
}

.contact-form .form-submit:hover {
	background-color: #0e1348;
}

/* Responsive Design */
@media (max-width: 768px) {
	.contact-section {
		flex-direction: column;
	}

	.contact-left,
	.contact-right {
		flex: 1 1 100%;
	}
}



/* 6 coloumn section */

.global-section {
  /* background: linear-gradient(90deg, #000235 0%, #000860 100%); */
  /* background: linear-gradient(90deg, #ff004b66 0%, #ff174924 100%); */
  min-height: 30vh;
  /* padding: 2rem 2rem 0 2rem; */
  display: flex;
  color: white;
  align-items: center;
  text-align: center;

 
}

.sidebar {
  width: 100px;
  padding-right: 2rem;
  /* border-right: 1px solid black; */
  /* border-right: 1px solid rgba(255, 255, 255, 0.6); */
  display: flex;
}
.new-span-global-footer{
  writing-mode: vertical-lr;
    transform: rotate(180deg);
    font-size: 18px;
    color: rgba(255, 255, 255, 0.9);
}


.sidebar h2 {
  writing-mode: vertical-lr;
  transform: rotate(180deg);
  font-size: 2.5rem;
  color: rgba(255, 255, 255, 0.9);
  letter-spacing: 0.5rem;
  padding: 2rem 0;
}

.locations-container {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  padding-left: 3rem;
}

.location-card {
  width: calc(16% - 2rem);
  min-width: 150px;
}

.location-icon {
  height: 80px;
  margin-bottom: 1.5rem;
  opacity: 0.7;
}

.location-icon img {
  height: 100%;
  width: auto;
  filter: brightness(5) invert(1);
}

.country {
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
  /* color: rgba(255, 255, 255, 0.9); */
  color: black;
  /* border-bottom: 1px solid rgba(255, 255, 255, 0.7); */
  border-bottom: 1px solid black;
  padding-bottom: 0.5rem;
}

.address {
  font-size: 0.9rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.7);
}

@media (max-width: 1200px) {
  .location-card {
      width: calc(33.33% - 2rem);
  }
}

@media (max-width: 768px) {
  .global-section {
      flex-direction: column;
      padding: 2rem 1rem;
  }

  .sidebar {
      width: 100%;
      border-right: none;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      margin-bottom: 2rem;
      flex-direction: column;
      justify-content: start;
      align-items: center;
  }
  .new-span-global-footer{
    writing-mode: horizontal-tb;
    transform: none;

  }

  .sidebar h2 {
      writing-mode: horizontal-tb;
      transform: none;
      text-align: left;
      padding: 1rem 0;
  }

  .locations-container {
      padding-left: 0;
  }

  .location-card {
      width: 100%;
  }
}




.scraping-hero {
  background-color: #faf8ff;
  padding: 60px 20px;
}

.scraping-container {
  max-width: 1200px;
  margin: 0 auto;
}

.user-tags {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}

.user-tag {
  display: flex;
  align-items: center;
  background-color: white;
  padding: 8px 16px;
  border-radius: 20px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.user-avatar {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 8px;
}

.user-name {
  font-size: 14px;
  margin-right: 8px;
}

.user-verified {
  font-size: 12px;
  color: #6b7280;
}

.scraping-content {
  text-align: center;
}

.badge-wrapper {
  margin-bottom: 20px;
}

.trending-badge {
  background-color: #7c3aed;
  color: white;
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 600;
}

.scraping-title {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 16px;
  color: #1f2937;
}

.highlight {
  color: #ef4444;
}

.scraping-description {
  color: #6b7280;
  margin-bottom: 40px;
}

.search-wrapper {
  margin-bottom: 40px;
}

.search-box {
  display: flex;
  max-width: 600px;
  margin: 0 auto;
  background-color: white;
  border-radius: 30px;
  padding: 6px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.search-input {
  flex: 1;
  border: none;
  padding: 12px 20px;
  outline: none;
  font-size: 16px;
}

.search-button {
  background-color: #ef4444;
  color: white;
  border: none;
  padding: 12px 24px;
  border-radius: 25px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.3s;
}

.search-button:hover {
  background-color: #dc2626;
}

.stats-wrapper {
  display: flex;
  justify-content: center;
  gap: 40px;
}

.stat-item {
  display: flex;
  align-items: center;
  gap: 8px;
}

.stat-number {
  color: #4b5563;
  font-size: 14px;
}

.star-rating {
  color: #fbbf24;
  font-size: 14px;
}



.custom-hero-section {
  padding: 80px 0;
  background-color: #F8F9FF;
  position: relative;
  overflow: hidden;
  min-height: 600px;
}

.custom-card {
  background: white;
  border-radius: 12px;
  padding: 15px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  position: absolute;
  width: 250px;
  transition: transform 0.5s ease, opacity 0.5s ease;
  opacity: 1;
  z-index: 1;
}

.custom-testimonial {
  display: flex;
  align-items: center;
  gap: 10px;
}

.custom-metric {
  text-align: center;
  padding: 20px;
}

.custom-metric .metric-icon {
  font-size: 24px;
  color: #ff1749;
  margin-bottom: 10px;
}

.custom-metric .metric-value {
  font-size: 24px;
  font-weight: bold;
  color: #333;
  margin-bottom: 5px;
}

.custom-metric .metric-label {
  color: #666;
  font-size: 14px;
}

.custom-graph {
  padding: 20px;
}

.custom-graph .graph-title {
  font-size: 14px;
  color: #666;
  margin-bottom: 10px;
}

.custom-graph .graph-value {
  font-size: 20px;
  font-weight: bold;
  color: #333;
  margin-bottom: 10px;
}

.custom-bar {
  height: 6px;
  background: #E0E0E0;
  border-radius: 3px;
  overflow: hidden;
}

.custom-progress {
  height: 100%;
  background: #4169E1;
  width: 0;
  transition: width 1s ease;
}


@media  (max-width: 1200px) {
  .custom-card.top-left{
    display: none;
  }

  .custom-card.top-right {
    display: none;
  }

  .custom-card.bottom-left{
    display: none;
  }
  .custom-card.bottom-right{
    display: none;
  }
}


@media screen and (max-width: 1200px) {
  .new-mobile-logo-box {
      height: 5rem;
      width: 100%;
      display: flex
;
      align-items: center;
      background-color: var(--bs-white);
      position: fixed;
      top: 0;
      z-index: 5;
      /* padding: 20px; */
  }
}

.custom-card.top-left {
  left: 50px;
  top: 50px;
}

.custom-card.top-right {
  right: 50px;
  top: 50px;
}

.custom-card.bottom-left {
  left: 50px;
  bottom: 50px;
}

.custom-card.bottom-right {
  right: 50px;
  bottom: 50px;
  display: none;
}

.custom-card.exit-up {
  transform: translateY(-20px);
  opacity: 0;
}

.custom-card.exit-down {
  transform: translateY(20px);
  opacity: 0;
}

.custom-card.enter-down {
  transform: translateY(-20px);
  opacity: 0;
}

.custom-card.enter-up {
  transform: translateY(20px);
  opacity: 0;
}

.custom-testimonial img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
}

.testimonial-info {
  flex: 1;
}

.verified-tag {
  background: #E6FFE6;
  color: #00B300;
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 12px;
  display: inline-block;
}

h1.hero-title {
  font-size: 48px;
  font-weight: 700;
  color: #333333;
}
h1 span {
  color: #E41E3F;
}

.custom-hero-section {
  padding: 100px 0;
    background: linear-gradient(180deg, #FFD6E0, #ffffff);
    position: relative;
    min-height: 700px;
}

.search-box {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}

.lead-text {
  font-size: 18px;
  color: #666666;
  line-height: 1.8;
}

.search-box {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.search-input {
  width: 50%;
  padding: 15px;
  border: 1px solid #DDD;
  border-radius: 50px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  font-size: 16px;
}
.search-btn {
  margin-left: -40px;
  padding: 10px 25px;
  background-color: #E41E3F;
  color: white;
  border: none;
  border-radius: 50px;
  font-size: 16px;
  font-weight: bold;
}

.verified-tag {
  background: #E6FFE6;
  color: #00B300;
  font-size: 12px;
  padding: 5px 10px;
  border-radius: 12px;
}

.custom-card {
  border-radius: 16px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
  background: white;
}
.custom-testimonial img {
  border-radius: 50%;
  border: 3px solid #E41E3F;
}

.review-tag {
  background: linear-gradient(135deg, #E41E3F, #FF7575);
  color: white;
  border-radius: 20px;
  padding: 8px 16px;
  font-size: 14px;
  display: inline-block;
}
.stars {
  color: #FFD700;
}


/* CSS */
/* CSS */
/* CSS */
.new-data-pop-zivot-form-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.new-data-pop-zivot-form-container {
  background: white;
  border-radius: 20px;
  width: 90%;
  max-width: 800px;
  position: relative;
  overflow: hidden;

}


.new-data-pop-zivot-form-close {
  position: absolute;
  right: 10px;
  top: 0px;
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  z-index: 2;
  color: #ff1749;
}

.new-data-pop-zivot-form-content {
  display: flex;
  min-height: 500px;
}

.new-data-pop-zivot-form-left {
  width: 45%;
  background: white;
  padding: 30px;
  position: relative;
  overflow: hidden;
}

.new-data-pop-zivot-form-right {
  width: 55%;
  padding: 30px;
  background: white;
}

.new-data-pop-zivot-form-chat-bubble {
  background: white;
  border-radius: 15px;
  padding: 20px;
  position: relative;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
  border: 1px solid rgba(255, 23, 73, 0.1);
  z-index: 1;
}

.new-data-pop-zivot-form-chat-bubble h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #ff1749;
}

.new-data-pop-zivot-form-chat-bubble p {
  color: #666;
  margin-bottom: 15px;
}

.new-data-pop-zivot-form-benefit-item {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  font-size: 14px;
  color: #333;
}

.new-data-pop-zivot-form-benefit-dot {
  width: 8px;
  height: 8px;
  background: #ff1749;
  border-radius: 50%;
  margin-right: 10px;
}

.new-data-pop-zivot-form-avatar {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  border: 3px solid #ff1749;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 2;
  left: 29%;
}

.new-data-pop-zivot-form-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.new-data-pop-zivot-form-dot-pattern {
  position: absolute;
  bottom: 0;
  right: 0;
  width:100%;
  height: 100%;
  background-image: radial-gradient(#ff1749 2px, transparent 2px);
  background-size: 15px 15px;
  opacity: 0.1;
}

.new-data-pop-zivot-form-input {
  width: 100%;
  padding: 12px;
  border: 1px solid #ddd !important;
  border-radius: 5px !important;
  margin-bottom: 15px;
  font-size: 14px;
}

.new-data-pop-zivot-form-input:focus {
  outline: none;
  border-color: #ff1749;
}

.new-data-pop-zivot-form-phone-group {
  display: flex;
  gap: 10px;
}

.new-data-pop-zivot-form-country-select {
  width: 125px;
}

.new-data-pop-zivot-form-captcha-group {
  display: flex;
  align-items: center;
  gap: 15px;
}

.new-data-pop-zivot-form-captcha-label {
  color: #666;
  font-size: 14px;
}

.new-data-pop-zivot-form-captcha-input {
  width: 80px;
}

.new-data-pop-zivot-form-submit {
  background: #ff1749;
  color: white;
  border: none;
  padding: 12px 25px;
  border-radius: 5px;
  cursor: pointer;
  font-weight: 500;
  margin-left: auto;
  transition: background-color 0.3s;
}

.new-data-pop-zivot-form-submit:hover {
  background: #070924;
}



.button-86 {
  all: unset;
  /* width: 200px; */
  height: 30px;
  font-size: 16px;
  background: transparent;
  border: none;
  position: relative;
  color: #fff;
  cursor: pointer;
  z-index: 1;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  z-index: 999;
}

.button-86::after,
.button-86::before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -99999;
  transition: all .4s;
}

.button-86::before {
  transform: translate(0%, 0%);
  width: 100%;
  height: 100%;
  background: #ff004b;
  border-radius: 10px;
}

.button-86::after {
  /* transform: translate(10px, 10px); */
  width: 35px;
  height: 35px;
  background: #ffffff15;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border-radius: 50px;
}

.button-86:hover::before {
  transform: translate(5%, 20%);
  width: 110%;
  height: 110%;
}

.button-86:hover::after {
  border-radius: 10px;
  transform: translate(0, 0);
  width: 100%;
  height: 100%;
}

.button-86:active::after {
  /* transition: 0s;
  transform: translate(0, 5%); */
}




textarea.new-data-pop-zivot-form-input {
  min-height: 100px;
  resize: vertical;
}

@media (max-width: 768px) {
  .new-data-pop-zivot-form-content {
    flex-direction: column;
  }
  
  .new-data-pop-zivot-form-left,
  .new-data-pop-zivot-form-right {
    width: 100%;
    padding: 20px;
  }
  
  .new-data-pop-zivot-form-chat-bubble {
    margin-bottom: -10px;
    margin-top: 10px;
  }
  
  .new-data-pop-zivot-form-captcha-group {
    flex-wrap: wrap;
  }
  
  .new-data-pop-zivot-form-submit {
    width: 100%;
    margin-top: 15px;
  }
  .new-data-pop-zivot-form-avatar{
    display: none;
  }
  .new-data-pop-zivot-form-benefit-item{
    display: none;
  }
  .new-data-pop-zivot-form-container{
    height: auto;
  }

  .new-data-pop-zivot-form-chat-bubble{
    display: none;
  }
  }


/* scrollable container */

.scrollable-container {
  max-height: calc(2 * (35px + 250px + 16px)); /* Adjust based on row height */
  overflow-y: auto; /* Enables vertical scrolling */
  padding-right: 8px; /* Adds space for scrollbar */
  scrollbar-width: thin; /* For browsers that support this */
}

.scrollable-container::-webkit-scrollbar {
  width: 8px; /* Width of scrollbar */
}

.scrollable-container::-webkit-scrollbar-thumb {
  background-color: #888; /* Scrollbar color */
  border-radius: 4px;
}

.scrollable-container::-webkit-scrollbar-thumb:hover {
  background-color: #555; /* Scrollbar hover color */
}


/* industrial images */

.industrial-images{
  width:55px;
}

.footer .footer-last-container {
  padding:0px 45px;
}



@media (min-width: 0px) and (max-width: 800px) {
  .footer .footer-last-container{
  
    padding: 0px 22px;
  }
  .new-data-pop-zivot-form-container {
    height: auto;
   
  }
  .new-data-pop-zivot-form-container{
    overflow: scroll !important;
  }
}

@media (min-width:769px ) and (max-width:800px ) {
  .new-data-pop-zivot-form-container {
    height: auto;
   
  }
}

@media (max-width: 500px) {
  .new-data-pop-zivot-form-container {
    max-height: 1000px;
   
  }
}



/* Testimonial case studies styles */


.container-testimonial {
  border: 2px solid #ff004b;
  background-color: #eee;
  border-radius: 15px;
  padding: 16px;
  margin: 16px 0
}

.container-testimonial::after {
  content: "";
  clear: both;
  display: table;
}

.container-testimonial img {
  float: left;
  margin-right: 20px;
  border-radius: 50%;
}

.container-testimonial span {
  font-size: 20px;
  margin-right: 15px;
}

@media (max-width: 500px) {
  .container-testimonial {
      text-align: center;
  }
  .container-testimonial img {
      margin: auto;
      float: none;
      display: block;
  }
}


/* -------------------------11-01-2025 ---------------- */

.button-86::before {
  transform: translate(0%, 0%);
  width: 100%;
  height: 100%;
  background: #ff004b;
  border-radius: 10px;
}


@media  (max-width: 1200px) {
  .navbar-container  .button-86::before {
    display: none;
  }
}

/* ------------Case-study table------------ */

.table-content {
  width: 100%;
  margin-top: 25px;
}

.table_content thead,th{
  border: 2px solid #000 !important;
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  background-color: #ff1749;
  color: #ffffff;
  
  
}

.table_content tbody,td{
  border: 2px solid #000 !important;
  font-size: 15px;
  background-color: #fff7fa;
  text-align: center;
  font-weight: 400;
  
}

.table-content-head{
  text-align: center;

}

/* --------------table end------------- */







/* ================================================== amazon-reviews-scraper-page ============================================== */



/* Key Features Section */

.main-features-wrapper-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 2rem;
}

.features-heading-text-block {
  text-align: center;
  margin-bottom: 3rem;
  padding: 25px 0;
}

@media  (max-width: 500px) {
   .features-heading-text-block{
    padding: 0px;
   } 
}

.feature-title-main-text h5{
  font-weight: bold;
  /* background: radial-gradient(circle, red, purple);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent; */
  color: #0A2540;
    font-size: 1.25rem;
    margin-bottom: 1rem;
}

.features-heading-text-block h2 {
  color: #0A2540;
  font-size: 2.5rem;
  font-weight: bold;
  padding: 25px 0;
}

.features-cards-grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  padding: 1rem;
}

.feature-card-content-wrapper {
  background: white;
  padding: 2rem;
  box-shadow: -10px 10px 30px rgba(0, 0, 0, 0.1), 
              -20px 20px 30px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s ease;
  display: flex;
  flex-direction: column;
}

.feature-card-content-wrapper:hover {
  transform: translateY(-5px);
}

.feature-title-heading-section {
  margin-bottom: 1rem;
}

.feature-title-main-text {
  color: #FF1493;
  font-size: 1.1rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
}

.feature-subtitle-secondary-text {
  color: #666;
  font-size: 0.9rem;
  margin-bottom: 1rem;
}


.feature-subtitle-secondary-text h6{
  font-weight: 500;
  color: #000000;
}

.feature-description-text-content {
  /* color: #4A5568;
  font-size: 1rem;
  line-height: 1.6; */
  font-size: 15px !important;
  color: var(--bs-black) !important;
  font-weight: 400 !important;
  font-style: normal !important;
  letter-spacing: 0.1rem !important;
  line-height: 28px !important;
  margin: 0 !important;
}

@media (max-width: 1024px) {
  .features-cards-grid-container {
      grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .features-cards-grid-container {
      grid-template-columns: 1fr;
  }

  .main-features-wrapper-container {
      padding: 1rem;
  }

  .features-heading-text-block h2 {
      font-size: 2rem;
  }
}


.data-fields-available {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 25px;
  -webkit-box-align: center;
  align-items: center;
  border-radius: 25px;
  padding: 5rem 6.75rem;

 
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.data-sets {
  list-style-type: disc;
}



/* datafields section */

 /* Container layout */
.container-responsive-layout {
  width: 100%;
  padding: 0 15px;
  margin: 0 auto;
}

/* Row layout */
.row-flex-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.col-12-full-width {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
}

/* Styling for heading */
.features-heading-text-block-style {
  text-align: center;
  margin-bottom: 10px;  /* Reduced margin */
}

.features-heading-text-block-style h2 {
  font-size: 2rem;
  font-weight: 600;
  color: #333;
}


/* Datasets section */


/* .datasets-left-side {
  flex: 1;
 

  padding: 30px 30PX 0 30PX;
  
  height: auto;
}


.data-sets-main-section {
  display: flex;
  margin-bottom: 20px;
 padding-top:30px;
 align-items: center;
 width: 1400px;
}

@media (max-width: 991px) {
  .data-sets-main-section{
    flex-direction: column;
  }
} */


.container-responsive-layout {
  width: 100%;
  padding: 0 15px;
  margin: 0 auto;
}

/* Heading styling */
.text-center-heading-style {
  text-align: center;
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 20px;
  color: #333;
}

/* Data sets section */
.data-fields-main-container-section {
  padding: 20px 40px 90px 40px;
  background: linear-gradient(135deg, #f5f5f5 0%, #e0e0e0 100%);

  font-family: Arial, sans-serif;
}

.data-fields-content-wrapper-block {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

/* Centering the Data Fields Available title */
.data-fields-title-heading-text {
  color: #1a237e;
  font-size: 32px;
  margin-bottom: 30px;
  text-align: center; /* Centered the heading */
}

.data-fields-list-container-box {
  flex: 1;
}

.data-fields-image-wrapper-container {
  flex: 1;
  position: relative;
}

.data-fields-item-list {
  list-style-type: disc;
  padding-left: 20px; /* Adds space for the bullet points */
  padding-top: 25px;
}

.data-fields-item-content-box {
  font-size: 20px ;
  color: var(--bs-black) ;
  font-weight: 400 ;
  font-style: normal ;
  letter-spacing: 0.1rem ;
  line-height: 28px ;
  margin: 0 ;
}

.data-fields-item-title-text {
  font-weight: bold;
  font-size: 18px;
}

.data-fields-illustration-image-element {
  width: 100%;
 
  height: auto;
}

.data-fields-person-phone-illustration {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 400px;
  height: auto;
}

@media (max-width: 768px) {
  .data-fields-content-wrapper-block {
      flex-direction: column-reverse;
      gap: 20px;
  }

  .data-fields-title-heading-text {
      font-size: 24px;
      text-align: center;
  }

  .data-fields-main-container-section {
      padding: 20px;
  }

  .data-fields-illustration-image-element {
      max-width: 300px;
  }

  .data-fields-person-phone-illustration {
      position: relative;
      margin-top: 20px;
  }
}

.tab-section-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 20px;
}

.features-heading-text-block-title {
  text-align: center;
  padding: 25px 0;
}

.features-heading-text-block-title h2{
  color: #0A2540;
    font-size: 2.5rem;
    font-weight: bold;
    padding: 25px 0;
}

@media (max-width: 768px) {
  .features-heading-text-block-title h2{
    font-size: 2rem;
  }
}


.tab-buttons-container {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
  padding-bottom: 30px;
}

.tab-button {
  padding: 12px 50px;
  font-size: 16px;
  font-weight: bold;
  color: #555;
  background-color: #f0f0f0;
  border: none;
  border-radius: 21px;
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.tab-button:hover {
  background-color: #e0e0e0;
}

.tab-button.active {
  background-color: #d9534f;
  color: white;
}

.tab-content-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  text-align: center;
}

.tab-content-left {
  max-width: 600px;
  font-size: 16px;
  color: #333;
  line-height: 1.6;
}

.tab-content-left p{

  font-size: 20px ;
  color: var(--bs-black) ;
  font-weight: 400 ;
  font-style: normal ;
  letter-spacing: 0.1rem ;
  line-height: 28px ;
  margin: 0 ;
}

.amazon-reviews-scraper-api-section{
  background-color: #f1f1f1;
  padding: 40px 0;
}

.tab-image {
  width: 575px;
  height: 380px;
  object-fit: cover;
  border: 1px solid #ddd;
  border-radius: 5px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Media query for screens larger than 1024px (for desktop) */
@media (min-width: 1024px) {
  .tab-content-container {
    flex-direction: row; /* Row layout */
    align-items: center;
  }

  .tab-content-left {
    text-align: left;
    width: 450px;
  }

  .tab-image {
    width: 575px;
    height: 380px;
  }
}

/* Media query for screens between 768px and 1024px */
@media (min-width: 768px) and (max-width: 1024px) {
  .tab-content-container {
    flex-direction: column; /* Change to column layout */
    align-items: center; /* Center align content */
  }

  .tab-content-left {
    text-align: center; /* Keep text centered */
    font-size: 16px; /* Adjust font size for these medium-sized screens */
    max-width: 90%; /* Limit the text width */
  }

  .tab-image {
    width: 100%; /* Make image stretch full width */
    height: auto; /* Maintain aspect ratio */
    max-width: 100%; /* Limit the image to full width */
  }
}

@media (max-width: 767px) {
  .tab-content-container {
    flex-direction: column;
    align-items: center;
  }

  .tab-content-left {
    text-align: center;
    font-size: 16px; /* Adjust font size for mobile */
    max-width: 90%;
  }

  .tab-image {
    width: 100%; /* Make image stretch full width */
    height: auto;
    max-width: 100%; /* Limit the image to full width */
  }
}











/* pricing card style */

/* Main container for pricing cards */
.pricing-cards-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
  padding: 40px 20px 20px 20px;
}

/* Individual card wrapper */
.pricing-card-wrapper {
  width: 250px;
  background: white;
  border-radius: 0px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding-bottom: 25px;
}

/* Apply animation on card hover */
.pricing-card-wrapper:hover {
  transform: translateY(-10px);
}

/* Card header styling */
.pricing-card-header {
  background: linear-gradient(45deg, #ff6b6b, #ff8e8e);
  padding: 15px;
  border-radius: 10px 10px 50% 50% / 10px 10px 45% 45%;
  text-align: center;
  color: white;
  position: relative;
}

.pricing-card-header::after {
  content: '';
  position: absolute;
  top: 82%;
  left: 0;
  width: 100%;
  height: 37px;
  background: linear-gradient(45deg, #ff6b6b, #ff8e8e);
  border-radius: 80% 80% 50% 50% / 0 0 100% 100%;
  opacity: 0.1;
  z-index: 1;
  transform: translateY(-12px);
}

/* Add another pseudo-element for a lighter shadow effect below the original one */
.pricing-card-header::before {
  content: '';
  position: absolute;
  top: 90%; /* Slightly below the original shade */
  left: 0;
  width: 100%;
  height: 20px; /* Smaller height for the lighter shade */
  background: linear-gradient(45deg, #ff8e8e, #ff6b6b); /* Lighter gradient */
  opacity: 0.05; /* Lighter opacity */
  z-index: 0;
  transform: translateY(-8px);
  border-radius: 80% 80% 50% 50% / 0 0 100% 100%; /* Matching curve */
}

.pricing-card-badge {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  position: relative;
  z-index: 2;
}

/* Card price styling */
.pricing-card-price {
  font-size: 25px;
  font-weight: bold;
  margin: 30px 0 20px;
  text-align: center;
  color: #ff6b6b;
  position: relative;
  z-index: 2;
  padding-bottom: 20px;
  text-decoration-line: underline;
}

/* Feature list styling */
.pricing-card-features {
  padding: 20px;
  list-style: none;
  position: relative;
  z-index: 2;
  margin: 0;
}

.pricing-card-feature {
  margin: 10px 0;
  display: flex;
  align-items: center;
  gap: 10px; /* Gap between icon and text */
  border-bottom: 1px solid;
  padding-bottom: 10px;
}

.pricing-card-feature i {
  font-size: 25px;
  color: #ff1749;
}

/* Card button styling */
.pricing-card-button-wrapper {
  text-align: center;
  margin-top: -20px;
  position: relative;
  z-index: 3;
}

.pricing-card-button {
  padding: 12px 25px;
  background: linear-gradient(45deg, #ff6b6b, #ff8e8e);
  color: white;
  text-decoration: none;
  border-radius: 25px;
  font-weight: bold;
  transition: all 0.3s ease;
  border: none;
  display: inline-block;
}

/* Make button hover affect the card */
.pricing-card-wrapper:hover .pricing-card-button,
.pricing-card-button:hover {
  background: linear-gradient(45deg, #ff8e8e, #ff6b6b);
  box-shadow: 0 4px 15px rgba(255, 107, 107, 0.4);
  transform: translateY(-10px);
}

.pricing-card-button-wrapper:hover .pricing-card-wrapper {
transform: translateY(-10px); /* Apply the same transition when hovering over the button */
}

@media (max-width: 768px) {
  .pricing-card-wrapper {
      max-width: 300px;
  }
}




/* use cases section */


.main-cases-wrapper-container {
  max-width: 1200px;
  margin: 0 auto;
padding: 60px 20px;
}


.use-cases-images{
  width: 64%;
}

.cases-heading-text-block {
  text-align: center;
  margin-bottom: 3rem;
}

.cases-heading-text-block h2 {
  color: #0A2540;
  font-size: 2.5rem;
  font-weight: bold;
}

.cases-grid-layout-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  padding: 1rem;
}

.case-card-content-wrapper {
  background: white;
  border-radius: 12px;
  padding: 1rem;
  text-align: center;
  transition: all 0.3s ease;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.case-card-content-wrapper p{
  font-size: 16px;
  
}

.case-card-content-wrapper h4{
  font-weight: 600;
}

.case-card-content-wrapper::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(150deg, #ff69a7, #1b4296f5);
opacity: 0;
transition: opacity 0.3s ease;
z-index: 1;
border-radius: 12px;
}

.case-card-content-wrapper:hover::before {
  opacity: 1;
}

.case-icon-container-block {
  background: #FFF0F5;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin: 0 auto 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
}

.case-icon-container-block svg {
  width: 40px;
  height: 40px;
  fill: #ff8b14;
}

.case-title-text-section {
  color: #0A2540;
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 1rem;
  position: relative;
  z-index: 2;
}

.case-description-text-content {
 

 
  position: relative ;
  z-index: 2;
    font-size: 20px ;
  color: var(--bs-black) ;
  font-weight: 400 ;
  font-style: normal ;
  letter-spacing: 0.1rem ;
  line-height: 28px ;
  margin: 0 ;
}

.case-card-content-wrapper:hover .case-title-text-section
 {
  color: white;
}

/* .case-card-content-wrapper:hover .case-description-text-content{
  color: white !important;
} */

.case-card-content-wrapper:hover .case-description-text-content p {
  color: white !important;
}


.case-card-content-wrapper:hover .case-icon-container-block {
  background: rgba(255, 255, 255, 0.9);
}







/* hero section */

.retail-ecommerce-hero {
  height: 760px !important;
  width: 100% !important;
  position: relative;
  overflow: hidden;  /* Added to contain floating elements */
}
/* @media screen and (max-width: 400px) {
  .retail-food-hero {
    height: 100% !important;
  }
} */
.retail-ecoomerce-inner-hero {
  height: 100%;
  width: 100%;
  padding-top: 6rem;
  display: flex;
  justify-content: center;
  text-align: center;
/* background: linear-gradient(180deg, #ffdce6, #ffffff00); */
background-color: #ffdce6;
}
@media screen and (max-width: 576px) {
  .retail-food-inner-hero {
    padding-top: 2rem !important;
  }
  }
  @media screen and (max-width: 992px) {
 .food-container {
    max-width: 800px !important;
  }
 /* .retail-ecommerce-second {
    height: 365px;
  } */
  /* .food-second-image {
    margin-top: -15% !important;
  } */
 /* .food-second {
    height: 320px !important;
  } */
}

@media (min-width: 200px) and (max-width: 650px) {
  .food-image-responsive{
    margin-top: 0px !important;
  }
}
  @media screen and (max-width: 768px) {
.food-container {
    max-width: 650px !important;
  }
 /* .food-second {
    height: 230px !important;
  } */
  }


  /* @media  (max-width: 400px) {
    .food-second{
      height: 160px !important;
    }
  } */

  /* @media (min-width: 401px) and (max-width: 768px) {
    .food-second{
      height: 270px !important;
    }
  } */
.ecommerce-hero-content {
  z-index: 0;
  /* max-width: 900px !important; */
  display: flex;
  flex-direction: column;
  margin: auto;
}

.ecommerce-hero-content-1 {
  z-index: 0;
  max-width: 950px !important;
  display: flex;
  flex-direction: column;
  margin: auto;
}
.ecommerce-hero-content {
  color: #fff;
  letter-spacing: 0.1rem;
}
.ecommerce-hero-content p {
  font-size: 20px;
  letter-spacing: 0.1rem;
  color: #0a2540;
}


@media (min-width: 501px) and (max-width: 772px) {
  .ecommerce-hero-content p{
    font-size: 16px;
  } 
}
.ecommerce-hero-content h3 {
  font-size: 22px;
  margin-bottom: 0.75rem;
}
.btn-background-color-yellow {
  background-color: var(--btn-background-yellow) !important;
}
.color-yello {
  /* color: #0a2540 !important;
  font-weight: 600; */
  font-size: 48px;
    color: var(--font-bold);
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0.1px;
    line-height: 62px;
    margin: 0;
}
@media screen and (max-width: 756px) {
  /* .retail-ecommerce-second {
    height: 265px;
  } */
}
  @media screen and (max-width: 400px) {
 /* .retail-ecommerce-second {
    height: 150px;
  } */
}
  /* @media screen and (max-width: 576px) {
 .food-second {
    display: none;
  }
} */
/* .retail-ecommerce-second {
  height: 430px;
} */
.ecommerce-second-image {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -205px !important;
}
.ecommerce-second-image img {
  max-width: 100%;
  height: auto;
  z-index: 1;
  
}
.buttonmt-jkhjh{
  margin-top: 30px;
}
@media (max-width: 1024px) {
  .cases-grid-layout-container {
      grid-template-columns: repeat(2, 1fr);
  }
  .ecommerce-second-image{
        margin-top: -152px !important
  }
  .buttonmt-jkhjh{
  margin-top: 0px;
}
}

@media (max-width: 768px) {
  .cases-grid-layout-container {
      grid-template-columns: 1fr;
  }
  .ecommerce-second-image{
        margin-top: -237px !important;
  }

  .main-cases-wrapper-container {
      /* padding: 0rem; */
      padding-top: 30px;
  }

  .cases-heading-text-block h2 {
      font-size: 2rem;
  }
}
.pink-shadow {
  position: absolute;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: rgb(255 0 45 / 30%);
  filter: blur(80px);
}
.pink-shadow.top-left {
  top: -100px;
  left: -100px;
}
.pink-shadow.bottom-right {
  bottom: -100px;
  right: -100px;
}
/* Floating images */
.floating-images {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.float-img {
  position: absolute;
  border-radius: 50%;
  animation: float 6s ease-in-out infinite;
}
.chrome-icon {
  width: 50px;
  height: 50px;
  top: 27%;  /* Changed from 15% to 45% */
  left: 20%;
  animation-delay: 0s;
}
.profile-1 {
  width: 50px;
  height: 50px;
  top:56%;  /* Changed from 25% to 50% */
  left: 22%;
  animation-delay: 1s;
}
.profile-2 {
  width: 50px;
  height: 50px;
  top: 41%;  /* Changed from 35% to 48% */
  left: 7%;
  animation-delay: 2s;
}
.slack-icon {
  width: 50px;
  height: 50px;
  top: 25%;  /* Changed from 20% to 52% */
  right: 19%;
  animation-delay: 3s;
}

.slack-icon-3 {
  width: 50px;
  height: 50px;
  top: 46%;  /* Changed from 20% to 52% */
  right: 22%;
  animation-delay: 3s;
}

.slack-icon-4 {
  width: 50px;
  height: 50px;
  top: 79%;
  right: 6%;
  animation-delay: 3s;
}
@keyframes float {
  0% {
      transform: translateY(0px);
  }
  50% {
      transform: translateY(-20px);
  }
  100% {
      transform: translateY(0px);
  }
}
/* Responsive adjustments */
@media screen and (max-width: 768px) {
  .float-img {
      transform: scale(0.8);
  }
  .pink-shadow {
      width: 200px;
      height: 200px;
  }
}
@media screen and (max-width: 576px) {
  .float-img {
      transform: scale(0.6);
  }
  .pink-shadow {
      width: 150px;
      height: 150px;
  }
}


@media (max-width: 1000px) {
  .float-img{
    display: none;
  }
}



/* How it works last section */

.how-works-main-container-section {
  position: relative;
  padding: 40px;
  /* background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%); */
  background-color: #e7e7e7;
  /* background: url('http://172.28.151.172:8080/datazivot/assets/image/amazon-reviews-scraper-api/image1.png');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; */
 
  /* background-position: center; */

 height: 900px;
  font-family: Arial, sans-serif;
  z-index: 20;
}

.box-icon-1{
  margin-top: 0px;
}

.box-icon-2{
  margin-top: 75px;
  /* background-color: #e7e7e7; */
}

.box-icon-5{
  margin-top: 0px;
}

.box-icon-4{
  margin-left: 95px;
}


  .line-image {
    position: absolute;
    top: 42%;
    object-fit: cover;
    width: 77%;
    height: 100%;
    left: 57%;
    transform: translate(-50%, -35%);
    z-index: -1;
}

@media (max-width: 1024px) {
  .line-image{
    display: none;
  }
}


.how-works-content-wrapper-block {
  max-width: 1200px;
  margin: 0 auto;
}

.how-works-title-heading-text {
  color: #1a237e;
  font-size: 32px;
  text-align: center;
  margin-bottom: 50px;
}

.how-works-upper-section-container {
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
  gap: 30px;
}

.how-works-lower-section-container {
  display: flex;
  margin-top: 155px !important;
  justify-content: space-around;
  gap: 20px ;
  margin-top: 40px;
 
}

.how-works-step-content-box {
  text-align: center;
  max-width: 300px;
}

.how-works-step-image-wrapper {
  width: 80px;
  height: 80px;
  margin: 0 auto 20px;
}

.how-works-step-image-element {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.how-works-step-title-text {
  /* font-size: 20px;
  color: #333;
  margin-bottom: 10px;
  font-weight: 700; */
  color: #0A2540;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 1rem;
  /* position: relative; */
  z-index: 2;
}

.how-works-step-description-text {
  /* color: #666;
  font-size: 16px;
  line-height: 1.5; */
  z-index: 2;
  font-size: 17px;
  color: var(--bs-black);
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.1rem;
  line-height: 28px;
  margin: 0;
}

@media (max-width: 768px) {
  .how-works-upper-section-container,
  .how-works-lower-section-container {
      flex-direction: column;
      align-items: center;
      margin-left: 0;
  }

  .how-works-main-container-section {
      padding: 20px;
      height: auto;
  }

  .how-works-step-content-box {
      margin-bottom: 40px;
  }

  .how-works-title-heading-text {
      font-size: 24px;
      margin-bottom: 30px;
  }
}

@media (max-width: 992px) {
    .retail-ecommerce-hero {
      /* height: 500px !important; */
    }

}

@media (max-width: 780px) {
  .ecommerce-hero-content {
    max-width: 1200px !important;
  }
}

@media (max-width: 500px) {
  .ecommerce-hero-content p {
    font-size: 12px;
  }
}

@media (max-width: 413px) {
  .color-yello {
    font-size: 18px !important;
    line-height: 26px;
  }
}

@media (min-width: 414px) and (max-width: 992px) {
  .color-yello{
    font-size: 26px;
    line-height: 35px;
  }
}

.amezon-review-section-para{
  font-size: 20px !important;
  color: var(--bs-black) !important;
  font-weight: 400 !important;
  font-style: normal !important;
  letter-spacing: 0.1rem !important;
  line-height: 28px !important;
  margin: 0!important;
}

.data-fields-list-container-box p{
  font-size: 20px !important;
  color: var(--bs-black) !important;
  font-weight: 400 !important;
  font-style: normal !important;
  letter-spacing: 0.1rem !important;
  line-height: 28px !important;
  margin: 0!important;
}



/* 3 line carousal section css */


.logo-slider-main-wrapper-container {
  overflow: hidden;
  padding: 20px 0;
  background: white;
}

.logo-slider-track-content-section {
  display: flex;
  width: fit-content;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  gap: 30px;
}

.logo-slider-individual-image-box {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 20px 30px;
  border-radius: 50px; /* Oval shape */
  background: #f9fafb; /* Light background color */
  flex-shrink: 0;
  text-decoration: none; /* Remove underline for links */
}

.logo-slider-image-element-wrapper {
  width: 50px;
  height: 50px;
  border-radius: 50%; /* Makes the logo circular */
  object-fit: contain;
  background: white;
  padding: 5px; /* Padding inside the logo for cleaner display */
}

.logo-slider-text {
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #374151;

  
  white-space: nowrap; /* Prevent text wrapping */
}

a {
  text-decoration: none;
  cursor: pointer;
}

.logo-first-line-slider-animation {
  animation: slideLeft 50s linear infinite;
}

.logo-second-line-slider-animation {
  animation: slideRight 50s linear infinite;
}

.logo-third-line-slider-animation {
  animation: slideLeft 50s linear infinite;
}

@keyframes slideLeft {
  0% {
      transform: translateX(0);
  }
  100% {
      transform: translateX(-50%);
  }
}

@keyframes slideRight {
  0% {
      transform: translateX(-50%);
  }
  100% {
      transform: translateX(0);
  }
}

.logo-slider-line-container-wrapper {
  display: flex;
  margin: 40px 0;
  overflow: hidden;
}

/* Responsive styles */
@media (max-width: 768px) { /* Tablets */
  .logo-slider-individual-image-box {
      gap: 8px;
      padding: 8px 15px;
  }

  .logo-slider-image-element-wrapper {
      width: 30px;
      height: 30px;
  }

  .logo-slider-text {
      font-size: 12px;
  }
}

@media (max-width: 480px) { /* Mobile phones */
  .logo-slider-individual-image-box {
      gap: 5px;
      padding: 5px 10px;
  }

  .logo-slider-image-element-wrapper {
      width: 25px;
      height: 25px;
  }

  .logo-slider-text {
      font-size: 10px;
  }
}




/* unique contact section */


.unique-section-wrapper {
  display: flex
;
align-items: center;
/* justify-content: center; */
position: relative;
background: url('https://www.datazivot.com/assets/image/amazon-reviews-scraper-api/datazivot.png') center / cover no-repeat;
padding: 160px 250px;
margin-top: 100px;
}




.unique-content-container {
    text-align: left;
    max-width: 750px;
    z-index: 2;
    margin-top: 40px;
}

.unique-main-heading {
    font-size: 2.5rem;
    font-weight: bold;
    color: #0a2240;
    margin-bottom: 15px;
}

.unique-sub-text {
    font-size: 1rem;
    color: #374151;
    margin-bottom: 20px;
}

.unique-button-container {
    display: flex;
}

.unique-action-button {
    background-color: #4e1c5b;
    color: white;
    font-size: 1rem;
    font-weight: 600;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
}

.unique-action-button:hover {
    background-color: #703278;
}

.unique-floating-button {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    writing-mode: vertical-rl;
    font-size: 1rem;
    font-weight: bold;
    color: white;
    background-color: #4e1c5b;
    border-radius: 8px;
    padding: 5px 10px;
    cursor: pointer;
    text-decoration: none;
}

.unique-floating-button:hover {
    background-color: #703278;
}

/* Responsive Design */
@media (max-width: 768px) {
    .unique-section-wrapper {
      flex-direction: column;
      padding: 78px 160px 90px 30px;
    }

    .unique-main-heading {
        font-size: 2rem;
    }

    .unique-sub-text {
        font-size: 0.9rem;
    }

    .unique-action-button {
        font-size: 0.9rem;
        padding: 8px 16px;
    }

    .unique-floating-button {
        font-size: 0.8rem;
        padding: 4px 8px;
    }
}

@media (max-width: 480px) {
  .unique-section-wrapper {
      flex-direction: column;
      padding: 73px 23px 90px 30px;
  }
  .unique-section-wrapper {
    margin-top: 0px;
}
}

@media (min-width: 768px) and (max-width: 1024px) {
  .unique-section-wrapper {
   
    padding: 70px 140px;
    
}
}

@media (max-width: 480px) {
    .unique-main-heading {
        font-size: 1.5rem;
    }

    .unique-sub-text {
        font-size: 0.8rem;
    }

    .unique-action-button {
        font-size: 0.8rem;
        padding: 6px 12px;
    }

    .unique-floating-button {
        font-size: 0.7rem;
        padding: 3px 6px;
    }
}


/* how to works section new 31-1-2025 */


.how-it-works-last{
  background-color: #e9e9e9;
}


.section-container-styling-wrapper {
  max-width: 1200px;
  margin: 50px auto;
  padding: 20px;
  font-family: Arial, sans-serif;
}

.main-title-center-align {
  text-align: center;
  color: #1a237e;
  font-size: 32px;
  margin-bottom: 60px;
}

.steps-flexbox-container {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  gap: 30px;
  padding: 20px;
}

.step-card-box-design {
  width: 280px;
  text-align: center;
  position: relative;
  z-index: 2;
}

.step-icon-background-wrapper {
  width: 80px;
  /* height: 80px; */
  margin: 0 auto 38px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  display: flex
;
  align-items: center;
  justify-content: center;
  margin-top: 43px;
}

.icon-background-light-theme {
  background: #f8f9fa;
}

.step-title-text-style {
  font-size: 20px;
  color: #1a237e;
  margin-bottom: 10px;
  font-weight: bold;
}

.step-description-text-style {
  font-size: 14px;
  color: #666;
  line-height: 1.5;
}

.curved-lines-draw-area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.top-steps-row-alignment {
  display: flex;
  justify-content: space-around;
  width: 100%;
  margin-bottom: 50px;
}

.bottom-steps-row-align {
  display: flex;
  justify-content: center;
  gap: 100px;
  width: 100%;
}

@media (max-width: 1024px) {
  .curved-lines-draw-area {
      display: none;
  }

  .steps-flexbox-container {
      flex-direction: column;
      align-items: center;
  }

  .top-steps-row-alignment, .bottom-steps-row-align {
      flex-direction: column;
      gap: 30px;
      margin-bottom: 30px;
  }

  .step-card-box-design {
      width: 90%;
  }
}

@media (max-width: 768px) {
  .main-title-center-align {
      font-size: 24px;
  }

  .step-title-text-style {
      font-size: 18px;
  }

  .step-description-text-style {
      font-size: 12px;
  }
}


/* Get started Section new styles */
.pricing-section-container {
  padding: 50px 0;
}
.pricing-box-standard, .pricing-box-custom {
  border-radius: 10px;
  padding: 30px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  background: white;
}
.pricing-box-custom {
  border: 2px solid #ff1749;
  position: relative;
}
.recommended-badge {
  background: #ff1749;
  color: #fff;
  padding: 5px 10px;
  font-weight: bold;
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 5px;
}

@media  (max-width: 350px) {
  .recommended-badge{
    padding: 5px 5px;
  }
}
.pricing-button {
  width: 100% !important;
  padding: 10px !important;
  border-radius: 5px !important;
  font-weight: bold !important;
  cursor: pointer;
}

@media (min-width: 501px) and (max-width: 992px) {
    .zil-page-paragraph{
      font-size: 15px !important;
    }
}
.pricing-button-hollow {
  border: 2px solid #ff1749;
    background: transparent;
    color: black;
    text-align: center;
    text-decoration: none;
}
.pricing-button-container {
  display: flex !important;
  justify-content: flex-end;
  margin-top: auto;
}
.pricing-list {
  list-style: none;
  padding-left: 0;
  padding-top: 15px;
}
.pricing-list li::before {
  content: "\2713";
  color: #ff1749;
  font-weight: bold;
  display: inline-block;
  width: 20px;
}
.highlight-section {
  background: #f5f6fa;
  padding: 30px;
  border-radius: 10px;
}
.highlight-section-1 {
  /* padding: 15px; */
  font-size: 20px;
  color: var(--bs-black);
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.1rem;
  line-height: 28px;
  margin: 0;
}
.highlight-section ul {
  list-style-type: disc;
  padding-left: 20px;
}

.highlight-section li {
  list-style-type: disc;
 
}
@media (max-width: 768px) {
  .pricing-box-standard, .pricing-box-custom {
      margin-bottom: 20px;
  }
}
.gap-between-sections {
  margin-right: 20px;
}

/* Right-side Get Started button styles */
.pricing-button-right {
  background: #ff1749 !important;
  color: white !important;
  border: 2px solid #ff1749 !important;
  text-align: center;
  text-decoration: none;
}
.pricing-button-right:hover {
  background: white;
  color: #ff1749;
  border: 2px solid #ff1749;
}

.pricing-section-container li{
  font-size: 15px;
    color: var(--bs-black);
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.1rem;
    line-height: 28px;
    margin: 0;
}

.pricing-details-left{
  padding: 30px !important;
}

.img-size{
  margin-left: -90px !important;
}

.about-h2{
  font-weight: 600 !important;

}



/* review scrapper api page styling */


/* +++++++++++++++++++++ 2nd section cards styling ++++++++++++++++++++++++++++ */

.main-card-section {
  background-color: #fff;
  padding-top: 60px;
  padding-bottom: 50px;
  color: white;
  text-align: center;
}
.flexible-card-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; /* Ensures equal horizontal spacing between cards */
  gap: 40px; /* Vertical gap */
}
.interactive-card-box {
  position: relative;
  width: 400px;
  height: 300px;
  margin: 25px 0;
  background: white;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); 
  color: navy;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 2px solid white;
  transition: all 0.3s ease;
  z-index: 5;
}

.hover-effect-icon{
  margin-top: 50px;
  height: 40px;
}

@media (min-width: 768px) and (max-width: 1400px) {
  .interactive-card-box{
    width: 300px !important;
  }
}
.hover-effect-icon, .hover-effect-title {
  font-size: 25px;
  transition: transform 0.3s ease;
  z-index: 20;
}
.hover-effect-description {
  opacity: 0;
  transform: translateY(-20px);
  transition: all 0.3s ease;
  z-index: 110;
  padding: 0 20px;
  display: none;
}
.interactive-card-box:hover {
  border-color: red;
  z-index: 2;
}
.interactive-card-box:hover .hover-effect-icon, 
.interactive-card-box:hover .hover-effect-title {
  transform: translateY(-90px);
  z-index: 70;
  background-color:  #fff;
  padding: 5px 10px;
}

.interactive-card-box:hover .hover-effect-description {
  opacity: 1;
  transform: translateY(-60px);
  display: block;
}





.read-more-button {
  opacity: 0;

}


.read-more-button:hover {
  background-color: red; /* Optional: Darker red when hovered */
  border-color: red; /* Optional: Darker border on hover */
}

.image-with-title{
  background-color: #fff;
  padding: 10px;
  z-index: 90;
}


.interactive-card-box:hover .read-more-button{
  opacity: 1;
  /* background-color: red;  */
  /* border-color: red;  */
  color: white;
  transform: translateY(-30px);
}



@media (max-width: 768px) {
  .flexible-card-container {
      flex-direction: column;
      align-items: center;
      gap: 30px; /* Adjust vertical gap for mobile */
  }
}

@media (max-width: 576px) {
  .interactive-card-box {
      width: 100%;
      height: 220px; /* Adjust height for smaller screens */
  }
}


.cards-container-main{
  text-align: -webkit-center;
}


.contact-now a{
  text-decoration: none;
  color: white;

}
.btn.contact-now {
  display: block;
  margin-left: auto;
  margin-right: auto;
  /* background-color: white;
  color: navy;
  border: 1px solid navy; */
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  color: #fff;
  transition: all 0.3s ease;
  border: none;
}

.btn.contact-now:hover {
  /* background-color: navy; */
  color: white;
}



.market-analysis-section{
  padding: 80px 0 !important;
  min-height: 400px !important;
  overflow: visible !important;
  width: 100% !important;
  display: block !important;
}


.our-services-font{
  font-size: 18px;
    color: var(--bs-black);
    font-weight: 600 !important;
    font-style: normal;
    letter-spacing: 0.4px;
    line-height: 28px;
    margin: 0;
}

.our-services-description{
  font-size: 18px;
  color: var(--bs-black);
  font-weight: 400 !important;
  font-style: normal;
  letter-spacing: 0.4px;
  line-height: 28px;
  margin: 0;
}

.interactive-card-box h5 , p{
  color: #0a2540;
}


.about-us-icons{
  width: 45px;
}


.no-paddings{
  padding: 0 !important;
}

.no-paddings-1{
  padding: 20px !important;
}

/* PAGE CHANGES */
.new-steps-content h5{
  font-size: 23px !important;
  font-weight: 600 !important;

}
.new-steps-content p{
  font-size: 18px !important;

}

.box-margin{
  padding-top: 6rem !important;
}

/* .new-info-container{
  align-items: center;
  justify-content: center;
} */

.new-content-head p{
  color: black;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4px;
}

.new-img-margin{
  margin-top: -47px;
}
.new-header-height{
  display: flex;
  align-items: center;
  height: 45px;
}

.btn-margin{
  margin-bottom: 30px;
  border: none !important;
}
.btn-margin a{
  text-decoration: none;
color: white;}

.margin-5{
  margin-top: 4rem;
}
.margin-7{
  margin-top: 7rem;
}
.margin-10{
  margin-top: 10rem;
}






/* NEW BOX CSS */


@media (max-width: 992px) {

  
.no-margin{
  margin-bottom: 30px;
  border: none !important;
}
.no-margin a{
  text-decoration: none;
color: white;}

}


/* ******************* */
@media (min-width: 768px) and (max-width:992px) {
  .interactive-card-box{
    
    height: 352px;
  }
    
  .hover-effect-icon{
    margin-top: 17px;
    height: 40px;
  }
  .new-margin{
    margin-bottom: -27px !important;
  }
}
@media (min-width: 449px) and (max-width:767px) {
  .interactive-card-box{
    
    height: 280px !important;
  }
  .new-margin{
  margin-bottom: -26px !important;
}
.hover-effect-icon{
  margin-top: 15px !important;
  height: 40px;
  margin-bottom: -4px;
}
.image-with-title {
  margin-bottom: -10px !important;   
}
}

@media (min-width: 768px) and (max-width: 1400px) {
  .interactive-card-box{
    width: 300px !important;
  }

  
}

@media (max-width: 449px) {

  .interactive-card-box{
    height: 317px !important;
  }
  .hover-effect-icon{
    margin-top: 17px !important;
    height: 40px;
  }
  .new-margin{
    margin-bottom: -26px !important;
  }
}
@media (max-width: 992px) {

  .interactive-card-box:hover {
    border-color: red;
    z-index: 2;
    opacity: 1;
    color: white;
    transform: none !important;
    transition: none !important;
  }
  .interactive-card-box:hover .other-icon, 
.interactive-card-box:hover .no-hover-title {
 
  transform: none !important;
  transition: none !important;
  z-index: 70;
  padding: 5px 10px;
}

.interactive-card-box:hover .hover-effect-description{
  opacity: 1;
  display: block;
  transition: none !important;
  transform: none !important;
  
}
 
.hover-effect-description {
  opacity: 1; 
  transition: none !important;
  transform: none !important;
  z-index: 110;
  padding: 0 20px;
  display: block;
  font-size: 15px !important;
}

.interactive-card-box:hover .read-more-button{
  transform: none !important;
} 
.image-with-title{
  background-color: transparent;
}
.hover-effect-icon{
  height: 40px;
  transition: none !important;
  transform: none !important;
}
.hover-effect-icon, .hover-effect-title {
  font-size: 25px;
  transition: none !important;
  transform: none !important;
  z-index: 20;
}
.read-more-button {
  opacity: 1;
}
.read-more-button:hover {
  background-color: red; /* Optional: Darker red when hovered */
  border-color: red; /* Optional: Darker border on hover */
  transform: none;
  transition: none;
}
}
/* NEW BOX CSS End*/
/* ************************ */


.real-time-updates{
  color: #fff !important;
}


.features-margin{
  width: 65% !important;
  min-width: unset !important;
  flex: unset !important;
  margin: 60px auto;
}
.feature-new-para{
  text-align: center;
  margin-top: 20px;
  margin-bottom: -60px;
  font-size: 18px;
}

.ready-to-use-menu{
 margin-left: 230px !important;
}
.cta-section-content{
  border: 0.5px solid #ff004b;
  margin-top: 50px;
  margin-bottom: 50px;
  border-radius: 20px;
  background-color: #FFDAE8;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.cta-section-content p{
 padding: 15px;
 /* display: flex; */
 align-items: center;
 justify-content: center;
 font-style: normal;
 font-weight: 400;
 font-size: 16px;
 text-align: center;
}
.cta-section-content-btn{
  padding: 30px;
}


/* Homepage Responsive */
.homepage-review-gif {
  text-align: end; 
  margin-top: 70px; 
  padding-right: 30px;
}
@media (max-width: 992px) {
  .homepage-review-gif {
    text-align: center;
    padding-right: 0px;
  }
}
@media (max-width: 768px) {
  .main-index-page .features-grid {
    display: none;
  }
  .main-index-page .slide-content {
    padding: 10px 5px 0;
  }
  .main-index-page .odr-1 {
    order: 1;
  }
  .main-index-page .odr-2 {
    order: 2;
  }
}
@media (max-width: 550px) {
  .main-index-page .custom-hero-section {
    padding: 0;
  }
  .main-index-page h1.hero-title {
    font-size: 32px;
  }
  .main-index-page .elementor-heading-title.elementor-size-default {
    font-size: 28px;
  }
  .main-index-page .navbar-brand-logo img {
    width: 150px;
    margin-left: 10px;
  }
  .main-index-page .new-data-zivot-services-new-section {
    padding: 0;
  }
  .main-index-page .new-data-zivot-services-tabs-wrapper {
    flex-direction: column;
    gap: 10px;
    margin-bottom: 30px;
    padding: 20px;
  }
  .main-index-page .new-data-zivot-services-tab-button {
    color: #fff;
    padding: 5px 12px;
    background-color: #ff004b;
    font-size: 18px;
    border-radius: 10px;
    opacity: 0.5;
  }
  .main-index-page .new-data-zivot-services-tab-button.active {
    color: #fff;
    padding: 5px 12px;
    background-color: #ff004b;
    font-size: 18px;
    border-radius: 10px;
    opacity: 1;
  }
  .main-index-page .new-data-zivot-services-tab-button.active::after {
    content: unset;
  }
  .main-index-page .new-data-zivot-services-description {
    margin-bottom: 0;
  }
  .main-index-page .new-dzivot-we-offer-card-text {
    margin-bottom: 0;
  }
  .main-index-page .new-dzivot-we-offer-section {
    padding: 40px 0 30px;
  }
  .main-index-page .new-dzivot-we-offer-cards {
    margin-bottom: 0;
    gap: 30px;
  }
  .main-index-page .latest-index-industry-tab-new-tabs {
    padding: 0;
    padding-bottom: 5px;
  }
  .main-index-page .latest-index-industry-tab-new-search {
    margin-bottom: 15px;
  }
  .main-index-page .scrollable-container {
    max-height: 500px !important;
  }
  .main-index-page .datazivot-new-index-awards-title {
    margin-bottom: 10px;
  }
  .main-index-page .datazivot-new-index-awards-container {
    margin-bottom: 25px;
  }
  .main-index-page .datazivot-new-index-awards-stats {
    gap: 15px;
    margin-bottom: 20px;
  }
  .main-index-page .new-testi-xivot-section {
    padding: 40px 0;
  }
  .main-index-page .datazivot-new-index-awards-title {
    font-size: 30px;
  }
  .main-index-page .new-testi-xivot-title {
    font-size: 30px;
    margin-bottom: 10px;
  }
  .main-index-page .new-datazivot-dataset-slide-group {
    gap: 10px;
  }
  .main-index-page .custom-hero-section {
    min-height: unset;
  }
  .main-index-page .reviews-box .review-tag {
    font-size: 12px;
    padding: 6px 10px;
  }
  .main-index-page .reviews-box .review-tag img {
    height: 18px;
  }
  .main-index-page .homepage-review-gif {
    margin-top: 25px;
  }
  .main-index-page .datazivot-new-index-awards-title-title {
    font-size: 45px !important;
  }
  .main-index-page .slide-item.active  {
    width: 85%;
    margin-inline: auto;
  }
  .main-index-page .new-data-zivot-services-col h2  {
    font-size: 25px;
  }
}

.main-index-page .new-datazivot-dataset-btn {
  top: 55%;
}

/* Homepage Responsive End */

/* Homepage Latest Blog Section */
.latest-blogs-homepage {
  padding: 30px 0;
}
.latest-blogs-homepage h2 {
    font-size: 40px;
    font-weight: 600;
    color: #1E1B39;
    text-align: center;
    margin-bottom: 20px;
}
.latest-blog-homepage-card h3 {
  font-size: 20px;
  margin-top: 10px;
}
.latest-blog-homepage-card a {
  text-decoration: none;
  color: #ff004b;
  transition: 0.3s ease-in;
}
.latest-blog-homepage-card a:hover {
  text-decoration: underline;
}
@media (max-width: 768px) {
  .latest-blogs-homepage h2 {
    font-size: 30px;
    margin-bottom: 20px;
  }

  
}

@media (max-width: 575px) {
  .latest-blog-homepage-card {
    width: 70% !important;
    margin-inline: auto;
  }
}
@media (max-width: 450px) {
  .latest-blog-homepage-card {
    width: 95% !important;
  }
}
/* Homepage Latest Blog Section End */

/* Homepage Latest Scrapers */
.homepage-latest-scraper-card {
  padding: 10px !important;
}
.homepage-latest-scraper-card img {
  width: 50px;
}
.homepage-latest-scraper-card h3 {
  font-size: 20px;
}
.homepage-latest-scraper-card p {
  margin-top: 10px;
  margin-bottom: 0;
}
.homepage-latest-scraper-card a {
  display: block;
  height: 100%;
  text-decoration: none;
  color: #000;
  padding: 20px !important;
  border: 1px solid #E2E8EE;
  transition: 0.2s ease-in;
  border-left: 7px solid #f2194c6b;
  border-radius: 25px;
}
.homepage-latest-scraper-card a:hover {
  /* box-shadow: 0 0 5px #ff004b; */
  background-color: #eeeeeea8;
}
.homepage-latest-scraper-card .homepage-latest-scraper-inner {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (min-width: 1200px) {
  .homepage-latest-scraper-card {
    min-height: 205px !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {  
  .homepage-latest-scraper-card {
    min-height: 205px !important;
  }
}

.main-index-page .datazivot-new-index-awards-card {
  width: 100%;
}
.homepage-reward-img {
  width: 110px;
}
@media (max-width: 1199px) {
  .homepage-reward-img {
    width: 95px;
  } 
}
@media (max-width: 470px) {
  .homepage-reward-img {
    margin-bottom: 10px;
    width: 70px;
  } 
}
@media (max-width: 370px) {
  .homepage-reward-img {
    width: 55px;
  } 
}


/* Homepage Latest Scrapers End */
@media (width: 820px ) and (height: 1180px) {
    .new-data-pop-zivot-form-container{
      top: -125px;
    }
}
@media (width: 1026px ) and (height: 1366px)  {
    .new-data-pop-zivot-form-container{
      top: -175px !important;
}
}

/* New Scrollable Data */



.scrollable-data-wrapper {
  min-width: 1000px; /* Force horizontal scroll if content is wide */
}

.scrollable-data-wrapper table {
  border-collapse: collapse;
  width: 100%;
  font-size: 14px;
  color: black;
}

.scrollable-data-wrapper thead {
  background-color: #f9f9f9;
  position: sticky !important;
  top: -11px;
  z-index: 1;
  
}
.scrollable-data-wrapper thead, th, td {
 border: 2px solid black !important;
  
}

.scrollable-data-wrapper th, td {
  /* border-left: 2px solid #000 !important; */
  padding: 8px 12px;
  text-align: left;
  white-space: nowrap; /* Prevent cells from wrapping */
   color: black;
}
.scrollable-data-wrapper th{
 background-color: #FDB1BF;
}

.scrollable-data-wrapper tr:nth-child(even) {
  background-color: #f2f2f2;
}

.scrollable-data-wrapper tr:hover {
  background-color: #eaeaea;
}


/* --------------Datasets New Card Section-------------- */

.dataset-card-inner{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 10px;
}
.dataset-card-content{
  /* border: 2px solid black; */
  max-width: 400px;
  width: 100%;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 25px;
  text-align: center;
}
.dataset-card-content:hover{
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);  
  cursor: pointer;
}
.dataset-card-content h5{
  /* max-height: 68px;
  height: 100%; */
  align-items: center;
  font-weight: 600;
  color: #071a4c;
 
}
.dataset-card-content p{
  max-height: 145px;
  height: 100%;
}
.dataset-card-image img{
  /* max-height: 68px; */
  height: 80px;
  width: 80px;
  
  border: 1px solid transparent;
  padding: 13px;
  border-radius: 50%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);   
}
.dataset-card-image{
margin-bottom: 10px;
background-color: #fff;
}
.dataset-card-line{
  width: 45px;
  height: 2px;
  border-radius: 10px;
  background-color: #071a4c;
  border: 1px solid transparent;
  /* margin: 10px 0; */
}

@media (max-width: 1400px) {
  .dataset-card-inner{
    flex-wrap: wrap;
    justify-content: space-evenly;
  }
    
}
/* --------------Datasets New Card Section-------------- */

.review-gator-main-body-container {
  font-family: 'Arial', sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  /* height: 100vh;
  background-color: #f5f5f5; */
  margin: 0;
  padding: 0;
  margin-top: 60px;
}

.testimonial-carousel-outer-wrapper-container {
  position: relative;
  width: 100%;
  max-width: 1200px;
  display: flex;
  justify-content: center;
  margin-bottom: 25px;
}

.customer-feedback-text-content-section {
  position: relative;
  width:55%;
  border: 2px solid #fdb1bf;
  border-radius: 20px;
  padding: 40px;
  background-color: white;
  min-height: 250px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: -50px;
  z-index: 1;
  box-sizing: border-box;
}

.customer-feedback-section-arrow-pointer {
  content: '';
  position: absolute;
  top: 50px;
  left: -10px;
  width: 20px;
  height: 20px;
  background-color: white;
  transform: rotate(45deg);
  border-left: 2px solid #fdb1bf;
  border-bottom: 2px solid #fdb1bf;
  z-index: 0;
}

.customer-portrait-outer-frame-container {
  width: 30%;
  background-color:  #fdb1bf;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}

.customer-image-decorative-frame-border {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 5px solid rgba(255, 255, 255, 0.2);
  border-radius: 15px;
  overflow: hidden;
  box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
}

.customer-portrait-image-position-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.customer-individual-testimonial-portrait-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity 0.5s ease;
  border-radius: 10px;
  box-sizing: border-box;
}

.customer-portrait-currently-visible-state {
  opacity: 1;
  z-index: 1;
}

.customer-portrait-currently-hidden-state {
  opacity: 0;
  position: absolute;
  z-index: 0;
}

.customer-testimonial-quote-text-content {
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 30px;
  color: #333;
}

.customer-testimonial-author-name-display {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 5px;
  color: #071a4c;
}

.customer-testimonial-author-location-display {
  font-size: 16px;
  color: #555;
}

.testimonial-navigation-buttons-container {
  display: flex;
  gap: 10px;
  position: absolute;
  bottom: 30px;
  right: 30px;
  box-sizing: border-box;
}

.testimonial-direction-control-button-element {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #071a4c;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  cursor: pointer;
  border: none;
  transition: background-color 0.3s;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}

.testimonial-direction-control-button-element:hover {
  background-color: transparent;
  border: 1px solid #071a4c;
  color: #071a4c;
}

.testimonial-content-carousel-viewport-container {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.testimonial-content-scrollable-track-element {
  display: flex;
  transition: transform 0.5s ease;
  cursor: grab;
}

.testimonial-content-during-drag-interaction-state {
  cursor: grabbing;
  transition: none;
}

.individual-testimonial-content-slide-panel {
  flex: 0 0 100%;
  transition: opacity 0.3s;
  box-sizing: border-box;
}
@media (max-width: 1250px) {
  .customer-feedback-text-content-section {
    width:65%;
    height: 400px;
}
.customer-portrait-outer-frame-container {
    width:90%;
    height: 400px;
   
}
}

@media (max-width: 991px) {
  .customer-feedback-text-content-section{
      width: 65%;
      max-height: 370px;
      padding: 20px;
  }
  .customer-portrait-outer-frame-container{
      width: 45%;
      max-height: 370px;
      min-width: 48%;
  }
  .customer-testimonial-quote-text-content{
      font-size: 17px;
  }
  .customer-testimonial-author-name-display{
      font-size: 19px;

  }
}

@media (max-width: 767px) {
  .testimonial-carousel-outer-wrapper-container {
      flex-direction: column;
      padding: 20px;
      justify-content: center;
      align-items: center;
  }

  .customer-feedback-text-content-section {
      width:80%;
      order: 2;
      margin-left: 0;
      margin-top: -30px;
      padding: 16px;
      max-height: 370px;
  }

  .customer-portrait-outer-frame-container {
      width: 80%;
      margin-bottom: 0;
      order: 1;
      padding: 4px;
  }

  .customer-feedback-section-arrow-pointer {
      top: -10px;
      left: 50px;
      transform: rotate(135deg);
  }

  .customer-testimonial-quote-text-content{
      font-size: 16px;    
  }
}
@media (max-width: 500px) {
  .customer-feedback-text-content-section {
      width:90%;
  }
  .customer-portrait-outer-frame-container {
      width:90%;
     
  }
  .testimonial-navigation-buttons-container{
    display: none;
}
  .testimonial-carousel-outer-wrapper-container {
    margin-bottom: 0px;
  }
}
@media (max-width: 400px) {
  .customer-testimonial-quote-text-content{
    font-size: 15px;    
    margin-bottom: 0px !important;
}
.customer-testimonial-author-name-display{
  font-size: 17px;

}
.customer-feedback-text-content-section {
  width:100%;
 
}
.customer-portrait-outer-frame-container {
  width:100%;
  max-height: 325px;
 
}
}

.index-get-btn{
padding-inline: 50px;
}

@media (max-width: 500px) {
  .index-get-btn{
    /* padding-inline: 30px; */
    padding: 5px 30px 5px 30px;
    }
}

@media (max-width: 1200px) {
  .new-data-zivot-services-tabs-wrapper{
    flex-wrap: nowrap !important;
    margin-inline: 54px !important;

  }
}
@media (max-width: 991px) {
  .new-data-zivot-services-tabs-wrapper{
    margin-inline: -28px !important;
    gap: 70px !important;
  
  }
}
@media (max-width: 767px) {
  .new-data-zivot-services-tabs-wrapper{
    margin-inline: -4px !important;
    flex-wrap: wrap !important;
    
  
  }
}
@media (max-width: 550px) {
  .new-data-zivot-services-tabs-wrapper{
   gap: 25px !important;
    
  
  }
}


/* -------------------------------Index page New We offer section------------------------------- */

.latest-we-offer-section{
display: flex;
flex-direction: column;
gap: 20px;
}
.latest-we-offer-box{
  background-color: #00184B;
  border: 1px solid transparent;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  /* max-height: 240px; */
}

.latest-we-offer-box img{
max-height: 240px;
height: 100%;

}

.latest-we-offer-content{
  padding-inline: 50px;
  color: white;
}
.latest-we-offer-content p,h3{
  color: white;
}

    


@media (min-width: 768px) and (max-width: 991px)  {
  .latest-we-offer-content{
    padding: 15px 18px;
    margin-top: 1rem;
  }
  .latest-we-offer-box img{
   max-height:250px
   
    }
    .latest-we-offer-box{
      max-height: 250px;
    }
}

@media (max-width: 767px) {
    .latest-we-offer-box{
      flex-direction: column;
    }
    .latest-we-offer-box img{
      max-height:260px;
      order: 2;

    }
    .latest-we-offer-content{
      margin-top: 15px;
    }
    .latest-we-offer-content {
      order: 1;

    }
}
@media (max-width: 400px) {
    .latest-we-offer-content{
      margin-top: 15px;
      padding-inline: 15px;
      justify-content: center;
      align-items: center;
    }
}

.latest-blog-homepage-card img{
  
  transition: 0.45s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.latest-blog-homepage-card img:hover {
  transform: scale(1.1);

}
/* -------------------------------Index page New We offer section------------------------------- */ 

/* <!----------------------------------------------- New CASE section -----------------------------------------------> */


 /* Main container with gradient background */
        .gradient-background-container {
            background: linear-gradient(135deg, #fbb1c3 0%, #fff 100%);
            min-height: 55vh;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 40px 20px;
            margin: 35px 0 60px;
            /* margin-inline: 70px; */
            border-radius: 225px 0px 0px 225px;
            margin-right: 0;
            margin-left: 300px;
        }

        /* Slider outer wrapper */
        .slider-outer-wrapper {
            width: 100%;
            max-width: 1000px;
            position: relative;
        }

        /* Slider items container */
        .slider-items-container {
            position: relative;
            overflow: hidden;
            /* border-radius: 20px; */
            /* box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15); */
            height: 400px; /* Fixed height for consistent slider size */
            margin-inline: -130px;
        }

        /* Individual slider card */
        .slider-card-item {
            left: 83px;
            display: flex;
            background-color: white;
            /* border-radius: 20px; */
            transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.8s ease !important;
            position: absolute;
            width: 91%;
            height: 95%;
            opacity: 0;
            transform: translateY(100%);
            border: 1px solid #071a4c;
            border-radius: 20px;
        }

        .slider-card-item.slider-active-slide {
            opacity: 1;
            transform: translateY(0);
            position: relative;
        }

        .slider-card-item.slider-previous-slide {
            transform: translateY(-100%);
        }

        

        /* Image container */
        .slider-image-container {
            width: 25%;
            max-width: 330px;
            position: absolute;
            /* left: -80px; */
            top: 48%;
            left: 10px;
            transform: translateY(-50%);
            z-index: 2;
        }

        .slider-image-wrapper {
            width: 100%;
            height: 0;
            padding-bottom: 100%;
            position: relative;
            overflow: hidden;
            border-radius: 12px;
            box-shadow: 0 8px 16px #63636375;
        }

        .slider-image-element {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            /* background-color: #ff6347; */
        }

        /* Content container */
        .slider-content-wrapper {
            padding: 40px 40px 40px 255px;
            width: 100%;
        }

        .slider-date-display {
            color: #666;
            font-size: 14px;
            margin-bottom: 10px;
        }

        .slider-heading-title {
            font-size: 28px;
            margin-bottom: 15px;
            color: #222;
        }

        .slider-paragraph-text {
            color: #555;
            font-size: 16px;
            line-height: 1.6;
            margin-bottom: 25px;
        }

        .slider-button-readmore {
            background-color: #ff6347;
            color: white;
            border: none;
            padding: 12px 30px;
            border-radius: 50px;
            font-size: 16px;
            cursor: pointer;
            transition: background-color 0.3s;
            display: inline-block;
            text-decoration: none;
        }

        .slider-button-readmore:hover {
            background-color: #e5573d;
        }

        /* Navigation dots */
        .slider-navigation-dots {
            position: absolute;
            right: -135px;
            top: 50%;
            transform: translateY(-50%);
            display: flex;
            flex-direction: column;
            gap: 10px;
            z-index: 3;
        }

        .slider-dot-indicator {
            width: 8px;
            height: 8px;
            background-color: #071a4c;
            border-radius: 50%;
            cursor: pointer;
            transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
        }

        .slider-dot-indicator.slider-dot-active {
            height: 25px;
            border-radius: 20px;
            background-color: #f2194c;
        }

        /* Responsive styles */
        @media (max-width: 768px) {
            .slider-card-item {
                flex-direction: column;
            }

            .slider-image-container {
                position: relative;
                width: 100%;
                max-width: none;
                left: 0;
                top: 46px;
                transform: none;
                padding: 20px;
                /* opacity: 0; */
                /* transition: opacity 0.6s ease; */
            }

            .slider-image-wrapper {
                /* padding-bottom: 60%; */
                max-width: 250px;
                margin: 0 auto;
            }

            .slider-content-wrapper {
                padding: 42px;
                text-align: center;
            }

            .slider-navigation-dots {
                right: 10px;
            }
        }

        @media (max-width: 480px) {
            .slider-heading-title {
                font-size: 22px;
            }

            .slider-paragraph-text {
                font-size: 14px;
            }

            .slider-button-readmore {
                padding: 10px 20px;
                font-size: 14px;
            }
        }

        /* @media (max-width:1199px) {
           .gradient-background-container {
           
            margin-inline: 70px;
            border-radius: 1px 115px;
        }

        } */
    
/* <!----------------------------------------------- New CASE section -----------------------------------------------> */
.new-index-case-section{
  display: flex;
  flex-direction: row;
  align-items: center;
}
.new-index-case-image{
  background-color: black;
  max-width: 300px;
 
  border: 1px solid transparent;
  border-radius: 20px;
  overflow: hidden;
}

.new-index-case-content
{
 
 display: flex;
 flex-direction: column;
 align-items: left;
 justify-content: center;
 padding: 80px;
 background-color: white;
 border: 1px solid transparent;
 border-radius: 20px;
 
}

.index-cs-btn-parent {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1680px) {
  .gradient-background-container {
    min-height: 45vh;
  }
  .slider-card-item {
    left: 150px;
    width: 85%;
  }
  .slider-image-container {
    left: 50px;
  }
}
@media (max-width: 1600px) {
  .gradient-background-container {
    border-radius: 200px 0px 0px 200px;
    margin-left: 150px;
  }
  .slider-image-container {
    left: 75px;
  }
  .slider-navigation-dots {
    right: -120px;
  }
}
@media (max-width: 1400px) {
  .gradient-background-container {
    margin-left: 50px;
  }
  .slider-items-container {
    margin-inline: -80px;
    height: 375px;
  }
  .slider-image-container {
    left: 90px;
  }
  .slider-navigation-dots {
    right: -85px;
  }
  .new-index-datazivot-case-studies-section {
    margin-right: 50px;
  }
}
@media (max-width: 1250px) {
  .slider-navigation-dots {
    right: -75px;
  }
}
@media (max-width: 1200px) {
  .gradient-background-container {
    margin-left: 0px;
  }
  .slider-items-container {
    margin-inline: 0px;
    height: auto;
  }
  .slider-outer-wrapper {
    max-width: 90%;
  }
  .slider-navigation-dots {
    right: -20px;
  }
  .slider-content-wrapper {
    padding-left: 225px;
  }
  .new-index-datazivot-case-studies-section {
    margin-right: 0px;
  }
}
@media (max-width: 1150px) {
  .slider-content-wrapper {
    padding-left: 185px;
  }
  .slider-card-item {
    left: 55%;
    width: 65%;
    transform: translateX(-50%) !important;
  }
  .slider-image-container {
    left: 50px;
    top: 50%;
    width: 35%;
    height: auto;
  }
  .slider-navigation-dots {
    right: 0;
  }
}
@media (max-width: 992px) {
  .slider-content-wrapper {
    padding-left: 225px;
  }
  .slider-card-item {
    width: 80%;
  }
  .slider-image-container {
    left: 25px;
    width: 38%;
  }
  .index-cs-btn-parent {
    justify-content: start;
  }
}
@media (max-width: 768px) {
  .slider-content-wrapper {
    padding-left: 20px;
  }
  .gradient-background-container {
    border-radius: 0;
    margin-left: 0px;
    margin-top: 20px;
  }
  .slider-card-item {
    width: 95%;
    left: 0;
    transform: unset !important;
  }
  .index-cs-btn-parent {
    justify-content: center;
  }
  .slider-image-container {
    /* display: none !important; */
    /* width: 66%; */
    display: block;
    left: 0;
    top: 45px;
    min-width: 260px;
    margin-inline: auto;
  }
  .slider-heading-title{
    font-size: 20px;
  }
  .slider-date-display{
    display: none;
  }

  .slider-items-container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .slider-paragraph-text{
  display: none;
}
  .new-index-datazivot-case-studies-section {
    border-radius: 0;
  }
}
@media (max-width: 500px) {
  .gradient-background-container {
    margin-block: 20px;
  }
}

/* Homepage Datasets Section */
.index-new-datasets-section {
  padding-block: 40px;
  background-color: #f8f9fa;
}
.index-new-dataset-box-parent {
  display: grid !important;
  grid-template-columns: repeat(8, 1fr);
  gap: 20px;
}
.index-new-datasets-section .index-new-dataset-box {
  padding: 5px;
  border-radius: 10px;
  /* background-color: #FFD6E0; */
  min-height: 100px;
  background-size: 35%;
  background-position: center;
  background-repeat: no-repeat;
  width: 90%;
}
.index-new-datasets-section .index-new-dataset-box a {
  text-decoration: none;
  color: #000;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 15px;
  /* background-image: url(../image/movie-reviews-icon/netflix.svg); */
  
  height: 100%;
  width: 100%;
}
.index-new-datasets-section .index-new-dataset-box:nth-child(1) {
  
  background-image: url(../image/new-index-page/trustpilot-2.svg);

}
.index-new-datasets-section .index-new-dataset-box:nth-child(2) {
  
  background-image: url(../image/dataset/new-data-icons/amazon-1.png) !important;

}
.index-new-datasets-section .index-new-dataset-box:nth-child(3) {
  
  background-image: url(../image/dataset/new-data-icons/yelp.svg);

}
.index-new-datasets-section .index-new-dataset-box:nth-child(4) {
  
  background-image: url(../image/dataset/new-data-icons/walmart.svg);

}
.index-new-datasets-section .index-new-dataset-box:nth-child(5) {
  
  background-image: url(../image/dataset/new-data-icons/google-maps.svg);

}
.index-new-datasets-section .index-new-dataset-box:nth-child(6) {
  
  background-image: url(../image/dataset/new-data-icons/ebay-1.png);

}
.index-new-datasets-section .index-new-dataset-box:nth-child(7) {
  
  background-image: url(../image/dataset/new-data-icons/g2-1.png);

}
.index-new-datasets-section .index-new-dataset-box:nth-child(8) {
  
  background-image: url(../image/dataset/new-data-icons/amazon-fresh-1.png);

}
.index-new-datasets-section .index-new-dataset-box:nth-child(9) {
  
  background-image: url(../image/dataset/new-data-icons/instacart-icon.svg);

}
.index-new-datasets-section .index-new-dataset-box:nth-child(10) {
  
  background-image: url(../image/dataset/new-data-icons/google-play-icon-new.svg);

}
.index-new-datasets-section .index-new-dataset-box:nth-child(11) {
  
  background-image: url(../image/dataset/new-data-icons/app-store-1.png);

}
.index-new-datasets-section .index-new-dataset-box:nth-child(12) {
  
  background-image: url(../image/dataset/new-data-icons/zomato-1.png);

}
.index-new-datasets-section .index-new-dataset-box:nth-child(13) {
  
  background-image: url(../image/restaurant-reviews-icon/Uber-Eats-logo.png);

}
.index-new-datasets-section .index-new-dataset-box:nth-child(14) {
  
  background-image: url(../image/dataset/new-data-icons/linkedin.svg);

}
.index-new-datasets-section .index-new-dataset-box:nth-child(15) {
  
  background-image: url(../image/dataset/new-data-icons/glassdoor-1.png);

}
.index-new-datasets-section .index-new-dataset-box:nth-child(16) {
  
  background-image: url(../image/dataset/new-data-icons/Naver.svg);

}
.index-new-datasets-section .index-new-dataset-box:nth-child(17) {
  
  background-image: url(../image/dataset/new-data-icons/tripadvisor.svg);

}
.index-new-datasets-section .index-new-dataset-box:nth-child(18) {
  
  background-image: url(../image/dataset/new-data-icons/fb-1.png);

}
.index-new-datasets-section .index-new-dataset-box:nth-child(19) {
  
  background-image: url(../image/dataset/new-data-icons/twitter.svg);

}
.index-new-datasets-section .index-new-dataset-box:nth-child(20) {
  
  background-image: url(../image/new-index-page/zillow.webp);

}
.index-new-datasets-section .index-new-dataset-box:nth-child(21) {
  
  background-image: url(../image/dataset/new-data-icons/trulia-1.png);

}
.index-new-datasets-section .index-new-dataset-box:nth-child(22) {
  
  background-image: url(../image/movie-reviews-icon/Letterboxd-01.svg);

}
.index-new-datasets-section .index-new-dataset-box:nth-child(23) {
  
  background-image: url(../image/movie-reviews-icon/netflix.svg);

}


.index-new-datasets-section .index-new-dataset-box:nth-child(24) {
  
  background-image: url(../image/dataset/new-data-icons/game-stop-1.png);

}

.index-new-datasets-section .index-new-dataset-box h6 {
  font-weight: 600;
  font-size: 16px;
  color: white;
  z-index: 999;
}
.index-new-datasets-section .index-new-dataset-box img {
  height: 50px;
  width: 50px;
  border-radius: 5px;
}
.index-new-dataset-btn-parent {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1200px) {
  .index-new-dataset-box-parent {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (max-width: 992px) {
  .index-new-dataset-box-parent {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (max-width: 768px) {
  .index-new-dataset-box-parent {
    grid-template-columns: repeat(4, 1fr);
    margin-top: 20px !important; 
  }
}
@media (max-width: 575px) {
  .index-new-datasets-section {
    padding-block: 20px;
  }
  .index-new-dataset-box-parent {
    grid-template-columns: repeat(3, 1fr);
    padding-inline: 15px;
    gap: 15px;
  }
  .index-new-dataset-box.hide-in-mob-dt {
    display: none;
  }
}
@media (max-width: 375px) {
  .index-new-dataset-box-parent {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
}
/* Homepage Datasets Section End */

/* .slider-card-item {
    transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.8s ease !important;
    transform: translateY(100%);
    opacity: 0;
}

.slider-active-slide {
    transform: translateY(0) !important;
    opacity: 1 !important;
}

.slider-previous-slide {
    transform: translateY(-100%) !important;
} */

@media (max-width: 991px) {
  .new-table-wrapper{
    overflow-x: scroll;
  }
}


/* -------------------------------------New Contact Form ------------------------------------- */



.form-blue-section{
padding: 110px;
}

.form-blue-section-content{
display: flex;
flex-direction: row;
align-items: center;
gap: 20px;
}
.form-blue-section-content img{
width: 25px;
height: 25px;
align-items: center;
}
/* .form-blue-section h1,p{
 text-align: start;
} */

.unique-phone-wrapper{
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
max-height: 65px;
}
.selected-country-option{
  display: flex;
  align-items: center;
  justify-content: center;
}
.unique-country-selector{
  display: flex;
  justify-content: center;
}
.unique-country-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: 250px;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    max-height: 300px;
    overflow-y: auto;
}

.unique-country-search {
    width: 100%;
    padding: 8px;
    border: none;
    border-bottom: 1px solid #ced4da;
    font-size: 14px;
    box-sizing: border-box;
}
.unique-country-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.unique-country-list li {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    cursor: pointer;
}

.unique-country-list li:hover {
    background-color: #f1f1f1;
}
.unique-new-search{
padding: 2px 10px !important;
background-color: #fff !important;
}

.datazivot-new-index-awards-container .datazivot-new-index-awards-card:nth-child(1){
  border-radius: 200px 16px 16px 16px;
}
.datazivot-new-index-awards-container .datazivot-new-index-awards-card:nth-child(2){
  border-radius: 16px 16px 200px 16px;
}

/* New Hover icons */
.index-new-dataset-box a h6{
 display: none;
}
.index-new-dataset-box:hover a h6{
  display: block;
  text-align: center;
 }
.index-new-dataset-box:hover{
    transform: translateY(-5px);
}


.index-new-dataset-box {
    position: relative;
    overflow: hidden;
    transition: all 0.6s ease;
}

.index-new-dataset-box::before,
.index-new-dataset-box::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 51%;
    background: #071a4c;
    transition: transform 0.6s ease;
    pointer-events: none;
    z-index: 1;
}

.index-new-dataset-box::before {
    top: 0;
    transform: translateY(-100%);
}

.index-new-dataset-box::after {
    bottom: 0;
    background: #071a4c;
    transform: translateY(100%);
    
}

.index-new-dataset-box:hover::before {
    transform: translateY(0);
}

.index-new-dataset-box:hover::after {
    transform: translateY(0);
}

/* .index-new-dataset-box:hover {
 
    opacity: 0.6;
} */

.index-new-dataset-box .hover-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 18px;
    font-weight: bold;
    opacity: 0;
    transition: opacity 0.6s ease;
    z-index: 2;
    pointer-events: none;
    text-align: center;
}

.index-new-dataset-box:hover .hover-text {
    opacity: 1;
}



/* .index-new-datasets-section .index-new-dataset-box a {
  min-height: 160px;
} */
/* New Hover icons */

/* .background-text {
  position: relative;
  top: -20px;
  left: 20%;
  font-size: 150px;
  color: rgba(0, 0, 0, 0.08); 
  z-index: 0;
  pointer-events: none;
  letter-spacing: 150px; */
   
  /* -webkit-text-stroke: 1px #f2194c; */
  

.background-section{
  position: relative;
  z-index: 1;
}

/* New Footer CSS */
.new-footer-company-section{
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.new-footer-company-section a{
text-decoration: none;
}
.new-footer-company-section p{ 
color: black;
font-size: 18px;
font-weight: 600;
margin-inline: 20px;
margin-bottom: 0;
}
.new-footer-company-section p:hover{ 
color: var(--bg-theme);
transition: 0.3s ease;
}

.lets-project-ft-section p{
font-size: 45px;
color: #071a4c;
}
.lets-project-ft-section span{
color: var(--bg-theme);
font-weight: 700;
}

@media (max-width:991px) {
  .lets-project-ft-section{
    text-align: center;
  }
  .ft-left-space{
    text-align: center;
  }
  .ft-left-space .footer-links{
    align-items: center;
  }
  .ft-left-space .footer-contact-info address{
    text-align: center !important;
  }
  .services-second-para{
  padding-inline: 0px !important;
  
}
}
.invertlogoimg{
  filter:invert(1);
  height: 40px;
  width: auto;
 
}
.ft-read-more-btn{
 color: var(--bg-theme) !important;
}
.ft-read-more-btn:hover{

 text-decoration: underline;
 transition: 0.3s ease-in;
 
}


/* ---------------New global section--------------- */
.progresssectionbefore-svg-container{
  position: absolute;
}
.progresssectionbefore-svg-flex{
  position: relative;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.progresssectionbefore-svgC{
  width: 142%;
  position: relative;
  top: -100px;
  left: 6px;  
}
/* ---------------New global section--------------- */
.new-form-dot-image{

}
.new-form-dot-image img{
  width: 70px;
  height:70px;
}
.new-contact-bubble-bg::before{
  content: '';
  position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(#ff1749 2px, transparent 2px);
    background-size: 15px 15px;
    opacity: 0.1;
    z-index: -1;
    
}
.new-contact-bubble-bg{
padding-block: 30px;
}

@media (max-width:1200px) {
  .progresssectionbefore-svgC{
    display:none;
  }
}
.global-mobile-sidebar{
  display: flex;
}
@media (min-width:991px) {

  .ft-left-space{
    padding-left: 135px;
  }
  
}

.ft-logo-image{
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 25px;
}

.services-second-para{
  padding-inline: 105px;
  padding-top: 30px; 
  margin-bottom:-40px;
}


/* New contact-form */
.auth-wrapper {
        display: flex;
        flex-direction: row;
        width: 100%;
        justify-content: center;
       margin-block: 30px;
        background-color: #eee;
        
        border-radius: 20px;

    }

    .auth-form-section {
        background-color: #eee;
        width: 80%;
        height: auto;
        padding: 30px;
        border-radius: 20px;

    }

    .auth-toggle-container {
        background-color: #071a4c;
        width: 80%;
        height: 700px;
        border-radius: 20px 150px 150px 20px;

    }

    .auth-toggle-container::before {}

    .new-selected-fields {
        background: #fff !important;
        border: 1px solid transparent !important;
        color: #333333bd !important;
    }

    .new-selected-fields::placeholder {
        color: #333333bd !important;
        font-weight: 600 !important;
    }

    .new-selected-fields textarea {
        color: black !important;
        background: #fff;
        border: 1px solid transparent !important;
        border-radius: 4px !important;
        /* border-left: 2px solid  #f2194c !important; */
    }

    .submit-button {
        width: 100%;
        height: 48px;
        background: #071a4c;
        border-radius: 8px;
        box-shadow: 0 0 10px rgba(0, 0, 0, .1);
        border: none;
        cursor: pointer;
        font-size: 16px;
        color: #fff;
        font-weight: 600;
    }

    .auth-toggle-panel .submit-button {
        width: 160px;
        height: 46px;
        background: transparent;
        border: 2px solid #fff;
        box-shadow: none;
    }

    .credential-field {
        position: relative;
        margin: 20px 0;
        max-height: 65px;
    }

    .credential-field .selected-country-option {
        width: 100%;
        padding: 10px;
        background: #fff;
        border-radius: 8px;
        border: none;
        outline: none;
        font-size: 16px;
        color: #333;
        font-weight: 500;
        /* border-left: 2px solid  #f2194c !important; */
        box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.15) !important;

    }


    .credential-field input {
        width: 100%;
        padding: 13px 50px 13px 20px;
        background: #fff;
        border-radius: 8px;

        font-size: 16px;
        color: #333;
        font-weight: 500;
        /* border-left: 2px solid  #f2194c !important; */
        box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.15) !important;
    }

    .credential-field select,
    textarea {

        /* border-left: 2px solid  #f2194c !important; */
        box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.15) !important;
    }

    .credential-field input::placeholder {
        color: #888;
        font-weight: 400;
    }

    .credential-field i {
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 20px;
    }

    .auth-toggle-panel {
        color: white;
    }

    .auth-toggle-panel p {
        color: white;
    }
    @media (max-width:1200px) {
       .form-blue-section{
          padding: 62px;
        }
      }

    @media (max-width:991px) {
        .auth-wrapper {
            flex-direction: column;
            background-color: transparent;
        }

        .auth-toggle-container {
            border-radius: 20px 20px 150px 150px;
            height: auto;
            z-index: 99;
            width: 100%;
        }

        .auth-form-section {
            border-radius: 0px 0px 20px 20px;
            margin-top: -130px;
            padding: 138px 30px 30px 30px;
            width: 100%;
        }

        .footer-social {

            justify-content: center;
        }
        .footer-contact-flex{
            justify-content: center;
        }
        .form-blue-section{
          padding: 30px;
        }

    }
/* New contact-form */


.home-latest-blog{
  border-radius: 10px;
  overflow: hidden;
}
.main-contact-title h2{
  font-size: 40px;
}
.new-form-submit{
  transition: 0.3s ease;
}
.new-form-submit:hover {
background-color: white;
color:#071a4c;
}


.category-items.active{
  background-color: #f3f3fd;
  transition: 0.3s ease;
} 
.the-process-class{
 align-items: center !important;
}

@media (max-width:991px) {
  .inner-info-container{
    gap: 10px;
    padding: 35px 10px;
    align-items: center;
  }
  .info-title {
    font-size: 30px;

}
.the-process-content.box-margin{
  padding-top: 0 auto !important ;
}
.datafeild-container{
  grid-template-columns:1fr;
  gap: 0;
}

}
@media (max-width:767px) {
 
  .info-title {
    font-size: 30px;

}
.the-process-class{
  display: flex !important;
  flex-direction: column !important;
  align-items: start !important;
}
.inner-info-section .row:nth-of-type(odd) .inner-info-container {
    flex-direction: column !important;
  }

  .inner-info-section .row:nth-of-type(even) .inner-info-container {
    flex-direction: column !important;
  }
  .info-wrap-2{
    margin-top: 24px;
  }

}

.inner-info-section .row:nth-of-type(odd) .inner-info-container {
  flex-direction: row-reverse ;
}

.inner-info-section .row:nth-of-type(even) .inner-info-container {
  flex-direction: row ;
}




/* ==================================================New page design ======================================================================== */

 .UseCase-datazivot-design-scrape-section {
            padding: 80px 20px;
            background: white;
        }

        .UseCase-datazivot-design-scrape-container {
            max-width: 1200px;
            margin: 0 auto;
        }

        /* Row 1 - Header */
        .UseCase-datazivot-design-scrape-header {
            text-align: center;
            margin-bottom: 60px;
        }

        .UseCase-datazivot-design-scrape-title {
            font-size: 3rem;
            font-weight: 700;
            color: #1e1b39;
            margin-bottom: 20px;
           
        }

        .UseCase-datazivot-design-scrape-description {
            font-size: 1.2rem;
            color: black;
            max-width: 800px;
            margin: 0 auto;
            line-height: 1.8;
        }

        /* Row 2 - Use Cases Subheading */
        .UseCase-datazivot-design-scrape-subheading {
            text-align: center;
            margin-bottom: 50px;
        }

        .UseCase-datazivot-design-scrape-subtitle {
            font-size: 2.5rem;
            font-weight: 600;
            color: #1e1b39;
            
        }

        /* Row 3 - Main Content */
        .UseCase-datazivot-design-scrape-content {
            display: grid;
            grid-template-columns: 1fr 1fr;
            align-items: center;
        }

        /* Left Column - Cards */
        .UseCase-datazivot-design-scrape-cards-column {
            display: grid;
            grid-template-rows: 1fr 1fr;
            gap: 30px;
        }

        .UseCase-datazivot-design-scrape-card-row {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
        }

        .UseCase-datazivot-design-scrape-card {
                background: rgb(213 213 213 / 45%);
            border-radius: 16px;
            padding: 20px 20px;
            text-align: center;
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.2);
            transition: all 0.3s ease;
            cursor: pointer;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

        .UseCase-datazivot-design-scrape-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
        }
        .UseCase-datazivot-design-scrape-card:hover .UseCase-datazivot-design-scrape-card-icon{
            background: white;
        }

        .UseCase-datazivot-design-scrape-card-icon {
            width: 48px;
            height: 48px;
            margin-bottom: 15px;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
        }

        .UseCase-datazivot-design-scrape-card-title {
            font-size: 0.9rem;
            font-weight: 600;
            color: #ffffff;
            transition: all 0.3s ease;
        }

        /* Card Colors */
        .UseCase-datazivot-design-scrape-card .UseCase-datazivot-design-scrape-card-icon {
            background: #a4b0be;
        }

        .UseCase-datazivot-design-scrape-card .UseCase-datazivot-design-scrape-card-icon:hover {
          background: white;
          color: blue;

        }
        .UseCase-datazivot-design-scrape-card:hover {
            background: #ff004b;
        }

       
        /* Right Column - Content */
        .UseCase-datazivot-design-scrape-content-column {
            padding-left: 40px;
        }

        .UseCase-datazivot-design-scrape-content-heading {
            font-size: 2.2rem;
            font-weight: 700;
            color: #1e1b39;
            margin-bottom: 25px;
            
        }

        .UseCase-datazivot-design-scrape-content-description {
            font-size: 1.1rem;
            color: black;
            line-height: 1.8;
        }

        /* Responsive Design */
        @media (max-width: 1024px) {
            .UseCase-datazivot-design-scrape-content {
                gap: 40px;
            }
            
            .UseCase-datazivot-design-scrape-content-column {
                padding-left: 20px;
            }
            
            .UseCase-datazivot-design-scrape-title {
                font-size: 2.5rem;
            }
            
            .UseCase-datazivot-design-scrape-subtitle {
                font-size: 2rem;
            }
        }

        @media (max-width: 768px) {
            .UseCase-datazivot-design-scrape-section {
                padding: 60px 15px;
            }
            
            .UseCase-datazivot-design-scrape-content {
                grid-template-columns: 1fr;
                gap: 50px;
            }
            
            .UseCase-datazivot-design-scrape-content-column {
                padding-left: 0;
                order: -1;
            }
            
            .UseCase-datazivot-design-scrape-card-row {
                grid-template-columns: repeat(2, 1fr);
                gap: 15px;
            }
            
            .UseCase-datazivot-design-scrape-card {
                padding: 25px 15px;
                min-height: 120px;
            }
            
            .UseCase-datazivot-design-scrape-card-icon {
                width: 40px;
                height: 40px;
            }
            
            .UseCase-datazivot-design-scrape-title {
                font-size: 2rem;
            }
            
            .UseCase-datazivot-design-scrape-subtitle {
                font-size: 1.8rem;
            }
            
            .UseCase-datazivot-design-scrape-content-heading {
                font-size: 1.8rem;
            }
        }

        @media (max-width: 480px) {
            .UseCase-datazivot-design-scrape-section {
                padding: 40px 10px;
            }
            
            .UseCase-datazivot-design-scrape-card-row {
                grid-template-columns: 1fr;
                gap: 12px;
            }
            
            .UseCase-datazivot-design-scrape-card {
                padding: 20px 15px;
                min-height: 100px;
            }
            
            .UseCase-datazivot-design-scrape-card-icon {
                width: 36px;
                height: 36px;
            }
            
            .UseCase-datazivot-design-scrape-card-title {
                font-size: 0.8rem;
            }
            
            .UseCase-datazivot-design-scrape-title {
                font-size: 1.8rem;
            }
            
            .UseCase-datazivot-design-scrape-subtitle {
                font-size: 1.5rem;
            }
            
            .UseCase-datazivot-design-scrape-content-heading {
                font-size: 1.5rem;
            }
            
            .UseCase-datazivot-design-scrape-description,
            .UseCase-datazivot-design-scrape-content-description {
                font-size: 1rem;
            }
        }

        /* Icon Styles */
        .UseCase-datazivot-design-scrape-icon {
            width: 24px;
            height: 24px;
            fill: #ffffff;
        }




        /* =================================================Case study========================================================================== */


        .datazivot-case-study-new-sliderz-container {
      background: #00184b;
      color: #fff;
      padding: 60px 0;
    }
    .datazivot-case-study-new-sliderz-heading {
      text-align: center;
      font-size: 2.2rem;
            font-weight: 700;
            color: #1e1b39;
            margin-bottom: 25px;
    }
    .datazivot-case-study-new-sliderz-description {
      font-size: 1rem;
      margin-bottom: 20px;
    }
    .datazivot-case-study-new-sliderz-card {
          background: #00184b;
      border-radius: 10px;
      overflow: hidden;
      padding: 0px;
      height: 100%;
      transition: width 0.3s;
    }
    .datazivot-case-study-new-sliderz-card img {
      width: 100%;
      border-radius: 8px;
    }
    .datazivot-case-study-new-sliderz-card h5 {
      margin-top: 15px;
      font-weight: bold;
    }
    .datazivot-case-study-new-sliderz-card p {
      font-size: 0.9rem;
      margin-top: 10px;
      color: white;
    }
    .datazivot-case-study-new-sliderz-nav button {
      background: #fff;
      border: none;
      color: #000;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      font-size: 18px;
      margin: 0 5px;
    }

    .UseCase-datazivot-design-scrape-content-descriptionzzz {
                font-size: 36px;
    font-weight: bold;
    color: white;
    line-height: 1.8;
        }
/* ======================================================================================================================================================= */













/* ======================================================Number-tab-section-with-animation=============================================================== */

 .number-tab-section-datazivottt-main-container {
            background: linear-gradient(132deg, #FFFBFC, #FFDFE6);
            min-height: auto;
            padding: 40px 20px;
            font-family: 'Arial', sans-serif;
        }

        .number-tab-section-datazivottt-heading {
            color: #1e1b39;
            font-size: 3rem;
            font-weight: bold;
            text-align: center;
            margin-bottom: 20px;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
        }

        .number-tab-section-datazivottt-icon-container {
            position: relative;
            height: 80px;
            margin-bottom: 40px;
        }

        .number-tab-section-datazivottt-animated-icon {
            position: absolute;
            width: 60px;
            height: 60px;
            /* background: linear-gradient(45deg, #4CAF50, #8BC34A); */
            /* background-image: repeating-linear-gradient(
                45deg,
                transparent,
                transparent 10px,
                rgba(255,255,255,0.3) 10px,
                rgba(255,255,255,0.3) 20px
            ); */
            border-radius: 8px;
            top: 10px;
            left: 50%;
            transform: translateX(-50%);
            transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
            /* box-shadow: 0 4px 15px rgba(76, 175, 80, 0.4); */
            z-index: 10;
        }

        .number-tab-section-datazivottt-tabs-container {
            display: flex;
            justify-content: space-around;
            align-items: center;
            margin-bottom: 15px;
            position: relative;
        }
        .dzvt-alignment{
          display: flex;
          justify-content: center;

        }

        .number-tab-section-datazivottt-progress-line {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 80%;
            height: 4px;
            background: rgba(255, 255, 255, 1);
            border-radius: 2px;
            z-index: 1;
        }

        .number-tab-section-datazivottt-tab-button {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            border: none;
            font-size: 1.5rem;
            font-weight: bold;
            color: white;
            cursor: pointer;
            transition: all 0.3s ease;
            position: relative;
            z-index: 5;
            margin: 0 20px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.2);
        }

        .number-tab-section-datazivottt-tab-button.active {
            background: #ff004b;
            transform: scale(1.1);
            box-shadow: 0 6px 20px rgba(233, 30, 99, 0.4);
        }

        .number-tab-section-datazivottt-tab-button:not(.active) {
            background: rgba(255, 255, 255, 1);
            color: #666;
        }

        .number-tab-section-datazivottt-tab-button:hover:not(.active) {
            background: rgba(255, 255, 255, 0.9);
            transform: scale(1.05);
        }

        .number-tab-section-datazivottt-tab-labels {
            display: flex;
                justify-content: space-around;
                margin-bottom: 20px;
            flex-wrap: wrap;
        }

        .number-tab-section-datazivottt-tab-label {
            color: #2c3e50;
            font-size: 1rem;
            font-weight: 600;
            margin: 0 20px;
            text-align: center;
            opacity: 0.7;
            transition: opacity 0.3s ease;
            min-width: 80px;
        }

        .number-tab-section-datazivottt-tab-label.active {
            opacity: 1;
            color: #e91e63;
        }

        .number-tab-section-datazivottt-content-container {
            max-width: 800px;
            margin: 0 auto;
        }

        .number-tab-section-datazivottt-tab-content {
            background: rgba(255, 255, 255, 0.95);
            padding: 40px;
            border-radius: 20px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
            backdrop-filter: blur(10px);
            display: none;
            animation: fadeIn 0.5s ease-in-out;
        }

        .number-tab-section-datazivottt-tab-content.active {
            display: block;
        }

        .number-tab-section-datazivottt-content-title {
                color: #1e1b39;
            font-size: 2.5rem;
            font-weight: bold;
            text-align: center;
            margin-bottom: 25px;
        }

        .number-tab-section-datazivottt-content-text {
            color: #7d6e83;
            font-size: 1.2rem;
            line-height: 1.8;
            text-align: center;
            margin: 0;
        }

        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            .number-tab-section-datazivottt-heading {
                font-size: 2rem;
                margin-bottom: 30px;
            }

            .number-tab-section-datazivottt-tab-button {
                width: 50px;
                height: 50px;
                font-size: 1.2rem;
                margin: 0 10px;
            }

            .number-tab-section-datazivottt-tab-label {
                font-size: 0.9rem;
                margin: 0 10px;
                min-width: 60px;
            }

            .number-tab-section-datazivottt-content-title {
                font-size: 2rem;
            }

            .number-tab-section-datazivottt-content-text {
                font-size: 1.1rem;
            }

            .number-tab-section-datazivottt-tab-content {
                padding: 25px;
            }

            .number-tab-section-datazivottt-animated-icon {
                width: 50px;
                height: 50px;
            }
        }

        @media (max-width: 480px) {
            .number-tab-section-datazivottt-tabs-container {
                flex-wrap: nowrap;
            }

            .number-tab-section-datazivottt-tab-button {
                width: 45px;
                height: 45px;
                font-size: 1rem;
                margin: 5px;
            }

            .number-tab-section-datazivottt-tab-labels {
                flex-direction: column;
                gap: 10px;
            }

            .number-tab-section-datazivottt-content-title {
                font-size: 1.8rem;
            }

            .number-tab-section-datazivottt-content-text {
                font-size: 1rem;
            }

            .number-tab-section-datazivottt-progress-line {
                display: none;
            }
        }

.number-tab-section-datazivottt-progress-active-line {
    position: absolute;
    top: 50%;
    left: 10%;
    height: 4px;
    background: #ff004b;
    border-radius: 2px;
    transition: width 0.5s ease;
    z-index: 2;
    transform: translateY(-50%);
}

        /* =======================================Red tommato section======================================== */

        .red-totmato-icon-section-datazivot-section {
  background: white;
  padding: 42px 0;
  color: white;
  text-align: center;
}

.red-tommato-color-section{
  background: linear-gradient(132deg, #FFFBFC, #FFDFE6);
}
.red-totmato-icon-section-datazivot-card {
  background: transparent;
  padding: 60px 20px 30px;
  position: relative;
  border-radius: 10px;
  margin-bottom: 30px;
}
.red-totmato-icon-section-datazivot-main-heading {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 50px;
  color: white;
}

.red-totmato-icon-section-datazivot-icon-wrapper {
  width: 80px;
  height: 80px;
      background: linear-gradient(354deg, #ffa1c0, #ffb7c6);
  border-radius: 50%;
  padding: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  /* box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); */
      border: 2px solid white;
}

.red-totmato-icon-section-datazivot-icon-wrapper img {
  max-width: 100%;
  height: auto;
}

.red-totmato-icon-section-datazivot-title {
  font-weight: 700;
  font-size: 18px;
  margin-top: 50px;
  margin-bottom: 15px;
  color:#1e1b39;
}

.red-totmato-icon-section-datazivot-desc {
  font-size: 14px;
  line-height: 1.6;
  padding: 0 10px;
  color: #28333e;
}

/* Responsive Tweaks */
@media (max-width: 768px) {
  .red-totmato-icon-section-datazivot-card {
    padding: 60px 15px 25px;
  }
}

@media (max-width: 576px) {
  .red-totmato-icon-section-datazivot-title {
    font-size: 16px;
  }

  .red-totmato-icon-section-datazivot-desc {
    font-size: 13px;
  }
}


/* ==============================================Datazivot-tab-section======================================================= */

.datazivot-tabz-section-designn-withminimilistic-main-section {
            padding: 10px 0;
            background: white;
            color: #1e1b39;
            position: relative;
            overflow: hidden;
        }

        .datazivot-tabz-section-designn-withminimilistic-main-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="2" fill="rgba(255,255,255,0.1)"/></svg>') repeat;
            opacity: 0.3;
            animation: float 20s linear infinite;
        }

        @keyframes float {
            0% { transform: translateY(0px); }
            100% { transform: translateY(-100px); }
        }

        .datazivot-tabz-section-designn-withminimilistic-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
            position: relative;
            z-index: 1;
        }

        .datazivot-tabz-section-designn-withminimilistic-header {
            text-align: center;
            margin-bottom: 10px;
        }

        .datazivot-tabz-section-designn-withminimilistic-main-title {
            font-size: 2.6rem;
            font-weight: bold;
            margin-bottom: 30px;
            /* text-shadow: 2px 2px 4px rgba(0,0,0,0.3); */
            animation: slideInDown 1s ease-out;
        }

        .datazivot-tabz-section-designn-withminimilistic-main-description {
            font-size: 1.2rem;
            line-height: 1.8;
            max-width: 900px;
            margin: 0 auto;
            opacity: 0.95;
            animation: slideInUp 1s ease-out 0.3s both;
        }

        .datazivot-tabz-section-designn-withminimilistic-content-wrapper {
            background: white;
            border-radius: 20px;
            /* box-shadow: 0 20px 40px rgba(0,0,0,0.1); */
            padding: 40px;
            color: #333;
            animation: slideInUp 1s ease-out 0.6s both;
        }

        .datazivot-tabz-section-designn-withminimilistic-section-title {
            font-size: 2.5rem;
            font-weight: bold;
            text-align: center;
            margin-bottom: 40px;
            color: #2c3e50;
            position: relative;
        }

        

        .datazivot-tabz-section-designn-withminimilistic-tabs-container {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 40px;
            align-items: start;
        }

        .datazivot-tabz-section-designn-withminimilistic-tabs-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
        }

        .datazivot-tabz-section-designn-withminimilistic-tab-card {
            background: white;
            border: 2px solid #e9ecef;
            border-radius: 0px;
            padding: 25px 15px;
            text-align: center;
            cursor: pointer;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
        }

        .datazivot-tabz-section-designn-withminimilistic-tab-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
            transition: left 0.5s ease;
        }

        .datazivot-tabz-section-designn-withminimilistic-tab-card:hover::before {
            left: 100%;
        }

        .datazivot-tabz-section-designn-withminimilistic-tab-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0,0,0,0.15);
            border-color: none;
            background: linear-gradient(150deg, #ff69a7, #1b4296f5);
            color: white;
        }
        .datazivot-tabz-section-designn-withminimilistic-tab-card:hover .datazivot-tabz-section-designn-withminimilistic-tab-icon img{
              filter: invert(1) brightness(2);
        }

        .datazivot-tabz-section-designn-withminimilistic-tab-card.active {
                transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    border-color: none;
    background: linear-gradient(150deg, #ff69a7, #1b4296f5);
    color: white;
        }

        .datazivot-tabz-section-designn-withminimilistic-tab-icon {
            width: 60px;
            height: 60px;
            margin: 0 auto 15px;
            /* background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); */
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            color: white;
            transition: all 0.3s ease;
        }

        .datazivot-tabz-section-designn-withminimilistic-tab-card.active .datazivot-tabz-section-designn-withminimilistic-tab-icon {
                background: rgb(255 255 255 / 0%);
            transform: scale(1.1);
        }

        .datazivot-tabz-section-designn-withminimilistic-tab-card.active 
.datazivot-tabz-section-designn-withminimilistic-tab-icon img {
  filter: invert(1) brightness(2);
}


        .datazivot-tabz-section-designn-withminimilistic-tab-title {
            font-size: 1rem;
            font-weight: 600;
            margin: 0;
            transition: all 0.3s ease;
        }

        .datazivot-tabz-section-designn-withminimilistic-content-panel {
            background: white;
            border-radius: 15px;
            padding: 20px;
            min-height: 300px;
            position: relative;
            overflow: hidden;
            padding-top: 0px;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
        }

        .datazivot-tabz-section-designn-withminimilistic-content-item {
            opacity: 0;
            transform: translateY(20px);
            transition: all 0.5s ease;
            position: absolute;
            top: 40px;
            left: 40px;
            right: 40px;
            bottom: 40px;
        }

        .datazivot-tabz-section-designn-withminimilistic-content-item.active {
            opacity: 1;
            transform: translateY(0);
            position: relative;
            top: auto;
            left: auto;
            right: auto;
            bottom: auto;
        }

        .datazivot-tabz-section-designn-withminimilistic-content-title {
            font-size: 2rem;
            font-weight: bold;
            margin-bottom: 20px;
            color: #2c3e50;
                background: linear-gradient(135deg, #2c3e50 0%, #2c3e50 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .datazivot-tabz-section-designn-withminimilistic-content-description {
            font-size: 1.1rem;
            line-height: 1.8;
            color: black;
        }

        @keyframes slideInDown {
            from {
                opacity: 0;
                transform: translateY(-50px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes slideInUp {
            from {
                opacity: 0;
                transform: translateY(50px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .datazivot-button-left-right-sliderl{
          min-height: 340px;
    display: flex;
    flex-direction: column;
    justify-content: center;
        }
.datazivot-case-study-new-sliderz-heading-mata-5{
  margin-top: 6rem !important;
}


        /* Responsive Design */
        @media (max-width: 992px) {
            .datazivot-tabz-section-designn-withminimilistic-tabs-container {
                grid-template-columns: 1fr;
                gap: 30px;
            }
            .datazivot-button-left-right-sliderl{
              height: auto;
            }

            .datazivot-tabz-section-designn-withminimilistic-tabs-grid {
                order: 1;
                grid-template-columns: repeat(3, 1fr);
            }

            .datazivot-tabz-section-designn-withminimilistic-content-panel {
                order: 2;
                margin-top: 20px;
            }

            .datazivot-tabz-section-designn-withminimilistic-main-title {
                font-size: 2.5rem;
            }

            .datazivot-tabz-section-designn-withminimilistic-section-title {
                font-size: 2rem;
            }

            .datazivot-tabz-section-designn-withminimilistic-tab-card {
                padding: 20px 12px;
            }

            .datazivot-tabz-section-designn-withminimilistic-tab-icon {
                width: 50px;
                height: 50px;
                font-size: 20px;
            }

            .datazivot-tabz-section-designn-withminimilistic-tab-title {
                font-size: 0.9rem;
            }
        }

        @media (max-width: 768px) {
            .datazivot-tabz-section-designn-withminimilistic-main-section {
                padding: 12px 0;
            }

            .datazivot-tabz-section-designn-withminimilistic-content-wrapper {
                padding: 30px 20px;
            }

            .datazivot-tabz-section-designn-withminimilistic-tabs-grid {
                grid-template-columns: repeat(3, 1fr);
                gap: 12px;
            }

            .datazivot-tabz-section-designn-withminimilistic-tab-card {
                padding: 15px 8px;
            }

            .datazivot-tabz-section-designn-withminimilistic-tab-icon {
                width: 40px;
                height: 40px;
                font-size: 18px;
                margin-bottom: 10px;
            }

            .datazivot-tabz-section-designn-withminimilistic-tab-title {
                font-size: 0.8rem;
            }

            .datazivot-tabz-section-designn-withminimilistic-main-title {
                font-size: 2rem;
            }

            .datazivot-tabz-section-designn-withminimilistic-main-description {
                font-size: 1.1rem;
            }

            .datazivot-tabz-section-designn-withminimilistic-content-title {
                font-size: 1.5rem;
            }

            .datazivot-tabz-section-designn-withminimilistic-content-panel {
                padding: 30px 20px;
            }
        }

        @media (max-width: 480px) {
            .datazivot-tabz-section-designn-withminimilistic-container {
                padding: 0 15px;
            }

            .datazivot-tabz-section-designn-withminimilistic-content-wrapper {
                padding: 20px 15px;
            }

            .datazivot-tabz-section-designn-withminimilistic-tabs-grid {
                grid-template-columns: repeat(3, 1fr);
                gap: 8px;
            }

            .datazivot-tabz-section-designn-withminimilistic-tab-card {
                padding: 12px 6px;
            }

            .datazivot-tabz-section-designn-withminimilistic-tab-icon {
                width: 35px;
                height: 35px;
                font-size: 16px;
                margin-bottom: 8px;
            }

            .datazivot-tabz-section-designn-withminimilistic-tab-title {
                font-size: 0.75rem;
            }

            .datazivot-tabz-section-designn-withminimilistic-main-title {
                font-size: 1.8rem;
            }

            .datazivot-tabz-section-designn-withminimilistic-section-title {
                font-size: 1.5rem;
            }
        }