/* @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-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;
}
/* all deep green */
.bg-deep-green-1 {
  background-color: var(--deep-green-1) !important;
}
.bg-deep-green-5 {
  background-color: var(--deep-green-5) !important;
}
/* all deep yellow */
/* 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-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 */
/* 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-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;
}
/* All heights here */
.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-8px {
  height: 8px !important;
}
.h-10px {
  height: 10px !important;
}
.h-12px {
  height: 12px !important;
}
.h-18px {
  height: 18px !important;
}
.h-20px {
  height: 20px !important;
}
.h-30px {
  height: 30px !important;
}
.h-35px {
  height: 35px !important;
}
.h-40px {
  height: 40px !important;
}
.h-50px {
  height: 50px !important;
}
.h-70px {
  height: 70px !important;
}
.h-80px {
  height: 80px !important;
}
.h-120px {
  height: 120px !important;
}
.h-150px {
  height: 150px !important;
}
.h-200px {
  height: 200px !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;
}

/* All width in px here */
.w-0px {
  width: 0px !important;
}
.w-10px {
  width: 10px !important;
}
.w-12px {
  width: 12px !important;
}
.w-18px {
  width: 18px !important;
}
.w-20px {
  width: 20px !important;
}
.w-35px {
  width: 35px !important;
}
.w-40px {
  width: 40px !important;
}
.w-50px {
  width: 50px !important;
}
.w-80px {
  width: 80px !important;
}
.w-110px {
  width: 110px;
}
.w-170px {
  width: 170px !important;
}
.w-200px {
  width: 200px !important;
}
.w-300px {
  width: 300px !important;
}
/* width in percent */
.w-30 {
  width: 30%;
}
.w-60 {
  width: 60%;
}
.w-95 {
  width: 95% !important;
}
.w-90 {
  width: 90% !important;
}
.max-w-230px {
  max-width: 230px !important;
}
/* All font size */
.fs-6px {
  font-size: 6px;
}
.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-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-68px {
  font-size: 68px !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-semibold{
  font-weight: 600 !important;
}
/* All line height */
.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-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 */
/* All cursor */
.cursor-pointer {
  cursor: pointer;
}
/* 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;}
.border-deep-green {
  border-color: var(--deep-green-1) !important;
}
/* outline reset */
.outline-0 {
  outline: none !important;
}
/* others */
/* positions */
.start-n85px {
  left: -85px !important;
}
.start-15px{
  left: 15px;
}
.top-5px {
  top: 5px !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-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;
  }
  .h-sm-400px {
    height: 400px !important;
  }
  .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;
  }
  .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;
  }

}
@media (max-width: 768px) {
  .br-md-0 {
    border-radius: 0px !important;
  }
  .br-md-20px {
    border-radius: 20px !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-end-sm-0 {
      border-right: 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 (max-width: 992px) and (min-width: 578px) {
  .h-md-205px {
    height: 205px !important;
  }
  .h-md-300px {
    height: 300px !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;
}
.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);
}
.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;
}
.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;
}
.text-blue-01 {
  color: #2b5563 !important;
}
.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);
}
.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);
}
@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;
  }
}
@media (min-width: 1920px) {
  .bg-vcip-section-1 {
    background-size: contain;
    background-position: top;
  }
  .vcip-section-one-height {
    height: unset !important;
  }
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
.Recent_blog-bg {
  background-image: url("../images/blog/second_section.png");
}
.mt-n-30px {
  margin-top: -30px !important;
}
.blog-card-animation:hover .blog-card-image {
  transform: scale(1.03);
}
.blog-card-animation:hover .bi-arrow-right {
  transform: translateX(10px);
}
.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-25{
  bottom: 25%;
}
.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;
}
.text-underline-hover:hover {
  text-decoration: underline !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;
}
.card-all-solution:hover {
  background-color: var(--dark-cyan-1) !important;
  color: white !important;
}
@media (max-width: 576px) {
  .w-sm-250px {
    width: 250px !important;
  }
  .h-sm-300px {
    height: 300px !important;
  }
  .backdrop-filter-none {
    backdrop-filter: none !important;
  }
}
.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;
}
.hover-none:hover {
  color: var(--dark-cyan-1) !important;
}
.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;
}
.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;
  }
  .checkbox-container {
    grid-template-columns: repeat(3, 1fr) !important;
    grid-template-rows: repeat(2, 1fr);
  }
}
.owl-theme .owl-nav [class*="owl-"]:hover {
  background: none !important;
}
.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");
}
.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;
}
@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%;
}
.shadow-3 {
  box-shadow: 0px 0px 10px #00000029 !important;
}
.transition-700ms {
  transition: all 1s linear !important;
}
.br-20px {
  border-radius: 20px !important;
}
.btn-light-green {
  background-color: #16b388 !important;
}
.fs-18 {
  font-size: 18px;
}
.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;
}
.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 #e90a8a;
}
.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:hover .arrow {
  transform: translateX(10px);
}
.form-check-input:checked {
  background-color: var(--deep-green-1);
}
.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;
}
.btn:hover .arrow {
  transform: translateX(10px);
}

.btn-esign-accordion.collapsed {
  border-bottom: 2px solid #dee2e6 !important;
}
.top-n55px{
    top:-55px
}
.end-n60px {
  right: -60px;
}
.end-n30px {
  right: -30px;
}
.start-n60px {
  left: -60px;
}
.bg-esign-section-one-card {
  background-color: #e6e9e9ad !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-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;
}
.border-grey {
  border: 1px solid #dee2e6;
}
.border-width-10px {
  border-width: 10px !important;
}
.bg-active-grey:focus {
  background-color: var(--bs-gray-500) !important;
}
/* Distributor Onboarding */
.bg-distributor-onboarding {
  background-color: #24424e !important;
}

.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 */

.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;
}
/* eSignature-Software */
.bg-eSignature-Software-sec-1 {
  background-image: url(../images/eSignature-Software/banner-image.png);
}
.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);
}

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

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