*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
}
html {
  box-sizing: border-box;
  font-size: 16px;
  transition: all 0.3s ease-in-out;
}
html body ul,html body ol {
  list-style: none;
  padding: 0;
  margin: 0;
}
html body a {
  text-decoration: none;
  color: unset;
}
a:hover {
  color: unset !important;
}
html body {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p {
    margin: 0;
    padding: 0;
  }
}
:focus-visible {
  outline: none !important;
}
/* --------poppins font family------------*/

@font-face {
    font-family: 'Montserrat-Bold';
    src: url('fonts/Montserrat-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Montserrat-Black';
    src: url('fonts/Montserrat-Bold.ttf') format('truetype');
}


@font-face {
    font-family: "Mntserrat-BoldItalic";
    src: url("/Montserrat-BoldItalic.ttf");
}
@font-face {
    font-family: "Montserrat-SemiBold";
    src: url("fonts/Montserrat-SemiBold.ttf");
}
@font-face {
    font-family: "Montserrat-SemiBoldItalic";
    src: url("fonts/Montserrat-SemiBoldItalic.ttf");
}
@font-face {
    font-family: "Montserrat-Italic";
    src: url("fonts/Montserrat-Italic.ttf");
}
@font-face {
    font-family: "Montserrat-Medium";
    src: url("fonts/Montserrat-Medium.ttf");
}
@font-face {
    font-family: "Montserrat-Regular";
    src: url("fonts/Montserrat-Regular.ttf");
}

.mono-bold {
  font-family: "Montserrat-Bold";
}
.mono-italic {
  font-family: "Montserrat-Italic";
}
.mono-semibold {
  font-family: "Montserrat-SemiBold";
}
.mono-semibold-italic {
  font-family: "Montserrat-SemiBoldItalic";
}
.mono-medium {
  font-family: "Montserrat-Medium";
}
.mono-regular {
  font-family: "Montserrat-Regular";
}
/* Color Variables */
.text-underline {
  text-decoration: underline;
}
/* common class */
.height-inherit {
  height: inherit;
}
.border-50 {
  border-radius: 50px;
}

.cur-pointer {
  cursor: pointer;
}
/* two common buttons for site */
.container-1920 {
  width: 93.85%;
  margin: 0 auto;
  max-width: 1850px;
}
/* Global Variables */
/* grid classes */
.grid-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}
.grid-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}
.grid-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}
.grid-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}
  .grid-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}
.nowhitespace{
    white-space: nowrap;
}
:root {
 --fs-128: 8rem;
  --fs-64: 4rem;
  --fs-56: 3.5rem;
  --fs-54: 3.375rem;
  --fs-48: 3rem;
  --fs-40: 2.5rem;
  --fs-36: 2.25rem;
  --fs-32: 2rem;
  --fs-30: 1.875rem;
  --fs-28: 1.75rem;
  --fs-24: 1.5rem;
  --fs-22: 1.375rem;
  --fs-20: 1.25rem;
  --fs-18: 1.125rem;
  --fs-16: 1rem;
  --fs-14: 0.875rem;

  --color-light-gray: #D4D4D4;
  --color-gray-light: #E5E5E5;
  --color-gray-soft: #E9E9E9;
  --color-gray-medium: #C5C5C5;
  --color-gray: #B7B7B7;
  --color-gray-dark: #939393;
  --color-steel: #747474;
  --color-muted: #626262;
  --color-dim: #565656;
  --color-charcoal: #3F3D3D;
  --color-dark-gray: #313131;
  --color-white-gray: #F6F6F6;
  --color-bg-light: #F4E7E7;
  --color-bg-pink: #F4CACA;
  --color-bg-yellow: #F0C858;
  --color-bg-blue: #D7E5F2;
  --color-light-blue: #DCE7F5;
  --color-bright-blue: #83B6FC;
  --color-red: #A30000;
  --color-red-light: #C82525;
  --color-red-bright: #ED3C3C;
  --color-red-pale: #DFB9B9;
  --color-text: #1B1B1B;
  --color-heading: #121212;
  --color-title: #0E1E2F;
  --color-border-light: #DEDEDE;
  --color-border-soft: #CECECE;
  --color-border-lighter: #EBEBEB;
  --color-border-dim: #E3E3E3;
  --color-bg-subtle: #FCFEFC;
   --color-blue: #183354;
}

/* Heading Font Size Classes */
.head-102{font-size:6.375rem ;}
.head-xxxl { font-size: var(--fs-128); }
.head-xxl  { font-size: var(--fs-64); }
.head-xl   { font-size: var(--fs-56); }
.head-lg   { font-size: var(--fs-54); }
.head-md   { font-size: var(--fs-48); }
.head-base { font-size: var(--fs-40); }
.head-sm   { font-size: var(--fs-36); }
.head-xs   { font-size: var(--fs-32); }
.head-xxs  { font-size: var(--fs-30); }
.head-tiny { font-size: var(--fs-24); }
.head-mini { font-size: var(--fs-22); }
.head-nano { font-size: var(--fs-20); }

/* Content Font Size Utility Classes */
.fs-xxs { font-size: var(--fs-14); }
.fs-xs  { font-size: var(--fs-16); }
.fs-sm  { font-size: var(--fs-18); }
.fs-md  { font-size: var(--fs-20); }
.fs-lg  { font-size: var(--fs-22); }
.fs-xl  { font-size: var(--fs-24); }
.fs-xxl { font-size: var(--fs-28); }
.fs-30  { font-size: var(--fs-30); }
.fs-32  { font-size: var(--fs-32); }

/*  font color utility classes */
.text-light-gray     { color: var(--color-light-gray); }
.text-gray-light     { color: var(--color-gray-light); }
.text-gray-soft      { color: var(--color-gray-soft); }
.text-gray-medium    { color: var(--color-gray-medium); }
.text-gray           { color: var(--color-gray); }
.text-gray-dark      { color: var(--color-gray-dark); }
.text-steel          { color: var(--color-steel); }
.text-muted          { color: var(--color-muted); }
.text-dim            { color: var(--color-dim); }
.text-charcoal       { color: var(--color-charcoal); }
.text-dark-gray      { color: var(--color-dark-gray); }
.text-white-gray     { color: var(--color-white-gray); }
.text-bg-light       { color: var(--color-bg-light); }
.text-bg-pink        { color: var(--color-bg-pink); }
.text-bg-yellow      { color: var(--color-bg-yellow); }
.text-bg-blue        { color: var(--color-bg-blue); }
.text-bright-blue    { color: var(--color-bright-blue); }
.text-red            { color: var(--color-red); }
.text-red-light      { color: var(--color-red-light); }
.text-red-bright     { color: var(--color-red-bright); }
.text-red-pale       { color: var(--color-red-pale); }
.text-primary        { color: var(--color-text); }
.text-heading        { color: var(--color-heading); }
.text-title          { color: var(--color-title); }
.text-border-light   { color: var(--color-border-light); }
.text-border-soft    { color: var(--color-border-soft); }
.text-border-lighter { color: var(--color-border-lighter); }
.text-border-dim     { color: var(--color-border-dim); }
.text-subtle-bg      { color: var(--color-bg-subtle); }
.text-brown{color:#8C4935}
/*  background utilities classes */
.bg-light-gray     { background-color: var(--color-light-gray); }
.bg-gray-light     { background-color: var(--color-gray-light); }
.bg-gray-soft      { background-color: var(--color-gray-soft); }
.bg-gray-medium    { background-color: var(--color-gray-medium); }
.bg-gray           { background-color: var(--color-gray); }
.bg-gray-dark      { background-color: var(--color-gray-dark); }
.bg-steel          { background-color: var(--color-steel); }
.bg-muted          { background-color: var(--color-muted); }
.bg-dim            { background-color: var(--color-dim); }
.bg-charcoal       { background-color: var(--color-charcoal); }
.bg-dark-gray      { background-color: var(--color-dark-gray); }
.bg-white-gray     { background-color: var(--color-white-gray); }
.bg-bg-light       { background-color: var(--color-bg-light); }
.bg-bg-pink        { background-color: var(--color-bg-pink); }
.bg-bg-yellow      { background-color: var(--color-bg-yellow); }
.bg-bg-blue        { background-color: var(--color-bg-blue); }
.bg-bright-blue    { background-color: var(--color-bright-blue); }
.bg-red            { background-color: var(--color-red); }
.bg-red-light      { background-color: var(--color-red-light); }
.bg-red-bright     { background-color: var(--color-red-bright); }
.bg-red-pale       { background-color: var(--color-red-pale); }
.bg-primary        { background-color: var(--color-text); }
.bg-heading        { background-color: var(--color-heading); }
.bg-title          { background-color: var(--color-title); }
.bg-border-light   { background-color: var(--color-border-light); }
.bg-border-soft    { background-color: var(--color-border-soft); }
.bg-border-lighter { background-color: var(--color-border-lighter); }
.bg-border-dim     { background-color: var(--color-border-dim); }
.bg-subtle-bg      { background-color: var(--color-bg-subtle)!important; }
.bg-brown{
  background-color: #352D2D;
}
.text-blue{
  color:#183354
}

/*  header component css  */
header nav a img{
top:-15px;
left:0
}
header {
  max-height: 70px;
  position: fixed;
    width: 100%;
    z-index: 999;

}
.btn-red:hover {
    color: white !important;
    background-color: var(--color-red);
}
.btn-red{
  border:1px solid var(--color-red);
}
.pt-94{
  padding-top: 94px!important;
}
footer {
    background-image: url(/images/v2/themes/footer-bg.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.border-white{
  border:1px solid white
}
.btn-white:hover{
  color: white !important;
}
.accordion-button:not(.collapsed)::after{
  background-image: url(/images/v2/icon/accordion-arrow.svg);
}
.modes-dropdown{
  height: 0px;
  overflow: hidden;
  width: 0px;
  transition: height .3s ease-in-out;
}
.modes-dropdown.active{
    background: #3A3A3A;
    width: 100%;
    top: 61px;
    border-radius: 12px;
    height:max-content;
    width: 100%;

}
.mds-left{
  padding: 32px 48px;
}
.modes-dropdown .d-grid {
   grid-template-columns: 80% 18%;
    justify-content: space-between;
}
.modes-dropdown h4{
  border-bottom: 1px solid #D0CFCF;
}
.mds-right{
  padding: 44px 50px;
  background-color: #414141;
}
.usecas-dropdown{
  background-color: #3A3A3A;
  left: 50% !important;
  padding: 38px 32px;    transform: translate(-50%, 44px)!important;
}
.footer-contact-link-wrapper i{
      background: #121212;
    padding: 6px 10px;
    border-radius: 50%;
}
.otp-bar {
    top: -27px;
    right: 3px;
}
.footer-quick-link {
    grid-template-columns: 20% 24% 32% 23%;
    gap: 1rem;
}
.usecase-br {
    border-image: linear-gradient(to bottom, #FFFFFF, rgba(0, 0, 0, 0)) 1 100%;
    border-width: 1px;
    border-style: solid;
}
.text-justify{
    text-align:justify
}