html {
    height: 100%;
    width: 100%;
  }

  .container {
    max-width: 2000px !important;
    --bs-gutter-x: 0px !important;
  }


  /* Extra Small Devices (phones, 320px and up) */
  @media (min-width: 320px) { 
    max-width: 320px !important;
  }

  /* Small Devices (phones, 576px and up) */
  @media (min-width: 576px) { 
    max-width: 576px !important;
  }

  /* Medium Devices (tablets, 768px and up) */
  @media (min-width: 768px) { 
    max-width: 768px !important;
  }

  /* Large Devices (desktops, 992px and up) */
  @media (min-width: 992px) { 
    max-width: 992px !important;
  }

  /* Extra Large Devices (large desktops, 1200px and up) */
  @media (min-width: 1200px) { 
    max-width: 1200px !important;
  }

  /* Very Large Devices (extra large desktops, 1440px and up) */
  @media (min-width: 1440px) { 
    max-width: 1440px !important;
  }

  /* Ultra Wide Devices (ultra large screens, 1920px and up) */
  @media (min-width: 1920px) { 
    max-width: 1920px !important;
  }


  body {
      margin-right: 0px !important;
      cursor: default !important;
      background-color: #1f1f1f !important;
      background: #1f1f1f !important;
  }

  a {
      text-decoration: none !important;
      cursor: default !important;
  }

  a:hover {
      text-decoration: none !important;
  }

  .modal-rplt .modal-rplt-overlay {
    background: rgba(255, 255, 255, 0.35) !important;
  }

  .modal-rplt .modal-rplt-container {
    border-radius: 20px !important;
    background-color: #252525 !important;
    padding: 0px !important;
  }

  .modal-rplt-size-lg {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }

  .circles-nav-fixed-icon-interfaces:hover a {
    color:  #1f1f1f !important;
  }

  .button-color1 {
    background-color: var(--color1) !important;
    color: var(--color-black) !important;
    border-radius: 1000px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  .button-color1:hover {
    background-color: var(--color-white) !important;
    color: var(--color-black) !important;
  }

  .link-color1 {
    color: var(--color-white) !important;
    font-weight: bold !important;
  }

  .link-color1:hover {
    color: var(--color1) !important;
  }

  .Paperform__popupcontent {
    border-radius: 20px  !important;
  }

  .circles-nav-fixed-icon-indexes {
    vertical-align: 0px !important;
  }

  h1 {
    margin-top: 0px !important;
  }

  .h1 {
    margin-top: 0px !important;
  }

  .h1-rplt {
    font-family: var(--font3) !important;
    padding-top: 15px;
    padding-bottom: 15px !important;
    color: var(--color-white) !important;
    font-weight: 700 !important;
    letter-spacing: -1px !important;
    line-height: 0.9;
  }

  .h2-rplt {
    font-family: var(--font4) !important;
    line-height: 0.9;
  }

  .h3-rplt {
    font-family: var(--font2) !important;
    padding: 20px;
    color: var(--color-white) !important;
  }

  .h4-rplt {
    font-family: var(--font2) !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: var(--color-white) !important;
    padding-bottom: 5px;
  }

  .p-rplt {
    font-family: var(--font2) !important;
    color: var(--color-white) !important;
  }

  .p-rplt-sm {
    font-family: var(--font2) !important;
    color: var(--color-white) !important;
    font-weight: 600 !important;
  }

  .a-rplt {
   font-family: var(--font2) !important;
   color: var(--color1) !important;
   font-weight: 700 !important;
  }

  .a-rplt:hover {
   font-family: var(--font2) !important;
   color: var(--color1) !important;
  }

  .button-rplt {
    font-family: var(--font2) !important;
    font-weight: 700 !important;
    background-color: var(--color1) !important;
    border: 0px solid;
    border-color: var(--color1) !important;
    border-radius: 100px;
    color: var(--color1) !important;
    padding: 15px 30px;
    margin-top: 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px !important;
  }

  .button-outline-rplt {
    font-family: var(--font2) !important;
    font-weight: 700 !important;
    background-color: transparent;
    border: 1px solid #708bff;
    border-radius: 100px;
    color: var(--color1) !important;
    padding: 15px 30px;
    margin-top: 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px !important;
  }

  .button-link-rplt {
    font-family: var(--font2) !important;
    font-weight: 700 !important;
    background-color: transparent;
    border-radius: 100px;
    color: var(--color1) !important;
    padding: 10px 30px;
    margin-top: 0px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px !important;
  }

  .text-center {
    text-align: center !important;
  }

  .div-indexes {
    margin-top: 0px !important;
      margin-bottom: 30px !important;
      margin-right: 3.5% !important;
      margin-left: 3.5% !important;
  }

  .box-card-div-black-indexes {
      background-color: #252525 !important;
      padding-top: 30px;
    padding-bottom: 30px;
      padding-left: 15px;
    padding-right: 15px;
      border-radius: 20px;
      margin-bottom: 10px;
      box-shadow: rgba(0, 0, 0, 0.75) 0px 13px 27px -5px, rgba(0, 0, 0, 0.75) 0px 8px 16px -8px;
  }

  .container-indexes {
    padding-right: 30px !important;
    padding-left:  30px !important;
  }

  .fixed-widget-upper-left-logo-indexes a {
      position: fixed;
      top: 15px;
      left: 20px;
      font-size: 24px;
      background-color: var(--color1) !important;
      border-radius: 50%;
      padding-left: 24px;
      padding-right: 24px;
      padding-top: 12px;
      padding-bottom: 12px;
      color: var(--color-black) !important;
      font-family: var(--font1);
      text-align: center;
      border-radius: 100px;
      box-shadow: rgba(0, 0, 0, 0.75) 0px 13px 27px -5px, rgba(0, 0, 0, 0.75) 0px 8px 16px -8px;
      font-weight: normal;
      letter-spacing: 0px;
  }

  .fixed-widget-upper-left-logo-indexes:hover {
      color: var(--color-black)!important;
  }

  .fixed-widget-upper-left-link-indexes {
      color: var(--color-black) !important;
  }

  .fixed-widget-upper-left-link-indexes:hover {
      color: var(--color-black) !important;
  }

  /* Hide scrollbar for Chrome, Safari and Opera */

  .circles-nav-fixed-div-indexes::-webkit-scrollbar {
      display: none;
  }

  /* Hide scrollbar for IE, Edge and Firefox */

  .circles-nav-fixed-div-indexes {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }

  .circles-nav-fixed-div-indexes {
      height: 100%;
      width: 100px;
      position: fixed;
      z-index: 1;
      top: 0;
      right: 0;
      background-color: transparent;
      overflow-x: hidden;
      padding-top: 15px;
      padding-left: 30px !important;
      padding-right: 10px;
  }

  .circles-nav-fixed-div-indexes a {
      display: block;
  }

  .circles-nav-fixed-circle-indexes {
      background-color: var(--color1) !important;
      border-radius: 50%;
      padding: 18px;
      height: 60px;
      width: 60px;
      color: var(--color-black) !important;
      z-index: 3 !important;
      margin-bottom: 5px !important;
      box-shadow: rgba(0, 0, 0, 0.95) 0px 13px 27px -5px, rgba(0, 0, 0, 0.95) 0px 8px 16px -8px;
      position: relative;
  }

  .circles-nav-fixed-icon-indexes {
      font-size: 24px !important;
      color: var(--color-black) !important;
      line-height: normal !important;
      vertical-align: top !important; 
      text-align: center !important;
  }

  .circles-nav-fixed-icon-indexes:hover {
    color: var(--color-white) !important;
  }

  .fixed-widget-lower-right-video-indexes {
      position: fixed;
      bottom: 20px;
      right: 20px;
      border-radius: 50%;
      padding-left: 0px;
      padding-right: 0px;
      padding-top: 0px;
      padding-bottom: 0px;
      width: 160px;
      height: 160px;
      background-color: #1f1f1f !important;
      z-index: 3 !important;
      box-shadow: rgba(0, 0, 0, 0.75) 0px 13px 27px -5px, rgba(0, 0, 0, 0.75) 0px 8px 16px -8px;
  }

  .fixed-bottom-right {
    bottom: 20px !important;
    position: fixed !important;
    right: 10px !important;
    z-index: 10 !important;
  }

  .fixed-widget-lower-right-video-circles-nav-modal-circle {
      background-color: #252525 !important;
      border-radius: 50%;
      padding: 18px;
      height: 60px !important;
      width: 60px !important;
      color: var(--color-white) !important;
      z-index: 5 !important;
      margin-bottom: 5px !important;
      box-shadow: rgba(0, 0, 0, 0.95) 0px 13px 27px -5px, rgba(0, 0, 0, 0.95) 0px 8px 16px -8px;
      display: block !important;
  }

  .fixed-widget-lower-right-video-circles-nav-modal-circle:hover {
      background-color: #252525 !important;
  }  

  .fixed-widget-lower-right-video-circles-nav-modal-circle-icon {
      font-size: 24px !important;
      color: var(--color-white) !important;
      line-height: normal !important;
      vertical-align: top !important; 
      text-align: center !important;
  }

  .fixed-widget-lower-right-video-circles-nav-modal-circle-icon:hover {
    color: var(--color-white) !important;
  }

  .button-link-indexes {
    font-family: var(--font2);
    font-weight: 700 !important;
    background-color: transparent;
    border-radius: 100px;
    color: var(--color-white) !important;
    padding: 10px 30px;
    margin-top: 0px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px !important;
  }

  .button-link-indexes:hover {
    color: var(--color1) !important;
  }

  .footer-p-indexes {
    font-family: var(--font2) !important;
    font-weight: 700 !important;
    color: var(--color-white) !important;
    padding-top: 30px;
    margin-top: 0px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px !important;
  }

  .footer-a-indexes {
    font-family: var(--font2) !important;
    font-weight: 700 !important;
    color: var(--color-white) !important;
    padding-top: 30px;
    margin-top: 0px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px !important; 
  }

  .footer-a-indexes:hover {
    color: var(--color1) !important;
  }

  /* (start) scrollbar for Chrome, Safari and Opera */

  ::-webkit-scrollbar {
    width: 15px !important;
    cursor: default !important;
  }

  ::-webkit-scrollbar-track {
    background: transparent !important;
    cursor: default !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }

  ::-webkit-scrollbar-thumb {
    background: #2f2f2f !important;
    border-radius: 100px !important;
    cursor: default !important;
  }

  ::-webkit-scrollbar-thumb:hover {
    background: var(--color1) !important;
    border-radius: 100px !important;
    cursor: default !important;
  }

  /* (start) scrollbar for Chrome, Safari and Opera */

  /* (start) OFFCANVAS scrollbar for Chrome, Safari and Opera */

  .offcanvas-body::-webkit-scrollbar {
    width: 15px !important;
    cursor: default !important;
  }

  .offcanvas-body::-webkit-scrollbar-track {
    background: transparent !important;
    cursor: default !important;
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }

  .offcanvas-body::-webkit-scrollbar-thumb {
    background: #2f2f2f !important;
    border-radius: 100px !important;
    cursor: default !important;
  }

  .offcanvas-body::-webkit-scrollbar-thumb:hover {
    background: var(--color1) !important;
    border-radius: 100px !important;
    cursor: default !important;
  }

  /* (end) OFFCANVAS scrollbar for Chrome, Safari and Opera */

  /* (start) OFFCANVAS scrollbar for IE, Edge and Firefox */

  .offcanvas-body {
    scrollbar-width: 10px !important;  /* Firefox */
    scrollbar-color: #2f2f2f !important;
    cursor: default !important;
  }

  /* (end) OFFCANVAS scrollbar for IE, Edge and Firefox */

  .div-interfaces {
    margin-top: 0px !important;
      margin-bottom: 30px !important;
      margin-right: 3.5% !important;
      margin-left: 3.5% !important;
  }

  .box-card-div-black-interfaces {
      background-color: #252525 !important;
      padding-top: 30px;
    padding-bottom: 30px;
      padding-left: 15px;
    padding-right: 15px;
      border-radius: 20px;
      margin-bottom: 10px;
      box-shadow: rgba(0, 0, 0, 0.5) 0px 13px 27px -5px, rgba(0, 0, 0, 0.5) 0px 8px 16px -8px;
  }
  }

  .ccontainer-interfaces {
    padding-right: 30px !important;
      padding-left:  30px !important;
  }

  .fixed-widget-upper-left-logo-interfaces {
    position: fixed;
      top: 15px;
      left: 20px;
      font-size: 24px;
      background-color: var(--color1-interfaces) !important;
      border-radius: 50%;
      padding-left: 24px;
      padding-right: 24px;
      padding-top: 12px;
      padding-bottom: 12px;
      color: var(--color1-interfaces) !important;
      font-family: var(--font1-interfaces);
      font-weight: 700;
      text-align: center;
      border-radius: 100px;
      letter-spacing: -1px;
      box-shadow: rgba(0, 0, 0, 0.5) 0px 13px 27px -5px, rgba(0, 0, 0, 0.5) 0px 8px 16px -8px;
  }

  .fixed-widget-upper-left-logo-interfaces:hover {
      color: var(--color1-interfaces) !important;
  }

  .fixed-widget-upper-left-link-interfaces {
      color: var(--color1-interfaces) !important;
  }

  .fixed-widget-upper-left-link-interfaces:hover {
      color: var(--color1-interfaces) !important;
  }

  /* Hide scrollbar for Chrome, Safari and Opera */
  .circles-nav-fixed-div-interfaces::-webkit-scrollbar {
      display: none;
  }

  /* Hide scrollbar for IE, Edge and Firefox */
  .circles-nav-fixed-div-interfaces {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }

  .circles-nav-fixed-div-interfaces {
      height: 100%;
      width: 100px;
      position: fixed;
      z-index: 1;
      top: 0;
      right: 0;
      background-color: transparent;
      overflow-x: hidden;
      padding-top: 15px;
      padding-left: 30px !important;
      padding-right: 10px;
  }

  .circles-nav-fixed-div-interfaces a {
      display: block;
  }

  .circles-nav-fixed-circle-interfaces {
      background-color: var(--color1-interfaces) !important;
      border-radius: 50%;
      padding: 18px;
      height: 60px;
      width: 60px;
      color: var(--color-black-interfaces) !important;
      z-index: 3 !important;
      margin-bottom: 5px !important;
      box-shadow: rgba(0, 0, 0, 0.95) 0px 13px 27px -5px, rgba(0, 0, 0, 0.95) 0px 8px 16px -8px;
  }

  .circles-nav-fixed-icon-interfaces {
      font-size: 24px !important;
      color: var(--color-black-interfaces) !important;
      line-height: normal !important;
      vertical-align: top !important; 
      text-align: center !important;
  }

  .circles-nav-fixed-icon-interfaces:hover {
    color: #ffffff !important;
  }

  .button-link-interfaces {
    font-family: var(--font2-interfaces);
    font-weight: 700 !important;
    background-color: transparent;
    border-radius: 100px;
    color: var(--color-white-interfaces) !important;
    padding: 10px 30px;
    margin-top: 0px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px !important;
  }

  .button-link-interfaces:hover {
    color: var(--color1-interfaces) !important;
  }

  .footer-p-interfaces {
    font-family: var(--font2-interfaces) !important;
    font-weight: 700 !important;
    color: var(--color-white-interfaces) !important;
    padding-top: 30px;
    margin-top: 0px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px !important;
  }

  .footer-a-interfaces {
    font-family: var(--font2-interfaces) !important;
    font-weight: 700 !important;
    color: var(--color-white-interfaces) !important;
    padding-top: 30px;
    margin-top: 0px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px !important; 
  }

  .footer-a-interfaces:hover {
    color: var(--color1-interfaces) !important;
  }

  /* (start) VAPI button */

.vapi-btn {
  width: 60px !important;
  height: 60px !important;
  background-color: var(--color1) !important;
  color: var(--color-black) !important;
  box-shadow: rgba(0, 0, 0, 0.95) 0px 13px 27px -5px, rgba(0, 0, 0, 0.95) 0px 8px 16px -8px !important;
  bottom: 20px !important;
  right: 10px !important;
  left: auto !important;
  margin-left: 0px !important;
  animation: none !important;
  z-index: 10 !important;
}

.vapi-btn-is-idle,
.vapi-btn-is-active,
.vapi-btn-is-loading,
.vapi-btn-is-speaking {
  background: var(--color1) !important;
  background-color: var(--color1) !important;
  color: var(--color-black) !important;
  box-shadow: rgba(0, 0, 0, 0.95) 0px 13px 27px -5px, rgba(0, 0, 0, 0.95) 0px 8px 16px -8px !important;
  animation: none !important;
  z-index: 10 !important;
}

.vapi-btn-round {
  border-radius: 50% !important;
  padding: 18px !important;
}

.vapi-btn:hover {
  color: var(--color-white) !important;
}

/* (end) VAPI button */