.dashboard-wrapper {
      background: #d3d4d9;
      margin-top: 78px;
      position: relative;
      /* margin-bottom: 69px; */
      flex: 1;
      /* padding: 16px 0px; */
  }

  .breadcrumb-header {
      background: #bdd8f7;
      margin-bottom: 16px;
      padding: 3px 0px;
      box-shadow: 0px 1px 2px #0000005e;
  }

  .breadcrumb-header .breadcrumb {
      margin: 0;
      background: none;
  }

  .breadcrumb-header .breadcrumb .breadcrumb-item {}

  .breadcrumb-header .breadcrumb .breadcrumb-item.active {
      color: #FF5722;
  }

  .breadcrumb-header .breadcrumb .breadcrumb-item a {

      color: #000;
  }

  .main-head {
      position: fixed;
      top: 0px;
      width: 100%;
      z-index: 1000;
  }

  .main-head .navbar {
      background: #fff;
  }

  .main-head .navbar .navbar-brand {
      width: 8%;
  }

  .main-head .navbar .navbar-collapse {}

  .main-head .navbar .navbar-collapse .navbar-nav {}

  .main-head .navbar .navbar-collapse .navbar-nav .nav-item {}

  .main-head .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
      font-size: 13px;
      font-weight: 600;
      text-transform: uppercase;
      color: #404040;
      padding: 19px 14px;
  }

  .main-head .navbar .navbar-collapse .navbar-nav .dropdown-menu {
      border-radius: 0;
  }

  .main-head .navbar .navbar-collapse .navbar-nav .dropdown-menu li {}

  .main-head .navbar .navbar-collapse .navbar-nav .dropdown-menu li .dropdown-item {
      font-size: 14px;
  }

  .main-head .navbar .navbar-collapse .navbar-nav .dropdown-menu li .dropdown-item:active {
      background: #28449c;
      color: #fff;
  }

  .main-head .navbar .navbar-collapse .navbar-nav .dropdown-menu li .dropdown-item:hover {
      background: #28449c;
      color: #fff;
  }

  .main-head .navbar .navbar-brand img {}

  .main-head .navbar .right-bar {
      display: flex;
  }

  .main-head .navbar .right-bar .my-wallet {
      display: flex;
      align-items: center;
  }

  .main-head .navbar .right-bar .my-wallet i {
      font-size: 23px;
      margin-right: 7px;
      color: #1b449c;
  }

  .main-head .navbar .right-bar .my-wallet span {}

  .main-head .navbar .right-bar .my-wallet strong {}

  .main-head .navbar .right-bar .my-acc {}

  .main-head .navbar .right-bar .my-acc .btn {
      border: none;
  }

  .main-head .navbar .right-bar .my-acc .btn:after {
      display: none;
  }

  .main-head .navbar .right-bar .my-acc .btn i {
      font-size: 24px;
      color: #1b449c;
  }

  .main-head .navbar .right-bar .my-acc .btn .num-t {
      position: absolute;
      width: 20px;
      height: 20px;
      background: #fb6265;
      color: #ffffff;
      border-radius: 19px;
      font-size: 11px;
      display: flex;
      align-items: center;
      justify-content: center;
      top: 0;
      right: 0;
      font-weight: 700;
      line-height: 19px;
  }

  .main-head .navbar .right-bar .my-acc .dropdown-menu {}

  .main-head .navbar .right-bar .my-acc .dropdown-menu:before {
      content: '';
      content: '';
      border-bottom: 20px solid #0a04bc;
      border-left: 20px solid transparent;
      border-right: 20px solid transparent;
      position: absolute;
      top: -11px;
      right: 4px;
  }

  .main-head .navbar .right-bar .my-acc .dropdown-menu li {
      border-bottom: #cccccc 1px solid;
  }

  .main-head .navbar .right-bar .my-acc .dropdown-menu li:last-child {
      border: none;
  }

  .main-head .navbar .right-bar .my-acc .dropdown-menu .account-info {
      display: flex;
      align-items: center;
      padding: 8px 8px;
      background: #0a04bc;
  }

  .main-head .navbar .right-bar .my-acc .dropdown-menu .account-info .icon {
      width: 35px;
      height: 35px;
      border: navajowhite;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-right: 10px;
      border-radius: 19px;
      background: #ffffff66;
  }

  .main-head .navbar .right-bar .my-acc .dropdown-menu .account-info .icon i {
      font-size: 21px;
      color: #fff;
  }

  .main-head .navbar .right-bar .my-acc .dropdown-menu .account-info .name {}

  .main-head .navbar .right-bar .my-acc .dropdown-menu .account-info .name h4 {
      margin-bottom: 3px;
      font-size: 15px;
      font-weight: 600;
      color: #fff;
  }

  .main-head .navbar .right-bar .my-acc .dropdown-menu .account-info .name p {
      font-size: 12px;
      background: #0673ff;
      text-align: center;
      display: inline-block;
      line-height: 0;
      padding: 10px 7px 9px;
      border-radius: 4px;
      color: #fff;
      font-weight: 600;
  }

  .main-head .navbar .right-bar .my-acc .dropdown-menu .dropdown-item {

      padding: 4px 12px;

      color: #6d6b6b;

      display: flex;

      align-items: center;

      /* border-bottom: #dbdbdb 1px solid; */

      font-size: 13px;

      font-weight: 600;
  }

  .main-head .navbar .right-bar .my-acc .dropdown-menu .dropdown-item i {
      margin-right: 8px;
      font-size: 18px;
      color: #7371b6;
  }

  .main-head .navbar .right-bar .my-acc .dropdown-menu .dropdown-item:active {
      background: #bdd8f7;
  }

  .main-head .navbar .right-bar .my-acc .dropdown-menu .dropdown-item:hover {
      background: #bdd8f7;
      color: #000;
  }



  .main-head .navbar .right-bar .notification {}

  .main-head .navbar .right-bar .notification .btn {
      border: none;
  }

  .main-head .navbar .right-bar .notification .btn:after {
      display: none;
  }

  .main-head .navbar .right-bar .notification .btn i {
      font-size: 24px;
      color: #1b449c;
  }

  .main-head .navbar .right-bar .notification .btn .num-t {
      position: absolute;
      width: 20px;
      height: 20px;
      background: #fb6265;
      color: #ffffff;
      border-radius: 19px;
      font-size: 11px;
      display: flex;
      align-items: center;
      justify-content: center;
      top: 0;
      right: 0;
      font-weight: 700;
      line-height: 19px;
  }

  .main-head .navbar .right-bar .notification .dropdown-menu {}

  .main-head .navbar .right-bar .notification .dropdown-menu:before {
      content: '';
      content: '';
      border-bottom: 20px solid #0a04bc;
      border-left: 20px solid transparent;
      border-right: 20px solid transparent;
      position: absolute;
      top: -11px;
      right: 4px;
  }

  .main-head .navbar .right-bar .notification .dropdown-menu .dropdown-item {

      padding: 4px 12px;

      color: #6d6b6b;
  }

  .main-head .navbar .right-bar .notification .dropdown-menu .dropdown-item i {
      margin-right: 8px;
      font-size: 18px;
      color: #7371b6;
  }

  .main-head .navbar .right-bar .notification .dropdown-menu .dropdown-item:active {
      background: #bdd8f7;
  }

  .main-head .navbar .right-bar .notification .dropdown-menu .dropdown-item:hover {
      background: #bdd8f7;
      color: #000;
  }


  .main-head .navbar .right-bar .notification .dropdown-menu .noti {
      background: #0a04bc;
      display: flex;
      align-items: center;
      padding: 10px 10px;
  }

  .main-head .navbar .right-bar .notification .dropdown-menu .noti .count {
      background: #FFC107;
      width: 31px;
      height: 20px;
      color: #000000;
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-right: 8px;
  }

  .main-head .navbar .right-bar .notification .dropdown-menu .noti h4 {
      margin: 0;
      color: #fff;
      font-size: 15px;
  }

  .main-head .navbar .right-bar .notification .dropdown-menu .noti-list {

      display: flex;


  }

  .main-head .navbar .right-bar .notification .dropdown-menu .noti-list {
      /* display: flex; */
      border-bottom: #d9d8d8 1px solid;
  }

  .main-head .navbar .right-bar .notification .dropdown-menu .noti-list:last-child {
      border-bottom: none;
      text-align: center;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
  }

  .main-head .navbar .right-bar .notification .dropdown-menu .noti-list:last-child .dropdown-item {
      justify-content: center;
      background: #bdd3ff;
      color: #2f4f88;
      transition: 0.3s;
  }

  .main-head .navbar .right-bar .notification .dropdown-menu .noti-list:last-child .dropdown-item:hover {
      opacity: 0.8;
  }

  .main-head .navbar .right-bar .notification .dropdown-menu .noti-list:last-child .dropdown-item i {
      color: #2f4f88;
      margin-right: 4px;
  }

  .main-head .navbar .right-bar .notification .dropdown-menu .noti-list .dropdown-item {
      display: flex;
      align-items: center;
      /* justify-content: center; */
  }

  .main-head .navbar .right-bar .notification .dropdown-menu .noti-list .dropdown-item .user {

      width: 30px;

      height: 30px;

      background: #d2d2d2;

      display: flex;

      align-items: center;

      justify-content: center;

      border-radius: 17px;

      margin-right: 9px;
  }

  .main-head .navbar .right-bar .notification .dropdown-menu .noti-list .dropdown-item .user i {
      margin: 0;
  }

  .main-head .navbar .right-bar .notification .dropdown-menu .noti-list .dropdown-item .user-info {
      width: 86%;
      line-height: 15px;
  }

  .main-head .navbar .right-bar .notification .dropdown-menu .noti-list .dropdown-item .user-info h4 {
      font-size: 14px;
      margin-bottom: 0px;
      font-weight: 600;
  }

  .main-head .navbar .right-bar .notification .dropdown-menu .noti-list .dropdown-item .user-info p {

      font-size: 12px;

      display: block;
      /* or inline-block */

      text-overflow: ellipsis;

      white-space: nowrap;

      word-wrap: break-word;

      overflow: hidden;

      max-height: 4.5em;

      line-height: 1.5em;

      max-width: 93%;
  }

  .main-head .navbar .right-bar .notification .dropdown-menu .noti-list .dropdown-item .user-info span {

      font-size: 12px;

      font-weight: 600;

      color: #cc6c6c;
  }



  .button-group {
      display: flex;
      column-gap: 6px;
      row-gap: 6px;
      flex-wrap: wrap;
  }

  .button-group button {

      padding: 4px 12px;

      font-size: 14px;

      border: none;
  }

  .button-group button.btn-cl-orange {

      background-image: linear-gradient(to right, #e17e08, #ef8837);

  }

  .button-group button.btn-cl-red {
      background-image: linear-gradient(to right, #d90c0c, #ff3337);
  }

  .button-group button.btn-cl-green {
      background-image: linear-gradient(to right, #1c8e63, #02ab6b);
  }

  .button-group button.btn-cl-blue {

      background-image: linear-gradient(to right, #187ad6, #2899fa);
  }

  .section-content {
      /* border-radius: 15px; */
  }

  .section-content .section-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      background: #ffffff;
      background-image: linear-gradient(to right, #021f7c, #0037d6);
      padding: 9px 22px;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
  }

  .section-content .section-head .head-title {}

  .section-content .section-head .head-title h3 {
      margin: 0;
      color: #fff;
      font-size: 17px;
  }

  .section-content .section-head .head-title .action-btn {}

  .section-content .card {}

  .section-content .card .card-body {
      padding: 12px 12px;
  }

  .section-content .section-info {}

  .section-content .section-info h3 {
      font-size: 18px;
      font-weight: 800;
      border-bottom: #bcbcbc 1px solid;
      padding-bottom: 13px;
  }

  .section-content .section-info p {}

  .section-content .table-modi {
      width: 100%;
  }

  .section-content .table-modi thead {}

  .section-content .table-modi thead tr {}

  .section-content .table-modi thead tr th {
      padding: 7px 12px;
      /* background: #000; */
      color: #332f2f;
  }

  .section-content .table-modi thead tr:nth-child(1) th {
      background-color: #bdd3ff;
      border-bottom: 0;
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      z-index: 10;
  }

  .section-content .table-modi tbody {}

  .section-content .table-modi tbody tr th {
      padding: 0px 7px;
      font-size: 12px;
      width: 36%;
  }

  .section-content .table-modi tbody tr td {
      padding: 6px 10px;
      font-size: 13px;
  }

  .section-content .table-modi tbody tr td .info {}

  .section-content .table-modi tbody tr td .info ul {
      padding: 0;
      margin: 0;
  }

  .section-content .table-modi tbody tr td .info ul li {
      list-style: none;
      /* margin-bottom: 3px; */
      font-size: 13px;
  }

  .section-content .table-modi tbody tr td .info ul li .id-btn {
      padding: 1px 8px 0px;
      font-size: 13px;
      background: #0922c2;
      border: none;
      border-radius: 4px;
  }

  .section-content .table-modi tbody tr td .info ul li label {
      margin: 0;
  }

  .section-content .table-modi tbody tr td .info ul li label i {

      font-size: 14px;
  }

  .section-content .table-modi tbody tr td .info ul li span {}

  .section-content .table-modi tbody tr td .info.action-bt {
      display: flex;
      gap: 4px;
  }

  .section-content .table-modi tbody tr td .info.action-bt .btn-fnt {
      font-size: 18px;
      /* padding: 2px 5px; */
      width: 30px;
      height: 30px;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .section-content .dropdown-action {
      /* margin-top: 4px; */
  }

  .section-content .dropdown-action .card {
      margin-bottom: 0 !important;
      background: #ececec;
      margin-top: 12px;
  }

  .section-content .dropdown-action .card.cardbody {}

  .section-content .square-section {
      /* display: flex; */
      align-items: center;
      justify-content: space-around;
      /* column-gap: 8px; */
  }

  .section-content .square-section .infototal {
      display: flex;
      align-items: center;
      justify-content: space-between;
      background-image: linear-gradient(to right, #022493, #1e4cd0);
      padding: 8px 10px;
      border-radius: 5px;
      width: 100%;
      /* flex-wrap: wrap; */
  }

  .section-content .square-section .infototal.col-blue {

      background-image: linear-gradient(to right, #021f7c, #0037d6);

  }

  .section-content .square-section .infototal.col-orange {

      background-image: linear-gradient(to right, #d99c18, #f4b226);

  }

  .section-content .square-section .infototal.col-green {

      background-image: linear-gradient(to right, #0e9836, #07b93c);

  }

  .section-content .square-section .infototal.col-red {

      background-image: linear-gradient(to right, #b80608, #de1115);

  }

  .section-content .square-section .infototal.col-purple {

      background-image: linear-gradient(to right, #9600ab, #c714dc);
  }

  .section-content .square-section .infototal.col-dark {

      background-image: linear-gradient(to right, #5800ae, #7116fe);
  }

  .section-content .square-section .infototal .icon {}

  .section-content .square-section .infototal .service {
      display: flex;
      align-items: center;
      color: #fff;
  }

  .section-content .square-section .infototal .service i {
      margin-right: 10px;
      width: 30px;
      height: 30px;
      background: #ffffff61;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #ffffff;
      border-radius: 22px;
  }

  .section-content .square-section .infototal .service h3 {
      margin: 0;
      font-size: 16px;
  }

  .section-content .square-section .infototal .number {
      color: #fff;
      font-size: 19px;
      font-weight: 600;
  }



  .form-update {}



  .form-update .form-head {

      border-bottom: #c5c5c5 1px solid;

      margin-bottom: 10px;
  }

  .form-update .form-head h4 {
      font-weight: 700;
      font-size: 17px;
      color: #000;
  }

  .form-update .form-group {

      margin: 0;

      position: relative;
  }

  .form-update .form-control {

      height: 34px;

      font-size: 13px;

      font-weight: 600;

  }

  .form-update .form-group .select2 .select2-selection__rendered {
      font-size: 13px;
      font-weight: 500;
      background: #ffffff;
      /* border: none; */
      box-shadow: none;
      /* outline: navajowhite; */
      border-radius: 4px;
      line-height: 33px;
      border: #0000002e 1px solid;
  }

  .form-update .form-group .select2-container--bootstrap4 .select2-selection {
      /* height: 20px !important; */
      /* line-height: 12px; */
      box-shadow: none;
      border: none;
  }

  .form-update .form-group label {

      margin-bottom: 4px;

      font-size: 13px;

      display: flex;

      align-items: center;

  }

  .form-update .form-group .icon-right.extra-top {
      top: 2px;
  }


  .form-update .form-group .icon-right {

      position: absolute;

      top: 27px;

      right: 5px;

      font-size: 22px;

      color: #8b9fcf;
  }

  .form-update .form-group .icon-left {}

  .form-update .form-submit {
      display: flex;
      align-items: center;
      justify-content: center;
      background: #d8dfee;
      padding: 12px 0px;
      gap: 10px;
      margin-top: 20px;
  }

  .form-update hr {
      margin-top: 1rem;
      margin-bottom: 1rem;
      border: 0;
      border-top: 1px solid rgb(0 0 0 / 44%);
  }

  .form-update .search-drop {
      border-radius: 4px;
      background-color: #fff;
      box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .2);
      width: 99%;
      position: absolute;
      left: 0;
      top: 62px;
      max-height: 298px;
      overflow: hidden;
      z-index: 999;
      /* padding: 4px; */
      transform: inherit !important;
      padding: 0;
  }



  .form-update .search-drop.search-drop-wl {

      top: 36px;

  }

  .form-update .search-drop .searchbar {
      padding: 4px 4px;
  }

  .form-update .search-drop .searchbar i {
      position: absolute;
      font-size: 24px;
      top: 8px;
      left: 12px;
      color: #605f5f
  }

  .form-update .search-drop .searchbar input {
      width: 100%;
      height: 44px;
      font-size: 14px;
      border: 1px solid #cfcfcf;
      /* box-shadow: 0 2px 3px 0 rgba(0,0,0,.1); */
      padding: 0 38px
  }

  .form-update .search-drop .searchbar .clear {
      position: absolute;
      right: 16px;
      top: 16px;
      font-size: 13px;
      text-decoration: none;
      color: #ac8282
  }

  .form-update .search-drop .searchlocation {
      max-height: 300px;
      overflow-y: auto
  }


  .form-update .search-drop .searchlocation .form-check {
      width: 100%;
      display: inline-block;
      margin: 0;
      padding: 5px 24px;
  }

  .form-update .search-drop .searchlocation .form-check .form-check-label {
      margin: 0;
      width: 100%;
  }

  .form-update .search-drop h3 {
      margin-bottom: -2px;
      font-size: 15px;
      padding: 7px 11px;
      color: #5d84ac;
      margin-top: 8px
  }

  .form-update .search-drop ul {
      list-style: none;
      padding: 0;
      margin: 0
  }

  .form-update .search-drop ul li {
      display: flex;
      align-items: center;
      cursor: pointer;
      border-bottom: 1px solid #e4e4e4;
      padding: 4px 10px;
  }

  .form-update .search-drop ul li:hover {
      background: #e9f3ff;
  }

  .form-update .search-drop ul li i {
      font-size: 21px;
      color: #8a9bda;
      margin-right: 5px
  }

  .form-update .search-drop ul li .name {
      font-size: 14px;
      font-weight: 600;
      color: #606060;
  }

  .form-update .search-drop ul li .city {
      font-size: 13px;
      margin: 0
  }

  .form-update .search-drop ul li .name strong {
      font-size: 14px
  }

  .section-content .sidebar-fields {}

  .section-content .sidebar-fields .offcanvas {
      width: 35% !important;
  }

  .section-content .sidebar-fields .offcanvas .offcanvas-header {
      border-bottom: #b8b8b8 1px solid;
      padding: 9px 13px;
      background: #041956;
  }

  .section-content .sidebar-fields .offcanvas .offcanvas-header .offcanvas-title {
      color: #fff;
      font-size: 15px;
      font-weight: 600;
  }

  .section-content .sidebar-fields .offcanvas .offcanvas-header .btn-close {

      background: #ffc900;

      opacity: 1;

      color: #ffff;

      line-height: 15px;

      font-size: 18px;

      padding: 6px 5px 3px;
  }

  .popup-set {}

  .popup-set .modal-content {}

  .popup-set .modal-content .modal-header {
      padding: 4px 14px;
      /* background: #000; */
      background-image: linear-gradient(to right, #021f7c, #0037d6);
  }

  .popup-set .modal-content .modal-header .btn-close {
      position: absolute;
      right: 2px;
      top: 2px;
      width: 26px;
      height: 26px;
      background: #ff0707;
      opacity: 1;
      padding: 0;
      line-height: 29px;
      color: #fff;
      border-radius: 23px;
      padding: 0;
  }

  .popup-set .modal-content .modal-header .modal-title {
      margin: 0;
      color: #fff;
      font-size: 18px;
  }

  .popup-set .modal-content .modal-header .modal-title .btn-close {}

  .agent-panel-offer {
      /* padding: 20px 0px; */
      margin-bottom: 28px;
  }

  .popup-set .modal-content .modal-footer {
      padding: 4px 4px;
  }

  .agent-panel-offer .head {
      /* text-align: center; */
      margin-top: 16px;
      margin-bottom: 13px;
  }

  .agent-panel-offer .head h3 {
      font-weight: 800;
      color: #000000;
      font-size: 22px;
  }

  .agent-panel-offer .head p {
      color: #000;
      font-size: 16px;
      margin: 0;
  }

  .agent-panel-offer .offer-block {}

  .form-bottom {
      padding-top: 20px;
  }

  .form-bottom .points {
      color: #fff;
      text-align: center;
      font-size: 18px;
  }

  .form-bottom .points i {}

  .form-bottom .points h4 {}

  .tab-action {}

  .tab-action .nav-tabs {}

  .tab-action .nav-tabs .nav-item {
      width: 100%;
  }

  .tab-action .nav-tabs .nav-item .nav-link {
      color: #000;
      width: 100%;
  }

  .tab-action .nav-tabs .nav-item .nav-link:hover {
      color: #ffffff !important;
      background-image: linear-gradient(to right, #5c81ff, #3d6bff);
  }

  .tab-action .nav-tabs .nav-item .nav-link.active {
      color: #ffffff !important;
      background-image: linear-gradient(to right, #5c81ff, #3d6bff);
  }

  .recent-search {
      padding: 10px 0px;
      margin-bottom: 26px;
  }

  .recent-search .head {}

  .recent-search .head h3 {
      font-weight: 800;
      color: #000000;
      font-size: 22px;
  }

  .recent-search .search-show {
      border: #cccccc 1px solid;
      background: #fff;
      border-radius: 5px;
      padding: 10px 15px;
      position: relative;
      cursor: pointer;
      transition: 0.2s;
  }

  .recent-search .search-show:hover {
      background: #cbdeff;
  }

  .recent-search .search-show .route {
      display: flex;
      align-items: center;
  }

  .recent-search .search-show .route h4 {
      margin: 0;
      font-size: 15px;
      color: #000;
      font-weight: 700;
  }

  .recent-search .search-show .route i {
      padding: 0px 8px;
      font-size: 17px;
  }

  .recent-search .search-show .time {}

  .recent-search .search-show .time span {
      font-size: 13px;
      color: #000;
      font-weight: 600;
  }

  .recent-search .search-show .arrow {
      position: absolute;
      right: 6px;
      top: 25px;
  }

  .recent-search .search-show .arrow i {
      font-size: 18px;
  }

  footer .footer-blue {
      padding-top: 38px;
      background: #1a46a5;
      background-image: linear-gradient(to bottom right, #202095, #051e65);
  }

  footer .footer-blue .right-pay {
      width: 100%;
      display: flex;
      justify-content: right;
      align-items: center
  }

  footer .footer-blue .right-pay span {
      width: 45%
  }

  footer .footer-blue h2 {
      font-size: 16px;
      color: #fff;
      font-weight: 700;
      text-transform: uppercase
  }

  footer .footer-blue .link-block ul {
      padding: 0
  }

  footer .footer-blue .link-block ul li {
      list-style-type: none
  }

  footer .footer-blue .link-block ul li a {
      color: #fff;
      font-size: 13px;
      text-decoration: none
  }

  footer .footer-blue .newsletter p {
      color: #fff;
      font-size: 14px;
      margin-bottom: 7px
  }

  footer .footer-blue .newsletter img {
      width: 22%
  }

  footer .footer-blue .newsletter .form-group {
      width: 100%;
      overflow: hidden;
      margin: 0
  }

  footer .footer-blue .newsletter .form-group .form-control {
      float: left;
      width: 70%;
      border-radius: 0;
      border: 0;
      height: 32px
  }

  footer .footer-blue .newsletter .form-group button {
      float: left;
      border: 0;
      background-color: #ec1c3c;
      color: #fff;
      font-size: 14px;
      padding: 6px 18px
  }

  footer .footer-blue .contact ul {
      margin: 0;
      padding: 0
  }

  footer .footer-blue .contact ul li {
      display: flex;
      align-items: center;
      justify-content: left
  }

  footer .footer-blue .contact ul li span {
      width: 13%;
      margin-right: 10px
  }

  footer .footer-blue .contact ul li a {
      margin: 0;
      padding: 0
  }

  footer .footer-blue .contact p {
      position: relative;
      padding-left: 22px;
      color: #fff;
      font-size: 14px
  }

  footer .footer-blue .contact a {
      display: block;
      color: #fff;
      position: relative;
      padding-left: 27px;
      text-decoration: none;
      font-weight: 500;
      font-size: 14px
  }

  footer .footer-blue .Follow_us ul {
      display: flex;
      padding: 0;
      margin: 0
  }

  footer .footer-blue .Follow_us ul li {
      margin-right: 9px;
      list-style: none;
      background: #fff;
      height: 30px;
      width: 30px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 5px
  }

  footer .footer-blue .Follow_us ul li a {
      line-height: 0
  }

  footer .footer-blue .Follow_us ul li span {
      font-size: 24px;
      line-height: 2
  }

  footer .footer-blue .contact i {
      position: absolute;
      left: 0;
      font-size: 18px
  }

  footer .footer-blue .Logo_footer {
      width: 40%
  }

  footer .footer-logo {
      background-color: #fff;
      padding: 24px 0 2px
  }

  footer .social-sec {
      background-color: #fff;
      padding: 1px 4px
  }

  footer .social-sec .social-media a {
      color: #ff9000;
      font-size: 22px;
      display: inline-block;
      padding: 7px 6px
  }

  footer .social-sec .right-pay {
      text-align: right
  }

  footer .ita-logo {
      width: 23%;
      margin: 0 auto;
      padding: 9px 0
  }

  footer .copy-sec {
      text-align: center;
      color: #fff;
      padding: 21px 0;
      font-size: 14px;
      background: #0844c5
  }

  footer .copy-sec p {
      margin: 0;
      color: #fff
  }

  .custom-tooltip {
      --bs-tooltip-bg: var(--bs-primary);
  }

  .navbar-toggler {
      border: none;
      padding: 0;
      box-shadow: none !important;
  }

  .toggle-wrap {
      /* padding: 10px; */
      /* position: relative; */
      cursor: pointer;
      /* float: left; */
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
  }

  .toggle-bar,
  .toggle-bar::before,
  .toggle-bar::after,
  .toggle-wrap.active .toggle-bar,
  .toggle-wrap.active .toggle-bar::before,
  .toggle-wrap.active .toggle-bar::after {
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
  }

  .toggle-bar {
      width: 32px;
      margin: 3px 0;
      position: relative;
      border-top: 3px solid #303030;
      display: block;
  }

  .toggle-bar::before,
  .toggle-bar::after {
      content: "";
      display: block;
      background: #303030;
      height: 3px;
      width: 32px;
      position: absolute;
      top: -11px;
      -ms-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
      -ms-transform-origin: 13%;
      -webkit-transform-origin: 13%;
      transform-origin: 13%;
  }

  .toggle-bar::after {
      top: 6px;
  }

  .toggle-wrap.active .toggle-bar {
      border-top: 6px solid transparent;
  }

  .toggle-wrap.active .toggle-bar::before {
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
  }

  .toggle-wrap.active .toggle-bar::after {
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
  }

  .welcome-page {
      position: relative;
  }

  .welcome-page .welcome-in .img-set {}

  .welcome-page .welcome-in .img-set img {}

  .welcome-page .welcome-in .heading {
      position: absolute;
      height: 100%;
      width: 100%;
      top: 0;
      z-index: 10;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
  }

  .welcome-page .welcome-in .heading h3 {
      color: #fff;
      font-size: 45px;
      font-weight: 900;
  }

  .welcome-page .welcome-in .heading p {
      font-size: 21px;
      color: #fff;
  }

  .welcome-page .opacity {

      position: absolute;

      width: 100%;

      height: 100%;

      background: #00000026;
  }
@media screen and (min-width: 992px) {
  .main-head .navbar {
    padding: 0;
    line-height: 3rem;
    .dropdown-menu {
      line-height: initial;
    }
  }  
  
   .main-head .navbar .navbar-nav .dropdown {
    .dropdown-menu {
      display: none;
    }
  }
  .main-head .navbar .navbar-nav .dropdown,
  .main-head .navbar .navbar-nav .dropend {
    &:hover {
      & > .dropdown-menu {
        display: block;
      }
    }
  }
  .main-head .navbar .navbar-nav .dropdown {
    &:hover {
      & > .dropdown-menu {
        margin-top: -.5rem;
      }
    }
  }
 .main-head .navbar .navbar-nav .dropend {
    &:hover {
      & > .dropdown-menu {
        position: absolute;
        top: -.5rem;
        left: 100%;
        margin-left: 0;
      }
    }
  }
}
  @media only screen and (max-width: 480px) {

      .main-head .navbar .navbar-collapse {
          position: absolute;
          width: 50%;
          background-color: #1b449c;
          top: 0;
          left: -204px;
          transition: 0.5s;
          z-index: 100;
          height: 100vh !important;
      }

      .main-head .navbar .navbar-collapse.show {

          left: 0px;
          z-index: 100;
          height: 100vh;

      }

      .main-head .navbar .navbar-brand {
          width: 22%;
      }

      .main-head .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
          font-size: 13px;
          padding: 8px 14px;
          color: #fff;
      }

      .main-head .navbar .navbar-collapse .navbar-nav .nav-item {
          border-bottom: #b2b2b2 1px solid;
      }

      .main-head .navbar .navbar-collapse.collapsing {}

      .main-head .navbar .navbar-collapse .navbar-nav .dropdown-menu {

          margin: 0;
          padding: 0;
      }
  }


  .form-update .form-text {

      /* height: 34px; */

      font-size: 13px;

      font-weight: 600;

      width: 100%;

      border: #d2d2d2 1px solid;

      border-radius: 4px;

      padding: 3px 4px;

  }



  table tbody tr td .img-set {

      width: 50px;

      height: 50px;
  }


  .layout-footer-fixed .wrapper .main-footer {
      bottom: 0;
      left: 0;
      position: inherit;
      right: 0;
      z-index: 1032;
      display: flex;
      align-items: center;
      justify-content: space-between;
  }