@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root {
    /* all dark cyan */
    --dark-cyan-1: #2c5363;
    --dark-cyan-2: #40788f;
    --dark-cyan-3: #68a3bc;
    --dark-cyan-4: #8dc1d6;
    --dark-cyan-5: #b1d8e8;
    --dark-cyan-6: #e5f7ff;
    --dark-cyan-7: #effaff;
    --dark-cyan-8: #F8FCFF;
    --dark-cyan-9: #F1FAFE;
    /* --dark-cyan-10:#BBE2DD; */
    --dark-cyan-10: #0e2333;
    --dark-cyan-11: #355261;
    --dark-cyan-12: #24424e;
    --dark-cyan-13:#BBE2DD;

  /* all deep green */
  --deep-green-1: #00b087;
  --deep-green-2: #00d7a5;
  --deep-green-3: #b0ffed;
  --deep-green-4: #d7fff6;
  --deep-green-5: #ebfffa;
  --deep-green-6: #f1fafe;

  /* all deep yellow */
  --deep-yellow-1: #ffbb17;
  --deep-yellow-2: #ffec57;
  --deep-yellow-3: #fff3ac;
  --deep-yellow-4: #fff9d6;
  --deep-yellow-5: #fffceb;

  /* all grey */
  --grey-1: #e5e5e5;
  --grey-2: #efefef;
  --grey-3: #f9f9f9;
  --grey-4: #fdfdfd;
  --grey-5: #dbe2e5;
  --grey-7: #d0d0d0;
  --grey-8: #ffffff;
  --grey-9:#E2E2E2;
  --grey-10:#909090;

  /* font colors */
  --text-deep-green: #00b087;
  --text-dark-cyan: #36677b;
  --text-grey-1: #333333;
  --text-grey-2: #757575;
  --text-grey-3: #a9a9a9;
  --text-grey-4: #dddddd;
  --text-grey-5: #424242;
  --text-danger-1: #ff4545;
  --text-danger-2: #ff6e6e;

  /* footer */
  --color-footer: #283646;
}
/* * {
  font-family: "Inter", sans-serif !important;
} */
.navbar .nav-item:hover .dropdown-menu {
  display: block;
  left: 0;
}
.navbar .nav-item .dropdown-menu {
  margin-top: 0 !important;
}
.dropdown-item.active,
.dropdown-item:active {
  background-color: var(--deep-green-1) !important;
  color: unset !important;
}
.bg-dark-cyan-1 {
  background-color: var(--dark-cyan-1) !important;
}
.bg-dark-cyan-2 {
  background-color: var(--dark-cyan-2) !important;
}
.bg-dark-cyan-3 {
  background-color: var(--dark-cyan-3) !important;
}
.bg-dark-cyan-4 {
  background-color: var(--dark-cyan-4) !important;
}
.bg-dark-cyan-5 {
  background-color: var(--dark-cyan-5) !important;
}
.bg-dark-cyan-6 {
  background-color: var(--dark-cyan-6) !important;
}
.bg-dark-cyan-7 {
  background-color: var(--dark-cyan-7) !important;
}
.bg-dark-cyan-8 {
  background-color: var(--dark-cyan-8) !important;
}
.bg-dark-cyan-10 {
  background-color: var(--dark-cyan-10) !important;
}
.bg-dark-cyan-11 {
  background-color: var(--dark-cyan-11) !important;
}
.bg-dark-cyan-12 {
  background-color: var(--dark-cyan-12) !important;
}
/* all deep green */
.bg-deep-green-1 {
  background-color: var(--deep-green-1) !important;
}
.bg-deep-green-2 {
  background-color: var(--deep-green-2) !important;
}
.bg-deep-green-3 {
  background-color: var(--deep-green-3) !important;
}
.bg-deep-green-4 {
  background-color: var(--deep-green-4) !important;
}
.bg-deep-green-5 {
  background-color: var(--deep-green-5) !important;
}
.bg-deep-green-6 {
  background-color: var(--deep-green-6) !important;
}
/* all deep yellow */
.bg-deep-yellow-1 {
  background-color: var(--deep-yellow-1) !important;
}
.bg-deep-yellow-2 {
  background-color: var(--deep-yellow-2) !important;
}
.bg-deep-yellow-3 {
  background-color: var(--deep-yellow-3) !important;
}
.bg-deep-yellow-4 {
  background-color: var(--deep-yellow-4) !important;
}
.bg-deep-yellow-5 {
  background-color: var(--deep-yellow-5) !important;
}
/* all grey */
.bg-grey-1 {
  background-color: var(--grey-1) !important;
}
.bg-grey-2 {
  background-color: var(--grey-2) !important;
}
.bg-grey-3 {
  background-color: var(--grey-3) !important;
}
.bg-grey-4 {
  background-color: var(--grey-4) !important;
}
.bg-grey-5 {
  background-color: var(--grey-5) !important;
}
.bg-grey-9{
  background-color: var(--grey-9) !important;
}
.bg-grey-10{
  background-color: rgba(144,144,144,0.12) !important;
}
.bg-dark-cyan-13{
    background-color: rgba(187, 226, 221, 0.15);
    
}
.bg-transparent-1 {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border-color: #6c8b95 !important;
}
/* all danger */
.bg-danger-1 {
  background-color: var(--text-danger-1) !important;
}
/* All font colors */
.text-deep-green {
  color: var(--text-deep-green) !important;
}
.text-deep-green-2 {
  color: var(--deep-green-2) !important;
}
.text-dark-cyan {
  color: var(--text-dark-cyan) !important;
}
.text-dark-cyan-2 {
  color: var(--dark-cyan-2) !important;
}
.text-dark-cyan-5 {
  color: var(--dark-cyan-5) !important;
}
.text-dark-cyan-10 {
  color: var(--dark-cyan-10) !important;
}
.text-grey-1 {
  color: var(--text-grey-1) !important;
}
.text-dark-cyan-1 {
  color: var(--dark-cyan-1);
}
/* Dinesh */
.text-dark-cyan-2 {
  color: var(--dark-cyan-2);
}
.text-grey-2 {
  color: var(--text-grey-2) !important;
}
.text-grey-3 {
  color: var(--text-grey-3) !important;
}
.text-grey-4 {
  color: var(--text-grey-4) !important;
}
.text-grey-5 {
  color: var(--text-grey-5) !important;
}
.text-gray-500 {
  color: var(--bs-gray-500) !important;
}

.text-danger-1 {
  color: var(--text-danger-1) !important;
}
.text-danger-2 {
  color: var(--text-danger-2) !important;
}
/* All heights here */
.h-25vh {
  height: 25vh;
}
.h-90vh {
  height: 90vh !important;
}
.h-100vh {
  height: 100vh !important;
}
.h-0px {
  height: 0px !important;
}
.h-1px {
  height: 1px !important;
}
.h-2px {
  height: 2px !important;
}
.h-4px {
  height: 4px !important;
}
.h-5px {
  height: 5px !important;
}
.h-6px {
  height: 6px !important;
}
.h-8px {
  height: 8px !important;
}
.h-10px {
  height: 10px !important;
}
.h-12px {
  height: 12px !important;
}
.h-15px {
  height: 15px !important;
}
.h-18px {
  height: 18px !important;
}
.h-20px {
  height: 20px !important;
}
.h-25px {
  height: 25px !important;
}
.h-30px {
  height: 30px !important;
}
.h-35px {
  height: 35px !important;
}
.h-40px {
  height: 40px !important;
}
.h-45px {
  height: 45px !important;
}
.h-50px {
  height: 50px !important;
}
.h-55px {
  height: 55px !important;
}
.h-60px {
  height: 60px !important;
}
.h-70px {
  height: 70px !important;
}
.h-80px {
  height: 80px !important;
}
.h-90px {
  height: 90px !important;
}
.h-100px {
  height: 100px !important;
}
.h-120px {
  height: 120px !important;
}
.h-140px {
  height: 140px !important;
}
.h-150px {
  height: 150px !important;
}
.h-160px {
  height: 160px !important;
}
.h-170px {
  height: 170px !important;
}
.h-180px {
  height: 180px !important;
}
.h-200px {
  height: 200px !important;
}
.h-230px {
  height: 230px !important;
}
.h-250px {
  height: 250px !important;
}
.h-300px {
  height: 300px !important;
}
.h-350px {
  height: 350px !important;
}
.h-400px {
  height: 400px !important;
}
.h-500px {
  height: 500px !important;
}
.h-580px {
  height: 580px !important;
}
.min-h-210px {
  min-height: 210px !important;
}
.min-h-400px {
  min-height: 400px !important;
}

/* All width in px here */
.w-0px {
  width: 0px !important;
}
.w-1px {
  width: 1px !important;
}
.w-2px {
  width: 2px !important;
}
.w-4px {
  width: 4px !important;
}
.w-5px {
  width: 5px !important;
}
.w-6px {
  width: 6px !important;
}
.w-8px {
  width: 8px !important;
}
.w-10px {
  width: 10px !important;
}
.w-11px {
  width: 11px !important;
}
.w-12px {
  width: 12px !important;
}
.w-15px {
  width: 15px !important;
}
.w-18px {
  width: 18px !important;
}
.w-20px {
  width: 20px !important;
}
.w-25px {
  width: 25px !important;
}
.w-30px {
  width: 30px !important;
}
.w-35px {
  width: 35px !important;
}
.w-40px {
  width: 40px !important;
}
.w-45px {
  width: 45px !important;
}
.w-50px {
  width: 50px !important;
}
.w-80px {
  width: 80px !important;
}
.w-100px {
  width: 100px;
}
.w-110px {
  width: 110px;
}
.w-150px {
  width: 150px !important;
}
.w-170px {
  width: 170px !important;
}
.w-200px {
  width: 200px !important;
}
.w-230px {
  width: 230px !important;
}
.w-250px {
  width: 250px !important;
}
.w-275px {
  width: 275px !important;
}
.w-300px {
  width: 300px !important;
}
.w-430px {
  width: 430px !important;
}
/* width in percent */
.w-30 {
  width: 30%;
}
.w-40 {
  width: 40%;
}
.w-60 {
  width: 60%;
}
.w-95 {
  width: 95% !important;
}
.w-90 {
  width: 90% !important;
}
.min-w-35px {
  min-width: 35px !important;
}
.min-w-100px {
  min-width: 100px !important;
}
.max-w-230px {
  max-width: 230px !important;
}
/* All font size */
.fs-6px {
  font-size: 6px;
}
.fs-8px {
  font-size: 8px !important;
}
.fs-9px {
  font-size: 9px;
}
.fs-10px {
  font-size: 10px;
}
.fs-11px {
  font-size: 11px;
}
.fs-12px {
  font-size: 12px;
}
.fs-13px {
  font-size: 13px;
}
.fs-14px {
  font-size: 14px !important;
}
.fs-15px {
  font-size: 15px;
}
.fs-16px {
  font-size: 16px;
}
.fs-17px {
  font-size: 17px;
}
.fs-18px {
  font-size: 18px;
}
.fs-19px {
  font-size: 19px;
}
.fs-20px {
  font-size: 20px !important;
}
.fs-22px {
  font-size: 22px;
}
.fs-24px {
  font-size: 24px;
}
.fs-26px {
  font-size: 26px !important;
}
.fs-28px {
  font-size: 28px !important;
}
.fs-30px {
  font-size: 30px;
}
.fs-32px {
  font-size: 32px !important;
}
.fs-35px {
  font-size: 35px !important;
}
.fs-36px{
  font-size: 36px;
}
.fs-38px {
  font-size: 38px !important;
}
.fs-40px {
  font-size: 40px !important;
}
.fs-45px {
  font-size: 45px !important;
}
.fs-48px {
  font-size: 48px !important;
}
.fs-50px {
  font-size: 50px !important;
}
.fs-55px {
  font-size: 55px !important;
}
.fs-60px {
  font-size: 60px !important;
}
.fs-65px {
  font-size: 65px !important;
}
.fs-68px {
  font-size: 68px !important;
}
.fs-75px {
  font-size: 75px !important;
}
.fs-100px {
  font-size: 100px !important;
}
/* All font weight */
.fw-300 {
  font-weight: 300;
}
.fw-400 {
  font-weight: 400;
}
.fw-500 {
  font-weight: 500 !important;
}
.fw-600 {
  font-weight: 600;
}
.fw-700 {
  font-weight: 700;
}
.fw-800 {
  font-weight: 800;
}
.fw-900 {
  font-weight: 900;
}
.fw-semibold{
  font-weight: 600 !important;
}
/* All line height */
.lh-15px {
  line-height: 15px;
}
.lh-16px {
  line-height: 16px;
}
.lh-17px {
  line-height: 17px;
}
.lh-18px {
  line-height: 18px;
}
.lh-19px {
  line-height: 19px;
}
.lh-20px {
  line-height: 20px;
}
.lh-25px {
  line-height: 25px;
}
.lh-1_75{
  line-height: 1.75;
}
.lh-2 {
  line-height: 2;
}
/* border-radius */
.br-2px {
  border-radius: 2px;
}
.br-4px {
  border-radius: 4px;
}
.br-5px {
  border-radius: 5px !important;
}
.br-6px {
  border-radius: 6px;
}
.br-8px {
  border-radius: 8px;
}
.br-10px {
  border-radius: 10px;
}
.br-12px {
  border-radius: 12px;
}
.br-15px {
  border-radius: 15px;
}
.br-30px {
  border-radius: 30px;
}
.br-50px {
  border-radius: 50px;
}
.br-end-35px {
  border-top-right-radius: 35px;
  border-bottom-right-radius: 35px;
}
.br-start-35px {
  border-top-left-radius: 35px;
  border-bottom-left-radius: 35px;
}
.br-top-left-10px {
  border-top-left-radius: 10px;
}
.br-top-left-20px {
  border-top-left-radius: 20px;
}
.br-top-right-20px {
  border-top-right-radius: 20px;
}
.br-top-right-100px {
  border-top-right-radius: 100px;
}
.br-bottom-left-20px {
  border-bottom-left-radius: 20px;
}
.br-bottom-left-100px {
  border-bottom-left-radius: 100px;
}
.br-bottom-right-20px {
  border-bottom-right-radius: 20px;
}
/* All margin */
.mt-3px {
  margin-top: 3px;
}
.mb-n20px{
  margin-bottom: -20px;
}
/* All cursor */
.cursor-pointer {
  cursor: pointer;
}
.cursor-default {
  cursor: default;
}
/* z index */
.z-index-1 {
  z-index: 1 !important;
}
.z-index-2 {
  z-index: 2 !important;
}
.z-index-n1 {
  z-index: -1 !important;
}
.z-index-n2 {
  z-index: -2 !important;
}
/* all shadow */
.shadow-1 {
  box-shadow: 16px 12px 28px #6363631a !important;
}
.shadow-2 {
  box-shadow: 0px 3px 6px #00000029 !important;
}
.shadow-3{
  box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;}
.bg-footer {
  background-color: var(--color-footer) !important;
}
.border-deep-green {
  border-color: var(--deep-green-1) !important;
}
.border-0-focus:focus{
  border: 1px solid transparent !important;
}
/* outline reset */
.outline-0 {
  outline: none !important;
}
/* others */
.white-space-unset {
  white-space: unset !important;
}
/* positions */
.start-n85px {
  left: -85px !important;
}
.start-15px{
  left: 15px;
}
.top-5px {
  top: 5px !important;
}
.top-n-1px {
  top: -1px !important;
}
.top-30 {
  top: 30% !important;
}
.top-n40px {
  top: -40px;
}
/* background  */
.bg-size-cover {
  background-size: cover;
}
.bg-size-contain {
  background-size: contain;
}
.bg-size-100 {
  background-size: 100% 100%;
}
.bg-position-top {
  background-position: top;
}
.bg-position-bottom {
  background-position: bottom;
}
.bg-position-center {
  background-position: center;
}
.bg-no-repeat {
  background-repeat: no-repeat;
}
.bg-x-repeat {
  background-repeat: repeat-x !important;
}
.bg-position-right {
  background-position: right;
}
.bg-position-left {
  background-position: left;
}
.bg-position-bottom-right {
  background-position: bottom right;
}
.bg-attachment-fixed {
  background-attachment: fixed;
}
.carousel-item.active > .row > .col-12.col-md-4:nth-child(1) {
  transition-duration: 0.3s;
  transform: scale(0.85) !important;
}
.carousel-item.active > .row > .col-12.col-md-4:nth-child(3) {
  transition-duration: 0.3s;
  transform: scale(0.85) !important;
}
@media (max-width: 767px) {
  .mbl-h1 {
    font-size: 30px !important;
  }
  .mbl-h2 {
    font-size: 28px !important;
  }
  .mbl-h3 {
    font-size: 26px !important;
  }
  .mbl-h4 {
    font-size: 24px !important;
  }
  .mbl-h5 {
    font-size: 22px !important;
  }
  .mbl-h6 {
    font-size: 20px !important;
  }
  .mbl-c1 {
    font-size: 18px !important;
  }
  .mbl-c2 {
    font-size: 16px !important;
  }
  .mbl-c3 {
    font-size: 14px !important;
  }
  .mbl-c4 {
    font-size: 12px !important;
  }
  .mbl-c5 {
    font-size: 10px !important;
  }
  .mbl-c6 {
    font-size: 8px !important;
  }
  .mbl-text-justify {
    text-align: justify !important;
  }
  .h-sm-230px {
    height: 230px !important;
  }
  .h-sm-400px {
    height: 400px !important;
  }
  .h-sm-450px {
    height: 450px !important;
  }
  .bg-sm-none {
    background: none !important;
  }
  .bg-digital-onboarding-sec-one {
    background-image: url("../images/Digital-onboarding/Bannerimage_mobile.svg") !important;
  }
  .line-height-15px {
    line-height: 15px;
  }
  .vcip-process-card-1 {
    right: auto !important;
    bottom: -20px !important;
  }
  .vcip-process-card-2 {
    left: auto !important;
    bottom: -20px !important;
  }
  .vcip-process-card-3 {
    top: 91% !important;
  }
  .bg-assissted {
    background-image: url("../images/VCIP/utilize-bg.png") !important;
  }
  .crypto-card {
    border-radius: 20px !important;
    background-color: #fff !important;
  }
  .text-sm-dark {
    color: #000 !important;
  }
  .text-sm-white {
    color: #fff !important;
  }
  .bg-sm-white {
    background-color: #fff !important;
  }
  .bg-sm-dark-cyan-1 {
    background-color: var(--dark-cyan-1) !important;
  }
  .bg-sm-grey {
    background-color: var(--grey-2) !important;
  }
  .bg-sm-dark-cyan-12 {
    background-color: var(--dark-cyan-12) !important;
  }
  .bg-sm-transparent {
    background-color: transparent !important;
  }

}
@media (max-width: 768px) {
  .bg-art-housing-finance{
    background: none !important;
  }
  .br-md-0 {
    border-radius: 0px !important;
  }
  .br-md-20px {
    border-radius: 20px !important;
  }
  .bg-esign-section-one {
    background-image: none !important;
  }
  .esign-section-one-height {
    height: unset !important;
  }
  .bg-ppc-section-one {
    background-image: none !important;
    background-color: var(--dark-cyan-1) !important;
  }
  .bg-gradient-4{
    background: transparent linear-gradient(308deg, #00B087 0%, #134F5C 100%) 0% 0% no-repeat padding-box;
  }
  .bg-insurance-1 {
    background-image: url("/images/industry-solutions/bginsuranceone.svg");
  }
}
@media (max-width: 576px) {
  .border-sm-0{
    border: none !important;
  }
    .border-start-sm-0 {
      border-left: none !important;
    }
  
    .border-end-sm-0 {
      border-right: none !important;
    }
  
    .border-top-sm-0 {
      border-top: none !important;
    }
  
  .br-sm-0 {
    border-radius: 0px !important;
  }
  .br-sm-20px {
    border-radius: 20px !important;
  }
  .h-sm-150px {
    height: 150px !important;
  }
  .Recent_blog-bg {
    background-position: unset !important;
  }
}
@media(min-width:992px){
  .bg-linear-gradient{
    background-image: url(../images/industry-solutions/section_bg.webp);
    background-size: 100% 100%;
  }
}
@media (max-width: 992px) and (min-width: 578px) {
  .h-md-205px {
    height: 205px !important;
  }
  .h-md-300px {
    height: 300px !important;
  }
  .bg-sm-none {
    background: none !important;
  }
  .onboarding-display {
    display: block !important;
  }
  .bg-digital-onboarding-sec-one {
    background-image: url("../images/Digital-onboarding/Bannerimage_mobile.svg") !important;
  }
  .crypto-card {
    border-radius: 20px !important;
  }
  .bg-gradient-4{
    background: transparent linear-gradient(308deg, #00B087 0%, #134F5C 100%) 0% 0% no-repeat padding-box;
  }
}
.owl-stage {
  display: flex !important;
  align-items: center !important;
}
.form-group .required .control-label:after {
  content: "*";
  color: #b21415;
}
.text-justify {
  text-align: justify !important;
}
.btn-deep-green {
  color: #fff !important;
  background-color: var(--deep-green-1) !important;
  border-color: var(--deep-green-1) !important;
  font-weight: 600 !important;
}
.btn-deep-green:hover {
  color: white !important;
  background-color: var(--deep-green-1) !important;
  border-color: var(--deep-green-1) !important;
  box-shadow: rgba(50, 50, 93, 0.151) 0px 13px 27px -5px,
    rgba(0, 0, 0, 0.3) 0px 8px 16px -8px !important;
}
.btn-deep-green:focus {
  box-shadow: none !important;
  outline: none !important;
}
.btn-dark-cyan {
  color: #fff !important;
  background-color: var(--dark-cyan-1) !important;
  border-color: var(--dark-cyan-1) !important;
  font-weight: 500 !important;
}
.btn-dark-cyan:hover {
  color: black !important;
  background-color: var(--dark-cyan-4) !important;
  border-color: var(--dark-cyan-4) !important;
  box-shadow: rgba(50, 50, 93, 0.151) 0px 13px 27px -5px,
    rgba(0, 0, 0, 0.3) 0px 8px 16px -8px !important;
}
.img-grayscale {
  filter: grayscale(95%);
  transition: 0.3s;
}
.img-grayscale:hover {
  filter: grayscale(0%);
  transition: 0.3s;
}
.clients {
  padding: 10px 0;
}
.box {
  display: grid;
  align-items: center;
  justify-items: center;
  width: 60%;
  height: auto;
  transition: transform 0.5s ease-in;
  margin: 8px auto;
}
.box img {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
}
.box:hover {
  transform: scale(1.2);
}
.carousel-cell {
  counter-increment: carousel-cell;
}
#enachCarouselButtonPosition > .flickity-prev-next-button {
  top: 110% !important;
  width: 35px !important;
  height: 35px !important;
  background-color: var(--dark-cyan-5) !important;
  opacity: 1 !important;
  color: var(--dark-cyan-1) !important;
}
#enachCarouselButtonPosition > .flickity-prev-next-button.previous {
  right: 65px !important;
  left: unset;
  width: 35px !important;
  height: 35px !important;
  background-color: var(--dark-cyan-7) !important;
  opacity: 1 !important;
}
.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 25% !important;
  top: 25% !important;
  width: 50% !important;
  height: 50% !important;
}
#enachCarouselButtonPosition > .flickity-viewport {
  height: 360px !important;
}
.no-focus:focus {
  outline: none !important;
  box-shadow: none !important;
}
.text-hover-deep-green-1:hover {
  color: var(--deep-green-1) !important;
}
.duration-3 {
  transition-duration: 0.3s !important;
}
.fill-svg-deep-green-1 {
  fill: var(--deep-green-1) !important;
}
.fill-svg-white {
  fill: white;
}
.fill-svg-hover-daap-green:hover {
  fill: var(--deep-green-1) !important;
}
.bg-hover-grey:hover,
.bg-hover-grey:focus,
.bg-hover-grey:active {
  background-color: var(--grey-2);
}
.text-focus-dark-cyan:focus {
  color: var(--dark-cyan-1) !important;
}
.ul-blog li a {
  text-decoration: none !important;
  color: #fff;
}
.ul-blog li a:hover {
  color: var(--deep-green-1) !important;
}
.bg-industrysol-section-4 {
  background-image: url("/images/industry-solutions/sectionfourbg.png");
}
.text-dark-cyan-placeholder::placeholder {
  color: var(--text-dark-cyan);
}
.bg-insurance-1 {
  background-image: url("/images/industry-solutions/bginsuranceone.svg");
}
.border-custom-1 {
  box-shadow: -15px 15px 0px #E2E2E2;
}
.border-custom-2 {
  box-shadow: 15px 15px 0px #E2E2E2;
}
.object-fit-cover {
  object-fit: cover !important;
}
.blog-blogs-div-inner a {
  text-decoration: none;
}
.text-area-no-resize {
  resize: none !important;
}
.signdesk-pricing .pricing-list-outer button {
  background-color: #2c5363;
  border: #92ce6a;
  width: 100%;
  margin: 0 0 15px 0;
  padding: 8px 0;
}
.signdesk-pricing .pricing-list-outer button:hover {
  background-color: #b1d8e8;
  color: black;
}
.signdesk-pricing .pricing-list-outer {
  padding: 5px;
}
.signdesk-pricing .pricing-list-outer .breaker01 {
  border-bottom: 1px solid #d5d5d5;
  margin: 0 0 10px 0;
}
.signdesk-pricing .pricing-list-inner {
  height: 115px;
}
.signdesk-pricing .pricing-list-outer img {
  margin: -4px 3px 0 0;
}
.signdesk-pricing .pricing-list-outer li a {
  color: #92ce6a;
}
.signdesk-pricing .pricing-list-outer01 {
  background-color: #ebfffa;
  border-radius: 3px;
}
.signdesk-pricing .pricing-list-outer li {
  list-style-type: none;
  padding: 2px 0;
}
.signdesk-pricing .pricing-overview img {
  width: 50%;
  display: block;
  margin: 0 auto;
}
.signdesk-pricing .pricing-overview p {
  text-align: justify;
  line-height: 25px;
}
.signdesk-pricing .pricing-plans table {
  width: 100%;
}
.signdesk-pricing .pricing-plans td,
.signdesk-pricing .pricing-plans th {
  padding: 14px 0;
  border-bottom: 1px solid #dedede;
}
.text-blue-01 {
  color: #2b5563 !important;
}
.signdesk-pricing .pricing-plans .add-color {
  background-color: #ebfffa;
}
.signdesk-pricing .pricing-plans table td img {
  width: 15px;
}
.signdesk-pricing .pricing-plans button {
  background-color: #2c5363;
  padding: 8px 40px;
  border: #2c5363;
}
.signdesk-pricing .pricing-plans button:hover {
  background-color: #b1d8e8;
  color: black !important;
}
.signdesk-pricing .pricing-faq .panel-group .panel-heading {
  box-shadow: none;
  border: 1px solid #ebebeb !important;
}
.signdesk-pricing .pricing-faq .panel {
  box-shadow: none;
}
.signdesk-pricing .pricing-cta {
  background-color: #ebfffa;
  text-align: center;
  padding: 30px 0;
}
.signdesk-pricing .pricing-cta button {
  background-color: #2c5363;
  padding: 8px 40px;
  border: #92ce6a;
  margin: 15px 0;
}
.signdesk-pricing .pricing-cta button:hover {
  background-color: #b1d8e8;
  color: black;
}
.duration-tab {
  border: 1px solid #d9d9da;
  border-radius: 20px;
  padding: 8px 4px;
}
.duration-tab-span {
  padding: 5px 15px;
  border-radius: 15px;
  cursor: pointer;
}
.duration-tab-span:hover {
  background-color: #2c5363;
  color: white;
  box-shadow: 0px 0px 45px #0000001a;
}
.duration-tab-span-active {
  background-color: #2c5363;
  color: white;
}
.smb-types-div {
  border: 1px solid #dcdcdc;
}
.smb-types {
  background-color: #f9f9f9;
  color: #8a8181;
  border: 1px solid #f9f9f9;
}
.smb-types-active {
  background-color: #ebfffa;
  color: #2c5363;
  border: 1px solid #2c5363;
  cursor: pointer;
  font-weight: 600;
}
#yearly-amount-smb,
#smb-advance,
#monthly-amount-smb-advance,
#yearly-amount-smb-advance {
  display: none;
}
.bg-transparent-1 {
  background-color: rgba(255, 255, 255, 0.1);
}
.icon-form {
  margin-left: 9px;
  margin-top: -32px;
}
.form-checkbox-input:checked {
  background-color: #00000029 !important;
  border-color: #00b087 !important;
}
.input-field-container label {
  left: 10px;
  color: grey;
  pointer-events: none;
  transition: 0.5s;
}
.input-field-container input
{
  background: #909090 0% 0% no-repeat padding-box;
box-shadow: inset 0px 3px 6px #00000029;
}
.input-field-container .input-field-animation:focus ~ label,
.input-field-container .input-field-animation:valid ~ label,
.input-field-container .input-field-animation:not([value=""]) ~ label {
  top: -15px !important;
  left: 12px;
  color: var(--text-dark-cyan);
  font-size: 0.75rem;
  background-image: linear-gradient(#f8f9fa, #fff);
  height: 12px;
}
.input-field-animation:focus {
  border: 1px solid var(--text-dark-cyan);
}
.input-field-container .input-field-animation-two:focus ~ label,
.input-field-container .input-field-animation-two:valid ~ label,
.input-field-container .input-field-animation-two:not([value=""]) ~ label {
  top: -30px !important;
  left: 5px;
  color: var(--text-dark-cyan);
  font-size: 16px;
  height: 12px;
}
.input-field-container .input-field-animation-three:focus ~ label,
.input-field-container .input-field-animation-three:valid ~ label,
.input-field-container .input-field-animation-three:not([value=""]) ~ label {
  top: -20px !important;
  left: 5px;
  color: #fff !important;
  fill: #fff !important;
  stroke: #fff !important;
  font-size: 10px;
  height: 12px;
}
@media (min-width: 992px) {
  .position-lg-absolute{
    position: absolute !important;
  }
  .border-bottom-lg-0{
    border-bottom: 0 !important;
  }
  .vcip-section-one-height {
    height: calc(100vh - 66px) !important;
  }
  .bg-vcip-section-1 {
    background-size: cover;
    background-position: center;
  }
  .bg-career-section-1 {
    background-image: url("../images/careers/section-one-bg.jpg");
    background-size: 100% 100%;
  }
  .career-section-one-height {
    height: calc(100vh - 56px) !important;
  }
}
@media (min-width: 1920px) {
  .bg-vcip-section-1 {
    background-size: contain;
    background-position: top;
  }
  .vcip-section-one-height {
    height: unset !important;
  }
  .esign-section-one-height {
    height: unset !important;
  }
  .esign-banner-img {
    display: block !important;
  }
  .bg-linear-gradient{
    background-image: url(../images/industry-solutions/section_bg.webp);
  }
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
.blog-section-one-bg {
  background-image: url("../images/blog/first_section.svg");
}
.Recent_blog-bg {
  background-image: url("../images/blog/second_section.png");
}
.mt-n-30px {
  margin-top: -30px !important;
}
.mt-n-10px {
  margin-top: -10px !important;
}
.blog-card-animation:hover .blog-card-image {
  transform: scale(1.03);
}
.blog-card-animation:hover .bi-arrow-right {
  transform: translateX(10px);
}
.blog-card-animation:hover .blog-card-product-icon {
  display: none;
}
.blog-card-scale:hover {
  background-color: #e8f6fe !important;
}
.Best-Blogs-carousel-bg {
  background-color: #e5e5e5;
}
.bg-Product-Best-Blogs {
  background-color: #35526119 !important;
}
.placeholder-text-white::placeholder {
  color: #fff;
}
.placeholder-text-white-italic::placeholder {
  color: #fff;
  font-style: italic;
}
.bg-product {
  background-color: #61d4a82b !important;
}
.border-bottom-dotted {
  border-bottom-style: dotted !important;
}
.p-11px {
  padding: 11px !important;
}
.bg-background1 {
  background-image: url("../images/media/BgImage.png") !important;
}
.bg-background5 {
  background-image: none !important;
  background-color: var(--dark-cyan-1);
}
@media all and (min-width: 769px) and (max-width: 1920px) {
  .bg-background5 {
    background-image: url("../images/media/second-section.png") !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
  }
}
.bottom-n15px {
  bottom: -15px !important;
}
.bottom-25{
  bottom: 25%;
}
.bg-background2 {
  background-image: linear-gradient(to right, #e5f7ff 0%, #ffffff 100%);
}
.bg-background3 {
  background-image: linear-gradient(to right, #ffffff 0%, #e5f7ff 100%);
}
.svg1:hover svg {
  position: relative;
  left: 7px;
}
.bg-background4 {
  background-color: #e8f6fe;
}
.box-shadow-1 {
  box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px,
    rgba(9, 30, 66, 0.08) 0px 0px 0px 1px !important;
}
.bg-career-section-one {
  background-image: url("../images/career/section1-bg.png");
}
.culture-bg::before,
.innovation-bg::before,
.collaboration-bg::before {
  content: "";
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  inset: 0;
}
.culture-bg::before {
  background-image: url("../images/career/Culture.jpg");
}
.innovation-bg::before {
  background-image: url("../images/career/innovation.jpg");
}
.collaboration-bg::before {
  background-image: url("../images/career/collaboration.jpg");
}
.culture-outer-tile:hover .culture-inner-tile {
  transform: scale(1.2);
}
.grad-On-Site-Training {
  background-image: linear-gradient(#ffffff, #d0f0ff);
  border: 1px solid #e5f7ff !important;
}
.grad-Paid-Days-Of {
  background-image: linear-gradient(#ffffff, #cfecf9);
  border: 1px solid #e5f7ff !important;
}
.grad-Health-Medical-Benefits {
  background-image: linear-gradient(#ffffff, #faf3c5);
  border: 1px solid #fff9d6 !important;
}
.grad-Team-Excursions-Activities {
  background-image: linear-gradient(#ffffff, #fff7c8);
  border: 1px solid #fff9d6 !important;
}
.grad-Competitive {
  background-image: linear-gradient(#ffffff, #ccfcf1);
  border: 1px solid #d7fff6 !important;
}
.grad-Employee-Wellness-Programmes {
  background-image: linear-gradient(#ffffff, #c7faef);
  border: 1px solid #d7fff6 !important;
}
.search-text-color::placeholder {
  color: #2c5363 !important;
  font-weight: 500 !important;
}
.text-underline-hover:hover {
  text-decoration: underline !important;
}
.text-color-position {
  color: #565872;
}
.mt-12px {
  margin-right: -12px !important;
}
@media (max-width: 576px) {
  .w-sm-100px {
    width: 100% !important;
  }
  .w-sm-100{
    width: 100% !important;
  }
}
.bg-checkbox {
  background-color: #75a1b9;
}
.border-img-upload {
  border: 2px dashed #75a1b9;
}
.border-input-green:hover {
  border: 1px solid #00b087 !important;
}
.border-input-transparent {
  border: 1px solid transparent !important;
}
.input-field-container-careers label {
  left: 10px;
  color: grey;
  pointer-events: none;
  transition: 0.5s;
}
.input-field-container-careers .input-field-animation:focus ~ label,
.input-field-container-careers .input-field-animation:valid ~ label,
.input-field-container-careers .input-field-animation:not([value=""]) ~ label {
  top: -9px !important;
  left: 12px;
  color: var(--text-dark-cyan);
  font-size: 14px;
  background-image: linear-gradient(#fff, #e7e9eb);
  height: 12px;
}
.input-field-animation:focus {
  border: 1px solid var(--text-dark-cyan);
}
.bg-Product-Overview-1 {
  background-image: url(../images/Product-Overview/bg-Product-Overview-1.png);
}
.bg-Product-Overview-2 {
  background-image: url(../images/Product-Overview/bg-Product-Overview-2.png);
}
.bg-all-solutions-form {
  background-color: #b5c8c729 !important;
  border-color: #6c8b95 !important;
  backdrop-filter: blur(4px) !important;
}
.bg-all-solutions-1 {
  background-image: url(../images/all-solutions/bg-all-solutions-1.png);
}
.bg-all-solutions-2 {
  background-image: url(../images/all-solutions/bg-all-solutions-2.png);
}
.bg-all-solutions-3 {
  background-image: url(../images/all-solutions/1.svg);
}
.text-lightblue-font-stroke {
  -webkit-text-stroke: 1px #8dc1d6;
  color: transparent;
}
.text-white-font-stroke {
  -webkit-text-stroke: 1px #fff;
  color: transparent;
}
.card-all-solution:hover {
  background-color: var(--dark-cyan-1) !important;
  color: white !important;
}
.card-all-solution:hover > .text-lightblue-font-stroke {
  -webkit-text-stroke: 1px white !important;
}
@media (max-width: 576px) {
  .w-sm-250px {
    width: 250px !important;
  }
  .h-sm-300px {
    height: 300px !important;
  }
  .h-sm-250px {
    height: 250px !important;
  }
  .backdrop-filter-none {
    backdrop-filter: none !important;
  }
  .h-sm-220px {
    height: 220px !important;
  }
  .h-sm-180px {
    height: 180px !important;
  }
  .w-sm-180px {
    width: 180px !important;
  }
}
.bg-All-solutions-Industry {
  background-image: url(../images/all-solutions/All-solutions-Industry.png);
}
.bg-helps-business {
  background-image: url(../images/all-solutions/bgusp-01.png);
}
.img-gray {
  filter: grayscale(95%);
}
.br-25px {
  border-radius: 25px;
}
.br-34px {
  border-radius: 34px;
}
.h-220px {
  height: 220px;
}
@media (min-width: 1400px) {
  .h-xl-250px {
    height: 250px !important;
  }
}
@media (max-width: 767px) {
  .h-sm-100 {
    height: 100% !important;
  }
}
.shadow-4 {
  box-shadow: 0px 10px 20px #3737371a !important;
}
.Scan-it .text-box-left,
.text-box-right,
.triangle-left,
.triangle-right {
  display: none;
}
.Scan-it:hover .triangle-left,
.Scan-it:hover .triangle-right,
.Scan-it:hover .text-box-left,
.Scan-it:hover .text-box-right,
.workflow-tooltip:hover .triangle-left,
.workflow-tooltip:hover .triangle-right,
.workflow-tooltip:hover .text-box-left,
.workflow-tooltip:hover .text-box-right,
.Threshold-based-tooltip:hover .triangle-left,
.Threshold-based-tooltip:hover .triangle-right,
.Threshold-based-tooltip:hover .text-box-left,
.Threshold-based-tooltip:hover .text-box-right {
  display: block !important;
  position: absolute !important;
  box-shadow: 1px 1px 8px #0000001d;
}
.Scan-it:hover .triangle-left {
  top: 28px !important;
  right: 5px !important;
}
.Scan-it:hover .triangle-right {
  left: 5px;
  top: 28px;
}
.Scan-it:hover .text-box-left {
  left: -90px !important;
  top: 2px !important;
}
.Scan-it:hover .text-box-right {
  right: -60px;
  top: 5px;
}
.Scan-it:hover {
  background-color: #2c5363 !important;
}
.Scan-it .feature-svg > svg {
  fill: #2c5363;
}
.Scan-it:hover .feature-svg > svg {
  fill: #ffff !important;
}
.workflow-tooltip .text-box-left,
.text-box-right,
.triangle-left,
.triangle-right {
  display: none;
}
.workflow-tooltip:hover .triangle-left {
  top: 28px !important;
  right: 5px !important;
}
.workflow-tooltip:hover .triangle-right {
  left: 5px;
  top: 28px;
}
.workflow-tooltip:hover .text-box-left {
  left: -150px !important;
  top: 2px !important;
}
.workflow-tooltip:hover .text-box-right {
  right: -130px;
  top: 5px;
}
.workflow-tooltip:hover {
  background-color: #2c5363 !important;
}
.workflow-tooltip .feature-svg > svg {
  fill: #2c5363;
}
.workflow-tooltip:hover .feature-svg > svg {
  fill: #ffff !important;
}
.Threshold-based-tooltip .text-box-left,
.text-box-right,
.triangle-left,
.triangle-right {
  display: none;
}
.Threshold-based-tooltip:hover .triangle-left {
  top: 28px !important;
  right: 5px !important;
}
.Threshold-based-tooltip:hover .triangle-right {
  left: 5px;
  top: 28px;
}
.Threshold-based-tooltip:hover .text-box-left {
  left: -170px !important;
  top: 2px !important;
}
.Threshold-based-tooltip:hover .text-box-right {
  right: -150px;
  top: 5px;
}
.Threshold-based-tooltip:hover {
  background-color: #2c5363 !important;
}
.Threshold-based-tooltip .feature-svg > svg {
  fill: #2c5363;
}
.Threshold-based-tooltip:hover .feature-svg > svg {
  fill: #ffff !important;
}
.bg-transparent-black-7 {
  background: rgba(0, 0, 0, 0.6);
}
.z-index-99999 {
  z-index: 99999;
}
.bg-backgroundddpi {
  background-image: url("../images/DDPI/Bannerimage.svg") !important;
}
.ddpi-line {
  background-color: var(--dark-cyan-1);
  width: 7px;
  top: 22%;
  left: 1px;
}
.bg-repeated-grid-ddpi {
  background-image: url("../images/DDPI/DDPI-Grid.svg") !important;
}
.bg-dot-image {
  bottom: 15px;
  right: 52px;
  z-index: -1;
}
.bg-dot-image3 {
  top: -68px;
  left: -70px !important;
}
.hover-none:hover {
  color: var(--dark-cyan-1) !important;
}
.ddpi-card:hover {
  background-color: var(--dark-cyan-1) !important;
  transition: 0.3s;
  box-shadow: 0px 10px 20px #00000021;
  color: white;
}
.bg-dark-cyan-9 {
  background-color: var(--dark-cyan-9) !important;
}
.bg-digital-onboarding-sec-one {
  background-image: url("../images/Digital-onboarding/Bannerimage.svg");
}
.grad2 {
  background: linear-gradient(to right, white 50%, #efefef 50%);
}
.grad3 {
  background: linear-gradient(to right, white 40%, #efefef 10%, #efefef 50%);
}
.svg-dark-cyan {
  fill: var(--dark-cyan-1) !important;
}
.svg-grey {
  fill: var(--grey-2) !important;
}
.process-line {
  letter-spacing: -5px;
  color: var(--deep-green-1);
}
.bg-dark-blue-Digital-onboarding {
  background-image: url("../images/Digital-onboarding/Digital_Transformation.svg");
}
.noscroll::-webkit-scrollbar {
  width: 10px;
}
.noscroll::-webkit-scrollbar-track {
  background: transparent;
}
.noscroll::-webkit-scrollbar-thumb {
  background: transparent;
}
.noscroll::-webkit-scrollbar-thumb:hover {
  background: transparent;
}
.outer {
  height: 15em;
  overflow-y: scroll;
}
.aml_accordion::after {
  background-image: url(../images/Digital-onboarding/town.svg);
}
.aml_accordion:not(.collapsed)::after {
  background-image: url(../images/Digital-onboarding/up.svg);
  transform: rotate(-180deg);

}
.aml_accordion:not(.collapsed) {
  background-color: var(--dark-cyan-1) !important;
  color: #fff !important;
}
.aml_accordion:not(.collapsed) svg {
  fill: #fff !important;
}
.aml_accordion:not(.collapsed) .text-hexa-black {
  color: #000000 !important;
}
.nav-tabs .nav-item.show .nav-one,
.nav-tabs .nav-one.active {
  color: #fff !important;
  background-color: #2c5363;
}
.nav-link-1:focus,
.nav-link-1:hover {
  color: #2c5363;
}
.border-dark-cyan-1 {
  border: 1px solid #2c5363 !important;
}
.border-dark-cyan {
  border-color: #2c5363 !important;
}
.bg-card {
  background: #f9f9f9;
}
@media (max-width: 500px) {
  .mbl-h-100 {
    height: 100% !important;
  }
  .mbl-h-apdo {
    font-size: 16px;
  }
  .mbl-p-apdo {
    font-size: 10px;
  }
  .mbl-num-apdo {
    font-size: 10px;
  }
  .mbl-ls {
    line-height: 20px !important;
  }
  .checkbox-container {
    grid-template-columns: repeat(3, 1fr) !important;
    grid-template-rows: repeat(2, 1fr);
  }
}
.owl-theme-1 .owl-nav,
.owl-theme-1 .owl-dots,
.owl-theme-2 .owl-dots {
  display: none !important;
}
.owl-theme-1 .owl-stage-outer {
  border: 10px solid white !important;
  border-radius: 42px !important;
  height: 500px !important;
  width: 320px !important;
}
.owl-theme-1 .owl-stage-outer .owl-stage {
  height: 500px !important;
  display: flex !important;
  align-items: center !important;
}
.owl-theme-2 .owl-nav {
  padding-top: 90px;
  display: flex;
  justify-content: end;
}
.owl-theme-2 .owl-prev span {
  padding: 10px 18px;
  background-repeat: no-repeat;
  background-image: url("../images/Digital-onboarding/OwlCarousel-left.svg");
  border-radius: 50%;
  color: transparent;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
  background: none !important;
}
.owl-theme-2 .owl-next span {
  padding: 10px 18px;
  background-repeat: no-repeat;
  background-image: url("../images/Digital-onboarding/OwlCarousel-right.svg");
  border-radius: 50%;
  color: transparent;
}
.owl-theme-2 .owl-prev:hover,
.owl-theme-2 .owl-next:hover {
  background: #869791;
  color: #fff;
  text-decoration: none;
  border-radius: 50%;
}
.hexagon-svg {
  fill: #2c5363;
}
.letter-spacing {
  letter-spacing: 5px;
}
.checkbox-container {
  grid-template-columns: repeat(6, 1fr);
}
.bg-banner {
  background-image: url("../images/index-sec-1-bg.png");
}
.video-button {
  cursor: pointer;
  top: 33%;
  left: 35%;
  transition: all 100ms linear;
  border-radius: 20px;
}
.video-button:hover {
  transform: scale(1.03);
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
    rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.video-button img {
  border-radius: 16px;
}
.btn-hover:hover {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
    rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.hover-scale-1 {
  transition: 100ms linear;
}
.hover-scale-1:hover {
  transform: scale(1.01);
}
.bs-none:focus {
  box-shadow: none;
}
.banner-popup {
  top: 0;
  left: 0;
  background-color: rgba(44, 83, 99, 0.5);
  z-index: 9999;
  width: 100%;
}
.banner-popup iframe {
  max-height: 414px;
}
@media (min-width: 1400px) {
  .banner-popup iframe {
    max-height: 482px;
  }
}
@media (max-width: 767px) {
  .fs-sm-3 {
    font-size: calc(1.3rem + 0.6vw) !important;
  }
  .bg-banner {
    background-position: 60%;
  }
}
.bg-awards {
  background-image: url("../images/awards-banner.webp") !important;
  background-position: center;
  background-size: 101% 101%;
}
.blog-card-animation:hover .award-card-image {
  width: 110%;
  height: 100%;
  filter: grayscale(0%);
  opacity: 1;
}
.blog-card-animation .award-card-image {
  width: 100%;
  height: 100%;
}
.award-img-grayscale {
  filter: grayscale(100%);
  opacity: 0.1;
  transition: 0.3s;
}
.awards-box {
  box-shadow: 0px 2px 5px #00000029 !important;
  border: 1px solid #ededed;
}
.shadow-3 {
  box-shadow: 0px 0px 10px #00000029 !important;
}
.text-dark-cyan-6 {
  color: var(--dark-cyan-6) !important;
}
.h-130px {
  height: 130px !important;
}
.inkit-types-inner {
  background-color: #f9fcfc;
}
.inkit-sign-doc-inner-text {
  margin: 20% 0 0 -52%;
}
.inkit-sign-doc-inner-text-right {
  margin: 30% -52% 0 0;
}
.inkit-sign-doc-bg {
  background-color: #f1f7f8;
}
.inkit-signs-inner {
  box-shadow: 1px 0 9px #91919129;
  border-radius: 10px;
  padding: 25px;
  height: 440px;
}
.inkit-esign-int-inner {
  box-shadow: 1px 0 9px #00000029;
  border-radius: 10px;
  padding: 15px;
  margin: 20px 0;
  background-color: #fff;
}
.scroll-section .buttons {
  display: grid;
  grid-template-columns: 10rem;
  grid-gap: 2.5rem;
  grid-template-rows: repeat(3, 8rem);
}
.scroll-section .overflow-div {
  height: 75vh;
  min-height: 2rem;
  overflow-y: scroll;
  overflow-x: hidden;
  scroll-behavior: smooth;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.scroll-section .overflow-div::-webkit-scrollbar {
  display: none;
}
.scroll-section .buttons .grid-item {
  color: var(--dark-cyan-1);
  transition: all 250ms linear;
}
.scroll-section .buttons .grid-item.active {
  background-color: var(--dark-cyan-1) !important;
  color: white;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
    rgba(0, 0, 0, 0.3) 0px 3px 7px -3px !important;
}
.scroll-section .buttons .grid-item:hover {
  background-color: var(--dark-cyan-1) !important;
  color: white;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
    rgba(0, 0, 0, 0.3) 0px 3px 7px -3px !important;
}
.transition-700ms {
  transition: all 1s linear !important;
}
.solid-shadow {
  box-shadow: 23px 25px 0px 0px #2b556325;
}
.aadhaar-esign-section6-bg {
  background-color: #2b5563;
}
.br-20px {
  border-radius: 20px !important;
}
.btn-light-green {
  background-color: #16b388 !important;
}
.fs-18 {
  font-size: 18px;
}
.input-svg label {
  fill: #2c5363;
  stroke: #2c5363;
}
.bg-aadhaar-esign-sectoin-1 {
  background: url(../images/aadhaar-esign/aadhar-esign-banner.png) no-repeat;
}
@media (max-width: 576px) {
  .bg-aadhaar-esign-sectoin-1 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.text-active.active {
  color: var(--text-dark-cyan) !important;
  text-shadow: 2px 3px 5px #2c536364 !important;
}
.btn-outline-light:hover {
  color: var(--text-dark-cyan) !important;
}
.aadhaar-esign-card1 {
  fill: #2c5363;
}
.aadhaar-esign-card1:hover {
  background-color: var(--dark-cyan-1) !important;
  fill: #00b087 !important;
  color: #fff !important;
}
.bg-faq {
  background-image: url("../images/aadhaar-esign/bg-faq.svg");
}
.bg-vcip-section-1 {
  background-image: url("/images/BG.png");
}
.bg-vcip-section-gradient-1 {
  background-image: linear-gradient(
    180deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(44, 83, 99, 1) 85%
  );
}
.border-dot-green {
  border: 3px dashed #00b087;
}
.border-deep-green-5 {
  border: 3px solid var(--deep-green-5);
}
.bg-assissted {
  background-image: url("../images/VCIP/usp.png");
}
.bg-linear-gradient-1 {
  background: linear-gradient(to right, #ffffff 25%, #f0f0f0 20%, #f0f0f0 50%);
}
.bg-linear-gradient-2 {
  background: linear-gradient(to right, #1A53BC 40%, #071E84 20%, #071E84 50%);
}
.bg-linear-gradient-3 {
  background-image: linear-gradient(
    #ffffff,
    #7c97a2bd,
    #365561,
    #365b69,
    #2c5363
  );
  height: 100%;
}
.bg-accordion {
  background-color: #dddddd2e;
}
.downwards-triangle {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 8px solid var(--deep-green-5);
}
.nav-pills .nav-head.active {
  color: #ffff !important;
  background-color: transparent !important;
  text-shadow: 2px 3px 6px #00000036;
}
.accordion-mobile::after {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  content: "";
  background-image: url("../images/aadhaar-esign/Polygon1.png");
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: center;
  transition: transform 0.2s ease-in-out;
}
.accordion-mobile:not(.collapsed)::after {
  background-image: url("../images/aadhaar-esign/Polygon1.png");
}
.accordion-mobile:not(.collapsed) {
  color: var(--dark-cyan-1) !important;
  background-color: #dddddd !important;
  box-shadow: none;
}
/* career v2 */
.btn-arrow {
  color: var(--dark-cyan-1) !important;
}
.btn-arrow-white:hover .arrow {
  transform: translateX(10px);
}
.btn-arrow:hover .arrow {
  transform: translateX(10px);
}
.rotate-270deg {
  transform: rotate(270deg);
}
.form-check-input:checked {
  background-color: var(--deep-green-1);
}
.open-position-tab:hover {
  box-shadow: 0px 3px 6px #00000029 !important;
}
.word-break-all {
  word-break: break-all;
}

.bg-career-section-4 {
  background-image: url("../images/careers/section-four-bg.jpg");
}
.bg-career-section-7 {
  background-image: url("../images/careers/section-seven-bg.png");
  /* background-size: 100% 100%; */
}
.translate-n50 {
  transform: translate(-50%, -50%) !important;
}
.bg-hover-zoom:hover img {
  transform: scale(1.05);
}
.opacity-95 {
  opacity: 0.95 !important;
}
.career-card-text-hover:hover {
  background-color: #b5c8c729 !important;
  border-color: #6c8b95 !important;
  backdrop-filter: blur(4px) !important;
}
.white-arrow::after {
  background-image: url("../images/down-arrow.png") !important;
}

.text-color-form {
  color: var(--text-dark-cyan) !important;
}

.transition-200 {
  transition: all 300ms ease-in-out;
}
.ebook-form-input {
  border: 0px;
}
.border-green-hover:hover {
  border: 1px solid #00b087;
}
.btn:hover .arrow {
  transform: translateX(10px);
}
.bg-esign-section-four {
  background: linear-gradient(to right, #355261 50%, #2e4753 50%);
}

.btn-esign-accordion.collapsed {
  border-bottom: 2px solid #dee2e6 !important;
}
.top-n25px {
  top: -25px;
}
.rounded-pill-start {
  border-top-left-radius: 25rem;
  border-bottom-left-radius: 25rem;
}
.top-n55px{
    top:-55px
}
.rounded-pill-start{
    border-top-left-radius: 25rem;
    border-bottom-left-radius: 25rem;
}
.bg-esign-section-4 {
  background-image: url(../images/electronic-signature/usp-1st.webp);
}
.end-n60px {
  right: -60px;
}
.end-n30px {
  right: -30px;
}
.start-n60px {
  left: -60px;
}
.esign-section-one-height {
  height: calc(100vh - 66px - 3rem);
}
.bg-esign-section-one-card {
  background-color: #e6e9e9ad !important;
}
.bg-esign-section-one {
  background-image: url(../images/electronic-signature/ESbanner.webp);
}
.bg-dkyc-section-5-left {
  background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="277.589" height="276.75" viewBox="0 0 277.589 276.75"> <ellipse id="Ellipse_419" data-name="Ellipse 419" cx="0" cy="138.375" rx="138.794" ry="138.375" fill="%2300ae82" opacity="0.178"/> </svg>') !important;
}
.bg-dkyc-section-5-right {
  background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="277.589" height="276.75" viewBox="0 0 277.589 276.75"> <ellipse id="Ellipse_419" data-name="Ellipse 419" cx="245" cy="138.794" rx="138.794" ry="138.375" fill="%2300ae82" opacity="0.178"/> </svg>') !important;
}
.bottom-n100px {
  bottom: -100px;
}
.bg-ppc-section-one {
  background-image: url(../images/e/banner.png);
}
.bg-ppc-section-three {
  background: linear-gradient(to right, #355261 60%, #2e4753 40%);
}
.bg-ppc-section-seven {
  background: linear-gradient(to bottom, #f9fbff 60%, #fff 40%);
}
.bg-ppc-section-eight {
  background: linear-gradient(to bottom, #f5f6f8 60%, #fff 40%);
}
.bg-ppc-section-nine {
  background-image: url(../images/ppc-page/ppc-section-9.png);
}
.bg-ppc-form {
  border-color: #6c8b95;
  backdrop-filter: blur(4px) !important;
}
.bg-ppc-form:focus {
  border-color: #6c8b95;
}
.table-border-seperate {
  border-collapse: separate !important;
}
.border-grey {
  border: 1px solid #dee2e6;
}
.border-width-10px {
  border-width: 10px !important;
}
.bg-active-grey:focus {
  background-color: var(--bs-gray-500) !important;
}
.bg-estamp-section-three {
  background-image: url(../images/e-stamping/usp1.webp);
}
.bg-estamp-section-eight {
  background-image: url(../images/e-stamping/usp2.webp);
}
/* Distributor Onboarding */
.bg-distributor-onboarding {
  background-color: #24424e !important;
}

.bg-Eliminate-Silos {
  background-image: url(../images/Distributor-Onboarding/Eliminate-Silos.webp);
}

.bg-Eliminate-Silos-mobile {
  background-image: url(../images/Distributor-Onboarding/Eliminate-Silos-mobile.png);
}

.w-750px {
  width: 750px !important;
}

.start-n35px {
  left: -35px;
}

.start-n300px {
  left: 300px;
}

.top-n40px {
  top: -40px;
}
.top-n10px{
  top:-10px;
}

.end-n130px {
  right: -125px;
}

.translate-n20 {
  transform: translate(-30%, -30%) !important;
}

.text-dark-cyan-7 {
  color: var(--dark-cyan-7);
}

/* Cookies */

.btn-greay {
  color: var(--dark-cyan-1) !important;
  background-color: var(--grey-7) !important;
  border-color: var(--grey-7) !important;
  font-weight: 500 !important;
}

.btn-light-greay {
  color: var(--dark-cyan-1) !important;
  background-color: var(--grey-8) !important;
  border-color: var(--grey-8) !important;
  font-weight: 500 !important;
}

.bg-Cookies {
  background-image: url(../images/cookies/cookies.svg);
}

.bg-cookies-model {
  background-color: #436877 !important;
}

.cookies_accordion::after {
  background-image: url(../images/cookies/up.svg);
}

.cookies_accordion:not(.collapsed)::after {
  background-image: url(../images/cookies/town.svg);
  transform: rotate(-0deg);
}

.form-check-input-cookies:checked {
  background-color: #f0d9d9 !important;
}
.bg-enach-section-3 {
  background-image: url(../images/eNach-mandates/usp-1.webp),
    linear-gradient(
      90deg,
      rgba(44, 83, 99, 1) 0%,
      rgba(44, 83, 99, 0.9836309523809523) 0%
    );
  background-blend-mode: overlay;
}
.bg-enach-section-8 {
  background-image: url(../images/eNach-mandates/usp-2.webp),
    linear-gradient(
      90deg,
      rgba(44, 83, 99, 1) 0%,
      rgba(44, 83, 99, 0.9836309523809523) 0%
    );
  background-blend-mode: overlay;
}
/* eSignature-Software */
.bg-eSignature-Software-sec-1 {
  background-image: url(../images/eSignature-Software/banner-image.png);
}
.bg-eSignature-Software-sec-2 {
  background-image: url(../images/eSignature-Software/2nd\ section.webp);
}
.bg-eSignature-Software-usp {
  background-image: url(../images/eSignature-Software/usp.webp);
}
.bg-eSignature-Software-usp-1 {
  background-image: url(../images/eSignature-Software/usp-1.webp);
}
.bg-aml-usp {
  background-image: url(../images/aml-products/Usp.webp);
}

/* Blog Page */
.blog-body * {
  text-shadow: rgba(0, 0, 0, 0.4) 0 0 0.05rem !important;
}

.text-deep-yellow-1 {
  color: var(--deep-yellow-1) !important;
  text-shadow: rgba(255, 287, 23, 0.4) 0 0 0.05rem !important;
}

#first-section {
  overflow: unset;
}

.blog-body .search-result {
  -webkit-backdrop-filter: blur(3rem);
  backdrop-filter: blur(3rem);
  background: rgba(255, 255, 255, 1);
  padding: 1rem;
  top: 100%;
  left: 0.1rem;
  transform: translateY(-3rem) scaleY(0);
  opacity: 0;
  transform-origin: top center;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  z-index: 99 !important;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  transition: all 300ms linear !important;
}

.blog-body .search-result::-webkit-scrollbar {
  display: none;
}

.blog-body .search-result.active {
  height: auto;
  max-height: 25rem;
  animation: slidDown 300ms ease-in-out forwards;
}

.blog-body .effect-shine {
  transition: all 300ms ease-in-out !important;
}

.blog-body .effect-shine:hover {
  color: var(--deep-green-1) !important;
  text-shadow: rgba(0, 176, 135, 0.3) 0 0 0.1rem !important;
}

.blog-card-image {
  padding: 0rem !important;
}

@keyframes slidDown {
  from {
    opacity: 0;
    transform: translateY(-1rem) scaleY(0);
  }

  to {
    opacity: 1;
    transform: translateY(0%) scaleY(1);
  }
}

.blog-body .slid-up {
  animation: slidUP 200ms ease-in-out forwards;
}

@keyframes slidUP {
  from {
    opacity: 1;
    transform: translateY(0%);
  }

  50% {
    opacity: 0.08;
    transform: translateY(0%) scaleY(0.05) scaleX(0.93);
  }

  to {
    opacity: 0;
    transform: translateY(-3rem) scaleY(0);
  }
}

/* Pre Loader */
.inset-0 {
  inset: 0 !important;
}
.bg-pre-loader {
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  z-index: 99999;
}
.bg-vkyc-usp-1{
  background-image: url(../images/VKYC/usp-one.webp), linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) );
  background-blend-mode: overlay;
}
.bg-vkyc-section-2{
  background-image: url(../images/VKYC/bg-section-2.webp);
}
.active-scale:active{
    transform: scale(0.981);
}

/* carousel */
/* .sec-heading {
    margin-bottom: 50px;
  }
  .sec-heading h2 {
    text-align: center;
    font-family: allura;
    font-size: 80px;
  }
  .clients {
    padding: 200px 0;
  }
  .box {
    display: grid;
    align-items: center;
    justify-items: center;
    width: 60%;
    height: auto;
    transition: transform 0.5s ease-in;
    margin: 8px auto;
  }
  .box img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
  }
  .box:hover {
    transform: scale(1.2);
  } */

  .line{
    border-top:dashed #07947A;
    border-spacing: 10px !important;
    position: absolute;
    left: 0;
    top: 55%;
    width: 100%;
    height: 100%;
  }

  .btn-green-gradient{
      background: transparent linear-gradient(308deg, #00B087 0%, #134F5C 100%) 0% 0% no-repeat padding-box;
      color: white;
  }
  .text-black{
    color: black !important;
  }
  .no-flicker {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
  }
  .green-glow{
    animation: glow 2s ease-in-out;
}
.green-glow > .thumb-icon{
    animation: shake 200ms 500ms ease-in forwards;
}
.green-glow> .thumb-icon > .thumb{
    transition: color 500ms ease-in;
    color: var(--theme-5) !important;
}
.hover-scale:hover{
    transform: scale(1.023);
}
.hover-rotate:hover .arrow{
    transform: rotate(-45deg);
}
.hover-move-up:hover{
    transform: translateY(-10px);
}
.active-scale:active{
    transform: scale(0.981);
}
@media (min-width:768px) {
  .cls-1 {
    fill: #fff;
    stroke-width: 0px;
  }
}
.-scroll-top-btn {
  width: 4rem;
  height: 4rem;
}
.sentence-case::first-letter{
   text-transform: uppercase;
}
.pl10{
  padding-left:10px;
}

.jump-animation{
  animation: jump 1.5s ease-in-out infinite
}
@keyframes jump {
  0%{
      transform: translateY(0);
  }
  50%{
      transform: translateY(-15px);
  }
  100%{
      transform: translateY(0);
  }
}
.bg-lds-realestate {
  background-image: url(../clm/images/lds/real-estate.png);
  height: 418px;
  width: 345px;
}
.bg-lds-it {
  background-image: url(../clm/images/lds/it.png);
  height: 418px;
  width: 345px;
}
.bg-lds-manufacturing {
  background-image: url(../clm/images/lds/manufacturing.png);
  height: 418px;
  width: 345px;
}
.pt-300{
  padding-top: 300px;
}

.fixed-bottom-right {
  position: fixed;
  bottom: 20px; /* Adjust as needed */
  right: 20px; /* Adjust as needed */
  z-index: 1000; /* Ensure it's on top */
}
/* @media (max-width: 767px) {
  .bg-lds-realestate {
    background-image: url(../clm/images/lds/real-estate.png);
    height: 100%;
    width: 100%;
  }
  .bg-lds-it {
    background-image: url(../clm/images/lds/it.png);
    height: 100%;
    width: 100%;
  }
  .bg-lds-manufacturing {
    background-image: url(../clm/images/lds/manufacturing.png);
    height: 100%;
    width: 100%;
  }
  } */