@font-face {
    font-family: "Inter-Regular";
    src: url("../fonts/Inter-Regular.eot?#iefix") format("embedded-opentype"),
      /* IE6-IE8 */ url("../fonts/Inter-Regular.woff2") format("woff2"),
      /* Super Modern Browsers */ url("../fonts/Inter-Regular.woff")
        format("woff"),
      /* Pretty Modern Browsers */ url("../fonts/Inter-Regular.ttf")
        format("truetype"),
      /* Safari, Android, iOS */ url("../fonts/Inter-Regular.svg#Inter-Regular")
        format("svg"); /* Legacy iOS */
  }
  
  @font-face {
    font-family: "Inter-Bold";
    src: url("../fonts/Inter-Bold.eot?#iefix") format("embedded-opentype"),
      /* IE6-IE8 */ url("../fonts/Inter-Bold.woff2") format("woff2"),
      /* Super Modern Browsers */ url("../fonts/Inter-Bold.woff") format("woff"),
      /* Pretty Modern Browsers */ url("../fonts/Inter-Bold.ttf")
        format("truetype"),
      /* Safari, Android, iOS */ url("../fonts/Inter-Bold.svg#Inter-Bold")
        format("svg"); /* Legacy iOS */
  }
  
  body {
    font-family: "Inter-Regular", sans-serif !important;
    background: #f4f6f8 !important;
    font-size: 16px;
    color: #333333 !important;
  }

  /* .landing-wrapper{
    background: #ffffff !important;
  } */
  
  .en{
    font-size: 1rem !important;
  } 
  .mm{
    font-family: 'Noto Sans Myanmar', sans-serif !important;
  }
  /*
  *-----------------------------------------
  * Global Util Style
  *-----------------------------------------
  */
  .fs-20{
    font-size: 20px!important;
  }
  .fs-18{
    font-size: 18px!important;
  }
  .fs-16{
    font-size: 16px!important;
  }
  .fs-14{
    font-size: 14px!important;
  }
  .fs-12{
    font-size: 12px!important;
  }
  /*
  ------------------------------------------
  */
  .en h1, .en h2, .en h3, .en h4, .en h5 {
    font-family: "Inter-Bold" !important;
  }

  .en p, .en label, .en span, .en a, .en .accordion-button{
    font-family: 'Inter-Regular', sans-serif !important;
    /* font-size: 1rem !important; */
  }

  .en h1{
    font-size: 2.5rem !important;
  }

  .en .features-wrap .card-title {
    font-family: 'Inter-Regular', sans-serif !important;
    font-size: 18px !important;
  }

  .en p.heading {
    font-size: 1.125rem !important;
  }

  .en .products .card-title{font-family: 'Inter-Regular', sans-serif !important;}
  .en .products .card-title{font-size: 16px !important;}

  .mm h1, .mm h2, .mm h3, .mm h4, .mm h5, .mm p, .mm span, .mm label, .mm a, .mm .features-wrap .card-title, .mm button, .mm .products .card-title{
    font-family: 'Noto Sans Myanmar', sans-serif !important;
  }

  .mm h1{
    font-size: 2rem !important;
    line-height: 1.6em;
  }

  .mm .search-form{
    width:300px !important;
  }

  .mm .features-wrap .card-title {
    font-size: 18px !important;
  }

  .mm p.heading {
    font-size: 1.125rem !important;
  }

  .mm p, .mm a, .mm label, .mm span{
    font-size: 14px !important;
    line-height: 1.6em;
  }

  .mm .products .card-title{font-size: 16px !important;}

  /** Common **/
  #MM p, #MM span, #MM label,#MM a{
    /* font-size: 1.1em !important; */
  }
  
  #EN #responsive-navbar-nav p,#EN #responsive-navbar-nav span,#EN #responsive-navbar-nav label{
    /* font-size: 14px !important; */
  }
  #EN a{
    /* font-size: 14px !important; */
  }

  small.text-muted {
    font-weight: normal;
  }
  
  /** Alert Danger **/
  .alert-danger{
    background: rgba(181, 31, 38, 0.07) !important;
    border-radius: 4px !important;
    border: 0px !important;
  }
  .alert-danger ul{
    margin-bottom: 0px !important;
    list-style: none !important;
  }
  .alert-danger ul li{
    color: #B51F26 !important;
    font-size: 16px !important;
    line-height: 25px !important;
  }
  .inline-block{
    display: inline-block!important;
  }
  .ca-back-btn {
    background-color: #E0E0E0!important;
    color: #4F4F4F!important;
    border: none!important;
    padding: 0 40px!important;
    height: 48px!important;
  }
  .ca-back-btn:hover {
    background: #e9e8e8!important;
  }
  .ca-skip-btn {
    background-color: rgba(47, 84, 148, 0.1)!important;
    color: #2F5494!important;
    border: none!important;
    padding: 0 40px!important;
    height: 48px!important;
  }
  .ca-skip-btn:hover {
    background: #e9e8e8!important;
  }
  .email-verify .alert-success{
    background: #FAFAFA !important;
    box-shadow: 0px 4px 24px rgb(9 44 76 / 40%) !important;
    border-radius: 4px 4px 8px 8px !important;
    border: 0px !important;
    border-top: 2px solid #00CC83 !important;
  }

  .email-verify .alert-success ul{
    list-style: none;
  }

  .email-verify .alert-success ul li{
    font-size: 16px !important;
    line-height: 24px !important;
    color: #4F4F4F !important;
  }
  .selfonboard .btn{
    border-radius: 8px!important;
  }
  /** Buttons **/
  .selfonboard .btn-primary {
    background: #002c76;
    /* box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.24); */
    color: #ffffff !important;
    height: 48px;
    padding: 0 20px;
  }

  .selfonboard .btn-blue {
      color: #fff;
      background-color: #2F80ED;
      border-color: #2F80ED;
  }

  .selfonboard .btn-outline-blue {
    border: 1px solid #2F80ED;
    color: #2F80ED;
}
  
  .selfonboard .btn-showpassword:hover {
    background: none !important;
    color: #333;
  }
  
  .selfonboard .btn-outline-primary {
    border: 1px solid #002c76;
    color: #002c76 !important;
  }
  
  .selfonboard .btn-outline-primary:hover {
    background: #ffffff !important;
  }
  
  .selfonboard .btn-danger {
    background-color: #b51f26;
    border-color: #b51f26;
  }
  
  .btn-kbz {
    background: #2f80ed !important;
    border-radius: 4px !important;
    height: 48px;
    color: #ffffff !important;
  }

  hr {
    border: 1px solid #E0E0E0!important;
  }

  .register-card-body{
    padding: 20px 45px 20px 0;
  }
  
  /** Form **/
  .selfonboard .form-control {
    height: 48px;
    border: 1.5px solid #EEEEEE;
    border-radius: 4px;
  }
  
  .selfonboard .form-control:focus {
    height: 48px;
    border: 1.5px solid #1a73e8 !important;
    border-radius: 4px;
  }
  .btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
  }
  
  .btn.disabled, .btn:disabled, fieldset:disabled .btn {
    pointer-events: none;
    opacity: .65;
  }
  .btn.disabled, .btn:disabled {
    opacity: .65;
  }
  
  /* .content-wrapper .btn{
      height:48px;
  } */
  
  .otp-control {
    text-align: center;
    font-size: 24px;
    line-height: 28px;
    display: flex;
    align-items: center;
    letter-spacing: 10px;
    color: #002c76;
  }
  
  .otp-control::placeholder {
    color: #4f4f4f;
    opacity: 0.4;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
  }
  
  input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  
  /* Firefox */
  input[type="number"] {
    -moz-appearance: textfield;
  }
  
  /** Heading Text **/
  h1.banner-heading,
  h2,
  h3,
  h4,
  h5 {
    font-family: "Inter-Bold";
  }
  
  h2.heading, h5.heading{
      color:#002C76;
  }
  
  h4 {
    font-weight: 600;
    font-size: 26px;
    line-height: 150%;
    /* identical to box height, or 39px */
    letter-spacing: -0.3px;
  
    color: #001b48;
  }
  
  h5{
      font-family: Inter;
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 21px;
  }
  
  ul{
      padding-left: 1rem !important;
  }
  
  ul li{
      font-size: 14px;
      line-height: 24px;
      color: #333333;
  }
  
  .text-muted{
      font-size: 12px;
      line-height: 100%;
      color: #828282;
  }
  
  .selfonboard .text-danger {
    color: #ff6161;
  }
  
  .selfonboard a {
    text-decoration: none;
    color: #002c76;
  }
  
  /* Heading border top */
  .divider {
    padding-top: 1px;
    padding-bottom: 1px;
  }
  .heading-width {
    width: 40px;
  }
  .heading-border-top {
    background: #c4c4c4;
  }
  
  p.heading {
    font-size: 1.125rem;
  }
  
  p.font-heading {
    color: #002c76;
  }
  
  /** Menu **/
  .language .btn-link {
    padding: 0px 15px;
    border-right: 1px solid #828282;
    border-radius: 0px;
    color: #828282;
    font-weight: bold;
    text-decoration: none;
  }
  .language .btn-link:last-child {
    border: 0px;
  }
  
  .language .active {
    color: #002c76 !important;
  }
  
  .sidebar-menu .list-group-item {
    background: none !important;
    border: 0px !important;
  }
  
  .sidebar-menu .nav-item.heading {
    opacity: 0.6;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
  }
  
  .sidebar-menu .nav-link,
  .sidebar-menu .accordion-item,
  .sidebar-menu .accordion-button {
    background: none !important;
    padding: 0px;
    border: 0px !important;
    font-size: 14px;
  }
  
  .sidebar-menu .nav-link {
    color: #5ca2ff !important;
  }
  .sidebar-menu .nav-link label {
    cursor: pointer !important;
  }
  
  .sidebar-menu .accordion-button.collapsed {
    color: #5ca2ff !important;
  }
  
  .sidebar-menu .accordion-button,
  .sidebar-menu .nav-link.active {
    color: #ffffff !important;
  }
  
  .sidebar-menu .accordion-header {
    font-weight: normal !important;
    font-size: 14px !important;
    font-family: "Inter-Regular" !important;
  }
  
  .navbar-light .collapsed .navbar-toggler-icon {
    background-image: url("../images/menu.svg") !important;
    font-size: 14px;
  }
  
  .navbar-light .navbar-toggler-icon {
    background-image: url("../images/menu-cross.svg") !important;
    font-size: 10px;
  }
  
  .navbar-light .navbar-nav .nav-link {
    color: #4f4f4f !important;
    position: relative;
  }
  
  .navbar-light .navbar-nav .nav-link.active,
  .navbar-light .navbar-nav .show > .nav-link,
  .navbar-light .navbar-nav .nav-link:hover {
    color: #002c76 !important;
    font-weight: 600 !important;
  }
  
  .navbar-light .navbar-nav .nav-link.active::after,
  .navbar-light .navbar-nav .nav-link:hover::after {
    content: "";
    background: #002c76;
    position: absolute;
    bottom: 0;
    left: 8px;
    height: 2px;
    width: 24px;
  }
  
  .language .btn-link{
    font-weight: 500 !important;
  }
  /** Footer Menu **/
  .footer-menu {
    margin: 0px;
  }
  .footer-menu .nav-item:first-child a {
    padding-left: 0px;
  }
  
  .footer-menu .nav-item a {
    color: #333333;
    border-right: 1px solid #e3e3e3;
    padding: 0px 15px;
  }
  
  .footer-menu .nav-item:last-child a {
    border-right: 0px;
  }
  
  p.copyright {
    color: #727272;
  }
  
  /** Banner **/
  .section-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
  }
  .section-rotate {
    overflow: hidden;
    background: transparent;
    position: relative;
    z-index: 0;
    min-height: 640px;
  }
  .bg-absolute-cover {
    background-repeat: no-repeat;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -2;
  }
  
  .heading-banner {
    width: 100%;
    background: linear-gradient(90deg, #002c76 0.29%, #1871d9 94.39%);
  }
  
  .banner-wrap {
    display: table !important;
    width: 100%;
  }
  
  .banner-header {
    width: 100vh !important;
    max-height: 350px;
    min-height: 300px;
    height: 220px;
    padding: 15px;
    background-size: auto;
    display: table-cell;
    vertical-align: middle;
  }
  
  .banner-inner {
    text-align: center;
  }
  
  /** Features Section in home page **/
  .features-wrap {
    margin-top: 80px;
  }
  
  .features-wrap .card-title{
    font-size: 18px !important;
  }
  
  .features-wrap .card{
    border-radius: 0.5rem !important;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.08) !important
  }
  /** Benefits Section in home page **/
  .benefits-wrap {
    margin-top: 80px;
    padding-bottom: 80px;
  }
  
  /** Blog **/
  .blog-wrapper,
  .contact-wrap {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  
  .blog-wrapper .nav-pills .nav-link {
    padding-left: 0px;
    color: #000000;
  }
  
  .blog-wrapper .nav-pills .nav-link:hover {
    cursor: pointer;
  }
  
  .blog-wrapper .nav-pills .nav-link.active,
  .nav-pills .show > .nav-link {
    color: #002c76;
    background: none;
    font-weight: 500;
  }
  
  .blog-wrapper .list-group-flush > .list-group-item {
    padding: 15px 0px;
  }
  
  /** Contact **/
  .btn-contact {
    background: #ffffff !important;
    color: #333333;
  }
  
  /** Register **/
  .register-wrap .btn-primary, .login-wrap .btn-primary{
    height: 48px !important;
    font-weight: 500 !important;
  }

  span.css-1okebmr-indicatorSeparator{
    display: none !important;
  }
  /** Buttons **/
  .btn:focus,
  .btn:hover,
  .navbar-toggler:focus,
  .form-control:focus,
  .form-control:active {
    outline: none;
    box-shadow: none !important;
  }
  
  .outline-password {
    border: 1px solid #eeeeee !important;
  }
  
  .btn-back {
    color: #002c76 !important;
    height: auto !important;
    padding: 0px 0px !important;
  }
  
  /** Dashboard Page **/
  .email-verified-modal-content {
    padding: 30px 20px;
    border-radius: 15px !important;
  }
  
  /** Sidebar **/
  #sidebar {
    position: sticky;
    top: 0px;
    left: 0px;
    height: 100vh;
    min-width: 225px;
    max-width: 225px;
    background: #002c76;
    box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.0276834);
  }
  
  .sidebar-nav {
    height: 100%;
  }
  .sidebar-content {
    height: 100%;
    overflow: hidden auto;
  }
  
  #sidebar-nav .accordion-button::after{
    height: 1rem !important;
    background-image: url('/assets/images/down_arrow.png') !important;
    background-size: 16px !important;
  }
  /* Header */
  
  span.profileCircle{
      display: inline-block;
      height: 32px;
      width: 32px;
      line-height: 32px;
      -moz-border-radius: 16px; /* or 50% */
      border-radius: 20px; /* or 50% */
      background-color: #FF6161;
      color: white;
      text-align: center;
      font-size: 16px;
      margin-right:10px;
  }
  /**Search Form */
  .search-form {
    width: 380px;
    height: 48px;
    background: #f1f3f4;
    border: 1px solid #e8eef1;
    box-sizing: border-box;
    border-radius: 4px;
  }
  
  .btn-search {
    color: #dadada !important;
  }
  
  .search-form .form-control {
    height: 100%;
    background: none;
  }
  
  .search-form .form-control:focus {
    border: 0px !important;
    background: none !important;
    height: 100% !important;
  }
  
  .selfonboard .btn-profile {
    background: none !important;
    border-radius: none !important;
    border: none !important;
    height: auto !important;
    color: #333333 !important;
    box-shadow: none!important;
  }
  
  .selfonboard .btn-profile::after {
    display: none !important;
  }
  
  .dropdown-menu {
    border: 1px solid #e7e7e9 !important;
    border-radius: 4px !important;
  }
  
  a.dropdown-item {
    color: #200e32;
  }
  .products{
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  /***/
  .products .card-title {
    font-size: 16px;
    line-height: 22px;
  }
  
  .btn-more-primary {
    background: rgba(47, 128, 237, 0.2) !important;
    border-radius: 4px !important;
    height: 40px !important;
    letter-spacing: -0.2px !important;
    color: #2f80ed !important;
    font-size: 14px !important;
    line-height: 24px !important;
    font-weight: 600 !important;
  }
  
  .btn-card,
  .btn-card-1,
  .btn-card-2 {
    background: rgba(235, 235, 234, 0.08) !important;
    border: 0px !important;
  }
  
  /*End Dashboard */
  
  /** Support Page **/
  .support-content h2.accordion-header {
    font-family: "Inter-Regular";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #333333;
  }
  
  .support-content .accordion-button:not(.collapsed) {
    color: #002c76;
    background: none;
  }
  
  .support .nav-pills .nav-link {
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    background: #ffffff;
    color: #333333;
    cursor: pointer;
  }
  
  .support .nav-pills .nav-link.active {
    color: #002c76;
    background: rgba(47, 128, 237, 0.07);
    border-radius: 4px 4px 0px 0px;
  }
  
  .btn-mail {
    background: #f5f6fa !important;
    border: 1px solid #d8d8d8 !important;
    box-sizing: border-box;
    border-radius: 8px;
    line-height: 150%;
    letter-spacing: -0.25px;
    color: #2f80ed !important;
  }
  
  /** Inbox **/
  .btn-bank,
  .btn-volume,
  .btn-people,
  .btn-noti {
    height: auto !important;
    padding: 10px;
    border-radius: 4px !important;
    border: 0px !important;
  }
  
  .table-responsive .btn-bank {
    background: rgba(0, 44, 118, 0.2) !important;
    color: #002c76 !important;
  }
  
  .table-responsive .btn-volume {
    background: rgba(230, 74, 25, 0.1) !important;
    color: #e64a19 !important;
  }
  
  .table-responsive .btn-people {
    background: rgba(94, 53, 177, 0.2) !important;
    color: #5e35b1 !important;
  }
  
  .table-responsive .btn-noti {
    background: rgba(0, 137, 123, 0.1) !important;
    color: #00897b !important;
  }
  
  .inbox-table .date-col {
    position: absolute;
    right: 10px;
    top: 20px;
    font-size: 14px;
    line-height: 17px;
    text-align: right;
    color: #828282;
  }
  
  .myAccountCard {
    background: #0b8ed8;
    border-radius: 8px;
  }
  
  .myAccountCard-1 {
    background: #0054a6;
    border-radius: 8px;
  }
  
  .myAccountCard-2 {
    background: linear-gradient(90deg, #536976 0%, #464d71 100%);
    border-radius: 8px;
  }
  
  .account-text {
    font-size: 14px;
    line-height: 21px;
    color: #ffffff;
    opacity: 0.6;
  }
  
  .amount-text {
    font-size: 20px;
    line-height: 24px;
    color: #ffffff;
    font-family: "Inter-Regular";
    font-weight: bold;
  }
  
  .w-card{
    border: 1px solid #F2F2F2 !important;
  }
  
  .bg-account{
    background-image:url('../images/bg-accoung-number.svg');
    background-position: left bottom;
    background-size: cover;
  }
  
  .account-number{
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    display: flex;
    align-items: center;
    letter-spacing: 1px;
    color: #000000;
  }
  
  .inbox-account-detail label{
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #828282;
  }
  /** Orders */
  .order-table tbody{
    border-top: 1px solid #EBEEF5 !important;
  }
  .filter-daterange{
    border: 1px solid #E7E7E9;
    border-radius: 8px;
    /* height: 35px; */
    background: #ffffff;
  }
  .filter-daterange .flatpickr-input{
    height: 100% !important;
    border: 0px !important;
    border-radius: 8px !important;
  }
  
  .btn-filter{
    text-decoration: none !important;
    color:#333 !important;
  }
  
  #isFilter{
    background: #FBE204 !important;
    border: 1px solid #FBE204 !important;
  }
  
  
  .filter-daterange .btn-daterange{
    height: 100% !important;
      padding: 4px 10px;
      border: 0px !important;
  }
  /** Profile */
  
  h4.heading-title {
    font-family: "Inter-Regular";
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    display: flex;
    align-items: center;
    letter-spacing: -0.5px;
    color: #333333;
  }
  
  .p-label {
    line-height: 24px;
    letter-spacing: -0.3px;
    color: #828282;
  }
  
  .address-heading {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.3px;
    text-decoration-line: underline;
    text-transform: uppercase;
    color: #828282;
    text-decoration: underline;
  }
  
  /** Mobile Menu **/
  .footer-mobile-menu a {
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    color: #333333;
  }
  
  .kbz-radio {
    display: inline-block;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
    border-radius: 8px;
    position: relative;
    cursor: pointer;
    color: #002c76;
    margin-right: 10px;
    height: 56px;
  }
  .kbz-radio * {
    cursor: pointer;
  }
  .kbz-radio:hover {
    border: 1px solid #002c76;
  }
  .kbz-radio-checked {
    border: 1px solid #002c76;
  }
  .cursor-pointer {
    cursor: pointer !important;
  }
  .cursor-pointer * {
    cursor: pointer !important;
  }

  .cursor-disable {
    cursor: not-allowed !important;
  }
  .cursor-disable * {
    cursor: not-allowed !important;
  }
  
  .o_thead{
    color: #909399;
    font-weight: 500;
  }
  
  /** Mobile Menu **/
  .footer-mobile-menu .menu-label{
    font-size: 12px !important;
  }
  .footer-mobile-menu a.active{
    color:#002c76 !important;
  }
  /* Custom carousel indicators */
  .carousel-indicators [data-bs-target] {
    background-color: #BDBDBD!important;
    width: 8px!important;
    height: 8px!important;
    border-radius: 100%;
    opacity: 1!important;
  }
  .carousel-indicators .active {
    background-color: #2F80ED!important;
  }
  
  /***/
  /* Extra small devices (portrait phones, less than 576px) */
  @media (max-width: 575.98px) {
    .register-card-body {
      padding: 20px 25px 20px 0;
    }
    /** Main Menu **/
    .navbar-light .navbar-nav .nav-link.active::after,
    .navbar-light .navbar-nav .nav-link:hover::after {
      left: 0px;
      bottom: 5px;
    }
    .navbar-nav {
      margin-top: 15px;
    }
    .navbar-light .navbar-nav .nav-link {
      padding: 10px 0px;
    }
    .navbar-nav .btn{
      margin:8px 0px !important;
    }

    .language{margin:10px 0px;}

    .language .btn-link{
      padding:0px 8px;
    }

    .register-wrap .form-check-inline{
      margin-right: 0.5em;
    }

    .register-wrap .css-tlfecz-indicatorContainer{
      padding: 0px 5px 0px 0px !important;
    }

    .register-wrap .nrcTsp{
      padding: 0px;
      margin: 0px;
    }

    .register-wrap .nrcNumber{
      margin-top:10px;
    }

    .navbar-nav .signin-link {
      padding-left: 0px !important;
      padding-right: 0px !important;
      margin: 0px 0px 15px 0px !important;
    }
  
    .selfonboard a.btn-outline-primary:hover {
      background: none !important;
    }
  
    .navbar-nav .signup-link {
      margin-bottom: 20px;
    }
  
    .section-inner {
      background: url("../images/bg-slider.png") no-repeat;
      background-position: center;
    }
    .about-wrap div.description {
      padding: 0px !important;
    }
    /** Features Section in home page **/
    .features-wrap {
      margin-top: 20px;
    }
  
    /** Benefits Section in home page **/
    .benefits-wrap {
      margin-top: 20px;
      margin-bottom: 20px;
    }
  
    /** Blog **/
    .blog-wrapper .nav-pills {
      display: block !important;
      margin-bottom: 20px;
    }
    .blog-wrapper .nav-pills .nav-item {
      display: inline-block;
    }
  
    .blog-wrapper .blog-content {
      padding: 15px !important;
    }
  
    /* footer menu */
    .footer-menu .nav-item {
      width: 100%;
    }
  
    .footer-menu .nav-item a {
      padding: 10px 0px;
      border-right: 0px;
    }
    /** Support Page **/
    .support-tabs {
      display: block !important;
    }
    .support-tabs .nav-item {
      display: inline-block;
      width: 50%;
    }
    .products {
      margin-bottom: 100px!important;
    }
  }
  
  /* Small devices (landscape phones, 576px and up) */
  @media (min-width: 576px) and (max-width: 767.98px) {
    .register-card-body {
      padding: 20px 25px 20px 0;
    }
    /** Main Menu **/
    .navbar-light .navbar-nav .nav-link.active::after,
    .navbar-light .navbar-nav .nav-link:hover::after {
      left: 0px;
      bottom: 5px;
    }
    .navbar-nav {
      margin-top: 15px;
    }
    .navbar-light .navbar-nav .nav-link {
      padding: 10px 0px;
    }
  
    .navbar-nav .signin-link {
      padding-left: 0px !important;
      padding-right: 0px !important;
      margin: 0px 0px 15px 0px !important;
    }
  
    .navbar-nav .signup-link {
      margin-bottom: 20px;
    }
  
    .section-inner {
      background: url("../images/bg-slider.png") no-repeat;
      background-position: center;
    }
    .about-wrap div.description {
      padding: 0px !important;
    }
    /** Features Section in home page **/
    .features-wrap {
      margin-top: 20px;
    }
  
    /** Benefits Section in home page **/
    .benefits-wrap {
      margin-top: 20px;
      margin-bottom: 20px;
    }
  
    /** Blog **/
    .blog-wrapper .nav-pills {
      display: block !important;
      margin-bottom: 20px;
    }
    .blog-wrapper .nav-pills .nav-item {
      display: inline-block;
    }
  
    .blog-wrapper .blog-content {
      padding: 15px !important;
    }
  
    /* footer menu */
    .footer-menu .nav-item {
      width: 100%;
    }
  
    .footer-menu .nav-item a {
      padding: 10px 0px;
      border-right: 0px;
    }
  
    /** Support Page **/
    .support-tabs {
      display: block !important;
    }
    .support-tabs .nav-item {
      display: inline-block;
      width: 50%;
    }
    .products {
      margin-bottom: 100px!important;
    }
  }
  
  /* Medium devices (tablets, 768px and up) */
  @media (min-width: 768px) and (max-width: 991.98px) {
    /** Main Menu **/
    .navbar-light .navbar-nav .nav-link.active::after,
    .navbar-light .navbar-nav .nav-link:hover::after {
      left: 0px;
      bottom: 5px;
    }
    .navbar-nav {
      margin-top: 15px;
    }
    .navbar-light .navbar-nav .nav-link {
      padding: 10px 0px;
    }
  
    .navbar-nav .signin-link {
      padding-left: 0px !important;
      padding-right: 0px !important;
      margin: 0px 0px 15px 0px !important;
    }
  
    .navbar-nav .signup-link {
      margin-bottom: 20px;
    }
  
    .section-inner {
      background: url("../images/bg-slider.png") no-repeat;
      background-position: center;
    }
    .about-wrap div.description {
      padding: 0px !important;
    }
    /** Features Section in home page **/
    .features-wrap {
      margin-top: 20px;
    }
  
    /** Benefits Section in home page **/
    .benefits-wrap {
      margin-top: 20px;
      margin-bottom: 20px;
    }
  
    /** Blog **/
    .blog-wrapper .nav-pills {
      display: block !important;
      margin-bottom: 20px;
    }
    .blog-wrapper .nav-pills .nav-item {
      display: inline-block;
    }
  
    .blog-wrapper .blog-content {
      padding: 15px !important;
    }
  
    /* footer menu */
    .footer-menu .nav-item {
      width: 100%;
    }
  
    .footer-menu .nav-item a {
      padding: 10px 0px;
      border-right: 0px;
    }
  }
  
  /* Large devices (desktops, 992px and up) */
  @media (min-width: 992px) and (max-width: 1199.98px) {
    .search-form {
      width: 200px !important;
    }
  }
  
  /* Extra large devices (large desktops, 1200px and up) */
  @media (min-width: 1200px) {
  }
  
/* IDM Custom Style */
#videoCaptureControlScreen{
  z-index: 10000!important;
}
.modal-backdrop{
  background-color: rgba(255, 255, 255, 0.5)!important;
}