:root,
[data-bs-theme="light"] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #5023b7;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #287cce;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;

  --bs-primary: #070b15;
  --bs-secondary: #050134;
  --bs-success: #198754;
  --bs-info: #006cd0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;

  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 0, 108, 208;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;

  /* Custom color variables  Start */
  --custom-theme-light: #d2d0ec;
  --custom-text-purple: #ed78b9;
  --custom-text-grey-light: #c1bfe3;
  --custom-text-grey-light1: #f2f2ff;
  --custom-text-light-5: #fcfcfc;
  --custom-text-light-1: #eff0f6;
  --custom-dark-black-2: #524f77;
  --custom-dark-black-3: #4a5774;
  --custom-text-light-: #e7ddf0;
  --custom-text-light-4: #cbc9e6;
  --custom-text-light-3: #d9dbe9;
  --custom-text-light-2: #eaeef9;
  --custom-dark-grey-text: #6e7191;
  --custom-light-grey-text1: #d2d8e9;
  --custom-light-grey-text2: #77829f;
  --custom-light-grey-text3: #a0a3bd;
  --custom-light-blue-1: #006cd0;
  --custom-light-blue-3: #0d91da;
  --custom-dark-text1: #14142b;
  --custom-dark-text5: #14171f;
  --custom-dark-text3: #4e4b66;
  --custom-light-blue-text-1: #2c1367;
  --custom-light-blue-text-2: #23094D;
  --custom-blue-purple-1: #3458c6;
  --custom-blue-purple-5: #706ff7;
  --custom-purple-text1: #aa50f4;
  --custom-text-sky-light: #acb8d4;
  --custom-text-sky-ligh2: #edecfc;
  --custom-text-sky-ligh3: #d8d3f3;
  --custom-text-sky-ligh4: #c4c2cb;
  --custom-text-sky-ligh5: #C6E6FF;
  --custom-purple-dark-1: #6a206d;
  --custom-pink-ligt-1: #edd5fc;
  --custom-voilet-1: #D2C3EB;
  --custom-grey-hard: #34313c;
  --custom-pink-white: #F0E0FF;
  --custom-neon-blue: #2D1468;
  --custom-neon-blue2: #5129AE;
  /* --custom-neon-blue2: #848696; */
  --custom-neon-light2: #262338;
  --custom-sky-light-5: #D3D5FF;
  --custom-black-light: #050D26;
  --text-grey2: #99989E;
  --text-dark2: #201F23;
  --text-dark2-light: #404243;
  --text-dark3: #404243;
  --text-dark4: #57555B;
  
  
  /*------------------ Custom color variables  End---------*/
  /*----------------- Custom background varaibale start ----------------- */
  --custom-bg-light1: #f6f9fc;
  --custom-dark-bg-1: #080c16;
  --custom-dark-light-bg-1: #040034;
  --custom-dark-blue-bg-1: #110f3b;
  --custom-dark-blue-bg-2: #0c0c23;
  --custom-dark-blue-bg-3: #110e26;
  --custom-dark-blue-bg-4: #03001b;
  --custom-dark-black: #060a14;
  --custom-sky-blue-1: #c1e3fb;
  --custom-sky-blue-6: #def1ff;
  --custom-sky-blue-2: #e3eafa;
  --custom-sky-light-11: #c6cded;
  --custom-sky-light-2: #c6cded;
  --custom-sky-blue-3: #d0d9f0;
  --custom-sky-blue-4: #d5def1;
  --custom-sky-blue-5: #f5f7fe;
  --custom-sky-light-1: #e8ecfe;
  --custom-sky-light-3: #e9edff;
  --custom-light-green-1: #c6ebb7;
  --custom-light-green-2: #e5fbdb;
  --custom-light-green-33:  #CFEAC4;
  --bg-dark2:  #171619;
  

  --custom-light-green-22: #cfeac3;
  --custom-dark-orange-1: #946300;
  --custom-purple-1: #6a206d;
  --custom-purple-2: #412078;
  --custom-purple-blue-3: #070336;
  --custom-purple-blue-5: #422179;
  --custom-purple-bg-light: #706ff71a;
  /*----------------- Custom background varaibale End ----------------- */
  --bs-primary-text-emphasis: #052c65;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #0a3622;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #c4c8cb;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-gradient: linear-gradient(180deg,
      rgba(255, 255, 255, 0.15),
      rgba(255, 255, 255, 0));
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #0d6efd;
  --bs-link-color-rgb: 13, 110, 253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #0a58ca;
  --bs-link-hover-color-rgb: 10, 88, 202;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
  --bs-navbar-active-color: #6e7191;
}

body {
  font-family: "Inter", sans-serif !important;
  font-size: 16px;
  color: #170d29;
  line-height: 28px;
  scroll-behavior: smooth;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "outfit", sans-serif !important;
}

/*----------------------- Container width css  -------------------------*/
@media (min-width: 1350px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1200px;
  }

  .container-fluid {
    width: 1340px;
  }
}

/*--------------------- font family inter  start -------------------*/
.font-inter {
  font-family: "Inter", sans-serif;
}

.font-outfit {
  font-family: "outfit", sans-serif !important;
}
.font-epilogue {
  font-family: 'Epilogue', sans-serif!important;
}
/*------------------------ font family inter  end ---------------------*/
/*----------------- gloabal classes start ---------------------------*/
.home-hero-padd {
  padding-top: 151px;
  padding-bottom: 102px;
}

/* Tooltip background */
.tooltip-inner {
  background: linear-gradient(124.74deg, #06bead -10.36%, #006cd0 84.08%);
  color: white;
  padding: 6px 10px;
  border-radius: 8px;
}

.sticky {
  position: sticky;
  top: -2px;
  z-index: 999;
}

.w-56 {
  width: 56px;
}
.badge1 {
    padding: 1px 11px;
}
.p-3x{
  padding: 3px;
}

.img-filter {
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.1));
}

.img-filter-2 {
  filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.1));
}

.img-filter-3 {
  filter: drop-shadow(-8px 0px 10px rgba(0, 0, 0, 0.1));
}

.img-filter4 {
  filter: drop-shadow(0px 0px 30px rgb(0 0 0 / 5%));
}

.img-filter5 {
  filter: drop-shadow(0px 0px 35px rgb(0 0 0 / 8%));
}
.bg-opacity-80{
  --bs-bg-opacity: .80;
}
.rounded-24{
  border-radius: 24px;
}
.rounded-12{
  border-radius: 12px!important;
}
/* back to top button  */
.content {
  height: 1000px;
  line-height: 1.5;
  letter-spacing: 3px;
  font-size: 20px;
  text-decoration: underline;
  text-align: center;
  margin-top: 30px;
}

.go-top {
  position: fixed;
  bottom: 20%;
  right: 3%;
  padding: 20px;
  display: none;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
}

.go-top:after {
  font-family: "remixicon" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f310";
  background-color: #efeff8;
  padding: 6px 10px;
  color: #170d29;
  position: absolute;
  bottom: 10px;
  font-size: 22px;
  border-radius: 5px;
}

.go-top-text {
  position: absolute;
  width: 60px;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 3px;
  font-size: 12px;
  margin: 20px 0 0 -4px;
}

.crm-contact-bg .btn {
  background: #2C1367 !important;
}

/*---------- video overlay ------------------*/
.coming-soon-wraper {
  cursor: pointer;
}

.coming-soon-hidden {
  opacity: 0;
  transition: opacity 0.1s ease;
  /* Transition for opacity */
}

.coming-soon-wraper:hover .coming-soon-hidden {
  opacity: 1;
}

.coming-soon-wraper:hover .image-blur {
  filter: blur(4px);
}

.vedio-frame {
  transform: scaleX(0.96) scaleY(0.96);
}

.vedio-frame2 {
  transform: scaleX(0.97) scaleY(0.96);
}

.vedio-frame3 {
  transform: scaleX(0.97) scaleY(0.97);
}

.vedio-frame4 {
  transform: scaleX(0.97) scaleY(0.98);
}

.vedio-frame-full {
  border: 11.59px solid #040034;
  border-radius: 15.45px;
}

/*-------------------------- gloabal classes start -----------------*/
/*---------------------- FONT COLORS CSS START  ----------------------*/

.text-theme-light {
  color: var(--custom-theme-light);
}

.grey-light-text {
  color: var(--custom-text-grey-light);
}

.grey-light-text1 {
  color: var(--custom-text-grey-light1);
}

.g-light-text-5 {
  color: var(--custom-text-light-5);
}

.g-light-text-7 {
  color: #f5feff;
}
.g-light-text-8 {
  color: #D9D8DB;
}
.text-light-1 {
  color: var(--custom-text-light-1);
}

.dark-black-2 {
  color: var(--custom-dark-black-2);
}

.dark-black-3 {
  color: var(--custom-dark-black-3);
}

.text-light-2 {
  color: var(--custom-text-light-2);
}

.text-light-4 {
  color: var(--custom-text-light-4);
}

.text-light-3 {
  color: var(--custom-text-light-3);
}

.dark-grey-text {
  color: var(--custom-dark-grey-text);
}

.light-grey-text1 {
  color: var(--custom-light-grey-text1);
}

.light-grey-text2 {
  color: var(--custom-light-grey-text2);
}

.light-grey-text3 {
  color: var(--custom-light-grey-text3);
}

.light-blue-1 {
  color: var(--custom-light-blue-1);
}

.light-blue-3 {
  color: var(--custom-light-blue-3);
}

.purple-text-2 {
  color: var(--custom-purple-2);
}

.dark-text1 {
  color: var(--custom-dark-text1);
}

.dark-hard-text {
  color: var(--custom-grey-hard);
}

.dark-text6 {
  color: #040034;
}

.dark-text5 {
  --custom-dark-text5: #14171f;
}

.dark-text3 {
  color: var(--custom-dark-text3);
}

.light-blue-text-1 {
  color: var(--custom-light-blue-text-1);
}

.black-dark-text1 {
  color: #050d26;
}

.dark-green-text5 {
  color: #14142b;
}
.dark-green-text6 {
  color: #14142BB2;
}
.purple-blue-4 {
  color: var(--bs-purple);
}

.blue-purple-1 {
  color: var(--custom-blue-purple-1);
}

.blue-purple-5 {
  color: var(--custom-blue-purple-5);
}

.purple-text1 {
  color: var(--custom-purple-text1);
}

.text-sky-light {
  color: var(--custom-text-sky-light);
}

.text-sky-ligh2 {
  color: var(--custom-text-sky-ligh2);
}

.text-sky-ligh3 {
  color: var(--custom-text-sky-ligh3);
}

.text-sky-ligh4 {
  color: var(--custom-text-sky-ligh4);
}

.purple-dark-1 {
  color: var(--custom-purple-dark-1);
}

.text-purple-2 {
  color: var(--custom-text-purple);
}

.pink-ligt-1 {
  color: var(--custom-pink-ligt-1);
}

.text-neon-blue {
  color: var(--custom-neon-blue);
}

.text-neon-blue2 {
  color: var(--custom-neon-blue2);
}

.text-green1 {
  color: #3fa53c;
}

.text-light-green {
  color: #cee9c3;
}

.dark-text-7 {
  color: #1c2034;
}
.text-purple1{
  color: #724CC9;
}
.text-purple22{
  color: #A377FF;
}
.text-purple33{
  color: #975FFF;
}
.silver-text-1 {
  color: #625d6e;
}
.silver-text2 {
  color: #9A96A1;
}
.silver-text3 {
  color: #A9A5B2;
}
.silver-text4 {
  color: #99999D;
}
.silver-text5 {
  color: #E9E6EA;
}
.sky-light-11 {
  color: #39acff;
}
.sky-light-22 {
  color: #2C73D2;
}
.green-light-7 {
  color: #d5f0d5;
}

.green-light-8 {
  color: #030c03;
}

.green-light-9 {
  color: #373f37;
}

.green-light-10 {
  color: #2e4237;
}

.brown-light-text1 {
  color: #a4ad7f;
}

.brown-light-text2 {
  color: #7b7b76;
}

.brown-light-text3 {
  color: #eceee2;
}

.skylight-blue-text1 {
  color: #8887ff;
}
.skylight-blue-text3 {
  color: #485AFF;
}
.skylight-blue-text2 {
  color: #6564ec;
}

.black-dark-text3 {
  color: var(--custom-dark-light-bg-1);
}

.text-light-green2 {
  color: var(--custom-light-green-1);
}

.text-neon-light2 {
  color: var(--custom-neon-light2);
}

.text-pink1 {
  color: #F7EFEF;
}
.text-grey2{
  color: var(--text-grey2);
} 
.text-dark2{
  color: var(--text-dark2);
}
.text-dark2-50{
  color: var(--text-dark2-light);
}
.text-dark3{
  color: var(--text-dark3);
}
.text-dark4{
  color: var(--text-dark4);
}
.text-dark5{
  color: #181915;
}
.text-dark6{
  color: #171619;
}
.text-dark7{
  color: #090914;
}
.text-dark8{
  color: #65656E;
}
.text-light-22{
  color: #B3B3B3;
}
.text-light-11{
  color: #B3B3B3;
}
.text-light-33{
  color: #B8B6B9;
}
/* Individual gradients */
.font-dgradient2  { background: linear-gradient(270deg, #036fcc 0%, #3da442 100%); }
.font-dgradient3  { background: linear-gradient(91.29deg, #2715f3 18.42%, #aa50f4 99.1%); }
.font-dgradient4  { background: linear-gradient(271.66deg, #2e146c 0.38%, #5324c1 35.15%); }
.font-dgradient5  { background: linear-gradient(273.35deg, #6c6af6 5.58%, #aaa7ff 37.91%); }
.font-dgradient6  { background: linear-gradient(273.25deg, #6c6af6 5.52%, #aaa7ff 97.34%); }
.font-dgradient7  { background: linear-gradient(95.08deg, #3FA53C 103.49%, #006cd0 98.19%); }
.font-dgradient8  { background: linear-gradient(92deg, #AF45DB 100.49%, #EB7B96 97.19%); }
.font-dgradient9  { background: linear-gradient(95.08deg, #AF45DB 2.49%, #EB7B96 97.19%); }
.font-gradient10  { background: radial-gradient(76.07% 299.73% at 15.62% 82.5%, #00E4FE 0%, #009FFD 39.12%, #BE17FB 100%); }
.font-gradient11  { background: radial-gradient(76.07% 299.73% at 15.62% 82.5%, #00E4FE 23%, #009FFD 73.12%); }
/* Shared gradient text styles */
[class^="font-dgradient"],
[class^="font-gradient"] {
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.font-gradient12  { 
  background: linear-gradient(102.1deg, #0B62F5 10.33%, #013FC9 82.7%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
 }
 .font-dgradient1  {
   background: linear-gradient(90.4deg, #09173a 9.06%, #1962cf 106.65%); 
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.font-dgradient10 { 
  background: linear-gradient(95.08deg, #3FA53C 2.49%, #006CD0 97.19%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.font-dgradient11 { 
  background: linear-gradient(95.08deg, #AE5388 2.49%, #3D1052 97.19%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
/*---------------------- FONT COLORS CSS END  ----------------------*/
/*----------------- background color css start -------------- */
.bg-light {
  --bs-bg-opacity: 1;
  background-color: #efeff8 !important;
}

.bg-primary1 {
  background-color: var(--bs-primary);
}

.bg-secondary1 {
  background-color: var(--bs-secondary);
}

.bg-light1 {
  background-color: var(--custom-bg-light1);
}

.dark-bg-1 {
  background-color: var(--custom-dark-bg-1);
}

.dark-light-bg-1 {
  background-color: var(--custom-dark-light-bg-1);
}

.light-purple-bg-1 {
  background-color: var(--custom-light-blue-text-1);
}

.bluish-purple-bg-2 {
  background-color: #25135b;
}

.bg-purple-blue-5 {
  background-color: var(--custom-purple-blue-5);
}

.dark-blue-bg-1 {
  background-color: var(--custom-dark-blue-bg-1);
}

.dark-blue-bg-2 {
  background-color: var(--custom-dark-blue-bg-2);
}

.dark-blue-bg-3 {
  background-color: var(--custom-dark-blue-bg-3);
}

.dark-blue-bg-4 {
  background-color: var(--custom-dark-blue-bg-4);
}

.dark-black {
  background-color: var(--custom-dark-black);
}

.sky-blue-1 {
  background-color: var(--custom-sky-blue-1);
}

.sky-blue-6 {
  background-color: var(--custom-sky-blue-6);
}

.sky-blue-2 {
  background-color: var(--custom-sky-blue-2);
}

.sky-light-2 {
  background-color: var(--custom-sky-light-2);
}

.sky-blue-3 {
  background-color: var(--custom-sky-blue-3);
}

.sky-blue-4 {
  background-color: var(--custom-sky-blue-4);
}

.sky-light-text {
  background-color: var(--custom-sky-light-5);
}

.sky-blue-11 {
  background-color: var(--custom-sky-light-11);
}

.sky-blue-5 {
  background-color: var(--custom-sky-blue-5);
}

.silver-light-1 {
  background-color: #f8f6fc;
}

.sky-light-1 {
  background-color: var(--custom-sky-light-1);
}

.sky-light-3 {
  background-color: var(--custom-sky-light-3);
}

.light-green-1 {
  background-color: var(--custom-light-green-1);
}

.light-green-5 {
  background-color: #e0efd9;
}

.black-grey1 {
  background-color: #1c1514;
}

.black-dark1 {
  background-color: #050d26;
}

.voilet-ligt-1 {
  background: var(--custom-voilet-1);
}

.blue-dark22 {
  background-color: #264186;
}
.blue-dark33 {
  background-color: #2C73D2;
}
.bg-pink33 {
  background-color: #975FFF;
}

.blue-light-purple {
  background-color: #361b75;
}

.blue-bluish-purple2 {
  background-color: #1a3b94;
}

.light-green-2 {
  background-color: var(--custom-light-green-2);
}

.light-green-22 {
  background-color: var(--custom-light-green-22);
}

.light-green-33 {
  background-color: var(--custom-light-green-33);
}

.light-green-4 {
  background-color: #cde8c3;
}

.herd-green {
  background-color: #258551;
}

.dark-green-1 {
  background-color: #030c03;
}

.dark-green-5 {
  background-color: #092609;
}

.semilight-green-5 {
  background-color: #9fe59f;
}

.dark-orange-1 {
  background-color: var(--custom-dark-orange-1);
}

.purple-1 {
  background-color: var(--custom-purple-1);
}

.purple-2 {
  background-color: var(--custom-purple-2);
}

.purple-blue-3 {
  background-color: var(--custom-purple-blue-3);
}

.purple-bg-light {
  background: var(--custom-purple-bg-light);
}

.purple-blue-6 {
  background: #2c1367;
}

.purple-blue-7 {
  background: var(--custom-light-blue-text-2);
}

.hard-blue-bg {
  background: #081235;
}

.sky-blue-7 {
  background-color: #e9edff;
}

.sky-blue-8 {
  background-color: #f8f7fd;
}

.sky-light-12 {
  background-color: #d1ebff;
}

.sky-light-13 {
  background-color: #a7daff;
}

.sky-light-14 {
  background-color: #fbfdff;
}

.green-blue-bg-1 {
  background-color: #081235;
}

.hard-blue-bg-1 {
  background-color: #0a0a27 !important;
}

.pinkbg {
  background-color: #ebebf7 !important;
}

.green-light-bg2 {
  background-color: #cee9c3;
}

.green-light-bg7 {
  background-color: #d5f0d5;
}

.brown-dark-bg1 {
  background-color: #030205;
}

.brown-dark-bg2 {
  background-color: #151610;
}

.brown-dark-bg3 {
  background-color: #0b0b09;
}
.brown-dark-bg4 {
  background-color: #1B1D1F;
}
.brown-dark-bg5 {
  background-color: #2C3136;
}
.brown-light-bg1 {
  background-color: #eceee2;
}

.brown-light-bg2 {
  background-color: #879354;
}

.brown-light-bg3 {
  background-color: #a4ad7f;
}

.skylight-blue-bg1 {
  background: #0b0b1e;
}

.blue-shade-bg1 {
  background: #171742;
}

.blue-shade-bg2 {
  background: #e3e3f8;
}

.blue-shade-bg4 {
  background: #eeeefd;
}

.blue-shade-bg5 {
  background: #dae0fa;
}

.blue-shade-bg6 {
  background: #f7f7fc;
}
.blue-shade-bg7 {
  background: #EBEFFD;
}
.bg-sky-light-5 {
  background: var(--custom-text-sky-ligh5);
}

.pink-whit-1 {
  background: var(--custom-pink-white);
}

.graient-bg-pink-1 {
  background: linear-gradient(180deg, #ead4fa 0%, #f7c8eb 100%);
}

.black-green-bg-1 {
  background: linear-gradient(95.08deg, #030c03 2.49%, #258551 97.19%);
}

.black-light-bg {
  background: var(--custom-black-light);
}

.bg-blue-purple {
  background-color: var(--custom-blue-purple-1);
}
.bg-dark2 {
  background-color: var(--bg-dark2)!important;
}
.bg-dark3 {
  background-color: #0B0B0C;
}
.bg-dark4 {
  background-color: #000000E0!important;
}
.bg-purple-light{
  background-color: #724CC9;
}
.gradient-blue-pink {
  background: linear-gradient(144.58deg,
      rgba(54, 38, 139, 0.7) -19.95%,
      rgba(137, 30, 102, 0.7) 71.1%);
}

.gradient-blue-green {
  background: linear-gradient(127.35deg,
      rgba(63, 165, 60, 0.6) -11.11%,
      rgba(0, 108, 208, 0.6) 104.08%);
}

.gradient-blue-green2 {
  background: linear-gradient(95.9deg, #3fa53c -3.56%, #1b8bf1 101.42%);
}

.gradient-blue-purple {
  background: linear-gradient(320.63deg, #2c1367 9.02%, #5826cd 83.23%);
}

.gradient-orange-pink {
  background: linear-gradient(95.08deg, #fec790 2.49%, #f991f7 97.19%);
}

.gradient-purple-white {
  background: linear-gradient(95.08deg, #c566ff 2.49%, #5c00b9 97.19%);
}

.gradient-ornge-pink {
  background: linear-gradient(95.08deg, #f6b471 2.49%, #ef72ec 97.19%);
}

.gradient-sky-blue1 {
  background: linear-gradient(273.25deg, #6c6af6 5.52%, #aaa7ff 97.34%);
}
.gradient-neon-pink {
  background: linear-gradient(180deg, rgba(1, 197, 254, 0.1) 0%, rgba(143, 57, 251, 0.1) 100%);
}
.gradient-neon-pink1 {
    background: linear-gradient(90deg, rgba(1, 197, 254, 0.1) 0%, rgba(143, 57, 251, 0.1) 100%);
}
.gradient-neon-pink2 {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),radial-gradient(101.7% 384.2% at -5.31% 118.63%, #00E4FE 0%, #009FFD 26.36%, #BE17FB 100%);
}
.gradient-reddish {
  background: linear-gradient(95.08deg, #AE5388 2.49%, #3D1052 97.19%);
}
.gradient-neon-pink3 {
    background: linear-gradient(0deg, #fcfcfc00, #fcfcfc54), linear-gradient(131.05deg, rgb(1 197 254 / 19%) 18.42%, rgba(143, 57, 251, 0.1) 96.48%);
}
.gradient-neon-pink4 {
    background: radial-gradient(133.64% 780.07% at -29.69% 147.91%, #00E4FE 0%, #009FFD 39.12%, #BE17FB 100%)
}
.gradient-neon-pink5 {
    background: linear-gradient(104.24deg, #FE7B59 0%, #FE497A 47.92%, #FD169C 100%);
}
.gradient-neon-pink6 {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), radial-gradient(89.7% 348.2% at -31.31% 225.63%, #0a0a27 5%, #0a0a27 35.36%, #be17fb 146%);
}
.gradient-neon-pink7 {
    background: radial-gradient(circle at 5% 100%, rgb(154 71 126 / 17%), transparent 40%), /* Pink bottom-left */ radial-gradient(circle at 59% 0%, #6bb1e430, transparent 51%), /* Green top-right */ linear-gradient(90deg, #171619 0%, #171619 100%);
}
.gradient-b1 {
    border: 1px solid transparent;
    background: linear-gradient(88.09deg, #3CA245 1.61%, #036FCA 98.41%);
}
/*------------------ background color css end ------------- */
/*---------------- border  color css start --------------- */
.border-blue1 {
  border-color: #24205d;
}

.border-green1 {
  border-color: #cee9c3 !important;
}

.border-blue2 {
  border-color: #181542;
}

.border-grey1 {
  border-color: #d9dbe9;
}

.border-purple1 {
  border-color: #6a206d !important;
}

.border-purple-dark {
  border-color: #2c1367 !important;
}

.border-blue11 {
  border-color: #2a57d0 !important;
}

.border-brown1 {
  border-color: #14150d !important;
} 
.border-sky-blue-1 {
  border-color: #bccefb !important;
}
.border-sky-blue-2 {
  border: 1px solid #DADDE4;
}
.border-sky-blue-3 {
  border: 1px solid #2245BE3D;
}
.border-end-light{
  border-right: 1px solid #373143EB
}
/*----------------------- border color css end ----------- */
/* -----------------Gradient button css start  ----------------------*/
.g-button-1 {
  background: linear-gradient(95.48deg, #06bead -40.45%, #0171cf 105.07%);
  width: 152px;
  height: 38px;
  border: 0px;
}

.g-button-1:hover {
  background: linear-gradient(95.48deg, #0171cf -40.45%, #06bead 105.07%);
}

.g-button-2 {
  background: linear-gradient(95.48deg, #06bead -40.45%, #0171cf 105.07%);
  width: 166px;
  height: 52px;
  border: 0px;
}

.g-button-2:hover {
  background: linear-gradient(95.48deg, #0171cf -40.45%, #06bead 105.07%);
  width: 166px;
  height: 52px;
  border: 0px;
}

.g-button-3 {
  background: linear-gradient(90deg, #3ba248 0%, #016dd1 100%);
  border: 0px;
}

.g-button-3:hover {
  background: linear-gradient(90deg, #016dd1 0%, #3ba248 100%);
  border: 0px;
}

.g-button-4 {
  background: linear-gradient(94.79deg, #2715f3 3.86%, #aa50f4 96.14%);
  border: 0px;
}

.g-button-4:hover {
  background: linear-gradient(94.79deg, #aa50f4 3.86%, #2715f3 96.14%);
  border: 0px;
}

.g-button-5 {
  background: linear-gradient(270deg, #2c1367 0%, #5324bf 100%);
  border: 0px;
}

.g-button-5:hover {
  background: linear-gradient(270deg, #5324bf 0%, #2c1367 100%);
  border: 0px;
}

.dark-btn {
  background-color: #080c16;
}

.dark-btn:hover {
  background-color: #080c16bd;
}

.g-button-6 {
  background: #3458c6;
}

.g-button-6:hover {
  background: #2c4aa3;
}

.g-button-7 {
  background: #706ff7;
}

.g-button-7:hover {
  background: #706ff7a1;
}

.purple-btn:hover {
  background-color: #6a206d;
  color: white;
}

.pink-btn-reverse:hover {
  background-color: white;
  color: var(--custom-purple-dark-1) !important;
}
.pink-btn-reverse2:hover {
  background-color: #6a206d!important;
  opacity: 0.9;
}

.neon-btn-reverse:hover {
  background-color: white;
  color: var(--custom-blue-purple-1) !important;
}

.blue-btn-1 {
  border: 1px solid #2a57d0;
  color: #2a57d0;
}

.blue-btn-1:hover {
  background: #2a57d0;
  color: white;
}

.blue-btn-1-reverse {
  background: #2a57d0;
  color: white;
}

.blue-btn-1-reverse:hover {
  background: white;
  color: #2a57d0;
}

.blue-btn-2 {
  border: 1px solid #3f13a2;
  color: white;
}

.blue-btn-2:hover {
  border: 1px solid #3f13a2;
  color: #3f13a2;
  background-color: white;
}

.green-btn-1 {
  border: 1px solid #c5ebb6;
  color: #c5ebb6;
}

.g-blue-btn-1 {
  border: 1px solid #2c1367;
  color: #2c1367;
}

.g-blue-btn-1:hover {
  background: #2c1367;
  color: #ffffff;
}

.green-btn-1:hover {
  background: #c6ebb7;
  color: #2c1367;
}

.green-btn-1-reverse {
  background: #c6ebb7;
  color: #2c1367;
}

.green-btn-1-reverse:hover {
  background: white;
  color: #2c1367;
}

.green-btn-2 {
  border: 1px solid #c6ebb7;
  color: #c5ebb6;
}

.green-btn-2:hover {
  border: 1px solid #c6ebb7;
  color: #2c1367;
  background-color: white;
}

.brown-btn-1 {
  border: 1px solid #5c6244;
  color: #5c6244;
}

.brown-btn-1:hover {
  background: #5c6244;
  color: #ffffff;
}

.brown-btn-1-reverse {
  background: #a4ad7f;
  color: #000000;
}

.brown-btn-1-reverse:hover {
  background: white;
  color: #5c6244;
}

.brown-btn-2 {
  border: 1px solid #a4ad7f;
  color: #a4ad7f;
}

.brown-btn-2:hover {
  border: 1px solid #a4ad7f;
  color: #000000;
  background-color: #a4ad7f;
}

.brown-btn-3:hover {
  border: 1px solid #a4ad7f;
  color: #000000;
  background-color: white;
}

.brown-btn-4 {
  background-color: white;
  color: #000000;
}

.brown-btn-4:hover {
  color: #ffffff;
  background-color: #151610;
}

.bluelight-btn-1 {
  border: 1px solid #6564ec;
  color: #6564ec;
}

.bluelight-btn-1:hover {
  background: #6564ec;
  color: #ffffff;
}

.bluelight-btn-1-reverse {
  background: #6564ec;
  color: #ffffff;
}

.bluelight-btn-1-reverse:hover {
  background: #ffffff;
  color: #6564ec;
}

.bluelight-btn-2 {
  border: 1px solid #6564ec;
  color: #ffffff;
}

.bluelight-btn-2:hover {
  border: 1px solid #6564ec;
  color: #ffffff;
  background-color: #6564ec;
}

.bluelight-btn-4 {
  border: 1px solid #6564ec;
  color: #ffffff;
  background-color: #6564ec;
}

.bluelight-btn-4:hover {
  border: 1px solid #6564ec;
  color: #6564ec;
  background-color: #ffffff;
}

.dark-btn-2 {
  background-color: #080c16;
}

.dark-btn-2:hover {
  background-color: #191e2bfa;
}

.blue-light-btn-1 {
  border: 1px solid #2c1367;
  color: #2c1367;
}

.blue-light-btn-1:hover {
  background: #39acff;
  color: #ffffff;
}

.blue-light-btn-1-reverse {
  background: #39acff;
  color: #000000;
}

.blue-light-btn-1-reverse:hover {
  background: white;
  color: #000000 !important;
}

.blue-light-btn-2 {
  border: 1px solid #39acff;
  color: #39acff;
}

.blue-light-btn-2:hover {
  border: 1px solid #39acff;
  color: #ffffff;
  background-color: #39acff;
}

.green-light-btn-11 {
  border: 1px solid #258551;
  color: #258551;
}

.green-light-btn-11:hover {
  background: #258551;
  color: #ffffff;
}

.green-light-btn-11-reverse {
  background: #266b29;
  color: #ffffff;
}

.green-light-btn-11-reverse:hover {
  background: #ffffff;
  color: #266b29 !important;
}

.green-light-btn-22 {
  border: 1px solid #266b29;
  color: #266b29;
}

.green-light-btn-22:hover {
  border: 1px solid #266b29;
  color: #ffffff;
  background-color: #266b29;
}

.discover-light-blue-btn {
  background-color: #6564ec;
}

.discover-hard-blue-btn {
  background-color: #0a0a27;
}

.discover-light-blue-btn:hover {
  background: transparent;
  border: 1px solid #ebebf7;
}

.discover-hard-blue-btn:hover {
  background: white;
  border: 1px solid #0a0a27;
  color: #0a0a27 !important;
}

.btn-52-176:hover {
  background: #0c101ad9;
}

.btn-52-176 {
  height: 52px;
}

.btn-52-176-1 {
  height: 52px;
  width: 176px;
}

.btn-52-171 {
  height: 52px;
  width: 171px;
}

.btn-52-157 {
  height: 52px;
  width: 157px;
}

.btn-44-131 {
  height: 44px;
  width: 131px;
}

.btn-44-165 {
  height: 44px;
  width: 165px;
}
.gradient-btn-1{
  background: radial-gradient(96.81% 373.56% at -5.12% 111.36%, #00E4FE 0%, #009FFD 39.12%, #BE17FB 100%);
}
.gradient-btn-1:hover {
  background: radial-gradient(96.81% 373.56% at -5.12% 111.36%, #BE17FB 0%, #009FFD 60.88%, #00E4FE 100%);
}
.gradient-btn-2 {
  background: linear-gradient(95.08deg, #FEC790 2.49%, #F991F7 97.19%);
}
.gradient-btn-2:hover {
    background: linear-gradient(257deg, #FEC790 2.49%, #F991F7 97.19%);
}
.transparent-btn1{
    background-color: #FFFFFF14;
    height: 48px;
    display: flex;
    align-items: center;
    padding: 0px 19px;
    border: 1px solid #FFFFFF0F
}
.transparent-btn1:hover{
    background-color: #ffffff1f;
    border: 1px solid #ffffff1f;
}
.btn-outline-light {
    --bs-btn-color: #FFFFFF;
    --bs-btn-border-color: #FFFFFF;
    --bs-btn-hover-color: #000000db;
    --bs-btn-hover-bg: #FFFFFF;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #FFFFFF;
}

/*----------------------- Gradient button css end  ------------*/
/*------------------ font sizes css start  ---------------*/
.font-56 {
  font-size: 56px;
  line-height: 66px;
}

.font-48 {
  font-size: 48px;
}
.font-44 {
  font-size: 44px;
}
.font-40 {
  font-size: 40px;
}

.font-38 {
  font-size: 38px;
}

.font-30 {
  font-size: 30px;
}

.font-26 {
  font-size: 26px;
}

.font-20 {
  font-size: 20px;
}

.font-32 {
  font-size: 32px;
}

.font-36 {
  font-size: 36px;
}

.font-22 {
  font-size: 22px;
}

.font-15 {
  font-size: 15px;
}

.font-24 {
  font-size: 24px;
}

.font-28 {
  font-size: 28px;
}

.font-18 {
  font-size: 18px;
}

.font-14 {
  font-size: 14px !important;
}

.font-13 {
  font-size: 13px;
}

.font-16 {
  font-size: 16px;
}

.font-12 {
  font-size: 12px;
}

.font-11 {
  font-size: 11px;
}

.font-10 {
  font-size: 10px;
}

/*----------------- font sizes css end  --------------------*/
/*--------------- text line-height css start --------------- */
.lh-60 {
  line-height: 60px;
}

.lh-50 {
  line-height: 50px;
}

.l-h-50 {
  line-height: 50px;
}

.lh-52 {
  line-height: 52px;
}

.lh-58 {
  line-height: 58px;
}

.lh-46 {
  line-height: 45.99px;
}

.lh-42 {
  line-height: 42px;
}

.lh-44 {
  line-height: 44px;
}

.lh-40 {
  line-height: 40px;
}

.lh-48 {
  line-height: 48px;
}

.lh-38 {
  line-height: 38px;
}

.lh-34 {
  line-height: 34px;
}

.lh-24 {
  line-height: 24px;
}

.lh-29 {
  line-height: 29px;
}

.lh-22 {
  line-height: 22px;
}

.lh-26 {
  line-height: 26px;
}

.lh-28 {
  line-height: 28px;
}

.lh-20 {
  line-height: 20px;
}

.lh-32 {
  line-height: 32px;
}

.lh-18 {
  line-height: 18px;
}

.lh-15_12 {
  line-height: 15.12px;
}

.lh-15 {
  line-height: 15px;
}

/*------------- text line-height css end  ---------------*/
/*-------------- text line-height css start -------------- */

.ls-05 {
  letter-spacing: 0.5px;
}

.ls-25 {
  letter-spacing: 0.25px;
}

.ls-75 {
  letter-spacing: 0.75px;
}

.ls-1 {
  letter-spacing: 1px;
}

/* --------------text line-height css end -------------- */
/*--------------- rounded corner css start  -------------*/
.rounded-16 {
  border-radius: 16px;
}

/* rounded corners css end  */
/*------------------- margin  custom start ----------------*/
.mt-66 {
  margin-top: -66px;
}

.mt-100 {
  margin-top: 100px;
}

/*--------------- margin  custom end ---------------------*/
/*---------------- padding custom  ------------------start*/

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

.pb-64 {
  padding-bottom: 64px;
}

.px-6 {
  padding-left: 4rem;
  padding-right: 4rem;
}

.px-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.py-8 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.py-11 {
  padding-top: 13px;
  padding-bottom: 11px;
}

.py-13 {
  padding-top: 13px;
  padding-bottom: 13px;
}

.py-24 {
  padding-left: 20px;
  padding-right: 20px;
}

/*-------------------- padding custom  end ------------------*/
/* margin custom  start*/
.mb-6 {
  margin-bottom: 6rem;
}

/* margin custom  end*/
/*--------------------------- navbar css start  --------------*/
.shadow-lg {
  box-shadow: none !important;
}

.second-navbar {
  width: 100%;
}

.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: none;
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0px;
  vertical-align: 0px;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  content: "\ea4e";
  font-family: "remixicon" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.navbar-icons {
  width: 48px;
  height: 48px;
}

.sidebar-shadow {
  box-shadow: 6px 2px 54px 0px #1c31411f;
}

.sidebar-menu-item {
  cursor: pointer;
}

.sidebar-main-scroll {
  height: 85vh;
  overflow-y: scroll;
}

.menu-item-heading-box:hover {
  background: #11275c;
}

.menu-icon img {
  width: 25px;
  height: 25px;
  object-fit: contain;
  margin-top: -4px;
}

.learn-more {
  color: #005bd4;
  text-decoration: underline;
}

.menu-right-group-image {
  opacity: 0;
}

.menu-item-heading-box:hover .menu-right-group-image {
  opacity: 1;
}

.menu-item-heading-box:hover .dark-text1 {
  color: #fcfcfc;
}

.menu-item-heading-box:hover .dark-grey-text {
  color: #a0a3bd !important;
}

.menu-item-heading-box:hover .learn-more {
  color: #50c8fc;
}

/* sidebar scrollbar css start  */

.sidebar-main-scroll::-webkit-scrollbar,
.sidebar-main-scroll::-webkit-scrollbar {
  width: 4px;
}

.sidebar-main-scroll::-webkit-scrollbar-track,
.sidebar-main-scroll::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.sidebar-main-scroll::-webkit-scrollbar-thumb,
.sidebar-main-scroll::-webkit-scrollbar-thumb {
  background-color: #8885856c;
  border-radius: 10px;
}

.sidebar-main-scroll::-webkit-scrollbar-thumb:hover,
.sidebar-main-scroll::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}

/* sidebar scrollbar css start  */
.menu-arrow {
  position: absolute;
  right: 10px;
  opacity: 0;
}

.sidebar-menu-item:hover {
  background: #ddf0fd;
}

.sidebar-menu-item:hover .menu-link-text {
  color: #14142b;
}

.sidebar-menu-item:hover .menu-arrow {
  opacity: 1;
}

.customize-position {
  position: unset !important;
}

.menu-right-content {
  position: relative;
}

.navbar-nav .nav-link {
  opacity: 50%;
  color: #6e7191;
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
  top: 70px;
  left: 0;
  box-shadow: none;
  border-top: 0;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
  color: #6e7191;
  opacity: 100%;
}

.dropdown-menu a {
  text-decoration: none;
  color: #000000;
}

.dropdown-menu a .d-flex {
  transition: all 0.5s;
}

.dropdown-menu .col-sm-6:nth-child(1) a:hover .d-flex {
  background-color: var(--bs-warning-bg-subtle);
}

.dropdown-menu .col-sm-6:nth-child(2) a:hover .d-flex {
  background-color: var(--bs-danger-bg-subtle);
}

.dropdown-menu .col-sm-6:nth-child(3) a:hover .d-flex {
  background-color: var(--bs-success-bg-subtle);
}

.dropdown-menu .col-sm-6:nth-child(4) a:hover .d-flex {
  background-color: var(--bs-secondary-bg-subtle);
}

.dropdown-menu .col-sm-6:nth-child(5) a:hover .d-flex {
  background-color: var(--bs-tertiary-bg);
}

.dropdown-menu .col-sm-6:nth-child(6) a:hover .d-flex {
  background-color: var(--bs-info-bg-subtle);
}

@media only screen and (min-width: 992px) {
  .dropdown-menu {
    width: 100%;
  }

  .dropdown:hover .dropdown-menu {
    display: flex;
  }

  .dropdown-menu.show {
    display: flex;
  }
}

/*--------------------- navbar css end  ------------------*/

/* -------------------  Mega Menu START -------------------  */
.headerfull {
  height: auto;
  box-shadow: none;
}

.wsmain {
  padding: 0;
  max-width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.smllogo {
  padding: 0;
  width: auto;
}

.wsmenu {
  width: 100%;
  float: right;
  font-family: inherit;
}

.wsmenu>.wsmenu-list>li>a {
  padding: 16px 10px;
}

.wsmenu>.wsmenu-list>li {
  float: none;
}

.wsmenu>.wsmenu-list>li>.navtext>span,
.wsmenu>.wsmenu-list>li>a {
  font-size: 16px;
  font-weight: 500;
}

.wsmenu>.wsmenu-list>li>a {
  color: #6e7191;
}

.wsmenu>.wsmenu-list>li>.navtext::after {
  content: "\ea4e";
  font-family: "remixicon" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  margin-left: 0px;
  position: relative;
  right: -3px;
  text-align: right;
  top: 3px;
}

.wsmenu>.wsmenu-list>li>.wsmegamenu {
  top: 50px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.96);
}

.wsmenu>.wsmenu-list>li>.wsshoptabing>.wsshopwp>.wstabitem>li>a {
  padding: 11.2px 10px;
  font-size: 16px;
  text-decoration: none;
  font-weight: 500;
  color: #6e7191;
  border-bottom: none;
}

.main-links {
  display: flex !important;
  align-items: center;
}

.main-links img {
  height: 26px;
  width: 26px;
  filter: grayscale(1);
}

.wsshoplink-active .main-links {
  background: #ddf0fd !important;
  color: #14142b !important;
}

.wsshoplink-active .main-links img {
  filter: grayscale(0);
}

.wsshoplink-active .main-links::after {
  content: "\ea6e";
  font-family: "remixicon" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  position: absolute;
  right: 8px;
}

.drop-nav {
  text-decoration: none;
  color: #000;
  padding: 4px;
  transition: 300ms ease-in-out all;
}

.drop-nav:hover {
  background: var(--bs-light) !important;
}

.menu-vr-card,
.menu-item-heading-box {
  text-decoration: none;
  transition: 200ms ease-in-out all;
}

.menu-vr-card:hover {
  background: #ecf1ff;
  transform: scale(1.02);
}

.sidebar-main-scroll {
  max-height: 85vh;
  height: auto;
  overflow-y: scroll;
  overflow-x: hidden;
}

@media (min-width: 992px) {
  .wsmenu>.wsmenu-list {
    display: flex;
    justify-content: end;
    column-gap: 16px;
    align-items: center;
  }
}

@media (max-width: 992px) {
  .wsmenu>.wsmenu-list>li>.navtext::after {
    display: none;
  }

  .wsmenu>.wsmenu-list>li>.wsshoptabing>.wsshopwp>.wstabitem>li>a {
    padding: 8px 10px;
    border-bottom: 1px solid #e9e9e9;
  }

  .wsshoplink-active .main-links::after {
    display: none;
  }

  .sidebar-main-scroll {
    height: auto;
    max-height: none;
    overflow-y: unset;
  }
}

/* -------------------  Mega Menu END ------------------- */

/*------------------- hero section css start --------------- */
.description-link {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.5px;
  color: #18a4eb;
}

.slick-prev,
.slick-next {
  display: none !important;
}

/* Hero slick slider css */
.home-hero-murquee img {
  width: 255px;
  height: 44px;
  object-fit: contain;
  position: relative;
}

.home-hero-murquee::before,
.home-hero-murquee::after {
  content: "";
  position: absolute;
  bottom: 0;
  top: -30px;
  height: 100px;
  width: 20%;
  z-index: 1;
}

.home-hero-murquee::before {
  background: linear-gradient(90deg,
      #070b15 20.3%,
      rgba(7, 11, 21, 0.9) 51.16%,
      rgba(7, 11, 21, 0.82) 81.24%,
      rgba(7, 11, 21, 0) 95.99%);
  left: -1px;
}

.home-hero-murquee::after {
  background: linear-gradient(-90deg,
      #070b15 20.3%,
      rgba(7, 11, 21, 0.9) 51.16%,
      rgba(7, 11, 21, 0.82) 81.24%,
      rgba(7, 11, 21, 0) 95.99%);
  right: -2px;
}

/*----------------- hero section css end  ----------------------*/
/* Your all-in-one MASS CUSTOMIZATION platform Section CSS START */
.tab-content-list-1 li:before {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  left: 0;
  margin-top: 6px;
  background: linear-gradient(124.74deg, #06bead -10.36%, #006cd0 84.08%);
  border-radius: 100px;
}

.mass-tabs button.nav-link.tab-navlinks.active:hover {
  color: #14142b;
}

.mass-tabs .nav-tabs .nav-item.show .nav-link,
.mass-tabs.nav-tabs .nav-link.active {
  color: #14142b;
}

.tab-navlinks {
  height: 44px;
  /* width: 97px; */
}

.mass-tabs .tab-navlinks .nav-link:focus,
.mass-tabs .nav-link:hover {
  color: #eff0f6;
}

.tab-content-list-1 li {
  margin-bottom: 10px;
}

.nav-link.disabled,
.nav-link:disabled {
  color: #6e7191;
}

/* Scrollbar styling for WebKit browsers (Chrome, Safari, Edge) */
.home-tabs-bar::-webkit-scrollbar {
  width: 8px;
  /* Width of the scrollbar */
}

.home-tabs-bar::-webkit-scrollbar-track {
  background: #f1f1f1;
  /* Track color */
}

.home-tabs-bar::-webkit-scrollbar-thumb {
  background-color: #c5c3c3;
  /* Scrollbar color */
}

.home-tabs-bar::-webkit-scrollbar-thumb:hover {
  background-color: #c5c3c3;
  /* Color when hovering */
}

/* Scrollbar styling for Firefox */
.home-tabs-bar {
  scrollbar-width: thin;
  scrollbar-color: #c5c3c3 #f1f1f1;
}

/*------- Your all-in-one MASS CUSTOMIZATION platform Section CSS END ----------*/

.cards-slide-slider .slick-slide {
  margin: 0px 20px 0px 0px;
}

.cards-slide-slider .slick-slide {
  max-width: 255px;
  height: 300px;
}

.cards-slide-slider::after {
  content: "";
}

/*---------- Unleash your commerce potential with StoreFlo  start ----------*/
.coming-s-badge {
  width: 164px;
  height: 40px;
}

/*----------- Unleash your commerce potential with StoreFlo  end --------------*/
/*----------- Podflo page new changes 2025 ----- */
.custom-controls {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}
.play-pause {
    display: block;
    background: linear-gradient(93.94deg, #521CAD 16.36%, #060234 119.44%);
    height: 48px;
    width: 48px;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    transition: 300ms ease-in-out all;
}
.play-pause svg {
    fill: #fff;
}


.rounded-25 {
    border-radius: 25px!important;
}
.bg-gradient-neon{
    background: linear-gradient(93.94deg, #521CAD 16.36%, #060234 119.44%);
}
.c-badg {
    height: 37px;
}
.v-border {
    border: 12px solid #e8ecfe;
    border-radius: 12px;
}
#product-flow-tabs.nav-pills .nav-link {
    text-align: left;
    color: #595959 !important;
    border: 1px solid #E2E2E2;
    margin-bottom: 8px;
    border-radius: 12px;
}
#product-flow-tabs.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: #E8ECFE;
    color: #14142b !important;
}
.custom-dots li {
    position: relative;
    padding-left: 15px;
    width: fit-content;
    margin: auto;
}
.custom-dots {
    list-style: none;
    padding: 0;
    margin: 0;
}
.custom-dots li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 7px;
    height: 7px;
    background-color: #3E3E51;
    border-radius: 50%;
}
.scale-cards {
    box-shadow: 0px 4px 94px 0px #0F5B851F;
}
/*--------- Podflo page new changes 2025 ------- */
/* --------------------------------- Meet PODFlo  start ------------------------*/
.podflo-right-slides:after {
  content: "";
  width: 43%;
  height: 100%;
  position: absolute;
  right: -4px;
  top: -1px;
  margin: auto;
  background: linear-gradient(266deg,
      #040034 1.83%,
      rgba(4, 0, 52, 0.54) 48.99%,
      rgba(4, 0, 52, 0.27) 65.37%,
      rgba(4, 0, 52, 0) 81.76%);
}

.border-round {
  border: 2px solid #24205d;
  border-radius: 12px;
}

/* Podflo tabs btn css  */
.plan-navs-tabs .plan-btn.active {
  background-color: var(--custom-purple-1) !important;
  color: var(--custom-text-light-5);
}

.plan-btn.nav-link:focus,
.plan-btn.nav-link:hover {
  color: var(--custom-text-light-5);
}

/*--------------------------- Meet PODFlo  end ---------------------------*/
/* -------------------Meet HRFlo  start*-------------*/
/*------------------- Meet HRFlo  end*-------------*/
/* ------------------Ditch the guesswork and optimize sales with efficiency WITH CRMFLO CSS start*-------------*/

.list-icon2 li:before {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  left: 0;
  margin-top: 16px;
  background: #2c1367;
  border-radius: 100px;
}

.list-icon2 li:before {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  left: 0;
  margin-top: 7px;
  background: #2c1367;
  border-radius: 100px;
}

.list-custom-icon-2 li {
  margin-top: 12px;
}

/*------------------- Ditch the guesswork and optimize sales with efficiency WITH CRMFLO CSS end*-------------*/
/*------- Online Design Tool & Web-to-Print MOBILE-FIRST APP CSS START -----------*/
.online-design-img-filter:after {
  content: "";
  width: 100%;
  height: 100px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -2px;
  background: linear-gradient(360deg, #060a14 10%, #060a14 10%, #060a1400 100%);
}

/*---------- Online Design Tool & Web-to-Print MOBILE-FIRST APP CSS end ----------*/

/*---------------------------- We're known for our top-notch support and moving in FLO SPEED! --------------------*/
.testimonial-slider-bg {
  margin-top: 130px;
}

.sliderContainer {
  position: relative;
}

.slick-prev:before,
.slick-next:before {
  color: black;
}

.slick-dots {
  bottom: -30px;
}

.progressBarContainer {
  position: absolute;
  top: 20px;
  width: 100%;
  left: 0px;
}

.progressBarContainer div {
  display: block;
  width: 21%;
  padding: 0;
  cursor: pointer;
  float: left;
  text-align: center;
  margin-left: 2%;
  margin-right: 2%;
}

.progressBarContainer div img {
  height: 72px;
  width: 45%;
  object-fit: contain;
  filter: opacity(0.2);
}

.progressBarContainer div span.progressBar {
  width: 100%;
  height: 4px;
  background-color: #1b2337;
  display: block;
  border-radius: 100px;
}

.progressBarContainer div span.progressBar .inProgress {
  background: linear-gradient(124.74deg,
      #06bead -10.36%,
      #006cd0 84.08%) !important;
  width: 0%;
  height: 4px;
  margin-left: 0px !important;
  margin-right: 0px !important;
  border-radius: 100px;
}

/*---------------------------- We're known for our top-notch support and moving in FLO SPEED! --------------------*/
/*-------------------------- We’d love to hear from you! CSS START ---------------------*/
.contact-section-logo-list li img {
  width: 146px;
  height: 40px;
}

.contact-section-logo-list li img {
  width: 146px;
  height: 40px;
  filter: grayscale(1);
  object-fit: contain;
  object-position: left;
}

.contact-section-logo-list li:not(:last-child) img {
  margin-bottom: 72px;
}

.contact-section-logo-list img {
  cursor: default;
  width: 146px;
  height: 40px;
  opacity: 0.9;
  object-fit: contain;
  object-position: left;
  filter: grayscale(1);
}

.contact-section-logo-list img:hover {
  opacity: 1;
  filter: grayscale(0);
}

.contact-bg-1:before {
  content: "";
  background: url(../assets/images/contact-background-image.webp);
  background-repeat: no-repeat;
  background-size: 58%;
  background-color: var(--custom-sky-blue-4) !important;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.py-12 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.form-shadow {
  box-shadow: 0px 35px 40px 0px #0000000f;
}

.iti.iti--allow-dropdown {
  width: 100%;
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
  background-color: transparent !important;
}

.iti--separate-dial-code .iti__selected-flag {
  background-color: transparent !important;
}

.phone-input-container input {
  width: 100%;
  border-radius: 12px;
  border: 1px solid #e0e0e0;
  padding: 24px 50px 8px 48px;
  font-size: 16px;
  background-color: #ffffff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: border-color 0.3s ease;
  height: 58px;
}

.phone-input-container input:focus {
  border-color: #bcbcbc;
  outline: none;
}

.phone-input-container .form-floating>label {
  top: -15px;
  left: 65px;
}

.intl-tel-input {
  position: relative;
  width: 100%;
}

.intl-tel-input input {
  padding-left: 50px;
}

.iti__flag-container {
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  z-index: 10;
}

label {
  color: #8b8b8b;
  font-size: 12px;
  margin-bottom: 5px;
  display: block;
}

.iti__country-list select {
  width: 200px;
  height: 40px;
  overflow-y: scroll;
}

.custom-scroll-bar::-webkit-scrollbar,
.iti__country-list::-webkit-scrollbar {
  width: 4px;
  /* Width of the scrollbar */
}

.custom-scroll-bar::-webkit-scrollbar-track,
.iti__country-list::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.custom-scroll-bar::-webkit-scrollbar-thumb,
.iti__country-list::-webkit-scrollbar-thumb {
  background-color: #8885856c;
  border-radius: 10px;
}

.custom-scroll-bar::-webkit-scrollbar-thumb:hover,
.iti__country-list::-webkit-scrollbar-thumb:hover {
  background-color: #555;
  /* Darker color on hover */
}

/*-------------------------- We’d love to hear from you! CSS end ------------------*/
/*-------------------------- We're known for our top-notch support CSS Start ------------------*/
.testimonial-slider-bg-1 {
  background: url(../assets/images/group-of-business-people.webp);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.testimonial-user-img {
  width: 60px;
}

/* .testimonial-prod-content {
  width: 160px;
  margin-left: auto;
} */
.testimonial-prod-content {
  position: relative;
}

.testimonial-prod-content:before {
  content: "";
  width: 4px;
  height: 100%;
  background: #307ff5;
  position: absolute;
  left: -23px;
  border-radius: 100px;
}

/*-------------------------- We're known for our top-notch support CSS end ------------------*/
/*--------------------------------------------------------------*/
/*                      POD PAGE CSS START                      */
/*--------------------------------------------------------------*/
/*----------------------- Pod Hero section Start--------------------- */
.pod-hero-murquee::before {
  background: linear-gradient(90.56deg,
      #040034 20.3%,
      rgba(4, 0, 52, 0.9) 51.16%,
      rgba(4, 0, 52, 0.82) 81.24%,
      rgba(4, 0, 52, 0) 95.99%);
  left: 0;
}

.pod-hero-murquee::after {
  background: linear-gradient(267deg,
      #040034 20.3%,
      rgba(4, 0, 52, 0.9) 51.16%,
      rgba(4, 0, 52, 0.82) 81.24%,
      rgba(4, 0, 52, 0) 95.99%);
  right: 0;
}

.pod-hero-murquee::before,
.pod-hero-murquee::after {
  content: "";
  position: absolute;
  bottom: 0;
  top: -30px;
  height: 100px;
  width: 32%;
  z-index: 1;
}

/* Pod page images filter  */
.personalized-dash-filter:after {
  content: "";
  width: 100%;
  height: 41%;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  background: linear-gradient(360deg,
      #060235f7 20.3%,
      #060235de 36.5%,
      rgb(6 2 53 / 80%) 50.3%,
      rgba(6, 2, 53, 0.7409) 65.38%,
      rgba(6, 2, 53, 0) 90.17%);
}

.ready-print-filter:after {
  content: "";
  width: 100%;
  height: 41%;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  background: linear-gradient(360deg,
      #412078 15.3%,
      #412078eb 36.5%,
      rgb(65 32 120 / 74%) 52.3%,
      rgb(65 32 120 / 57%) 65.38%,
      rgba(65, 32, 120, 0) 93.8%);
}

/* Contact bg image change  */
.podflo-contact-bg:before {
  content: "";
  background: url(../assets/images/pixflo-contact-bg.webp);
  background-repeat: no-repeat;
  background-size: 58%;
  background-color: #d5def1 !important;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.podflo-contact-bg form {
  box-shadow: 0px 35px 40px 0px #0000000f;
}

.podflo-contact-bg .dark-btn-2 {
  background: #6a206d;
}

.podflo-contact-bg .dark-btn-2:hover {
  background: #48144a;
}

/*----------------------- Pod Hero section End --------------------- */
/*--------------------------------------------------------------*/
/*                      STOREFLO PAGE CSS START                  */
/*--------------------------------------------------------------*/

/*-------------------- Storeflo Hero section Start------------- */
.img-filter-3 {
  filter: drop-shadow(-15px 0px 7px rgba(0, 0, 0, 0.1));
}

.storeflo-feature-label {
  position: absolute;
  top: -16px;
  left: 0;
  right: 0;
  margin: auto;
  width: fit-content;
  padding: 0px 13px;
  border-radius: 50px;
  font-size: 12px;
  background: linear-gradient(95.08deg, #3fa53c 2.49%, #006cd0 97.19%);
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.5px;
  color: #fcfcfc;
}

.packages-storeflo-blk:hover {
  background: linear-gradient(180deg, #c7d3ff 0%, #d5e0ff 100%);
}

.storeflo-plans-btn:hover {
  color: var(--custom-text-light-5) !important;
}

.storeflo-plans-btn.active {
  background-color: #2a57d0 !important;
  color: var(--custom-text-light-5) !important;
}

.store-hero-murquee::before {
  background: linear-gradient(90.56deg,
      #081235c7 20.3%,
      rgb(8 18 53 / 80%) 51.16%,
      rgb(8 18 53 / 68%) 81.24%,
      rgba(4, 0, 52, 0) 95.99%);
  left: 0;
}

.store-hero-murquee::after {
  background: linear-gradient(267deg,
      #081235c9 20.3%,
      rgb(8 18 53 / 78%) 51.16%,
      rgb(8 18 53 / 81%) 81.24%,
      rgba(4, 0, 52, 0) 95.99%);
  right: 0;
}

.store-hero-murquee::before,
.store-hero-murquee::after {
  content: "";
  position: absolute;
  bottom: 0;
  top: -30px;
  height: 100px;
  width: 32%;
  z-index: 1;
}

/* Storeflo page images filter  */
.storeflo-darkish-shade:after {
  content: "";
  width: 100%;
  height: 41%;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  background: linear-gradient(357.59deg,
      #050134ed 20.3%,
      #050134c7 36.5%,
      rgb(8 18 53 / 73%) 50.3%,
      rgb(5 1 52 / 57%) 65.38%,
      rgb(5 1 52 / 2%) 90.17%);
}

.storeflo-blusish-shade:after {
  content: "";
  width: 100%;
  height: 41%;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  background: linear-gradient(357.59deg,
      #1a3b94fa 20.3%,
      #1a3b94d4 36.5%,
      rgb(26 59 148 / 87%) 50.3%,
      rgba(26, 59, 148, 0.7409) 65.38%,
      rgba(26, 59, 148, 0) 92.8%);
}

.fw-800 {
  font-weight: 800;
}

/* Storeflo  top custom tabes css  */
.storecollapes-border-left {
  border-left: 2px solid #d9dbe9;
  padding-left: 20px;
}

.storecollapes-item {
  position: relative;
}

.storecollapes-item.active:before {
  content: "";
  width: 2px;
  height: 100%;
  border-left: 4px solid #3fa53c;
  position: absolute;
  left: -22px;
}

.storecollapes-item.active button {
  color: #040034 !important;
}

/* Storeflo Contact Bg start*/
.sourceflo-contact-bg:before {
  content: "";
  background: url(../assets/images/sourceflo-contact-bg.webp);
  background-repeat: no-repeat;
  background-size: 58%;
  background-color: #e0e2d3 !important;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.sourceflo-contact-bg .grey-light-text1 {
  color: #000000 !important;
}

.sourceflo-contact-bg .g-light-text-5 {
  color: #14142b !important;
}

.sourceflo-contact-bg .light-grey-text3 {
  color: #14142b !important;
}

.sourceflo-contact-bg form {
  box-shadow: 0px 35px 40px 0px #0000000f;
}

/*----------------------- StoreFlo section End --------------------- */
/*------------------------ HOW DOES IT WORK? ----------------START*/
.vr-tabs .active {
  position: relative;
}

.vr-tabs .active:before {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -18px;
  border-left: 4px solid var(--custom-text-purple);
}

.vr-tabs .active {
  color: #040034 !important;
}

.vr-tabs {
  border-left: 2px solid #d9dbe9;
}

/*--------------------- HOW DOES IT WORK? START-----------------*/
.w-fit-content {
  width: -moz-fit-content;
  width: fit-content;
}

.h-fit-content {
  height: -moz-fit-content;
  height: fit-content;
}

.feature-label {
  position: absolute;
  top: -16px;
  left: 0;
  right: 0;
  margin: auto;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0px 13px;
  border-radius: 50px;
  font-size: 12px;
  background: linear-gradient(95.08deg, #f6b471 2.49%, #ef72ec 97.19%);
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.5px;
}
.feature-label2 {
  position: absolute;
  top: -16px;
  left: 0;
  right: 0;
  margin: auto;
  width: fit-content;
  padding: 0px 13px;
  border-radius: 50px;
  font-size: 12px;
  background: linear-gradient(95.08deg, #AE5388 2.49%, #3D1052 97.19%);
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.5px;
}
.packages-boxes-blk:hover {
  background: linear-gradient(180deg, #ead4fa 0%, #f7c8eb 100%);
}

/*--------------------------------------------------------------*/
/*                     StoreFlo PAGE CSS END                      */
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*                     CRMFlo PAGE CSS END                      */
/*--------------------------------------------------------------*/
.sm-icon {
  width: 30px;
  height: 30px;
  padding: 0px 6px;
}

.crmflo-plans-btn:hover {
  color: #cee9c3 !important;
}

.crmflo-plans-btn.active {
  background-color: #cee9c3 !important;
  color: var(--custom-dark-text1) !important;
}

.crm-image-filter:after {
  content: "";
  width: 100%;
  height: 41%;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  background: linear-gradient(360deg,
      #cee9c3 7.12%,
      #cee9c3e8 44.85%,
      rgb(206 233 195 / 63%) 69.05%,
      rgba(206, 233, 195, 0) 95.08%);
}

.packages-crmflo-blk:hover {
  background: linear-gradient(178.34deg, #fff3f5 1.4%, #dad4e7 107.6%);
}

.crm-hero-murquee::before {
  background: linear-gradient(90.56deg,
      #2c1367d9 20.3%,
      rgb(44 19 103 / 84%) 51.16%,
      rgb(44 19 103 / 84%) 81.24%,
      rgba(4, 0, 52, 0) 95.99%);
  left: 0;
}

.crm-hero-murquee::after {
  background: linear-gradient(267deg,
      #2c1367bf 20.3%,
      rgb(44 19 103 / 85%) 51.16%,
      rgb(44 19 103 / 76%) 81.24%,
      rgba(4, 0, 52, 0) 95.99%);
  right: 0;
}

.crm-hero-murquee::before,
.crm-hero-murquee::after {
  content: "";
  position: absolute;
  bottom: 0;
  top: -30px;
  height: 100px;
  width: 32%;
  z-index: 1;
}

.crm-feature-label {
  position: absolute;
  top: -16px;
  left: 0;
  right: 0;
  margin: auto;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0px 13px;
  border-radius: 50px;
  font-size: 12px;
  background: #f2fcee;
  border: 1px solid #000000;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.5px;
  color: #14142b;
}

.circle-wraper i {
  width: 30px;
  height: 30px;
  line-height: 30px;
  background: #7fd320;
  border-radius: 40px;
  padding: 4px;
}

.circle-wraper {
  width: 42px;
  height: 42px;
  line-height: 42px;
}

.circle-wave-animate {
  background: radial-gradient(#ffffff 21%,
      rgb(255 255 255) 21%,
      rgb(255 255 255) 22%,
      #ffffff00 28%),
    radial-gradient(#ffffff 36%,
      rgb(255 255 255) 40%,
      rgb(255 255 255) 42%,
      #ff1c1c00 50%),
    radial-gradient(transparent 60%,
      rgb(255 255 255 / 80%) 65%,
      rgb(255 255 255) 66%,
      #ffffff00 70%);
  background-size: 0 0, 0 0, 0 0;
  background-position: center;
  background-repeat: no-repeat;
  animation: change 3s linear infinite;
}

@keyframes change {
  0% {
    background-size: 0 0, 0 0, 0 0;
  }

  25% {
    background-size: 0 0, 0 0, 30% 30%;
  }

  50% {
    background-size: 10% 10%, 40% 40%, 60% 60%;
  }

  75% {
    background-size: 100% 100%, 100% 100%, 100% 100%;
  }

  100% {
    background-size: 100% 100%, 100% 100%, 100% 100%;
  }
}

/* Contact bg image change  */
.crm-contact-bg.contact-bg-1:before {
  background: url(../assets/images/crm-contact-background.webp);
  background-color: #f8f7fd !important;
  background-repeat: no-repeat;
  background-size: 58%;
}

.crm-contact-bg .grey-light-text1 {
  color: black;
}

.crm-contact-bg .g-light-text-5,
.crm-contact-bg .light-grey-text3 {
  color: #14142b;
}

/* crm flo top custom tabes css  */

.collapes-border-left {
  border-left: 2px solid #d9dbe9;
  padding-left: 20px;
}

.crmcollapes-item {
  position: relative;
}

.crmcollapes-item.active:before {
  content: "";
  width: 2px;
  height: 100%;
  border-left: 4px solid #95ba86;
  position: absolute;
  left: -22px;
}

.crmcollapes-item.active button {
  color: #040034 !important;
}

/*--------------------------------------------------------------*/
/*                     CRMFlo PAGE CSS END                      */
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*                     HRFlo PAGE CSS START                      */
/*--------------------------------------------------------------*/
.hr-hero-murquee::before,
.hr-hero-murquee::after {
  content: "";
  position: absolute;
  bottom: 0;
  top: -30px;
  height: 100px;
  width: 32%;
  z-index: 1;
}

.hr-hero-murquee::before {
  background: linear-gradient(90.56deg,
      #050d26f9 20.3%,
      rgb(5 13 38 / 81%) 51.16%,
      rgb(5 13 38 / 81%) 81.24%,
      rgba(4, 0, 52, 0) 95.99%);
  left: 0;
}

.hr-hero-murquee::after {
  background: linear-gradient(267deg,
      #050d26f9 20.3%,
      rgb(5 13 38 / 51%) 51.16%,
      rgb(5 13 38 / 76%) 81.24%,
      rgba(4, 0, 52, 0) 95.99%);
  right: 0;
}

/* Hrflo how does its work  */
.hr-vr-tabs .active {
  position: relative;
}

.hr-vr-tabs .active:before {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -18px;
  border-left: 4px solid #39acff;
}

.hr-vr-tabs .active {
  color: #3458c6 !important;
}

.hr-vr-tabs {
  border-left: 2px solid #d9dbe9;
}

/* hrflo card  box images filter */
.hrflo-blcoks-filter:after {
  content: "";
  width: 100%;
  height: 41%;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  background: linear-gradient(1.5deg,
      #d1ebff 3.49%,
      rgb(209 235 255 / 67%) 66.43%,
      rgba(209, 235, 255, 0) 92.45%);
}

/* HrFlo contact section css  START  */
.hrflo-contact-bg.contact-bg-1:before {
  background: url(../assets/images/hrflo-contact-bg.webp);
  background-color: #d1ebff !important;
  background-repeat: no-repeat;
  background-size: 58%;
}

/* .hrflo-contact-bg .grey-light-text1 {
  color: black;
}
.hrflo-contact-bg .g-light-text-5, .crm-contact-bg .light-grey-text3 {
  color: #14142B;
} */
/* HrFlo contact section css  End*/
/*--------------------------------------------------------------*/
/*                     HRFlo PAGE CSS END                      */
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*                     SwagSocail PAGE CSS END                      */
/*--------------------------------------------------------------*/
.s-social-hero-murquee::before {
  background: linear-gradient(90.56deg,
      #030c03e9 20.3%,
      rgb(3 12 3 / 84%) 51.16%,
      rgb(3 12 3 / 88%) 81.24%,
      rgba(4, 0, 52, 0) 95.99%);
  left: 0;
}

.s-social-hero-murquee::after {
  background: linear-gradient(267deg,
      #030c03d9 20.3%,
      rgb(3 12 3 / 79%) 51.16%,
      rgb(3 12 3 / 59%) 81.24%,
      rgba(4, 0, 52, 0) 95.99%);
  right: 0;
}

.s-social-hero-murquee::before,
.s-social-hero-murquee::after {
  content: "";
  position: absolute;
  bottom: 0;
  top: -30px;
  height: 100px;
  width: 32%;
  z-index: 1;
}

.s-social-flo-plans-btn.active {
  background-color: #258551 !important;
  color: #ffffff !important;
}

.s-social-flo-plans-btn:hover {
  color: #258551;
}

.packages-s-socailflo-blk:hover {
  background: #d5f0d5;
}

.label-top {
  top: -30px;
}

/* Swag-Socail  top custom tabes css  */
.swagcollapes-border-left {
  border-left: 2px solid #d9dbe9;
  padding-left: 20px;
}

.swag-s-collapes-item {
  position: relative;
}

.swag-s-collapes-item.active:before {
  content: "";
  width: 2px;
  height: 100%;
  border-left: 4px solid #3fa796;
  position: absolute;
  left: -22px;
}

.swag-s-collapes-item.active button {
  color: #040034 !important;
}

/* swag social images filter  */
.swag-s-img-filter:after {
  content: "";
  width: 100%;
  height: 41%;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  background: linear-gradient(350.76deg,
      #d5f0d5 8.95%,
      rgb(213 240 213 / 0%) 60.33%,
      rgb(213 240 213 / 0%) 86.19%);
}

/* We help you socialize with ease animation */
.ourinvestments {
  background: url("../images/our-investment-bg.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
  position: relative;
}

.ourinvestments::before {
  /* content: ""; */
  position: absolute;
  background: url("../images/whitepaper.gif");
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: left;
  background-size: 42%;
  opacity: 0.08;
}

#investments {
  height: 750px;
}

.investment-animation {
  transform-origin: -55vw 0px !important;
  opacity: 0.1;
}

.swagify {
  background-color: rgba(114, 205, 128, 0.08);
}

.stickstuff {
  background-color: rgba(27, 0, 220, 0.02);
}

.bbs {
  background-color: rgba(19, 45, 116, 0.04);
}

.bitties {
  background-color: rgba(255, 143, 0, 0.08);
}

.promoful {
  background-color: rgba(0, 74, 135, 0.08);
}

.circles {
  right: 0px;
  left: 0;
  margin: auto;
}

.circle-1 {
  /* position: absolute; */
  position: relative;
  width: 270px;
  height: 270px;
  border: 1px dashed rgba(3, 32, 47, 0.3);
  border-radius: 50%;
}

.circle-1 .img-animate,
.img-animate-2,
.img-animate-3,
.img-animate-4 {
  position: absolute;
  left: 109px;
  /* top: 330px; */
  top: 112px;
  width: 40px;
  min-width: 44px;
  height: 45px;
  box-shadow: 0px 25px 35px 0px rgba(98, 216, 198, 0.2);
  -webkit-box-shadow: 0px 25px 35px 0px rgba(98, 216, 198, 0.2);
  -moz-box-shadow: 0px 25px 35px 0px rgba(98, 216, 198, 0.2);
}

.img-animate {
  animation: orbit 60s linear infinite;
  /* animation-direction: reverse; */
}

.img-animate-2 {
  animation: orbit-2 60s linear infinite;
}

.img-animate-3 {
  animation: orbit-3 60s linear infinite;
}

.img-animate-4 {
  animation: orbit-4 60s linear infinite;
}

@keyframes orbit {
  from {
    transform: rotate(0deg) translateX(130px) rotate(0deg);
  }

  to {
    transform: rotate(360deg) translateX(130px) rotate(-360deg);
  }
}

@keyframes orbit-2 {
  from {
    transform: rotate(90deg) translateX(130px) rotate(-90deg);
  }

  to {
    transform: rotate(450deg) translateX(130px) rotate(-450deg);
  }
}

@keyframes orbit-3 {
  from {
    transform: rotate(180deg) translateX(130px) rotate(-180deg);
  }

  to {
    transform: rotate(540deg) translateX(130px) rotate(-540deg);
  }
}

@keyframes orbit-4 {
  from {
    transform: rotate(270deg) translateX(130px) rotate(-270deg);
  }

  to {
    transform: rotate(630deg) translateX(130px) rotate(-630deg);
  }
}

.main-logo {
  position: absolute;
  left: 0;
  margin: 0 auto;
  right: 0;
  top: 40%;
}

.circle-2 {
  position: absolute;
  width: 450px;
  height: 450px;
  border: 1px dashed rgba(3, 32, 47, 0.3);
  border-radius: 50%;
}

.circle-2 .img-animate-5,
.img-animate-6,
.img-animate-7,
.img-animate-8,
.img-animate-9 {
  position: absolute;
  left: 198px;
  top: 204px;
  width: 43px;
  height: auto;
  box-shadow: 0px 25px 35px 0px rgba(98, 216, 198, 0.2);
  -webkit-box-shadow: 0px 25px 35px 0px rgba(98, 216, 198, 0.2);
  -moz-box-shadow: 0px 25px 35px 0px rgba(98, 216, 198, 0.2);
}

.img-animate-5 {
  animation: orbit-5 80s linear infinite;
  animation-direction: reverse;
}

.img-animate-6 {
  animation: orbit-6 80s linear infinite;
  animation-direction: reverse;
}

.img-animate-7 {
  animation: orbit-7 80s linear infinite;
  animation-direction: reverse;
}

.img-animate-8 {
  animation: orbit-8 80s linear infinite;
  animation-direction: reverse;
}

.img-animate-9 {
  animation: orbit-9 80s linear infinite;
  animation-direction: reverse;
}

@keyframes orbit-5 {
  from {
    transform: rotate(0deg) translateX(220px) rotate(0deg);
  }

  to {
    transform: rotate(360deg) translateX(220px) rotate(-360deg);
  }
}

@keyframes orbit-6 {
  from {
    transform: rotate(72deg) translateX(220px) rotate(-72deg);
  }

  to {
    transform: rotate(432deg) translateX(220px) rotate(-432deg);
  }
}

@keyframes orbit-7 {
  from {
    transform: rotate(144deg) translateX(220px) rotate(-144deg);
  }

  to {
    transform: rotate(504deg) translateX(220px) rotate(-504deg);
  }
}

@keyframes orbit-8 {
  from {
    transform: rotate(216deg) translateX(220px) rotate(-216deg);
  }

  to {
    transform: rotate(576deg) translateX(220px) rotate(-576deg);
  }
}

@keyframes orbit-9 {
  from {
    transform: rotate(288deg) translateX(220px) rotate(-288deg);
  }

  to {
    transform: rotate(648deg) translateX(220px) rotate(-648deg);
  }
}

.circle-3 {
  position: absolute;
  width: 620px;
  height: 620px;
  border: 1px dashed rgba(3, 32, 47, 0.3);
  border-radius: 50%;
}

.circle-3 .img-animate-10,
.img-animate-11 {
  position: absolute;
  left: 286px;
  top: 281px;
  width: 45px;
  height: auto;
  box-shadow: 0px 25px 35px 0px rgba(98, 216, 198, 0.2);
  -webkit-box-shadow: 0px 25px 35px 0px rgba(98, 216, 198, 0.2);
  -moz-box-shadow: 0px 25px 35px 0px rgba(98, 216, 198, 0.2);
}

.img-animate-10 {
  animation: orbit-10 100s linear infinite;
  /* animation-direction: reverse; */
}

.img-animate-11 {
  animation: orbit-11 100s linear infinite;
  /* animation-direction: reverse; */
}

@keyframes orbit-10 {
  from {
    transform: rotate(0deg) translateX(310px) rotate(0deg);
  }

  to {
    transform: rotate(360deg) translateX(310px) rotate(-360deg);
  }
}

@keyframes orbit-11 {
  from {
    transform: rotate(180deg) translateX(310px) rotate(-180deg);
  }

  to {
    transform: rotate(540deg) translateX(310px) rotate(-540deg);
  }
}

/* Contact bg image change  */
.swag-social-contact-bg:before {
  content: "";
  background: url(../assets/images/swag-social-contact-bg.webp);
  background-repeat: no-repeat;
  background-size: 58%;
  background-color: #ffffff !important;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.swag-social-contact-bg form {
  box-shadow: 0px 35px 40px 0px #0000000f;
}

.swag-social-contact-bg .dark-btn-2 {
  background: #f2f2ff;
}

.swag-social-contact-bg .dark-btn-2 {
  background: #258551;
}

.swag-social-contact-bg .dark-btn-2:hover {
  background: #144f2f;
}

/* We help you socialize with ease animation */
/*--------------------------------------------------------------*/
/*                     SwagSocail PAGE CSS END                  */
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*                     SourceFlo PAGE CSS END                  */
/*--------------------------------------------------------------*/
.dotted-bg {
  background-image: url(../assets/images/dotted-bg.webp);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 85% 85%;
}

.source-hero-murquee::before,
.source-hero-murquee::after {
  content: "";
  position: absolute;
  bottom: 0;
  top: -30px;
  height: 100px;
  width: 32%;
  z-index: 1;
}

.source-hero-murquee::before {
  background: linear-gradient(90.56deg,
      #030205f2 20.3%,
      rgb(3 2 5 / 80%) 51.16%,
      rgb(3 2 5 / 83%) 81.24%,
      rgba(4, 0, 52, 0) 95.99%);
  left: 0;
}

.source-hero-murquee::after {
  background: linear-gradient(90.56deg,
      rgba(4, 0, 52, 0) 20.3%,
      rgb(3 2 5 / 83%) 51.16%,
      rgb(3 2 5 / 80%) 81.24%,
      #030205f2 95.99%);
  right: 0;
}

.sourceflo-contact-bg:before {
  content: "";
  background: url(../assets/images/sourceflo-contact-bg.webp);
  background-repeat: no-repeat;
  background-size: 58%;
  background-color: #e0e2d3 !important;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.sourceflo-contact-bg .grey-light-text1 {
  color: #000000 !important;
}

.sourceflo-contact-bg .g-light-text-5 {
  color: #14142b !important;
}

.sourceflo-contact-bg .light-grey-text3 {
  color: #14142b !important;
}

.sourceflo-contact-bg form {
  box-shadow: 0px 35px 40px 0px #0000000f;
}

/* sourceFlo  top custom tabes css  */
.sourceflo-border-left {
  border-left: 2px solid #d9dbe9;
  padding-left: 20px;
}

.sourceflo-collapes-item {
  position: relative;
}

.sourceflo-collapes-item.active:before {
  content: "";
  width: 2px;
  height: 100%;
  border-left: 4px solid #a4ad7f;
  position: absolute;
  left: -22px;
}

.sourceflo-collapes-item.active button {
  color: #485121 !important;
}

/* wave animation css  */

.fa-play:before {
  content: "\f04b";
}

.waves {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #181910;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border-radius: 100%;
  margin: auto;
  z-index: 0;
  -webkit-animation: waves 3s ease-in-out infinite;
  animation: waves 4s ease-in-out infinite;
  object-fit: contain;
  max-width: 1000px;
  max-height: 1000px;
  left: 0;
  right: 0;
  top: 45px;
  margin: auto;
}

.wave-1 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.wave-2 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.wave-3 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

@keyframes waves {
  0% {
    -webkit-transform: scale(0.2, 0.2);
    transform: scale(0.2, 0.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }

  50% {
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  }

  100% {
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
  }
}

@media (max-width: 992px) {
  .waves {
    max-width: 800px;
    max-height: 800px;
    bottom: 0;
  }
}

@media (max-width: 768px) {
  .waves {
    max-width: 500px;
    max-height: 500px;
  }
}

@media (max-width: 576px) {
  .waves {
    max-width: 300px;
    max-height: 300px;
  }

  .circle-wraper {
    width: 29px;
    height: 29px;
    line-height: 32px;
  }

  .circle-wave-text {
    font-size: 9px !important;
  }

  .circle-wraper {
    width: 29px;
    height: 29px;
    line-height: 30px;
    font-size: 9px !important;
  }
}

/*--------------------------------------------------------------*/
/*                     SourceFlo PAGE CSS END                   */
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*                     PixFlo PAGE CSS Start                    */
/*--------------------------------------------------------------*/
.pix-hero-murquee::before {
  background: linear-gradient(90.56deg,
      #0b0b1ede 20.3%,
      rgb(11 11 30 / 92%) 51.16%,
      rgb(11 11 30 / 81%) 81.24%,
      rgba(4, 0, 52, 0) 95.99%);
  left: 0;
}

.pix-hero-murquee::before,
.pix-hero-murquee::after {
  content: "";
  position: absolute;
  bottom: 0;
  top: -30px;
  height: 100px;
  width: 32%;
  z-index: 1;
}

.pix-hero-murquee::after {
  background: linear-gradient(90.56deg,
      rgba(4, 0, 52, 0) 20.3%,
      rgb(11 11 30 / 81%) 51.16%,
      rgb(11 11 30 / 92%) 81.24%,
      #0b0b1ede 95.99%);
  right: 0;
}

.pixflo-vr-tabs .active {
  position: relative;
}

.pixflo-vr-tabs .active:before {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -18px;
  border-left: 4px solid #6564ec;
}

.pixflo-vr-tabs .active {
  color: #6564ec !important;
}

.pixflo-vr-tabs {
  border-left: 2px solid #bdc6ed;
}

.skyblue-filter:after {
  content: "";
  width: 100%;
  height: 41%;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  background: linear-gradient(360deg,
      #dae0fa 7.12%,
      #dae0fab3 44.85%,
      rgb(218 224 250 / 36%) 69.05%,
      rgb(218 224 250 / 0%) 95.08%);
}

.pixflo-contact-bg:before {
  content: "";
  background: url(../assets/images/pixflo-contact-bg.webp);
  background-repeat: no-repeat;
  background-size: 58%;
  background-color: #d5def1 !important;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.pixflo-contact-bg form {
  box-shadow: 0px 35px 40px 0px #0000000f;
}

.pixflo-contact-bg .dark-btn-2 {
  background: #6564ec;
}

.pixflo-contact-bg .dark-btn-2:hover {
  background: #4646a5;
}

/* pixflo moving boxes css  */
.moving-box-1,
.moving-box-2 {
  width: 40%;
  transition: 300ms ease-in-out all;
  max-height: 430px;
  overflow: hidden;
}

.moving-box-2.active,
.moving-box-1.active {
  width: 60%;
  transition: 300ms ease-in-out all;
}

.moving-boxes .info {
  opacity: 0;
  transition: opacity 300ms ease-in-out;
}

.moving-boxes .active .info {
  opacity: 1;
}

.moving-boxes .store-logos {
  opacity: 0;
  transition: opacity 300ms ease-in-out;
}

.moving-boxes .active .store-logos {
  opacity: 1;
}

.pink-sky-gradient {
  background: url(../assets/svgs/pink-sky-bg.svg);
  background-repeat: no-repeat;
  background-size: 75% 100%;
  background-position: right;
}

.pink-blue-gradient {
  background: url(../assets/svgs/pink-blue-bg.svg);
  background-repeat: no-repeat;
  background-size: 75% 100%;
  background-position: right;
}
.pink-green-gradient {
  background: url(../assets/svgs/pink-green-bg.svg);
  background-repeat: no-repeat;
  background-size: 90% 100%;
  background-position: right;
}
.pinkshade-gradient {
  background: url(../assets/svgs/pink-shade.svg);
  background-repeat: no-repeat;
  background-size: 75% 100%;
  background-position: left;
}
.greenshade-gradient {
  background: url(../assets/svgs/green-shade.svg);
  background-repeat: no-repeat;
  background-size: 75% 100%;
  background-position: right;
}
.circle-icons {
  padding: 10px;
}

/*--------------------------------------------------------------*/
/*                     PixFlo PAGE CSS End                      */
/*--------------------------------------------------------------*/

/*--------------------------------------------------------------*/
/*                     Chatflo PAGE CSS Start            */
/*--------------------------------------------------------------*/
.tab-btn {
    background: #FFFFFF52;
    border: 1px solid transparent;
    border-radius: 12px;
}
.tab-btn.active {
    background: #FFFFFF80;
    box-shadow: 10px 4px 104px 0px #6C7BB173;
    border: 1px solid #FFFFFF;
    border-radius: 12px;
    position: relative;
}
.tab-btn.active .text-dark3 {
    color: #201F23 !important;
}
.tab-btn:after, .tab-btn.active:before {
    background: #f7f7f700;
    content: "";
    height: 20px;
    margin: auto;
    position: absolute;
    right: -24px;
    width: fit-content;
    transform: rotate(270deg);
    top: 0;
    bottom: 0;
}
.tab-btn.active:before {
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-top: 22px solid #f4faff;
    border-bottom-left-radius: 32px;
    z-index: 1;
}
.Shipping-navs-tabs .nav-item .nav-link.active {
    background: radial-gradient(174.39% 658.06% at -66.1% 177.27%, #00E4FE 0%, #009FFD 37.45%, #BE17FB 100%);
    color: white!important;
}
.Shipping-navs-tabs .nav-item .nav-link {
    color: #181915;
}
.Shipping-navs-tabs .nav-item .nav-link:hover {
    color: #181915;
}
.sign-up-input{
  min-width: 463px;
}
.pricing .card-body {
    background: #f4f4f499;
    border: 1px solid #e4e4e4;
    border-radius: 12px;
}
.feature-label {
    position: absolute;
    top: -13px;
    left: 0;
    right: 0;
    margin: auto;
    width: -moz-fit-content;
    width: fit-content;
    padding: 3px 26px;
    border-radius: 50px;
    background: linear-gradient(95.08deg, #3fa53c 2.49%, #006cd0 97.19%);
    font-size: 12px;
}
.pricing .form-check-input:checked {
    background: #FFFFFF;
    border: 4px solid #2C73D2;
    box-shadow: none;
    margin-top: 0;
}
.pricing .form-check-input {
    margin-top: 0;
    border: 2px solid #14142b66;
}
.top-box {
    box-shadow: 0px 4px 64px 0px #00000029;
    padding: 40px 32px;
    position: absolute;
    top: -125px;
    z-index: 7;
    background: #FFFFFF;
    width: 100%;
    left: 0;
}
.height-wraper {
    height: 115px;
}
.height-wraper2 {
    height: 200px;
}
.testimonial-slider .slick-dots {
    display: none;
}
.testimonial-slider .slick-slide {
  margin: 0 38px;
}
.testimonial-slider .slick-list {
  padding: 0 10px;
}
.testimonial-slider .slick-dots li {
    background: #4d4d4e;
    border-radius: 50px;
    width: 10px;
    height: 10px;
}
.testimonial-slider .slick-dots li button{
    width: 10px;
    height: 10px;
}
.testimonial-slider .slick-dots .slick-active {
    background: #2c73d2;
}
.overlay1:after,
.overlay2:after,
.overlay3:after,
.overlay4:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 368px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

.overlay1:after {
  height: 314px;
  background: linear-gradient(358.26deg, #ebeffd 51.22%, rgb(235 239 253 / 83%) 74.06%, rgb(235 239 253 / 7%) 95.74%);
}

.overlay2:after {
  background: linear-gradient(358.26deg, #ebeffd 51.22%, rgb(235 239 253 / 29%) 74.06%, rgb(235 239 253 / 0%) 95.74%);
}

.overlay3:after {
  background: linear-gradient(1.5deg, #ffffff 3.49%, rgba(255, 255, 255, 0.8) 66.43%, rgba(255, 255, 255, 0) 92.45%);
}

.overlay4:after {
      background: linear-gradient(359.71deg, #2c3136 8.47%, #2c3136 28.43%, #2c3136 39.99%, rgb(44 49 54) 57.94%, rgb(44 49 54 / 81%) 69.63%, rgb(35 36 37 / 57%) 82.92%, rgb(44 49 54 / 7%) 95.6%);
}

.p-card-content {
    padding: 0px 40px 32px 40px !important;
}
.top-badge{
  position: absolute;
  margin-top: -37px;
}
#integrationTabs {
}
.link-box{
  flex: 1 1 120px;
  max-width: 150px;
}
.link-box:hover div {
    background: #00000008;
}
.chatflo-navs .active{
  color: #14142b!important;
}
/*--------------------------------------------------------------*/
/*                     Chatflo PAGE CSS End            */
/*--------------------------------------------------------------*/


/*--------------------------------------------------------------*/
/*                     PadFlo Dashboard PAGE CSS End            */
/*--------------------------------------------------------------*/
.email-form input::placeholder,
.email-form input:focus {
  color: #EDECFC;
  opacity: 1;
  outline: 0;
  box-shadow: none;
  border-color: #6A206D;
}

.email-form input {
  border: 1px solid #6A206D;
  height: 55px;
}

.custom-page-navigation {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  width: -moz-fit-content;
  width: fit-content;
  background: #d3d5ff;
  top: 60px;
}

.custom-page-navigation {
  width: 314px;
  height: 44px;
  padding-top: 6px;
}

.custom-page-navigation a {
  height: 32px;
  line-height: 32px;
}

.custom-page-navigation .active {
  background: linear-gradient(90.68deg, #6A206D 36.06%, #451C8B 102.63%);
  height: 32px;
  line-height: 32px;
  padding: 0 1.3rem;
  color: white !important;
}

.w-h-40 {
  width: 40px;
  height: 40px;
}

.cards-vr-tabs .card-vr-tabs-main {
  filter: opacity(.5);
  border-bottom: 1px solid #5E3D7C
}

.cards-vr-tabs .active .card-vr-tabs-main {
  filter: opacity(1);
}

.video-tabs {
  border: 12px solid #040034;
  border-radius: 28px;
  padding: 7px 7px 7px 27px;
}

/* Podflo admin dashboard css  */
.c-hero {
  height: 365px;
}

.translate-middle-custom {
  transform: translateY(-85%) !important;
}

.diff-sec-space {
  height: 234px;
}

.score-card {
  border: 6px solid #D1D5F4;
  border-radius: 20px;
  padding: 12px 12px 41px;
}

.score-card-desc {
  padding: 0px 17px;
}

.gx-12 {
  --bs-gutter-x: 12px;
}

#pod-admin-collapes .pod-admin-collapes-item.active,
#pod-admin-collapes2 .pod-admin-collapes-item2.active {
  background: #EBECFE;
  border-radius: 4px;
  padding: 16px;
}

#pod-admin-collapes .pod-admin-collapes-item.active:before {
  content: none;
}

#pod-admin-collapes .pod-admin-collapes-item,
#pod-admin-collapes2 .pod-admin-collapes-item2 {
  background: transparent;
  border-radius: 4px;
  padding: 10px 16px 0px 16px;
  margin-bottom: 6px;
}

#pod-admin-collapes .active .title,
#pod-admin-collapes2 .active .title {
  color: #040034;
}

#pod-admin-collapes .collapes-headline,
#pod-admin-collapes2 .collapes-headline {
  margin-bottom: 0;
}

#pod-admin-collapes .desc,
#pod-admin-collapes2 .desc {
  color: #4E4B66;
  padding-left: 2rem !important;
}

#pod-admin-collapes .title,
#pod-admin-collapes2 .title {
  color: #4E4B66;
}

/*-------------CRMFlo tickets CSS START -----------*/
.rounded-circle {
  border-radius: 50% !important;
  border: 1px solid #BDC5E8;
  width: 56px;
  height: 56px;
}

/*-------------CRMFlo customer-tabs CSS START -----------*/
#customerTabs button.nav-link {
  color: #848696;
  border-bottom: 2px solid !important;
}

#customerTabs button.nav-link.active {
  color: #412078 !important;
}

/*-------------Hrflo dashboard CSS START -----------*/
.email-form2 input {
  border: 1px solid #3458C6;
  height: 55px;
}

.email-form2 input::placeholder,
.email-form2 input:focus {
  color: #EDECFC;
  opacity: 1;
  outline: 0;
  box-shadow: none;
  border-color: #3458C6;
}

.email-form2 input {
  border: 1px solid #3458C6;
  height: 55px;
}

.email-form-btn {
  margin-right: 5px;
}
/*-------------ChatFlo CSS START -----------*/
.explore-integeration button.nav-link{
  color: #201F23;
  border: 1px solid #C9D5E1;
}
.explore-integeration button.nav-link.active{
  background: radial-gradient(91.69% 349.4% at 0% 119.79%, #00E4FE 0%, #009FFD 25.56%, #BE17FB 100%);
  color: #fff;
  border: 0;
}
/*--------------------------------- Slick  Slider CSS START ---------------------------------*/
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir="rtl"] .slick-prev {
  right: -25px;
  left: auto;
}

.slick-prev:before {
  content: "←";
}

[dir="rtl"] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}

[dir="rtl"] .slick-next {
  right: auto;
  left: -25px;
}

.slick-next:before {
  content: "→";
}

[dir="rtl"] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;

  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  font-family: "slick";
  font-size: 29px;
  line-height: 20px;
  position: absolute;
  top: 20px;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: 0.5;
  color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  opacity: 1;
  color: #ffffff;
}

.dark-dots .slick-dots li button:before {
  font-family: "slick";
  font-size: 29px;
  line-height: 20px;
  position: absolute;
  top: 20px;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: 0.5;
  color: #14142b;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.dark-dots .slick-dots li.slick-active button:before {
  opacity: 1;
  color: #000000;
}

/*--------------------------------- Slick  Slider CSS END ---------------------------------*/

/*-------------------- Footer css start  ---------------------*/

.footer-bg-img {
  background: linear-gradient(45deg,
      rgba(6, 10, 20, 0.71),
      rgba(6, 10, 20, 0.71)),
    url(../assets/images/footer-bg.webp) !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover !important;
}

.footer-list ul li a:hover {
  text-decoration: underline;
}

.footer-coming-soon-label {
  background: linear-gradient(95.08deg, #0f5ef9 2.49%, #2fece6 97.19%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.coming-soon-label-bg {
  background: #121e32;
  padding-top: 2px;
  padding-bottom: 3px;
}

.hr-line {
  border-top: 1px solid #3e8c9680;
}

.modal-width {
  max-width: 690px;
}

.modal-close-style {
  border: 1px solid #14142B;
  font-size: 8px;
  padding: 5px;
  color: #14142B;
}

/*-------------------------- Footer css end ----------------------------- */
#categories-list {
  position: sticky;
  top: calc(100px - 5%);
}
.accordion-collapse #mainNav .list-group-item{
  position: relative;
  display: block;
  padding: .3rem .7rem;
  color: #212529;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .125);
}
.accordion-collapse #mainNav .list-group-item.active{
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
  color: var(--bs-white);
}

.page-section:before {
  content: " ";
  display: block;
  height: 88px;
  margin-top: -88px;
  visibility: hidden;
}
.page-section h6{
  font-size: 18px;
}
/*--------------------------- Media queries start  -------------------------------*/
/* ---------------------- x-lg screen size  ------------------ */
/* Background shapes objects */
@media (min-width: 1400px) {
  .ziczic-lines:before {
    content: "";
    background: url(../assets/svgs/ziczic-lines.svg);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    background-position: 100% center;
    left: 0;
    top: 0;
  }
  .scale-cards.dash::before, .scale-cards.dash::after {
    content: "";
    width: 68px;
    height: 1px;
    background-image: repeating-linear-gradient(to right, #669A9A 0, #669A9A 5px, transparent 5px, transparent 10px);
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: -1;
  }
  .scale-cards.dash::after {
    left: -72px;
  }
  .scale-cards.dash::before {
    right: -72px;
  }
}
@media (max-width: 1200px) {
  .contact-bg-1:before {
    background-size: 75%;
  }
  .c-hero {
    height: 270px;
  }
  .diff-sec-space {
    height: 180px;
  }
}
@media (max-width: 1199px) {
  .height-wraper2 {
    height: 314px;
  }
}
/* ---------------------- lg screen size  ------------------ */

@media (max-width: 992px) {

  .contact-bg-1:before,
  .crm-contact-bg.contact-bg-1:before {
    background-size: 100%;
  }

  .main-header-main {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .moving-box-1,
  .moving-box-2,
  .moving-box-2.active,
  .moving-box-1.active {
    width: 100%;
    max-height: 100%;
  }
  .moving-boxes .info, .moving-boxes .store-logos {
    opacity: 1; 
  }  
  .custom-page-navigation { 
      top: 63px;
  }
  .video-tabs {
    padding: 7px 12px 12px 12px;
  }
  .c-hero {
    height: 240px;
  }
  .score-card-desc {
    padding: 0px 5px;
  }
  .mobile-col-reverse {
    flex-direction: column-reverse;
  }
  .tab-btn.active:before {
      /* display: none; */
  }
  .chatflo-logo {
    width: 97px;
  }
  .mobile-scroll-tab {
    white-space: nowrap;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    justify-content: left !important;
    overflow-y: hidden;
    position: relative;
    left: 0;
    top: 0;
    margin-left: 0;
    margin-right: 16px;
    width: 100%;
    border-radius: 3px;
    padding: 10px 0;
    gap: 20px;
  }
  .mobile-scroll-tab .tab-btn.active {
    background: #FFFFFF80;
    box-shadow: 0px 4px 13px 0px #6c7bb124;
    border: 1px solid #FFFFFF;
    border-radius: 12px;
    position: relative;
  }
  .mobile-scroll-tab .tab-btn {
    white-space: normal;
    min-width: 330px;
  }
  .mobile-scroll-tab .tab-btn:after, .mobile-scroll-tab .tab-btn.active:before {
    right: 0;
    left: 0;
    width: fit-content;
    transform: rotate(0deg);
    top: auto;
    bottom: -21px;
  }
  .p-card-content {
    padding: 0px 20px 22px 20px !important;
  }
}  
/* -------------------tablets screen size------------------ */ 
@media (max-width: 768px) {
  .home-hero-slider .slick-slide img {
    width: 200px;
    height: 31px;
    object-fit: contain;
    position: relative;
  }

  .moving-boxes .info {
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
  }

  .moving-boxes .active .store-logos {
    opacity: 1;
  }

  .progressBarContainer div img {
    height: 60px;
    width: 82%;
  }

  .home-hero-slider .slick-slide img {
    width: 200px;
    height: 31px;
    object-fit: contain;
    position: relative;
  }

  .font-56 {
    font-size: 46px;
    line-height: 55px;
  }

  .font-48 {
    font-size: 36px;
  }

  .font-40 {
    font-size: 30px;
  }

  .lh-58 {
    line-height: 45px;
  }

  .lh-50 {
    line-height: 32px;
  }

  .font-18 {
    font-size: 15px;
  }

  .lh-34 {
    line-height: 22px;
  }

  .lh-35 {
    line-height: 35px;
  }

  .lh-46 {
    line-height: 26px;
  }

  .lh-60 {
    line-height: 40px;
  }

  .l-h-50 {
    line-height: 30px;
  }

  .font-24 {
    font-size: 16px;
  }

  .description-link {
    font-size: 14px;
  }

  .lh-28 {
    line-height: 22px;
  }

  .lh-38 {
    line-height: 29px;
  }

  .lh-48 {
    line-height: 32px;
  }

  .font-36 {
    font-size: 22px;
  }

  .font-30 {
    font-size: 21px;
  }

  .lh-42 {
    line-height: 30px;
  }

  .font-32 {
    font-size: 22px;
  }

  .custom-page-navigation {
    top: 64px;
  }

  .video-tabs {
    padding: 7px 7px 7px 7px;
  }

  .video-tabs .lh-32 {
    line-height: 25px;
  }

  .c-hero {
    height: 160px;
  }

  .diff-sec-space {
    height: 140px;
  }

  .translate-middle-custom {
    transform: translateY(-85%) !important;
    left: 0;
  }

  .crm-contact-bg.contact-bg-1:before {
    background-size: 100%;
  }
  .sign-up-input {
    min-width: 338px;
    min-height: 44px;
  }
  .p-card-content {
    padding: 0px 20px 32px 20px !important;
  }
  div#mobile-transform-design img {
    width: 228px;
  }
}

@media (max-width: 767px) {
  .second-navbar {
    width: -moz-fit-content;
    width: fit-content;
  }

  .podflo-right-slides img {
    position: relative !important;
    height: auto !important;
  }
  .height-wraper2 {
    height: 447px;
  }
}

/*---------------------- Mobile screen size-------------------- */

@media (max-width: 620px) {
  .home-hero-slider .slick-slide img {
    width: 376px;
    height: 48px;
    object-fit: contain;
    position: relative;
  }

  .progressBarContainer div img {
    height: 42px;
    width: 100%;
    object-fit: contain;
    filter: opacity(0.2);
  }

  .testimonial-slider-bg {
    margin-top: 93px;
  }

  .testimonial-prod-content {
    width: 94%;
    margin-left: auto;
  }

  .cards-slide-slider .slick-slide {
    max-width: 255px;
    height: 278px;
  }

  .home-hero-padd {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .lh-50 {
    line-height: 30px;
  }

  .font-40 {
    font-size: 23px;
  }

  .font-48 {
    font-size: 30px;
  }

  .lh-60 {
    line-height: 36px;
  }

  .lh-58 {
    line-height: 38px;
  }

  .lh-52 {
    line-height: 36px;
  }

  .lh-46 {
    line-height: 28px;
  }

  .font-38 {
    font-size: 24px;
  }

  .mass-tabs .nav-tabs {
    overflow: scroll;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    justify-content: left !important;
    overflow-y: hidden;
    border-radius: 15px 15px 0px 0px !important;
  }

  .tab-content-list-1 li {
    margin-bottom: 4px;
  }

  .mt-66 {
    margin-top: -39px;
  }

  .pt-116 {
    padding-top: 50px;
  }

  .font-22 {
    font-size: 18px;
  }

  .font-22 {
    font-size: 18px;
  }

  .font-56 {
    font-size: 34px;
    line-height: 46px;
  }

  .contact-bg-1:before {
    content: "";
    background: url(../assets/images/contact-background-image.webp);
    background-repeat: no-repeat;
    background-size: 135% 50%;
    background-color: var(--custom-sky-blue-4) !important;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
  }

  .swag-social-contact-bg:before {
    content: "";
    background: url(../assets/images/swag-social-contact-bg.webp);
    background-size: 100%;
    background-color: #ffffff !important;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat !important;
  }

  .podflo-right-slides:after {
    background: none;
  }

  .pixflo-contact-bg:before {
    content: "";
    background: url(../assets/images/pixflo-contact-bg.webp);
    background-size: 100%;
    background-color: #d5def1 !important;
    background-repeat: no-repeat !important;
    width: 100%;
    height: 100%;
  }

  .w-56 {
    width: 42px;
  }

  .dotted-bg {
    background-size: cover;
  }

  .sm-icon {
    padding: 0px 8px;
  }

  .moving-box-1,
  .moving-box-2 {
    width: 100%;
  }

  .circle-icons {
    padding: 10px 15px;
  }

  .custom-page-navigation {
    top: 62px;
  }

  .custom-page-navigation {
    width: 280px;
    height: 40px;
    padding-top: 4px;
  }

  .video-tabs {
    padding: 10px 10px 10px 10px;
  }

  .c-hero {
    height: 188px;
  }
  .height-wraper2 {
        height: 440px;
  }
  .font-28 {
    font-size: 18px;
  }
}

@media (max-width: 576px) {

  .email-form input,
  .email-form2 input {
    font-size: 13px !important;
  }

  .l-h-50 {
    line-height: 28px;
  }

  .c-hero {
    height: 119px;
  }

  .diff-sec-space {
    height: 54px;
  }

  #pod-admin-collapes .pod-admin-collapes-item.active,
  #pod-admin-collapes2 .pod-admin-collapes-item2.active {
    padding: 10px;
  }

  #pod-admin-collapes .pod-admin-collapes-item,
  #pod-admin-collapes2 .pod-admin-collapes-item2 {
    padding: 10px 10px 0px 10px;
  }

  #customerTabs button.nav-link span {
    font-size: 14px !important;
  }

  #customerTabs button.nav-link {
    padding-bottom: 0px;
  }
  .another-chatflo .border-bottom{
    border: 0 !important;
  }
  .c-hero {
    height: 119px;
  }
  .diff-sec-space {
    height: 54px;
  } 
  #pod-admin-collapes .pod-admin-collapes-item.active, #pod-admin-collapes2 .pod-admin-collapes-item2.active { 
    padding: 10px;
  }
  #pod-admin-collapes .pod-admin-collapes-item, #pod-admin-collapes2 .pod-admin-collapes-item2 { 
    padding: 10px 10px 0px 10px; 
  }
  #customerTabs button.nav-link span { 
    font-size: 14px !important;
  }
  #customerTabs button.nav-link { 
    padding-bottom: 0px;
  }
  .height-wraper2 {
    height: 540px;
  }
  .mobile-input {
    font-size: 10px !important;
    line-height: 12px !important;
  }
  .chat-navs {
    font-size: 13px;
    letter-spacing: 0;
  }
  .testimonial-slider .slick-slide{
      margin: 0 8px;
  }
  .chat-card p {
      font-size: 14px;
      line-height: 24px;
  }
  .font-24.mobile-font {
    font-size: 20px;
  }
  .font-mob-18 {
    font-size: 18px;
  }
  .sky-light-1-mob{
    background-color: #E8ECFE;
  }
  .font-16.font-14-mob {
    font-size: 14px;
    font-weight: 500!important;
    line-height: 22px!important;
  }
}
/*--------------------------- Media queries End  -------------------------------*/