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

@font-face {
  font-family: "DocsNow";
  src: url("../../fonts/DocsNow.eot?e1u11w");
  src: url("../../fonts/DocsNow.eot?e1u11w#iefix") format("embedded-opentype"),
    url("../../fonts/DocsNow.ttf?e1u11w") format("truetype"),
    url("../../fonts/DocsNow.woff?e1u11w") format("woff"),
    url("../../fonts/DocsNow.svg?e1u11w#DocsNow") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

i {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "DocsNow" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.dn-dashboard:before {
  content: "\e90a";
}

.dn-attach-file:before {
  content: "\e900";
}

.dn-bell:before {
  content: "\e901";
}

.dn-cancel:before {
  content: "\e902";
}

.dn-check:before {
  content: "\e903";
}

.dn-checked:before {
  content: "\e904";
}

.dn-clock:before {
  content: "\e905";
}

.dn-close:before {
  content: "\e906";
}

.dn-communications:before {
  content: "\e907";
}

.dn-copy:before {
  content: "\e908";
}

.dn-cross:before {
  content: "\e909";
}

.dn-down-arrow:before {
  content: "\e90f";
}

.dn-download:before {
  content: "\e910";
}

.dn-empty-folder:before {
  content: "\e911";
}

.dn-exclamation:before {
  content: "\e912";
}

.dn-filter:before {
  content: "\e913";
}

.dn-google-docs:before {
  content: "\e914";
}

.dn-google-docs-1:before {
  content: "\e915";
}

.dn-history:before {
  content: "\e916";
}

.dn-info-1:before {
  content: "\e917";
}

.dn-left-arrow:before {
  content: "\e918";
}

.dn-right-arrow:before {
  content: "\e919";
}

.dn-arrow:before {
  content: "\e91a";
}

.dn-right-arrow-1:before {
  content: "\e91b";
}

.dn-send:before {
  content: "\e91c";
}

.dn-share:before {
  content: "\e91d";
}

.dn-time:before {
  content: "\e91e";
}

.dn-timer:before {
  content: "\e91f";
}

.dn-upload:before {
  content: "\e920";
}

.dn-user:before {
  content: "\e921";
}

.dn-website:before {
  content: "\e922";
}

b,
strong {
  font-weight: bold;
}

p {
  margin-top: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: -0.1rem;
  margin-bottom: 2rem;
  margin-top: 0;
}

h1 {
  font-size: 42px;
  line-height: 56px;
  font-weight: 200;
}

h2 {
  font-size: 36px;
  line-height: 46px;
  font-weight: 300;
}

h3 {
  font-size: 24px;
  line-height: 40px;
  font-weight: 600;
}

h4 {
  font-size: 22px;
  line-height: 40px;
  font-weight: 600;
}

h5 {
  font-size: 20px;
  line-height: 38px;
  font-weight: 600;
}

h6 {
  font-size: 1.4rem;
  letter-spacing: -0.05rem;
  line-height: 1.5;
}

.f8 {
  font-size: 8px;
}

.f10 {
  font-size: 10px;
}

.f12 {
  font-size: 12px;
}

.f14 {
  font-size: 14px;
}

.f16 {
  font-size: 16px;
}

.f18 {
  font-size: 18px;
}
.rf18 {
  font-size: 18px;
}
.f20 {
  font-size: 20px;
}

.f22 {
  font-size: 22px;
}

.f24 {
  font-size: 24px;
}

.f26 {
  font-size: 26px;
}

.f28 {
  font-size: 28px;
}

.f36 {
  font-size: 36px;
}
.f34 {
  font-size: 34px;
}
.f40 {
  font-size: 40px;
}

.f42 {
  font-size: 42px;
}

.f48 {
  font-size: 48px;
}
.rf32 {
  font-size: 32px;
}
.rf48 {
  font-size: 48px;
}
.fw300 {
  font-weight: 300;
}

.fw400 {
  font-weight: 400;
}

.fw600 {
  font-weight: 600;
}

.fw700 {
  font-weight: 700;
}

.bold {
  font-weight: 700;
}

.semi-bold {
  font-weight: 500;
}

.light {
  font-weight: 400;
}

.upperCase {
  text-transform: uppercase;
}

.LowerCase {
  text-transform: lowercase;
}

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

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

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

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

.noWrap {
  white-space: nowrap;
}


.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  background-color: #df3a3a;
  border: 0.1rem solid #df3a3a;
  border-radius: 20px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  height: 40px;
  line-height: 3.8rem;
  padding: 0 2rem;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  font-family: "Poppins", sans-serif;
}

.button:focus,
.button:hover,
button:focus,
button:hover,
input[type="button"]:focus,
input[type="button"]:hover,
input[type="reset"]:focus,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover {
  background-color: #060a17;
  border-color: #060a17;
  color: #fff;
  outline: 0;
}
.button-1:hover{
  background-color: #fff;
  border-color: #fff;
  color: #060a17 !important;
}

.button[disabled],
button[disabled],
input[type="button"][disabled],
input[type="reset"][disabled],
input[type="submit"][disabled] {
  cursor: default;
  opacity: 0.5;
}

.button[disabled]:focus,
.button[disabled]:hover,
button[disabled]:focus,
button[disabled]:hover,
input[type="button"][disabled]:focus,
input[type="button"][disabled]:hover,
input[type="reset"][disabled]:focus,
input[type="reset"][disabled]:hover,
input[type="submit"][disabled]:focus,
input[type="submit"][disabled]:hover {
  background-color: #032d7c;
  border-color: #032d7c;
}

.button.button-outline,
button.button-outline,
input[type="button"].button-outline,
input[type="reset"].button-outline,
input[type="submit"].button-outline {
  background-color: #fff;
  color: #032d7c;
}

.button.button-outline:focus,
.button.button-outline:hover,
button.button-outline:focus,
button.button-outline:hover,
input[type="button"].button-outline:focus,
input[type="button"].button-outline:hover,
input[type="reset"].button-outline:focus,
input[type="reset"].button-outline:hover,
input[type="submit"].button-outline:focus,
input[type="submit"].button-outline:hover {
  background-color: transparent;
  border-color: #060a17;
  color: #060a17;
}

.button.button-outline[disabled]:focus,
.button.button-outline[disabled]:hover,
button.button-outline[disabled]:focus,
button.button-outline[disabled]:hover,
input[type="button"].button-outline[disabled]:focus,
input[type="button"].button-outline[disabled]:hover,
input[type="reset"].button-outline[disabled]:focus,
input[type="reset"].button-outline[disabled]:hover,
input[type="submit"].button-outline[disabled]:focus,
input[type="submit"].button-outline[disabled]:hover {
  border-color: inherit;
  color: #032d7c;
}

.button.button-clear,
button.button-clear,
input[type="button"].button-clear,
input[type="reset"].button-clear,
input[type="submit"].button-clear {
  background-color: transparent;
  border-color: transparent;
  color: #032d7c;
}

.button.button-clear:focus,
.button.button-clear:hover,
button.button-clear:focus,
button.button-clear:hover,
input[type="button"].button-clear:focus,
input[type="button"].button-clear:hover,
input[type="reset"].button-clear:focus,
input[type="reset"].button-clear:hover,
input[type="submit"].button-clear:focus,
input[type="submit"].button-clear:hover {
  background-color: transparent;
  border-color: transparent;
  color: #060a17;
}

.button.button-clear[disabled]:focus,
.button.button-clear[disabled]:hover,
button.button-clear[disabled]:focus,
button.button-clear[disabled]:hover,
input[type="button"].button-clear[disabled]:focus,
input[type="button"].button-clear[disabled]:hover,
input[type="reset"].button-clear[disabled]:focus,
input[type="reset"].button-clear[disabled]:hover,
input[type="submit"].button-clear[disabled]:focus,
input[type="submit"].button-clear[disabled]:hover {
  color: #032d7c;
}

.button.button-wt-icon i,
button.button-wt-icon i,
input[type="button"].button-wt-icon i,
input[type="reset"].button-wt-icon i,
input[type="submit"].button-wt-icon i {
  font-size: 1.4rem;
  margin-left: 10px;
}

.button.button-link,
button.button-link,
input[type="button"].button-link,
input[type="reset"].button-link,
input[type="submit"].button-link {
  border: none;
  background: transparent;
  color: #032d7c;
  text-decoration: underline;
  height: inherit;
  line-height: inherit;
  margin: 0;
}

a {
  color: #df3a3a;
  text-decoration: underline;
  font-weight: 500;
  font-size: 16px;
}

a:focus,
a:hover {
  color: #060a17;
}

.no-hover:hover {
  color: #fff;
}
.docsnow-logo {
  width: 180px;
  background: white;
  border-radius: 10px;
  padding: 5px;
}
#phone::placeholder {
  color: transparent;
}

.newbutton {
  background-color: #df3a3a;
  border: 0.1rem solid #df3a3a;
  border-radius: 20px;
  color: #fff !important;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  height: 40px;
  line-height: 3.8rem;
  padding: 0.2rem 2rem;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  font-family: "Poppins", sans-serif;
}

input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
input[type="week"],
input[type="hidden"],
input:not([type]),
textarea,
select {
  font-family: "Open Sans";
  font-size: 14px;
  -webkit-appearance: none;
  background-color: #fff;
  border: 1.5px solid #bfcfe3;
  box-shadow: none;
  box-sizing: inherit;
  height: 4.4rem;
  padding: 0.6rem 1rem 0.7rem;
  width: 100%;
  font-weight: 600;
}

input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
input[type="hidden"]:focus,
input:not([type]):focus,
textarea:focus,
select:focus {
  border-color: #032d7c;
  outline: 0;
}

select {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 8" width="30"><path fill="%238D8D8D" d="M0,0l6,8l6-8"/></svg>')
    center right no-repeat;
  padding-right: 3rem;
  background-color: #fff;
}

select:focus {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 8" width="30"><path fill="%23032D7C" d="M0,0l6,8l6-8"/></svg>');
}

select[multiple] {
  background: none;
  height: auto;
}

textarea {
  min-height: 6.5rem;
}

label,
legend {
  display: block;
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

fieldset {
  border-width: 0;
  padding: 0;
}

input[type="checkbox"],
input[type="radio"] {
  display: inline;
}

.control {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 14px;
}

.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.control {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 1.6rem;
}

.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.control__indicator {
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
  background: #e1e1e1;
}

.control--radio .control__indicator {
  border-radius: 50%;
}

.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
  background: #e1e1e1;
}

.control input:checked ~ .control__indicator {
  background: #032d7c;
}

.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
  background: #032d7c;
}

.control input:disabled ~ .control__indicator {
  background: #e1e1e1;
  opacity: 0.6;
  pointer-events: none;
}

.control__indicator:after {
  content: "";
  position: absolute;
  display: none;
}

.control input:checked ~ .control__indicator:after {
  display: block;
}

.control--checkbox .control__indicator:after {
  left: 8px;
  top: 5px;
  width: 4px;
  height: 9px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.control--checkbox input:disabled ~ .control__indicator:after {
  border-color: #8d8d8d;
}

.control--radio .control__indicator:after {
  left: 7px;
  top: 7px;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: #fff;
}

.control--radio input:disabled ~ .control__indicator:after {
  background: #8d8d8d;
}

.label-inline {
  display: inline-block;
  font-weight: normal;
  margin-left: 0.5rem;
}

.form_icon {
  position: absolute;
  right: 10px;
  top: 10px;
}

.container {
  margin: 0 auto;
  max-width: 112rem;
  padding: 0 2rem;
  position: relative;
  width: 100%;
}

.row {
  display: flex;
  flex-direction: column;
  padding: 0;
  width: 100%;
}

.row.row-no-padding {
  padding: 0;
}

.row.row-no-padding > .column {
  padding: 0;
}

.row.row-wrap {
  flex-wrap: wrap;
}

.row.row-top {
  align-items: flex-start;
}

.row.row-bottom {
  align-items: flex-end;
}

.row.row-center {
  align-items: center;
}

.row.row-stretch {
  align-items: stretch;
}

.row.row-baseline {
  align-items: baseline;
}

.row .column {
  display: block;
  flex: 1 1 auto;
  margin-left: 0;
  max-width: 100%;
  width: 100%;
}

.row .column.column-offset-10 {
  margin-left: 10%;
}

.row .column.column-offset-20 {
  margin-left: 20%;
}

.row .column.column-offset-25 {
  margin-left: 25%;
}

.row .column.column-offset-33,
.row .column.column-offset-34 {
  margin-left: 33.3333%;
}

.row .column.column-offset-40 {
  margin-left: 40%;
}

.row .column.column-offset-50 {
  margin-left: 50%;
}

.row .column.column-offset-60 {
  margin-left: 60%;
}

.row .column.column-offset-66,
.row .column.column-offset-67 {
  margin-left: 66.6666%;
}

.row .column.column-offset-75 {
  margin-left: 75%;
}

.row .column.column-offset-80 {
  margin-left: 80%;
}

.row .column.column-offset-90 {
  margin-left: 90%;
}

.row .column.column-10 {
  flex: 0 0 10%;
  max-width: 10%;
}

.row .column.column-20 {
  flex: 0 0 20%;
  max-width: 20%;
}

.row .column.column-25 {
  flex: 0 0 25%;
  max-width: 25%;
}

.row .column.column-33,
.row .column.column-34 {
  flex: 0 0 33.3333%;
  max-width: 33.3333%;
}

.row .column.column-40 {
  flex: 0 0 40%;
  max-width: 40%;
}

.row .column.column-50 {
  flex: 0 0 50%;
  max-width: 50%;
}

.row .column.column-60 {
  flex: 0 0 60%;
  max-width: 60%;
}

.row .column.column-66,
.row .column.column-67 {
  flex: 0 0 66.6666%;
  max-width: 66.6666%;
}

.row .column.column-75 {
  flex: 0 0 75%;
  max-width: 75%;
}

.row .column.column-80 {
  flex: 0 0 80%;
  max-width: 80%;
}

.row .column.column-90 {
  flex: 0 0 90%;
  max-width: 90%;
}

.row .column .column-top {
  align-self: flex-start;
}

.row .column .column-bottom {
  align-self: flex-end;
}

.row .column .column-center {
  align-self: center;
}

.rowcolumn {
  display: flex;
  flex-direction: row;
}

.rowcolumn .column {
  flex: 1 1 auto;
}

.transform-firstNavItem {
  transform: translateX(-60%);
}

.transform-startNavItem {
  transform: translateX(-50%);
  left: 50%;  
}

.transform-endNavItem {
  transform: translateX(-80%);
}

.read-case-btn {
  width: 220px;
}

.input-error-tooltip {
  color: #df3a3a;
  margin: 0;
  font-size: 12px;
  margin-top: -10px !important;
}

.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5);
}

.modal-content {
  background-color: #fff;
  margin: 15% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  max-width: 400px;
  border-radius: 10px;
  text-align: center;
}

.modal .close {
  float: center;
  font-weight: bold;
}

.modal .close:hover,
.modal .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  background-color: #df3a3a;
  border: none;
}

/* Overlay for Loading Spinner */
.overlay {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999;
  background: rgba(255, 255, 255, 0.8) url("../img/loader.gif") center no-repeat;
}

/* Hide scrollbar when loading */
body.loading {
  overflow: hidden;
}

/* Show spinner image when body is loading */
body.loading .overlay {
  display: block;
}

.help_section_margin{
  margin-bottom: 50px;
}

.grid{
  display: grid;
}
.grid-template-columns-3{
  grid-template-columns: repeat(3, 1fr);
}
.box-content{
  border-radius: 10px;
background: linear-gradient(136deg, #0A0626 20.64%, #04092F 77.79%);
padding: 25px !important;
    color: white;
}
.box-content img{
  height: 40%;
}


.it-benefits-padding{
  padding: 60px;
}
@media (max-width: 480px) {
  .box-content img{
    height: 20%;
  }
  .grid-template-columns-3 {
    grid-template-columns: repeat(2, 1fr); /* 2 columns */
  }
  .help-desk-title{
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 10px !important;
  }
  .help-desk-title span{
    display: none;
  }
  .box-content{
    font-size: 14px;
    font-weight: 400;
    padding: 14px !important;
  }
  .it-benefits-padding{
    padding: 15px;
  }
  .hide-box-content{
    display: none;
  }
  .pp-title{
    font-size: 26px;
    font-weight: 500;
  }
  /* .privacy-policy .bg-mainbanner  {
    height: 185px !important;
  } */
}

.flex-direction-row {
  display: -webkit-box;
}
.theme-text{
  background: linear-gradient(253deg, #00C1FF 25.92%, #3384DA 44.6%, #5857BE 60.24%, #6646B4 68.12%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.maron-underline:hover{
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: #DF3A3A;
text-underline-offset: 10px;
}

@media (min-width: 768.1px) and (max-width: 1200px) {
  .win_width {
    width: 90% !important;
  }
}

@media (min-width: 1024px) and (max-width: 1300px) {
  .transform-firstNavItem {
    transform: translateX(-14%);
  }

  /* .transform-startNavItem {
    transform: translateX(-50%);
  } */

  .nav-dropdown-1 .card{
    width: 220px !important;
    padding: 22px 15px !important;
  }
  .nav-dropdown-1  .title{
    font-size: 14px !important;
  }

  .nav-dropdown-1  .description, .description1{
    font-size: 11px !important;
  }
  .transform-endNavItem {
    transform: translateX(-65%);
  }

  .nav-dropdown-1 .goverment_cards .card{
    height: auto !important;
  }
}

@media (min-width: 1300.1px) and (max-width: 1500px) {
  .transform-firstNavItem {
    transform: translateX(-40%);
  }
}

@media (max-width: 720px) {
  .row {
    flex-direction: row;
    margin-left: -1rem;
    width: calc(100% + 2rem);
  }

  .row .column {
    margin-bottom: inherit;
    padding: 0 1rem;
  }
}

@media(max-width: 698px){
  .linear-choose{
font-size: 40px !important;
  }
}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  .width_50 {
    width: 100% !important;
  }

  .rowcolumn {
    flex-direction: column;
  }

  .fullwidth-sm {
    width: 100% !important;
  }

  .nodisplay-sm {
    display: none !important;
  }

  .padding_50 {
    padding: 25px !important;
  }

  .skidrowbannerimg {
    margin-left: -213px !important;
  }

  .bg-casestudiesbanner {
    height: 433px !important;
  }

  .padding_l_50 {
    padding-left: 25px !important;
  }

  .f36 {
    font-size: 26px !important;
  }

  .f22 {
    font-size: 18px !important;
  }

  .f42 {
    font-size: 26px !important;
  }

  .bargraphmob {
    width: 75% !important;
  }

  .skidrowmobsection {
    height: 1325px !important;
  }

  .skidrowmob2section {
    height: 1450px !important;
  }

  .graycirclesskidrow {
    display: none !important;
  }

  .skidrowgraycircles {
    top: 10% !important;
  }

  .halfwidth-sm {
    width: 50% !important;
  }

  .flexrow {
    flex-direction: row !important;
  }

  .flexcolumn {
    flex-direction: column !important;
  }

  .innerpagebanner {
    right: -5%;
    bottom: 15% !important;
    width: 220px !important;
  }

  .productsbanner-text {
    line-height: 34px !important;
  }

  .productsbanner-secondtext {
    line-height: 24px !important;
  }

  .secondbanner-productsimg {
    width: 75% !important;
    right: 0 !important;
  }

  .margin_b-sm {
    margin-bottom: 20px !important;
  }

  .docsnowcardheight-sm {
    height: 1210px !important;
  }
}

dl,
ol,
ul {
  list-style: none;
  margin-top: 0;
  padding-left: 0;
}

dl dl,
dl ol,
dl ul,
ol dl,
ol ol,
ol ul,
ul dl,
ul ol,
ul ul {
  font-size: 90%;
  margin: 1.5rem 0 1.5rem 3rem;
}

ol {
  list-style: decimal inside;
}

ul {
  list-style: circle inside;
}
.list-style-inside{
  list-style: inside
}
dd,
dt,
li {
  margin-bottom: 1rem;
}

fieldset,
input,
select,
textarea {
  margin-bottom: 1.5rem;
}

blockquote,
dl,
figure,
form,
ol,
p,
pre,
table,
ul {
  margin-bottom: 2.5rem;
}

figure {
  padding: 0;
  margin: 0;
}

table {
  border-spacing: 0;
  display: block;
  overflow-x: auto;
  text-align: left;
  font-size: 1.4rem;
  width: 100%;
}

table thead td {
  font-weight: bold;
}

table tbody tr:hover {
  background-color: #ecf0ff;
}

td,
th {
  border-bottom: 0.1rem solid #e1e1e1;
  padding: 1.2rem 1.5rem;
  color: #4f4f4f;
  font-weight: 600;
}

td:last-child,
th:last-child {
  text-align: right;
  align-items: flex-end;
}

@media (min-width: 40rem) {
  table {
    display: table;
    overflow-x: initial;
  }
}

.clearfix:after {
  clear: both;
  content: " ";
  display: table;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.pointeronhover {
  cursor: pointer;
}

.float_none {
  float: none !important;
}

.brd_btm {
  border-bottom: 1px solid #ebe9e9;
}

.brd_top {
  border-top: 1px solid #ebe9e9;
}

.visibility_hidden {
  visibility: hidden;
}

.space_between {
  justify-content: space-between;
}

.space_evenly {
  justify-content: space-evenly;
}

.space_around {
  justify-content: space-around;
}

.justify_center {
  justify-content: center;
}

.justify_end {
  justify-content: flex-end;
}

.items_align_bottom {
  align-items: flex-end;
}

.items_align_top {
  align-items: flex-start;
}

.items_align_center {
  align-items: center;
}

.text_center {
  text-align: center;
}

.left_auto {
  margin-left: auto;
}

.top_auto {
  margin-top: auto;
}

.margin_0 {
  margin: 0;
}

.margin_t_13 {
  margin-top: 13px;
}

.margin_auto {
  margin: auto;
}

.marginless {
  margin: 0 !important;
}

.margin-5 {
  margin: 5px;
}

.margin_l_auto {
  margin-left: auto;
}

.margin_l_5 {
  margin-left: 5px;
}

.margin_l_10 {
  margin-left: 10px;
}

.margin_l_-10 {
  margin-left: -10px;
}

.margin_l_15 {
  margin-left: 15px;
}

.margin_l_20 {
  margin-left: 20px;
}

.margin_l_40 {
  margin-left: 40px;
}
.margin_l_60 {
  margin-left: 60px;
}
.margin_r_5 {
  margin-right: 5px;
}

.margin_r_10 {
  margin-right: 10px;
}

.margin_r_15 {
  margin-right: 15px;
}

.margin_r_20 {
  margin-right: 20px;
}

.margin_t_auto {
  margin-top: auto;
}

.margin_t_5 {
  margin-top: 5px;
}

.margin_t_10 {
  margin-top: 10px;
}

.margin_t_15 {
  margin-top: 15px;
}

.margin_t_20 {
  margin-top: 20px !important;
}

.margin_t_30 {
  margin-top: 30px;
}

.margin_t_40 {
  margin-top: 40px;
}

.margin_b_0 {
  margin-bottom: 0px;
}

.margin_b_5 {
  margin-bottom: 5px;
}

.margin_b_10 {
  margin-bottom: 10px;
}

.margin_b_15 {
  margin-bottom: 15px;
}

.margin_b_20 {
  margin-bottom: 20px;
}

.margin_b_50minus {
  margin-bottom: -50px;
}

.margin_b_30 {
  margin-bottom: 30px;
}

.margin_b_40 {
  margin-bottom: 40px;
}

.margin_b_50 {
  margin-bottom: 50px;
}

/*padding css*/
.paddingless {
  padding: 0 !important;
}

.padding_5 {
  padding: 5px;
}

.padding_10 {
  padding: 10px;
}

.padding_12 {
  padding: 12px;
}

.padding_15 {
  padding: 15px;
}

.padding_20 {
  padding: 20px;
}

.padding_30 {
  padding: 30px;
}

.padding_40 {
  padding: 40px;
}
.p-20y-40x{
  padding: 20px 40px
}
.p-0y-20x{
  padding: 0px 40px;
}
.padding_50 {
  padding: 50px;
}

.padding_60 {
  padding: 60px;
}

.padding_80 {
  padding: 80px;
}

.padding_l_0 {
  padding-left: 0px;
}

.padding_l_5 {
  padding-left: 5px;
}

.padding_l_10 {
  padding-left: 10px;
}

.padding_l_15 {
  padding-left: 15px;
}

.padding_l_20 {
  padding-left: 20px;
}

.padding_l_25 {
  padding-left: 25px;
}

.padding_l_30 {
  padding-left: 30px;
}

.padding_l_50 {
  padding-left: 50px;
}

.padding_r_0 {
  padding-right: 0px;
}

.padding_r_5 {
  padding-right: 5px;
}

.padding_r_10 {
  padding-right: 5px;
}

.padding_r_15 {
  padding-right: 15px;
}

.padding_r_20 {
  padding-right: 20px;
}

.padding_r_30 {
  padding-right: 30px;
}

.padding_t_0 {
  padding-top: 0px;
}

.padding_t_5 {
  padding-top: 5px;
}

.padding_t_10 {
  padding-top: 10px;
}

.padding_t_15 {
  padding-top: 15px;
}

.padding_t_20 {
  padding-top: 20px;
}

.padding_t_30 {
  padding-top: 30px;
}

.padding_t_40 {
  padding-top: 40px;
}

.padding_t_50 {
  padding-top: 50px;
}

.padding_b_0 {
  padding-bottom: 0;
}

.padding_b_5 {
  padding-bottom: 5px;
}

.padding_b_10 {
  padding-bottom: 5px;
}

.padding_b_15 {
  padding-bottom: 15px;
}

.padding_b_20 {
  padding-bottom: 20px;
}

.padding_b_30 {
  padding-bottom: 30px;
}

.padding_b_50 {
  padding-bottom: 50px;
}

.padding_b_60 {
  padding-bottom: 60px;
}

.padding_y15_x25 {
  padding: 15px 25px;
}

.padding_y30_x25 {
  padding: 30px 25px;
}

.padding_y5_x10 {
  padding: 5px 10px;
}

.padding_y50_x0 {
  padding: 50px 0;
}

.padding_y100_x0 {
  padding: 100px 0;
}

/*width css*/
.width_100 {
  width: 100%;
}

.width_95 {
  width: 95%;
}

.width_90 {
  width: 90%;
}

.width_80 {
  width: 80%;
}

.width_84 {
  width: 84%;
}

.width_85 {
  width: 85%;
}

.width_70 {
  width: 70%;
}

.width_75 {
  width: 75%;
}

.width_60 {
  width: 60%;
}
.width_65 {
  width: 65%;
}
.width_45 {
  width: 45%;
}

.width_40 {
  width: 40%;
}

.width_55 {
  width: 55%;
}

.width_50 {
  width: 50%;
}

.width_25 {
  width: 25%;
}

.width_23 {
  width: 23%;
}

.width_20 {
  width: 20%;
}

.width_30 {
  width: 30%;
}

.width_32 {
  width: 32%;
}

.width_33 {
  width: 33.333%;
}

.width_15 {
  width: 15%;
}

.width_10 {
  width: 10%;
}

.width_5 {
  width: 5%;
}

.width_4 {
  width: 4%;
}

.width_8 {
  width: 8%;
}

.max_width20p {
  width: 20px;
}

.height_full {
  height: 100%;
}

.width_full {
  width: 100%;
}

.width_auto {
  width: auto !important;
}

.minwidth_auto {
  min-width: auto !important;
}

.width_200p {
  width: 200px;
}

.width_400p {
  width: 400px;
}

.dassed_border {
  border: 2px dashed #c8c9cc;
}

.border_right_2 {
  border-right: 2px solid #e8e9ed;
}

.border_right {
  border-right: 1px solid #e8e9ed;
}

.border_left {
  border-left: 1px solid #e8e9ed;
}

.border_red {
  border-color: #d0021b !important;
}

.min_width_20 {
  min-width: 20px;
}

.win_width {
  width: 1200px;
}

.gap_5 {
  gap: 5px;
}

.gap_10 {
  gap: 10px;
}

.gap_20 {
  gap: 20px;
}

.gap_40{
  gap: 40px;
}

.flex {
  display: flex;
}

.inline_flex {
  display: flex;
}

.flex_1 {
  flex: 1;
}

.flex_wrap {
  flex-wrap: wrap;
}

.redtext-onhover:hover {
  color: #df3a3a;
}

.light_red {
  color: #df3a3a;
}

.bg_l_red2 {
  background: #e0dfd5;
}

.bg_l_gray {
  background: #f2f3f6;
}

.white {
  color: #fff;
}

.bg_white {
  background-color: #fff;
}

.black {
  color: #060a17 !important;
}

.light_gray {
  color: #e1e1e1;
}

.light-Orange {
  color: #ffb015;
}

.dark-Orange {
  color: #7a5918;
}

.light-green {
  color: #7bc600;
}

.dark-green {
  color: #315000;
}

.primary_color {
  color: #032d7c;
}

.bg_light_blue {
  background: #a5c9ff;
}

.bg_light_blue2 {
  background: #ecf0ff;
}

.br_gray {
  background-color: #e1e1e1;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.sticky {
  position: sticky;
}

.pointer {
  cursor: pointer;
}

.axis_y_sroll {
  overflow-x: hidden;
  overflow-y: auto;
}

.radius-10 {
  border-radius: 10px;
}

.radius-12 {
  border-radius: 12px;
}

.radius-15 {
  border-radius: 15px;
}

.radius-30 {
  border-radius: 30px;
}

.dn_dt_status {
  border-radius: 4px;
  padding: 10px;
}

.dn_dt_status.pending {
  background-color: #ffb015;
}

.dn_dt_status.completed {
  background-color: #7bc600;
}

.lozenge {
  display: inline-flex;
  padding: 5px 10px;
  border-radius: 8px;
  white-space: nowrap;
  font-weight: 600;
  font-size: 1.2rem;
}

.lozenge.gray {
  background: #f2f3f6;
}

.lozenge.red {
  background: #e0dfd5;
}

.lozenge.blue {
  background: #a5c9ff;
}

.blue-gradient {
  background: linear-gradient(102deg, #0a0626 15.18%, #0a1254 82.93%);
}

.card-white-rbcr {
  padding: 20px;
  border-radius: 0px 0px 40px 0px;
  border: 4px solid #fff;
  background: linear-gradient(43deg, #fff 4.07%, #d7dbe9 96.53%);
  box-shadow: 0px 0px 40.1px -1px rgba(66, 79, 199, 0.1);
}

.card-white-skidrow {
  padding: 20px;
  box-shadow: 0px 0px 40.1px -1px rgba(66, 79, 199, 0.1019607843);
  background-color: #fff;
}

.zindexone {
  z-index: 1;
}

.inlineblockelement {
  display: inline-block;
}

.padding_y30_x35 {
  padding: 30px 35px;
}

.padding_y30_x50 {
  padding: 30px 50px;
}

*,
*:after,
*:before {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
  font-size: 62.5%;
}

body {
  color: #060a17;
  font-family: "Poppins", sans-serif;
  font-size: 1.6em;
  font-weight: 500;
  letter-spacing: 0.005em;
  line-height: 1.6;
  margin: 0;
  padding: 0;
}

img {
  max-width: 100%;
}

/* width */
::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: rgb(165, 165, 165);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: rgb(132, 132, 132);
}

.bg_main {
  margin: 0;
  padding: 0;
  position: relative;
}

.bg-mainbanner {
  height: 700px;
  background-color: #00041c;
  position: relative;
  overflow: hidden;
}
.privacy-policy .bg-mainbanner{
  height: fit-content ;
}

.bg-circle {
  /* position: absolute;
  display: flex;
  top: 0;
  align-items: center;
  left: 50%;
  margin-left: -350px; */
  position: absolute;
  top: 0;
  left: 50%;
  /* height: 600px; */
  transform: translateX(-50%);
}

/* .banner {
  max-width: 1200px;
  left: 50%;
  margin-left: -600px;
  position: absolute;
  top: 100px;
} */

.banner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1200px;
}

.waves canvas {
  height: 740px !important;
}

.bg_new_tag {
  display: flex;
  width: 70px;
  height: 24px;
  padding-left: 10px;
  background-color: #df3a3a;
  color: #fff;
  border-left: 5px solid #d31a1a;
  font-size: 14px;
  font-weight: 500;
  border-top-right-radius: 13px;
}

.bg_section_height {
  height: 700px;
}

.bg_it_solutions {
  background: url(/img/HouusingFinance.jpg) no-repeat top center;
  background-size: cover;
}

.bg_it_housing {
  background: #040310;
}

.Industries_section {
  background: #050a15;
  position: relative;
  padding: 60px 20px;
}

.Industries_section .Circle2 {
  position: absolute;
  left: 0;
  top: 50px;
}

.services_section {
  background: url("../img/Circle3.png") left bottom no-repeat #00041c;
}

.testimonials_container {
  /* overflow: hidden; */
  position: relative;
  width: 100%;
}

.review-logo {
  width: 41.28px;
  height: 41.28px;
  background-color: white;
  /* Blue color */
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
  text-align: center;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.testimonials {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 10px;
  padding: 10px;
}

.testimonials .item {
  background: #04141e;
  padding: 30px;
  border-radius: 30px;
  flex: 0 0 auto;
  scroll-snap-align: center;
  -moz-column-break-inside: avoid;
  break-inside: avoid;
  width: 30%;
}

.testimonials .item .client_img {
  width: 50px;
  border-radius: 50%;
  overflow: hidden;
}

.bg-casestudiesbanner {
  height: 500px;
  background-color: #00041c;
  position: relative;
  overflow: hidden;
}

/* .bg-casestudiesbannertwo {
  height: 450px;
  background-color: #00041c;
  position: relative;
  overflow: hidden;
} */

.bg-casestudiesbannertwo {
  height: 350px;
  background-color: #00041c;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
}

.test_case_2_img {
  width: 400px;
  position: absolute;
}

.z_index_relative {
  position: relative;
  z-index: 1;
}

.bg_housingtrust {
  background: url(/img/housingtrust.png) no-repeat top center;
  background-size: contain;
}

.graytext {
  color: #e8e9eb;
}

.housingagencybck {
  background-color: #00041c;
}

.bg_smallsection_height {
  height: 500px;
}

.graycirclesskidrow {
  mix-blend-mode: exclusion;
  left: 0;
  top: 360px;
  width: 155px;
}

.introbtn {
  background-color: #110d41;
  border: none;
}

.challengebtn {
  background-color: #fff;
  border: none;
  color: #00041c;
}

.skidrowtwosection {
  background-color: #00041c;
}

.card-section-bck {
  background-color: #f6f6fa;
}

.polygoncard {
  background-color: #110d41;
  -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 75%, 75% 100%, 0% 100%);
  clip-path: polygon(0% 0%, 100% 0, 100% 75%, 75% 100%, 0% 100%);
}

.cardelement {
  bottom: 10%;
}

.skidrowgraycircles {
  right: 0;
  bottom: 15%;
  width: 250px;
}

.skidrowgraycirclestwo {
  right: 0;
  top: 10%;
  width: 250px;
}

.innerpagebanner {
  right: -5%;
  bottom: 8%;
  width: 250px;
  opacity: 0.3;
}

.innerpagebannertwo {
  right: 0;
  bottom: 8%;
  width: 250px;
}

.skidrowbannerimg {
  bottom: 0;
  left: 50%;
  margin-left: -350px;
}

.fontblue {
  color: skyblue;
}

.creditorgbargraph {
  mix-blend-mode: color-dodge;
  right: 0;
  bottom: 0;
}

.casestudycard {
  background: url(/img/housingtrust.png) no-repeat top center;
  background-size: contain;
  height: 500px;
}

.newcasestudycard {
  height: 540px;
  background: #110d41;
}

.newcasestudycardtwo {
  background: linear-gradient(136deg, #0a0626 20.64%, #04092f 77.79%);
}

.casestudycardtwo {
  background: url(/img/casestudyimgtwocard.png) no-repeat top center;
  background-size: contain;
  height: 500px;
}

/* .casestudycards {
  position: relative;
  top: -300px;
} */
.casestudycards {
  position: relative;
  top: 40px;
}

.casestudyhomecard-one {
  bottom: 0;
  left: 0;
}

.casestudtcardthree {
  background-color: #00041c;
  border-radius: 6px;
}

.testimg {
  background-repeat: no-repeat;
  background-image: url(/img/creditorgbanner.png), url(/img/credtestimg.png);
  background-blend-mode: multiply;
}

.docsnowbigcard {
  /* border-radius: 10px; */
  background: linear-gradient(102deg, #0a0626 15.18%, #0a1254 82.93%);
}

.kewfeatureheight {
  height: 610px !important;
}

.cardsrow {
  margin-bottom: -70px;
}

.card-white-docsnow {
  border-radius: 12px;
  padding: 18px;
  /* box-shadow: 0px 0px 40.1px -1px rgba(66, 79, 199, 0.1019607843); */
  background-color: #fff;
  box-shadow: 0px 0px 40.1px -1px rgba(66, 79, 199, 0.1019607843);
}

.card-white-docsnow p {
  margin: 0px;
  padding-top: 10px;
}

.darkbck {
  background-color: #00041c;
}

.formgraybck {
  background-color: #e8e9eb;
}

.docsnowcardsbck {
  background: url(/img/docsnowcardsbckimg.png) no-repeat top center;
  height: 510px;
}

.docsnowcardsbcktwo {
  background: url(/img/docsnowombrebck.png) no-repeat top center;
  height: 700px;
}

.docsnowcardsbckthree {
  background: url(/img/docsnowombrebck.png) no-repeat top center;
}

.docsnowcenterimg {
  z-index: -1;
}

.contactformimg {
  left: 0;
  width: 350px;
  mix-blend-mode: color-dodge;
}

.redfont {
  color: #df3a3a;
}

.docsnowecmkeyfeatures {
  background-color: #f7f9fc;
  height: 500px;
}

.twocardsbck {
  background: linear-gradient(
    239deg,
    rgba(37, 77, 155, 0.5) 6.46%,
    rgba(131, 166, 216, 0.5) 45.73%,
    rgba(222, 187, 203, 0.5) 84.13%
  );
}
.twocardsbck-content {
  width: 70%;
}
.twocardsbck-img-container {
  width: 30%;
}
.bottomlinearelement {
  background: linear-gradient(
    253deg,
    #00c1ff 25.92%,
    #3384da 44.6%,
    #5857be 60.24%,
    #6646b4 68.12%
  );
  height: 19.68px;
  border-radius: 0px 0px 12px 12px;
}

.card-white-docsnowecm {
  border-radius: 12px;
  background: #fff;
  box-shadow: 0px 0px 40.1px -1px rgba(66, 79, 199, 0.1);
}
.card-white-docsnowecm li{
  font-weight: 400;
  font-size: 14px;
}

.gradientbckright {
  right: 0;
  top: 0;
}

.nav-item {
  color: #fff !important;
}

.sticky-header {
  background-color: #fff !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.sticky-nav-item {
  color: #000 !important;
}

.nav-dropdown-1 {
  background-color: #110d41;
  border-radius: 8px;
  padding: 30px 20px;
  display: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  color: #fff;
}

/* #solutions .nav-dropdown-1 {
  height: 380px;
} */

/* #resources .nav-dropdown-1 {
  height: 120px;
} */

.nav-dropdown-1 .cards {
  display: flex;
  gap: 20px;
}

.nav-dropdown-1 .card {
  padding: 30px 20px;
  background: rgba(4, 3, 16, 0.3);
  border-radius: 5px 5px 50px 5px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 286px;
  position: relative;
  cursor: pointer;
  /* height: 190px; */
}

/* .nav-dropdown-1 .services_cards .card {
  height: 210px;
} */

.nav-dropdown-1 .goverment_cards .card {
  height: 185px;
}

#resources .nav-dropdown-1 .card {
  height: fit-content;
}

.nav-dropdown-1 .card img {
  width: 100%;
  height: 40px;
  object-fit: contain;
  object-position: left;
}

.nav-dropdown-1 .card .services_image {
  height: 150px;
  object-position: left center;
  position: absolute;
  bottom: -70px;
  left: 44px;
}

.nav-dropdown-1 .goverment_cards .card img {
  height: 100px;
  object-position: center;
}

.nav-dropdown-1 .card .title {
  font-size: 18px;
  font-weight: bold;
}

.nav-dropdown-1 .card .description {
  font-size: 14px;
  font-weight: 300;
  margin-top: 4px;
}
.description1 {
  font-size: 14px;
  font-weight: 300;
  margin-top: 2px;
}

.nav-dropdown-1 .card .link {
  color: #df3a3a;
}

.nav-dropdown-1 .card .link {
  display: flex;
  align-items: center;
  gap: 4px;
  text-decoration: underline;
}

.nav-dropdown-1 .card .link img {
  height: 12px;
  width: auto;
}

.nav-dropdown-1 p {
  font-size: 14px;
}

#products:hover .nav-dropdown-1 {
  display: block !important;
}

#solutions:hover .nav-dropdown-1 {
  display: block !important;
}

#services:hover .nav-dropdown-1 {
  display: block !important;
}

#resources:hover .nav-dropdown-1 {
  display: block !important;
}

.darkbckheight {
  height: 322px;
}

.ecmcardtypethree {
  border-radius: 15px 15px 15px 100px;
  background: #f7f7fb;
}
#trigger-img {
  width: 70%;
}

.ecmlogotwo {
  width: 154.219px;
}

.ecmcardoverlap {
  align-self: flex-start;
}

.ecmcardoverlaptwo {
  margin-top: 40px;
  margin-left: -40px;
}

.ecmcardsoverlaptwo {
  margin-top: 30px;
  margin-left: -15px;
}

.ecmcardsoverlapthree {
  margin-left: -16px;
}

.bgsmallbanner {
  height: 600px;
}

.docsnowcardsbck {
  background: url(/img/docsnowcardsbckimg.png) no-repeat top center;
}
.docsnow-details {
  padding: 2px;
}
.grapesitessmallcardone {
  border: 1px solid #000;
  background: linear-gradient(136deg, #0a0626 20.64%, #04092f 77.79%);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25),
    0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  z-index: 1;
}

.grapesitessmallcardtwo {
  background: linear-gradient(136deg, #0a0626 20.64%, #04092f 77.79%);
  z-index: 1;
}

.darkbckheighttwo {
  height: 350px;
}

.hfasuitesectiontwobck {
  background-color: #f7f7fb;
}

.paragraphbullet {
  margin: -3px 0px 25px 10px;
}

.hfacardimg {
  width: 74.5px;
}

.hfatypetwocardimg {
  width: 90.013px;
  height: 93.984px;
}

.hfatypethreecardimg {
  width: 119.524px;
  height: 71.13px;
}

.hfadarkbck {
  background-color: #04141e;
}

.blackbutton {
  background-color: #000203;
  border: none;
}

.marginbottom53 {
  margin-bottom: 53px;
}

.hfacardsbck {
  height: 600px;
}

.cardssectionbckhfa {
  left: 0;
  bottom: 0;
}

.hfatwobannerimg {
  bottom: -130px;
  right: 0;
}

.tab {
  overflow: hidden;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  border-radius: 0px;
  border: none;
  outline: none;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  border-radius: 0px;
}

/* Create an active/current tablink class */
.tab button.active,
.tab button.highlight {
  border-bottom: 4px solid red;
  border-radius: 0px;
  color: #df3a3a;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
  background-color: white;
}

.mobile-tabcontent {
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
  background-color: white;
}

.iti {
  width: 100%;
}
.iti--separate-dial-code .iti__selected-dial-code {
  display: none;
}
.iti__arrow--up {
  border-bottom: none !important;
}
.iti__country-list {
  position: relative !important;
}
.iti__country-list {
  white-space: normal !important;
}
.luminosity {
  mix-blend-mode: luminosity;
}

.linear-gradient-gray {
  border-radius: 12px 12px 0px 0px;
  background: linear-gradient(
    239deg,
    rgba(37, 77, 155, 0.25) 6.46%,
    rgba(131, 166, 216, 0.25) 45.73%,
    rgba(222, 187, 203, 0.25) 84.13%
  );
}
#phoneInvalidTooltip {
  margin-top: 4px !important;
}
.bg-smallestbanner {
  height: 488px;
}

/* .banner-bottom {
  bottom: 0;
  max-width: 1200px;
  left: 50%;
  margin-left: -600px;
  position: absolute;
} */

.careertext {
  color: #141414;
  margin-top: -3px;
  opacity: 70%;
}

.careericon {
  width: 18px;
  height: 18px;
  margin-right: 6px;
}

.dot-space {
  margin: -3px 20px;
}

.modified-tabcontent {
  border: none;
  padding: 0px;
}

.tabcareer button.active {
  color: #ffffff;
  border-radius: 7px;
  border: 1px rgba(20, 20, 20, 0.1);
  background: #00041c;
}

.tabcareer button:hover {
  color: #ffffff;
  border-radius: 7px;
  border: 1px rgba(20, 20, 20, 0.1);
  background: #00041c;
}

.tabcareer {
  border-radius: 7px;
  border: 1px solid rgba(20, 20, 20, 0.1);
}

.careerbutton {
  border: none;
  background-color: #ffffff;
  color: #060a17;
}

.location-career {
  margin-bottom: -2px;
}

.careercard {
  border: 1px solid rgba(20, 20, 20, 0.1);
  border-radius: 10px;
}

.bottomlinearelement-slim {
  height: 10px;
}

.modal {
  width: 90% !important;
  max-width: 100% !important;
  padding: 0 !important;
}

.modal a.close-modal {
  top: 10px !important;
  right: 10px !important;
}
.image-container {
  position: relative;

  display: inline-block;
}

.image-container img {
  display: block;

  width: 100%;

  height: auto;
}

.image-container::before {
  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 50%;

  height: 100%;

  background-color: rgba(255, 255, 255, 0.5);
}

.blocker {
  top: 0px !important;
  height: auto !important;
  z-index: 10 !important;
}

.contactus-banner {
  right: 0;
  opacity: 0.3;
  top: 100px;
}

.email-img {
  width: 45px;
  height: 45px;
}

.location-img {
  width: 35px;
  height: 38.5px;
  margin-left: 5px;
}

.contactus-secondbanner {
  background-image: linear-gradient(282deg, #0a0626 17.07%, #0a1254 84.82%);
}

.linkedin-redbtn {
  padding: 0px 13px;
}

.email-whiteimg {
  width: 19px;
  height: 15px;
}

.email-redbtn {
  padding: 0px 10px;
}

.newborder-input {
  border: 0 !important;
  border-bottom: 1px solid #011c2a !important;
}

.contacttop-margin {
  margin-top: 150px;
}

.contact-section {
  background-color: #00041c;
  /* margin-top: -400px; */
}

.iti--separate-dial-code .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0) !important;
}

.leftcorner {
  left: 0;
  bottom: 0;
}

.devgray-background {
  background-color: #f7f7fb;
}

.gradient-text {
  background: linear-gradient(
    253deg,
    #00c1ff 25.92%,
    #3384da 44.6%,
    #5857be 60.24%,
    #6646b4 68.12%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.linear-gradient-grayy {
  background: linear-gradient(
    239deg,
    rgba(37, 77, 155, 0.25) 6.46%,
    rgba(131, 166, 216, 0.25) 45.73%,
    rgba(222, 187, 203, 0.25) 84.13%
  );
}

.right-card-radius {
  border-radius: 0px 28px 30px 0px;
}

.right-border-radius {
  border-radius: 0px 10px 10px 0px;
}

.left-border-radius {
  border-radius: 10px 0px 0px 10px;
}

.topleft {
  top: 0;
  left: 0;
}

.aboutus-bannerimg {
  top: 70px;
}

header {
  padding: 20px 35px;
  display: flex;
  position: fixed;
  z-index: 9;
  width: 100%;
}

.bg-logo {
  width: 150px;
  display: flex;
  align-items: center;
}

#myHeader {
  justify-content: space-between;
}

.header-links {
  display: flex;
  gap: 35px;
}

.header-links a {
  text-decoration: none;
  color: #fff;
}

.footer {
  background: url("/img/footer_waves.png") top center no-repeat #040310;
  padding-top: 50px;
}

.footer a.link {
  text-decoration: none;
  color: #fff;
  font-weight: 200;
}

.footer a.link.fw500 {
  font-weight: 500 !important;
}

.footer a.link:hover {
  text-decoration: underline;
}

.footer .devider {
  opacity: 0.4;
  padding: 50px 0 25px 0;
}

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

.footer .socialMedia a img {
  width: 20px;
}

.footer .last {
  text-align: left;
}

.footer_header {
  left: 0;
  top: 100px;
}

/*# sourceMappingURL=Baygrape.css.map */

/* Header Mobile CSS */
.burger-icon {
  display: none;
}

/* 
.desktop-menu {
  display: block;
} */

.mobile-menu {
  display: none;
}

/* Mobile menu styles */
.mobile-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #110d41;
  z-index: 1000;
  color: white;
  flex-direction: column;
  /* justify-content: center; */
  align-items: start;
  padding: 36px;
  overflow: auto;
}

.mobile-menu ul {
  list-style: none;
  padding: 0;
}

.mobile-menu li {
  margin: 20px 0;
}

.mobile-menu a {
  color: white;
  text-decoration: none;
  font-size: 24px;
}

.close-icon {
  font-size: 28px;
  cursor: pointer;
}

.mobile-menu-header {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.mobile-menu-header .header {
  font-size: 22px;
  font-family: Poppins;
}

.mobile-menu ul,
.mobile-menu ul li {
  margin: 0px;
  padding: 0px;
}

/* .parent-menu{
  margin-bottom: 28px;
} */

.parent-menu .item,
.parent-menu .item a {
  font-size: 16px;
  font-weight: 600;
  margin: 20px 0px;
}

.parent-menu .sub-menu {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.parent-menu .sub-menu a {
  color: rgba(255, 255, 255, 0.7);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.carousel_container {
  display: flex;
  flex-direction: column;
  gap: 20px;

  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  width: 100%;
  overflow: hidden;
}

.carousel {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 20px;
}

.carousel .card {
  flex: 0 0 auto;
  scroll-snap-align: center;
}

/* Hide scrollbars */
.carousel::-webkit-scrollbar {
  display: none;
}

.testimonials::-webkit-scrollbar {
  display: none;
}

.text-underline {
  text-decoration: underline;
  font-weight: bold;
}

.text-underline-none {
  text-decoration: none;
}

.mobile-view {
  display: none;
}

/* FOOTER ACCORDIONS */
.accordions {
  width: 100%;
  margin-bottom: 40px;
}

.accordions button {
  height: 50px;
}

.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.accordion:after {
  content: "\002B";
  color: #fff;
  font-weight: bold;
  float: right;
  margin-left: 5px;
  padding-right: 10px;
}

.accordion_no_pannel {
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.accordion_no_pannel:after {
  content: "\003E";
  color: #fff;
  font-weight: bold;
  float: right;
  margin-left: 5px;
  padding-right: 10px;
}

.active:after {
  content: "\2212";
}

.panel {
  padding: 0;
  background-color: transparent;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}

.panel .sub-menu {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: start;
  padding: 10px 0px;
}

.panel .sub-menu a {
  color: rgba(255, 255, 255, 0.7);
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
}

.desktop_none {
  display: none;
}

/* change for complete revamp */

.container {
  padding: 2rem;
}

.margin_top_100 {
  margin-top: 100px;
  margin-bottom: 60px;
}

.margin_y50_x0 {
  margin: 50px 0;
}

.image_container {
  max-width: 100%;
  height: auto;
}

.image_container img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

.margin_t_100 {
  margin-top: 80px;
}

.margin_t_50 {
  margin-top: 50px;
}

.gap_80 {
  gap: 80px;
}

.footer {
  background-position: left top;
  background-size: 100%;
}

.footer .socialMedia {
  padding: 20px 50px;
}

.footer .devider {
  padding: 0px;
  padding-top: 20px;
}

.max_card {
  max-width: 300px;
  width: 100%;
}

.document-services .accordion {
  padding: 0px;
  border-radius: 0px;
  background: transparent !important;
  color: #fff;
}

.display-none {
  display: none;
}

.tech-stack-logos {
  width: 140px;
}

.nav-list-padding {
  padding-right: 10px;
}

.nav-menu-cen {
  display: flex;
  align-items: center;
}
.linear-choose{
  background: linear-gradient(253deg, #00C1FF 25.92%, #3384DA 44.6%, #5857BE 60.24%, #6646B4 68.12%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

/* font-family: Poppins; */
font-size: 100px;
font-weight: 800;
letter-spacing: -3px;
}

.text-end{
text-align: end;
}
@media (max-width: 1023.9px) {
  .desktop-menu {
    display: none;
  }

  .burger-icon {
    display: block;
  }

  .mobile-menu-open {
    display: flex;
  }

  .pp-title{
    margin-bottom: 60px;
  }
}

.process-card {
  border-radius: 29px 0px 0px 29px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.process-card-tilte {
  margin: 0px auto;
}
.three-cards-padding {
  padding: 40px;
}
@media (max-width: 480px) {
  .twocardsbck-img1 {
    width: 100px;
  }
  .twocardsbck-img2 {
    height: 130px;
  }
  .twocardsbck-content {
    width: 60%;
  }
  .twocardsbck-img-container {
    width: 40%;
  }
}
@media only screen and (max-width: 768px) {

  .dev-bottom-container h1{
    font-size: 18px;
    font-weight: 500;
  }
  .right-card-radius {
    border-radius: 0px 0px 30px 30px;
  }

  .hero-sec-margin {
    margin-top: 50px !important;
    z-index: 1;
  }

  .process-card {
    border-radius: 15px 15px 0px 0px;
    padding: 20px;
    margin-bottom: -10px;
  }

  .process-card-tilte {
    margin: 0px;
  }

  .tech-stack-logos {
    width: 120px;
  }

  .modal {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }

  .carousel {
    padding: 20px;
  }

  .banner {
    padding: 0px 20px;
  }

  .bg-logo {
    width: 110px;
  }

  /* .header-links {
    display: none;
  } */
  .header-bg {
    justify-content: space-between;
    padding: 20px;
  }

  .burger-icon {
    display: block;
  }

  .desktop-menu {
    display: none;
  }

  .mobile-menu-open {
    display: flex;
  }

  /* banner section */
  .bg-mainbanner {
    height: fit-content;
  }

  .banner h1 {
    font-size: 30px;
    line-height: 40px;
    margin: 0px 0px;
  }

  .banner-image {
    position: relative;
    height: 320px;
  }

  .banner-image img {
    position: absolute;
    /* right: -80px; */
    height: 440px;
    width: auto;
    top: -40px;
    padding: 40px 0px;
  }

  .waves canvas {
    width: 800px !important;
    height: 640px !important;
  }

  /* Dosnow section */
  .docsnow_section {
    padding: 0px;
    padding-top: 20px;
  }

  .wrap_container {
    flex-wrap: wrap-reverse;
  }

  .wrap_container .wrap_details {
    flex-wrap: wrap;
    width: 100%;
    flex-direction: column;
  }

  .wrap_container .wrap_details h2 {
    line-height: 36px;
  }

  .wrap_container .f18 {
    font-size: 14px;
  }

  .bg_section_height .row {
    margin: 0px;
  }

  .docsnow_logo {
    margin-top: 10px;
    width: 30% !important;
  }

  /* Social Impact container */
  .social_impact_container,
  .social_impact_container .flex {
    flex-direction: column;
  }

  .social_impact_container .bg_it_solutions {
    height: 400px;
  }

  /* IT Infra container */
  .it_infra_container .flex {
    flex-wrap: wrap;
  }

  .it_infra_container {
    flex-direction: column-reverse;
  }

  .it_infra_container .infra_image img {
    height: 300px;
    object-fit: contain;
  }

  /* Industries_section */
  .Industries_section {
    flex-wrap: wrap;
  }

  .carousel {
    gap: 10px;
    padding: 10px;
  }

  .carousel .card {
    flex-direction: column;
    width: 280px;
    gap: 10px;
  }

  /* services */

  .services_description {
    flex-wrap: wrap;
    flex-direction: column;
    gap: 20px;
  }

  .services_description .margin_t_40 {
    margin: 0px;
  }
  .services_description .margin_t_30 {
    margin: 0px;
  }

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

  .services_description .services_arrow {
    width: 20px;
  }

  /* testimonial */
  .testimonial_container {
    flex-direction: column;
  }

  .testimonial_container h2 {
    text-align: center;
  }

  .testimonials .flex {
    flex-direction: column;
  }

  .testimonials_container {
    overflow: hidden;
  }

  .testimonials {
    overflow: auto;
  }

  /* footer */
  .footer {
    background-position: left top;
    background-size: 150%;
  }

  .footer,
  .footer_header {
    flex-direction: column;
    justify-content: center;
    text-align: center;
    position: relative;
    top: 20px;
  }

  .footer .socialMedia {
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
  }

  .footer .icons_list {
    justify-content: center;
    align-items: center;
  }

  .footer h1 {
    font-size: 26px;
    margin: 0px;
  }

  .footer .button {
    /* width: 80% !important; */
    margin-top: 10px;
  }

  .footer .baygrape_image {
    width: 50%;
    margin-top: 60px;
  }

  .footer .accordion,
  .footer .accordion_no_pannel {
    /* border-bottom: 1px solid rgba(255, 255, 255, 0.14); */
    padding: 0px;
    border-radius: 0px;
    background: transparent;
    color: #fff;
  }

  .footer .accordion_no_pannel {
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
  }

  /* CASE STUDY */

  @media only screen and (max-width: 764px) {
    .mobile-align {
      margin-bottom: -60px;
      padding: 0 15px;
    }
  }

  .bg-casestudiesbannertwo {
    height: 350px;
    background-color: #00041c;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
  }

  .casestudycards {
    position: relative;
    top: 40px;
  }

  .casestudycards .margin_b_30 {
    margin-bottom: 0px;
  }

  .newcasestudycard {
    height: 360px;
    margin-bottom: 20px;
  }

  .test_case_2_img {
    width: 200px;
    position: absolute;
  }

  .z_index_relative {
    position: relative;
    z-index: 1;
  }

  /* CASE STUDY 1 */
  .housing_trust .padding_50 {
    padding: 0px !important;
  }

  .housing_trust .skidrowtwosection {
    padding: 20px !important;
  }

  .housing_trust .enhance_section {
    padding: 0px 20px;
  }

  .rowColumn {
    flex-direction: column !important;
    gap: 10px;
  }

  .rowcolumn {
    justify-content: space-between;
    flex-wrap: wrap !important;
  }

  .skidrowtwosection {
    height: 1180px !important;
  }

  .skidrowtwosection .padding_l_20 {
    padding: 0px;
  }

  .skidrowtwosection {
    padding: 20px !important;
  }

  .skidrowtwosection {
    height: fit-content !important;
  }

  /* CASE STUDY 2 */
  .credit_counseling .padding_l_50 {
    padding: 20px;
  }

  .credit_counseling .padding_20,
  .housing_finance .padding_20 {
    padding: 0px;
  }

  .credit_counseling .flex_direction_column {
    flex-direction: column;
  }

  .housing_finance .width_20 {
    width: 40% !important;
  }

  /* HOUSING FINANCE AGENCY */

  .housing_finance_agency .row {
    flex-direction: column;
  }

  .housing_finance_agency .row_reverse {
    flex-direction: column-reverse;
  }

  .housing_finance_agency .bg-mainbanner {
    height: 580px;
  }

  .housing_finance_agency .margin_l_40 {
    margin: 0px;
  }

  .housing_finance_agency .manage_header {
    line-height: 40px;
    font-size: 20px;
    margin-top: 30px;
  }

  .housing_finance_agency .blackbutton {
    margin-top: 20px;
  }

  /* GOVERMENT */
  .hfacardsbck {
    height: fit-content;
    flex-direction: column-reverse;
    padding: 20px;
  }

  .housing_finance_cards {
    margin-left: 0px !important;
  }

  .hfacardsbck h2 {
    margin-top: 30px;
    line-height: 40px;
  }

  .skidrowtwosection {
    flex-direction: column-reverse;
  }

  /* .goverment .bg-mainbanner{
    height: 500px;
  } */

  .goverment .mobile_text_center h1 {
    line-height: 40px;
  }

  .goverment .mobile_text_center p {
    font-size: 14px;
  }

  .tabcontent .padding_50 {
    padding: 0px !important;
  }

  .hfasuitesectiontwobck .padding_t_40 {
    padding-top: 0px;
  }

  .mobile_row {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
  }

  .housing_finance_cards {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .housing_finance_cards .absolute {
    position: relative;
    left: 0 !important;
    top: 0 !important;
  }

  .housing_finance_cards .margin_l_40 {
    margin: 0px;
  }

  /* DOCSNOW PRODUCT */
  .docsnow_main_container h1 {
    line-height: 40px;
  }

  .docsnow_main_container .mobile_padding_lr {
    padding: 0px 20px !important;
  }

  .secondbanner-productsimg {
    width: 100% !important;
    justify-content: flex-end;
    align-items: flex-end;
  }

  .secondbanner-productsimg img {
    width: 50% !important;
  }

  .docsnow .cardsrow {
    margin: 0px;
  }

  .docsnowcardheight-sm {
    height: fit-content !important;
  }

  /* GRAPESITE */
  .darkbckheighttwo {
    height: 100%;
  }

  .linear-gradient-gray .f26 {
    font-size: 22px;
  }

  .docsnowcardsbckthree .margin_t_40 {
    margin-top: 20px;
  }

  .grapes_site_logo {
    width: 40%;
  }

  .grapes_sites .bg-mainbanner {
    margin: 0px;
  }

  /* ECM */
  .docsnow-ecm .cardsrow {
    margin: 0px;
  }

  .docsnow-ecm .ecmcardoverlap,
  .docsnow-ecm .ecmcardoverlaptwo,
  .docsnow-ecm .ecmcardsoverlaptwo,
  .docsnow-ecm .ecmcardsoverlapthree {
    margin: 0px;
    margin-bottom: 10px;
    width: 100%;
  }

  .docsnow-ecm .kewfeatureheight {
    height: fit-content !important;
  }

  .docsnow-ecm .darkbckheight {
    height: 100%;
  }

  .docsnow-ecm .ecmcardtypethree {
    border-radius: 15px 15px 15px 50px;
  }

  .docsnow-ecm .margin_t_40 {
    margin-top: 20px;
  }

  .docsnow-ecm .ecm_banner_image {
    width: 58% !important;
  }

  /* ABOUT US */

  /* .about_us .bg-mainbanner{
    height: 570px;
  } */

  .about_us .aboutus-bannerimg {
    width: 80%;
  }

  .about_us p {
    line-height: 28px;
    font-size: 22px;
  }

  .about_us .ecmcardsoverlaptwo,
  .about_us .ecmcardsoverlapthree {
    margin: 0px;
  }
  .about_us .ecmcardoverlap p,
  .about_us .ecmcardsoverlaptwo p,
  .about_us .ecmcardsoverlapthree p {
    font-size: 16px;
  }

  .about_us .cardsrow {
    gap: 10px;
    margin: 0px;
  }

  .career .banner-bottom {
    position: relative;
    margin: 0px;
    max-width: fit-content;
    bottom: 0px;
    left: 0px;
  }

  /* .career .bg-mainbanner{
    height: 580px;
  } */

  /* CONSULTING SERVICES */
  .consulting_card_section .rowColumn {
    gap: 0px !important;
  }

  .consulting_card_section .left-border-radius {
    border-radius: 10px;
  }

  .mobile_dark_bg {
    background: #00041c;
  }

  .consulting_card_section img {
    padding: 20px;
    border-radius: 20px;
    width: 100%;
    height: 300px;
    object-fit: cover;
  }

  /* CONTACT US */
  @media only screen and (max-width: 720px) {
    .mbl-pos {
      justify-content: center;
    }
  }

  .contactus .bg-mainbanner {
    justify-content: start;
    align-items: start;
    /* height: 200px; */
  }

  .contactus .footer {
    top: 0px !important;
  }

  /* mobile screen common css */

  h1,
  h2 {
    line-height: 38px;
  }

  .mobile_padding_lr {
    padding: 0px 20px !important;
  }

  .mobile_containt_padding {
    padding: 20px;
  }

  .mobile_padding_20 {
    padding: 20px !important;
  }
  .mobile_padding_0 {
    padding: 0px !important;
  }

  .mobile_image {
    width: 40% !important;
  }

  .mobile_line_height_50 {
    line-height: 50px;
  }

  .mobile_column_reverse {
    flex-direction: column-reverse !important;
  }

  .mobile_text_center {
    text-align: center;
  }

  .mobile_image_none {
    display: none;
  }

  .mobile_font_12 {
    font-size: 12px;
  }
  .mobile_font_16 {
    font-size: 16px;
  }
  .mobile_font_26 {
    font-size: 26px;
  }

  .mobile_font_300 {
    font-weight: 300;
  }

  .mobile_margin_auto {
    margin: auto;
  }

  .mobile_margin_top {
    margin-top: 0px;
  }

  .mobile_margin_top_100 {
    margin-top: 100px !important;
  }

  .mobile_margin_top_78 {
    margin-top: 78px !important;
  }

  .mobile_margin_top_20 {
    margin-top: 20px;
  }

  .mobile_margin_top_70 {
    margin-top: 70px !important;
  }

  .mobile_no_padding {
    padding: 0px !important;
  }

  .mobile_no_margin {
    margin: 0px;
  }

  .mobile_flex {
    display: flex;
  }

  .mobile_width_auto {
    width: auto !important;
  }

  .flex_direction_column {
    flex-direction: column;
  }

  .flex_direction_row {
    flex-direction: row !important;
  }

  .padding_y50_x0 {
    padding: 0px 0px;
  }

  .privacy-policy .padding_y50_x0{
    padding: 20px 0px!important;
  }

  .flex_direction_row {
    flex-direction: row !important;
  }

  .mobile-none {
    display: none;
  }

  .mobile-view {
    display: block;
  }

  .margin_b_50 {
    margin: 0px;
  }

  .mobile_text_center {
    text-align: center;
  }

  .email-img {
    width: 50px;
    /* height: 45px; */
  }

    .rf32 {
  font-size: 18px;
}
  .location-img {
    width: 60px;
    /* height: 38.5px; */
    /* margin-left: 0px; */
  }

  /* all widths changed to 100% */
  .width_95 {
    width: 100%;
  }

  .width_90 {
    width: 100%;
  }

  .width_80 {
    width: 100%;
  }

  .width_84 {
    width: 100%;
  }

  .width_85 {
    width: 100%;
  }

  .width_70 {
    width: 100%;
  }

  .width_75 {
    width: 100%;
  }

  .width_60 {
    width: 100%;
  }

  .width_45 {
    width: 100%;
  }

  .width_40 {
    width: 100%;
  }

  .width_55 {
    width: 100%;
  }

  .width_50 {
    width: 100%;
  }

  .width_23 {
    width: 100%;
  }

  .width_25 {
    width: 100%;
  }

  .width_20 {
    width: 100%;
  }

  .width_30 {
    width: 100%;
  }

  .width_32 {
    width: 100%;
  }

  .width_33 {
    width: 100%;
  }

  .width_15 {
    width: 100%;
  }

  .width_10 {
    width: 100%;
  }

  .width_5 {
    width: 100%;
  }

  .width_4 {
    width: 100%;
  }

  .width_8,
  .win_width {
    width: 100%;
  }

  .privacy-policy .win_width{
    width: 90%;
  }

  .row {
    margin: 0px;
  }

  .max_card {
    max-width: 100%;
    width: 100%;
  }

  .testimonials .item {
    width: 90%;
  }

  .accordion-bg {
    background-color: #00041c;
  }
  .rf48 {
    font-size: 48px;
  }
  .card-white-docsnow {
    width: 100%;
  }
  fieldset,
  input,
  select,
  textarea {
    margin: 0;
  }
  .input-error-tooltip {
    margin-top: 0 !important;
  }
  /* .rowColumn {
    gap: 0 !important;
  } */

  .mobile_padding_20x-0y{
    padding: 0px 20px ;
  }
  .mobile-margin-r-8{
    margin-right: 8px;
  }
  .mobile-width-30{
    width: 30%;
  }
}
@media (min-width: 768.1px) and (max-width: 1024px) {
  .three-cards-padding {
    padding: 20px;
  }
  .rf48 {
    font-size: 30px;
  }
  .rf18 {
    font-size: 16px;
  }
}
@media (min-width: 1024.1px) and (max-width: 1440px) {
  .three-cards-padding {
    padding: 20px;
  }
  .rf48 {
    font-size: 40px;
  }
}

/* typewriting */

.typing::after {
  content: "";
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  border-right: 2px solid black; /* Cursor effect */
  width: 0;
  animation: typing 2s steps(10) forwards, blink 0.5s step-end infinite, delete 6s infinite;
}

/* Typing effect */
@keyframes typing {
  0% { width: 0; }
  40% { width: 100%; }
}

/* Deleting effect */
@keyframes delete {
  0%, 50% { content: "Choose"; width: 100%; }
  51%, 55% { width: 0; }
  56%, 80% { content: "Customize"; width: 100%; }
  81%, 85% { width: 0; }
  86%, 100% { content: "Launch"; width: 100%; }
}

/* Cursor blinking */
@keyframes blink {
  50% { border-color: transparent; }
}

.ecm-section {
  transform: translateY(50px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.ecm-section.active {
  opacity: 1;
  transform: translateY(0);
}
@media (min-width: 780px) {
  .snap-container {
    height: 60vh; 
    position: sticky;
    top: 20%;
    bottom: 50%;
  }
}

.flex-column {
  flex-direction: column;
}

.snap-y-mandatory{
  scroll-snap-type: y mandatory;
  scroll-behavior: smooth;
}

.scroll-snap-center{
  scroll-snap-align: center;
  scroll-snap-stop: always;
}

.pp-title{
  color: #fff;
  margin-top: 25%;
  /* margin-left: 10%; */
}

@media (min-width: 720px ) and (max-width: 1024px) {
  /* .privacy-policy .bg-mainbanner{
    height: 350px;
  } */
}

@media (min-width: 480px ) and (max-width: 719px) {
  /* .privacy-policy .bg-mainbanner{
    height: 265px;
  } */
}

.privacy-policy ul li{
  list-style: disc;
}

.socialMedia a{
  font-size: 12px;
  text-decoration: none;
  color: #fff;
}