/*----- Default CSS -----*/
  body {
      font-family: 'Be Vietnam Pro', cursive;
      color: #106562;
      background-color: #fff;
      font-size: 16px;
      scrollbar-color: #106562 #e9e9e9;
      scrollbar-width: thin;
      overflow-y: scroll;
  }

  .text-right {
      text-align: right;
  }

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

  .main-color {
      background: #106562;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
      font-weight: 700;
      color: #e61f26;
      line-height: 1.4;
  }

  .row {
      margin: 0;
  }

  .border-rl {
      border-right: 2px solid #e4e4e4;
      border-left: 2px solid #e4e4e4;
  }

  .landing-page-title {
      font-size: 48px;
      font-family: 'Overlock SC', sans-serif !important;
      font-weight: 500;
      text-align: center;
      margin-bottom: 50px;
      color: #000;
  }

  p {
      line-height: 1.7;
      margin: 0;
  }

  a {
      -webkit-transition: 0.5s all ease;
      transition: 0.5s all ease;
      text-decoration: none;
  }

  img {
      max-width: 100%;
  }

  ::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      border-radius: 10px;
      background-color: #F5F5F5;
  }

  ::-webkit-scrollbar {
      width: 8px;
      background-color: #F5F5F5;
      height: 5px;
  }

  ::-webkit-scrollbar-thumb {
      border-radius: 5px;
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
      background-color: #e61f26;
  }

  ::-moz-scrollbar-track {
      -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      border-radius: 10px;
      background-color: #F5F5F5;
  }

  ::-moz-scrollbar {
      width: 8px;
      background-color: #F5F5F5;
      height: 5px;
  }

  ::-moz-scrollbar-thumb {
      border-radius: 5px;
      -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
      background-color: #e61f26;
  }

  ::-o-scrollbar-track {
      -o-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      border-radius: 10px;
      background-color: #F5F5F5;
  }

  ::-o-scrollbar {
      width: 8px;
      background-color: #F5F5F5;
      height: 5px;
  }

  ::-o-scrollbar-thumb {
      border-radius: 5px;
      -o-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
      background-color: #e61f26;
  }

  .scroller {
      overflow-y: scroll;
      scrollbar-color: #0A4C95 #C2D2E4;
  }

  .main-nav nav .right .navbar-nav .nav-item .dropdown-menu::-webkit-scrollbar {
      width: 3px;
  }

  .d-table {
      width: 100%;
      height: 100%;
  }

  .d-table-cell {
      vertical-align: middle;
  }

  .ptb-100 {
      padding-top: 100px;
      padding-bottom: 100px;
  }

  .pt-100 {
      padding-top: 100px;
  }

  .pt-30 {
      padding-top: 30px;
  }

  .pt-50 {
      padding-top: 50px;
  }

  .pb-70 {
      padding-bottom: 70px;
  }

  .pb-50 {
      padding-bottom: 50px;
  }

  .pb-100 {
      padding-bottom: 100px;
  }

  .mb-100 {
      margin-bottom: 100px;
  }

  button:focus {
      outline: 0;
  }

  .btn.focus,
  .btn:focus {
      -webkit-box-shadow: none;
      box-shadow: none;
  }

  ul {
      margin: 0;
      padding: 0;
  }

  .container {
      max-width: 1230px;
  }

  .bk-wihte {
      background: #fff;
  }

  .s-pad {
      padding: 0 8px;
  }

  .l-pad {
      padding-left: 0;
  }


  .preloader {
      position: fixed;
      left: 0;
      width: 0;
      height: 100%;
      width: 100%;
      text-align: center;
      z-index: 999999999999999;
      -webkit-transition: .9s;
      transition: .9s;
  }

  .preloader .loader {
      position: absolute;
      display: inline-block;
      left: 0;
      right: 0;
      margin: 0 auto;
      top: 35%;
      -webkit-transform: translateY(-45%);
      transform: translateY(-45%);
      -webkit-transition: 0.5s;
      transition: 0.5s;
      max-width: 29%;
  }

  .preloader .loader .loader-outter {
      position: absolute;
      border: 4px solid #ffffff;
      border-left-color: transparent;
      border-bottom: 0;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      -webkit-animation: loader-outter 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
      animation: loader-outter 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
  }

  .btn i {
      padding: 0 5px;
      vertical-align: sub;
  }

  .preloader .loader .loader-inner {
      position: absolute;
      border: 4px solid #ffffff;
      border-radius: 50%;
      width: 60px;
      height: 60px;
      left: calc(40% - 21px);
      top: calc(40% - 21px);
      border-right: 0;
      border-top-color: transparent;
      -webkit-animation: loader-inner 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
      animation: loader-inner 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
  }

  .preloader .loader .indicator img {
      animation: circleScale 3s infinite;
  }

  .preloader .loader .indicator {
      position: absolute;
      right: 0;
      left: 0;
      top: 50%;
  }

  @keyframes circleScale {
      0% {
          transform: scale(1)
      }

      50% {
          transform: scale(1.2)
      }

      100% {
          transform: scale(1)
      }
  }

  .preloader .loader .indicator svg polyline {
      fill: none;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
  }

  .preloader .loader .indicator svg polyline#back {
      stroke: #ffffff;
  }

  .preloader .loader .indicator svg polyline#front {
      stroke: #2574A9;
      stroke-dasharray: 12, 36;
      stroke-dashoffset: 48;
      -webkit-animation: dash 1s linear infinite;
      animation: dash 1s linear infinite;
  }

  .preloader::before,
  .preloader::after {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 60%;
      z-index: -1;
      background: #fff;
      -webkit-transition: .9s;
      transition: .9s;
  }

  .preloader::after {
      left: auto;
      right: 0;
  }

  .preloader.preloader-deactivate {
      visibility: hidden;
  }

  .preloader.preloader-deactivate::after,
  .preloader.preloader-deactivate::before {
      width: 0;
  }

  .preloader.preloader-deactivate .loader {
      opacity: 0;
      visibility: hidden;
  }

  @-webkit-keyframes loader-outter {
      0% {
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
      }

      100% {
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
      }
  }

  @keyframes loader-outter {
      0% {
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
      }

      100% {
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
      }
  }

  @-webkit-keyframes loader-inner {
      0% {
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
      }

      100% {
          -webkit-transform: rotate(-360deg);
          transform: rotate(-360deg);
      }
  }

  @keyframes loader-inner {
      0% {
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
      }

      100% {
          -webkit-transform: rotate(-360deg);
          transform: rotate(-360deg);
      }
  }

  @-webkit-keyframes dash {
      62.5% {
          opacity: 0;
      }

      to {
          stroke-dashoffset: 0;
      }
  }

  @keyframes dash {
      62.5% {
          opacity: 0;
      }

      to {
          stroke-dashoffset: 0;
      }
  }

  /*----- Go Top CSS -----*/
  .go-top {
      position: fixed;
      cursor: pointer;
      bottom: 50px;
      right: 0;
      color: #ffffff;
      background-color: #106562;
      z-index: 4;
      width: 45px;
      text-align: center;
      height: 45px;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: .9s;
      transition: .9s;
      border-radius: 50%;
      border: 1px solid #0f6360;
      -webkit-box-shadow: 0 2px 6px 0 #00000029;
      box-shadow: 0 2px 6px 0 #00000029;
  }

  .go-top i {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      left: 0;
      right: 0;
      margin: 0 auto;
      -webkit-transition: 0.6s;
      transition: 0.6s;
      font-size: 25px;
      line-height: 45px;
  }

  .go-top i:last-child {
      opacity: 0;
      visibility: hidden;
      top: 60%;
  }

  .go-top.active {
      right: 1%;
      -webkit-transform: translateY(-1%);
      transform: translateY(-1%);
      opacity: 1;
      visibility: visible;
  }

  .go-top:hover,
  .go-top:focus {
      color: #ffffff;
      border: 1px solid #535353;
      background-color: #535353;
  }

  .go-top:hover i:first-child,
  .go-top:focus i:first-child {
      opacity: 0;
      top: 0;
      visibility: hidden;
  }

  .go-top:hover i:last-child,
  .go-top:focus i:last-child {
      opacity: 1;
      visibility: visible;
      top: 50%;
  }

  .clear {
      clear: both;
  }

  /*----- End Go Top CSS -----*/
  /*----- Preloader CSS -----*/
  .loader {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 99999;
  }

  .spinner {
      width: 40px;
      height: 40px;
      position: relative;
      margin: 100px auto;
  }

  .double-bounce1,
  .double-bounce2 {
      width: 100%;
      height: 100%;
      border-radius: 50%;
      background-color: #fff;
      opacity: 0.6;
      position: absolute;
      top: 0;
      left: 0;
      -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
      animation: sk-bounce 2.0s infinite ease-in-out;
  }

  .double-bounce2 {
      -webkit-animation-delay: -1.0s;
      animation-delay: -1.0s;
  }

  @-webkit-keyframes sk-bounce {

      0%,
      100% {
          -webkit-transform: scale(0);
          transform: scale(0);
      }

      50% {
          -webkit-transform: scale(1);
          transform: scale(1);
      }
  }

  @keyframes sk-bounce {

      0%,
      100% {
          -webkit-transform: scale(0);
          transform: scale(0);
      }

      50% {
          -webkit-transform: scale(1);
          transform: scale(1);
      }
  }

  .section-title {
      position: relative;
      z-index: 1;
      margin-bottom: 20px;
  }

  .section-title h2 {
      margin-bottom: 0;
      font-size: 38px;
      position: relative;
  }

  .section-title h2:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 115px;
      height: 3px;
      background: #106562;
  }

  .section-title-center {
      position: relative;
      z-index: 1;
      margin-bottom: 20px;
      text-align: center;
  }

  .section-title-center h2 {
      margin-bottom: 0;
      font-size: 38px;
      position: relative;
      text-transform: capitalize;
  }

  .section-title-center h2:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      width: 115px;
      height: 3px;
      background: #ffcd00;
      margin: auto;
  }

  .main-btn {
      background-color: #e61f26;
      color: #fff !important;
      border: 1px solid #fff;
      transition: all 0.5s ease-in-out;
      border-radius: 25px;
  }

  .main-btn:hover {
      background-color: #fff;
      color: #e61f26 !important;
      border: 1px solid #e61f26;
  }

  /*----- Home Demo One CSS -----*/
  /*-- Header --*/
  .header-area {
      background-color: #011a41;
      padding-top: 20px;
      padding-bottom: 20px;
  }

  .header-area .left ul li {
      list-style-type: none;
      display: inline-block;
      margin-right: 15px;
  }

  .header-area .left ul li:last-child {
      margin-right: 0;
  }

  .header-area .left ul li i {
      display: inline-block;
      font-size: 20px;
      position: relative;
      top: 4px;
      color: #011a41;
      margin-right: 2px;
  }

  .header-area .left ul li a {
      display: inline-block;
      color: #fff;
      font-size: 14px;
  }

  .header-area .left ul li a:hover {
      color: #011a41;
  }

  .header-area .right {
      text-align: right;
  }

  .header-area .right ul li {
      list-style-type: none;
      display: inline-block;
      margin-right: 10px;
  }

  .header-area .right ul li:last-child {
      margin-right: 0;
  }

  .header-area .right ul li a {
      display: block;
      font-size: 18px;
      color: #fff;
  }

  .header-area .right ul li a:hover {
      color: #011a41;
  }

  /*-- Navbar --*/
  .main-nav {
      background: #106562;
      -webkit-transition: 0.5s all ease;
      transition: 0.5s all ease;
      padding: 5px;
      -webkit-box-shadow: 0 2px 6px 0 #00000029;
      box-shadow: 0 2px 29px 0px #00000029;
      position: relative;
  }

  .navbar-area {
      background-color: #fcfcfc;
      -webkit-box-shadow: 0 3px 10px 0 rgb(0 0 0 / 16%);
      box-shadow: 0 3px 10px 0 rgb(0 0 0 / 16%);
      min-height: 80px;
  }

  .main-nav.menu-shrink {
      padding-top: 8px;
      padding-bottom: 8px;

  }

  .top-header {
      background: #106562;
      display: flex;
      justify-content: center;
      /*! box-shadow: 0 0px 16px -16px #000; */
  }

  .top-header ul {
      list-style: none;
      display: flex;
  }

  .top-header .right {
      float: right;
  }

  .top-header ul li {
      padding: 5px 10px;
      font-size: 12px;
      color: #fff;
      display: inline-block;
      padding: 0 !important;
  }

  .top-header ul li img {
      max-width: 20px;
      vertical-align: sub;
  }

  .mean-menu {
      display: flex !important;
      flex-grow: 1;
      align-items: center;
      flex-basis: auto;
  }

  .main-nav nav {
      padding: 0;
  }

  .main-nav .logo {
      position: relative;
      width: 100%;
      height: 50px;
  }

  .main-nav .logo img {
      position: absolute;
      max-width: 100%;
      max-height: 100%;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
  }

  .navbar-brand {
      width: 100%;
      padding: 0;
  }

  .main-nav nav .navbar-nav {
      height: auto;
      overflow: initial;
      flex-direction: row;
      justify-content: center;
      display: flex;
      align-content: center;
      align-items: center;
  }


  .main-nav nav .navbar-nav .nav-item a {
      font-weight: 600;
      color: #000;
      margin-left: 7px;
      margin-right: 7px;
      font-size: 14px;
      -webkit-transition: 0.5s all ease;
      transition: 0.5s all ease;
      color: #fff;
      padding: 0;
  }

  .main-nav nav .right .navbar-nav .nav-item a {
      color: #fff;
      padding: 5px;
  }
.main-nav nav .right .navbar-nav .sub-menu .nav-item a{color: #e61f26;}
.main-nav nav .right .navbar-nav .sub-menu a.nav-link{color: #e61f26;}
    .main-nav nav .right .navbar-nav .nav-item a p{
        font-size: 14px;
        line-height: 1.2;
    }
  .main-nav nav .navbar-nav .nav-item a:hover,
  .main-nav nav .navbar-nav .nav-item a:focus {
      color: #e61f26;
  }
.main-nav nav .navbar-nav .nav-item a.active {color: #ffcd00;}
  .red-btn {
      background: #e61f26;
      color: #fff !important;
      padding: 5px 12px !important;
      border-radius: 15px;
  }

  .main-nav nav .navbar-nav .nav-item a i {
      /*! display: inline-block; */
      /*! font-weight: 600; */
      /*! font-size: 18px; */
      /*! position: relative; */
      /*! top: 3px; */
  }

  .main-nav nav .navbar-nav .nav-item .dropdown-menu {
      padding: 0;
      background: #fff;
      border: 0;
      border-radius: 0;
  }

  .main-nav .drop-right nav .navbar-nav .nav-item .dropdown-menu {
      right: inherit;
      left: 0;
  }

  .main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
      top: 0 !important;
  }

  .main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover a {
      color: #011a41;
  }

  .main-nav nav .navbar-nav .nav-item .dropdown-menu li:last-child a {
      border-bottom: 0;
  }

  .main-nav nav .navbar-nav .nav-item .dropdown-menu li a {
      font-weight: 600;
      padding: 9px 15px;
      color: #011a41;
      position: relative;
      z-index: 1;
      border-bottom: 1px solid #f1f1f1;
  }

  .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:before {
      position: absolute;
      content: '';
      width: 0;
      height: 100%;
      left: 0;
      top: 0;
      background-color: #0698b4;
      -webkit-transition: .3s;
      transition: .3s;
      z-index: -1;
      border-radius: 0px 50px 50px 0px;
  }

  .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover,
  .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:focus,
  .main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active {
      color: #011a41;
      padding-left: 18px;
  }

  .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover:before,
  .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:focus:before,
  .main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active:before {
      width: 3px;
  }

  .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
      top: 15px;
      left: unset;
      right: -100%;
  }

  .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
      color: #011a41;
  }

  .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover,
  .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus,
  .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
      color: #011a41;
  }

  .main-nav .dropdown-toggle::after {
      display: none;
  }

  .search-form form {
      position: relative;
  }

  .search-form form input {
      color: #106562 !important;
      border: 0;
      background: #E9E9E9;
      border-radius: 10px;
      padding: 5px 40px;
  }

  .search-form form button {
      position: absolute;
      left: 5px;
      top: 0;
      bottom: 0;
      background: none !important;
      border: 0 !important;
      padding: 0;
      color: #106562 !important;
  }

  .side-nav .language {
      display: inline-block;
      vertical-align: middle;
      margin-right: 20px;
  }

  .side-nav .language .nice-select {
      height: 30px;
      line-height: 30px;
      background-color: transparent;
      border: 0;
      font-size: 16px;
      color: #011a41;
      font-weight: 600;
  }

  .side-nav .language .nice-select:after {
      border-bottom: 2px solid #011a41;
      border-right: 2px solid #011a41;
  }

  .side-nav .language .nice-select ul {
      border: 0;
      border-radius: 0;
      display: block;
      width: 100%;
  }

  .side-nav .language .nice-select ul li {
      display: block;
      width: 100%;
      color: #011a41;
      font-size: 15px;
  }

  .side-nav .consultant-btn {
      display: inline-block;
      color: #fff;
      background-color: #011a41;
      border-radius: 5px;
      padding: 12px 25px;
      font-weight: 600;
      vertical-align: middle;
  }

  .side-nav .consultant-btn:hover {
      background-color: #011a41;
  }

  .user-box {
      padding: 15px;
  }

  .user-box .user-img {
      position: relative;
      width: 70px;
      height: 70px;
  }

  .user-box .user-img img {
      position: absolute;
      max-width: 100%;
      max-height: 100%;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      margin: auto;
      border-radius: 50%;
  }

  .user-box .flex-grow-1 {
      align-self: center;
  }

  .user-box .flex-grow-1 h5 {
      font-size: 16px;
      font-weight: 500;
  }

  .user-box .flex-grow-1 h5 i {
      float: right;
      color: #676767;
  }

  /*-- HEADER --*/
  /*-- Footer --*/

  /*-- Copyright --*/
  .copyright-area.three .copyright-item p a {
      color: #355efc;
  }

  .copyright-area.three .copyright-item p a:hover {
      color: #fff;
  }

  .sidebarCollapse {
      width: auto;
      height: auto;
      background: none;
      cursor: pointer;
      border: 0;
      padding: 0;
  }

  .sidebarCollapse.navbar-btn {

      width: 40px;
      height: 40px;
  }

  .sidebarCollapse span {
      width: 80%;
      height: 3px;
      margin: 0 auto;
      display: block;
      background: #5c5c5c;
      transition: all 0.8s cubic-bezier(0.810, -0.330, 0.345, 1.375);
      transition-delay: 0.2s;
  }

  .sidebarCollapse span:first-of-type {
      transform: rotate(45deg) translate(2px, 2px);
  }

  .sidebarCollapse span:nth-of-type(2) {
      opacity: 0;
  }

  .sidebarCollapse span:last-of-type {
      transform: rotate(-45deg) translate(2px, -2px);
  }

  #sidebar {
      min-width: 360px;
      max-width: 250px;
      background: #fff;
      color: #5a5a5a;
      transition: all 0.6s cubic-bezier(0.945, 0.020, 0.270, 0.665);
      transform-origin: bottom left;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 999999999;
      bottom: 0;
      overflow-y: scroll;
  }

  #sidebar .navbar-myHeader {

      position: absolute;

      top: 0px;

      z-index: 999999999999999999999999;

      right: initial;

      left: 0;
  }

  #sidebar .logo-img {
      position: relative;
      width: 90%;
      height: 60px;
  }

  #sidebar .logo-img img {
      position: absolute;
      max-width: 100%;
      max-height: 100%;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      margin: auto;
  }

  #sidebar.active {
      margin-left: -250px;
      transform: rotateY(100deg);
  }

  #sidebar .sidebar-myHeader {
      padding: 20px;
      background: #6d7fcc;
  }

  #sidebar ul.components {
      padding: 15px 0;
      border-bottom: 0;
  }

  #sidebar ul p {
      color: #000;
      padding: 10px;
      text-align: center;
  }

  #sidebar ul li a {
      padding: 10px 20px;
      font-size: 1.1em;
      display: block;
      color: #5a5a5a;
      border-bottom: 2px solid #e4e4e4;
  }


  #sidebar ul li.active>a,
  a[aria-expanded="true"] {
      color: #173134 !important;
  }



  .sidebarCollapse.active span {
      transform: none;
      opacity: 1;
      margin: 10px auto;
      background: #fff;
  }

  .list-unstyled i {
      padding-right: 30px;
  }


  /*----- End Home Demo Three CSS -----*/
  /*-- Footer --*/
  footer {
      background-color: #E9E9E9;
      padding: 0;
  }

  .footer-item {
      margin-bottom: 30px;
  }

  footer h5 {
      color: #106562;
      position: relative;
  }

  footer h5:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100px;
      height: 3px;
      background: #106562;
  }

  footer p {
      color: #fff;
  }

  .footer-item h3 {
      font-size: 24px;
      padding-bottom: 10px;
      margin-bottom: 30px;
      position: relative;
      color: #fff;
  }

  .footer-item h3:before {
      position: absolute;
      content: '';
      bottom: 0;
      left: 0;
      width: 50px;
      height: 2px;
      background-color: #e3e6ea;
  }

  .footer-item .footer-logo .logo {
      display: block;
      margin-bottom: 20px;
      height: 100%;
  }

  .footer-item p,
  .footer-item a {
      color: #fff;
  }

  .footer-item .footer-logo ul li {
      list-style-type: none;
      display: block;
      position: relative;
      padding-left: 35px;
      margin-bottom: 12px;
  }

  .footer-item .footer-logo ul li:last-child {
      margin-bottom: 0;
  }

  .footer-item .footer-logo ul li i {
      position: absolute;
      top: 0;
      left: 0;
      color: #e2e5e9;
      font-size: 25px;
  }

  .footer-item .footer-logo ul li span {
      display: inline-block;
      font-weight: 600;
      margin-right: 3px;
      color: #fff;
  }

  .footer-item .footer-logo ul li a {
      display: inline-block;
      color: #fff;
  }

  .footer-item .footer-logo ul li a:hover {
      color: #c4c9d2;
  }

  .footer-item .footer-links ul li {
      list-style-type: none;
      display: block;
      margin-bottom: 10px;
  }

  .footer-item .footer-links ul li:last-child {
      margin-bottom: 0;
  }

  .footer-item .footer-links ul li a {
      color: #fff;
      display: block;
  }

  .footer-item .footer-links ul li a:hover {
      color: #c4c9d2;
      padding-left: 5px;
  }

  .footer-item .footer-newsletter p {
      color: #fff;
      margin-bottom: 30px;
  }

  .footer-item .footer-newsletter .newsletter-form .form-control {
      height: 50px;
      border: 0;
      border-radius: 0;
      padding-left: 15px;
      font-size: 15px;
  }

  .footer-item .footer-newsletter .newsletter-form .form-control:focus {
      -webkit-box-shadow: none;
      box-shadow: none;
      border: 0;
  }

  .footer-item .footer-newsletter .newsletter-form .common-btn {
      padding-top: 0;
      padding-bottom: 0;
      display: block;
      width: 100%;
      text-align: center;
      height: 50px;
      opacity: 1;
      -webkit-transition: 0.5s all ease;
      transition: 0.5s all ease;
      border: 0;
      border-radius: 0;
      margin-top: 10px;
      background: #c4c9d2;
      color: #011a41;
  }

  .footer-item .footer-newsletter .newsletter-form .validation-danger {
      color: #fff;
      margin-top: 10px;
  }

  .footer-logo {
      position: relative;
      width: 100%;
      height: 75px;
  }

  .footer-logo img {
      max-width: 100%;
      max-height: 100%;
  }

  ul.footer-social {
      margin: 15px 0;
  }

  ul.footer-social li {
      display: inline-block;
      padding: 5px;
      transition: all 0.5s ease-in-out;
  }

  ul.footer-social li img {
      max-width: 38px;
  }

  ul.footer-social li:hover img {
      transform: translate(0px, -7px);
  }

  .footer-apps {}

  .footer-apps li {
      display: inline-block;
  }

  .footer-apps li img {
      max-width: 125px;
  }

  footer ul {
      list-style: none;
  }

  footer ul li {
      padding: 5px 0;
      display: inline-block;
      color: #fff;
  }

  footer ul li a {
      color: #fff;
  }

  footer ul li a:hover {
      color: #e61f26;
  }

  /*-- Copyright --*/
  .copyright-area {
      padding-top: 5px;
      padding-bottom: 0;
      background-color: #0f6360;
      text-align: center;
  }

  .copyright-area .logo {
      max-width: 80px;
  }

  .copyright-area a.mail {
      color: #80ab50;
  }

  .copyright-area ul.links {
      list-style: none;
      margin: 0;
      padding: 0;
  }

  .copyright-area ul.links li {
      display: inline-block;
  }

  .copyright-area ul.links li a img {
      transition: all 0.5s ease-in-out;
  }

  .copyright-area ul.links li a:hover img {
      transform: translatey(-7px);
  }

  .copyright-area .copyright-item p {
      margin-bottom: 0;
      font-size: 13px;
      color: #fff;
  }

  .copyright-area .copyright-item p a {
      display: inline-block;
      color: #ffcd00;
      font-weight: 700;
  }

  .copyright-area .copyright-item p a:hover {
      color: #ffcd00;
      text-decoration: underline;
  }

  #slider .carousel-indicators {
      margin: auto;
      bottom: 15px;
  }

  #slider .carousel-indicators [data-bs-target] {
      width: 15px;
      height: 5px;
      border: 0;
      border-radius: 26px;
      transition: all 0.5s ease-in-out;
      opacity: 0.9;
      background: #106562;
  }

  #slider .carousel-indicators .active {
      background: #e61f26;
      width: 40px;
      border-radius: 15px;
      opacity: 1;
  }

  .carousel-control-next-icon {
      background-image: url(../images/icons/next.png);
  }

  .carousel-control-prev-icon {
      background-image: url(../images/icons/prev.png);
  }

  /*----- About Us -----*/
  #about-us {
      padding: 40px 0;
  }

  /*----- About Us -----*/
  /*----- Booking -----*/
  #book {
      padding: 40px 0;
  }

  #book .card {
      padding: 30px 15px;
      border: 0;
      box-shadow: 0px 0px 20px -11px;
  }

  #book .card .form-control {
      border: 0;
      background: #f7f7f7;
      height: calc(2.5rem + 2px);
      padding: 15px 15px 5px 15px;
      font-size: 16px;
      border-radius: 10px;
  }

  #book .card .form-floating>label {
      left: 15px;
      padding: 7px;
  }

  #book .card .form-control:focus {
      box-shadow: none;
  }

  .form-floating>.form-control:focus~label,
  .form-floating>.form-control:not(:placeholder-shown)~label,
  .form-floating>.form-select~label {
      opacity: .65;
      transform: scale(.85) translateY(-0.5rem) translateX(0.15rem);
      font-size: 14px;
  }

  #book .form-check {
      padding: 7px 16px;
      border: 1px solid #A9A9A9;
      border-radius: 10px;
      position: relative;
      overflow: hidden;
  }

  #book .form-check .form-check-input {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      margin: auto;
      width: 100%;
      height: 100%;
      border-radius: 0;
      background: none;
      border: 0;
  }

  #book .form-check .form-check-label {
      font-size: 12px;
      cursor: pointer;
      z-index: 2;
      position: relative;
  }

  #book .form-check .form-check-label img {
      max-width: 20px;
      max-height: 20px;
      vertical-align: sub;
      margin: 0 5px;
  }

  #book .form-check .form-check-input:checked {
      border-color: #80ab50;
      background: #80ab50;
      z-index: 1;
  }

  /*----- Booking -----*/
  /*----- services -----*/
  #products {
      padding: 40px 0;
  }

  #products .card {
      border: 0;
      box-shadow: 0px 0px 20px -11px;
      margin: 10px 0;
      background: #E9E9E9;

  }

  #products .card.d-flex {
      flex-direction: row;
  }

  #products .card .flex-shrink-0 .card-img {
      width: 200px;
      height: 200px;
  }

  #products .card .card-img {
      position: relative;
      width: 100%;
      height: 160px;
      overflow: hidden;
  }

  .card .card-img {
      position: relative;
      width: 100%;
      height: 288px;
      overflow: hidden;
  }

  #products .card .card-img img {
      position: absolute;
      max-width: 100%;
      max-height: 100%;
      top: 0;
      bottom: 0;
      width: auto;
      right: 0;
      left: 0;
      margin: auto;
      transition: all 0.5s ease-in-out;
  }

  #products .card .card-body h5 {
      text-transform: capitalize;
      transition: all 0.5s ease-in-out;
      padding-right: 25px;
      height: 57px;
      overflow: hidden;
  }

  #products .card .card-body p {
      transition: all 0.5s ease-in-out;
      font-size: 14px;
      color: #106562;
      margin: 0;
  }

  #products .card:hover .card-img img {
      transform: scale(1.1);
  }

  #products .card ul {
      list-style: none;
  }

  #products .card ul li {
      display: inline-block;
      padding-right: 7px;
      color: #106562;
  }

  #products .card ul li img {
      padding-right: 3px;
      max-width: 22px;
  }

  #products .card .card-footer {
      background: none;
      border: 0;
      margin-top: 0px;
      display: block;
      height: 64px;
      overflow: hidden;
  }

  #products .card .card-footer span {
      color: #106562;
      display: block;
      font-size: 14px;
  }

  #products .card.d-flex .card-footer {
      display: block;
      min-width: 320px;
      text-align: center;
  }

  #products .card.d-flex .card-footer p {
      color: #106562;
  }

  #products .card .card-body {
      position: relative;
      min-height: 140px;
      padding-bottom: 0;
  }

  #products .card .wishlist {
      position: absolute;
      top: 15px;
      right: 15px;
      cursor: pointer;
      font-size: 20px;
      color: #106562;
  }

  #products .card.d-flex .wishlist {
      left: 15px;
      right: inherit;
      top: -15px;
  }

  #products .card .wishlist.inactive {
      color: #e61f26;
  }

  #products .card .user-img {
      width: 45px;
      height: 45px;
      position: relative;
  }

  #products .card .user-img img {
      position: absolute;
      max-height: 100%;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      border-radius: 50%;
  }

  #products .card .user-name h5 {
      padding: 0 !important;
      font-size: 16px;
      display: flex;
      align-items: center;
      height: auto;
      margin: 0;
  }

  /*----- services -----*/
  /*----- categories -----*/
  #categories {
      padding: 40px 0;
  }

  #categories .card {
      border: 0;
      background: none;
  }

  #categories .card .card-img {
      position: relative;
      width: 100%;
      height: 90px;
  }

  #categories .card .card-img img {
      position: absolute;
      max-width: 100%;
      max-height: 100%;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      margin: auto;
      width: auto;
      border-radius: 50%;
  }

  .max-height {
      max-height: 300px;
      overflow-y: scroll;
      scrollbar-color: #106562 #e9e9e9;
      scrollbar-width: thin;
  }

  #categories .card h5 {
      margin-top: 0;
      text-align: center;
      font-size: 16px;
      color: #106562;
  }

  .owl-carousel .owl-nav button.owl-next {
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto;
      right: 15px;
      background: #000;
      width: 40px;
      height: 40px;
      border-radius: 50px;
      opacity: 0.5;
      transition: all 0.5s ease-in-out;
  }

  .owl-carousel .owl-nav button.owl-prev {
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto;
      left: 15px;
      background: #000;
      width: 40px;
      height: 40px;
      border-radius: 50px;
      opacity: 0.5;
      transition: all 0.5s ease-in-out;
  }

  .owl-carousel .owl-nav button.owl-next img,
  .owl-carousel .owl-nav button.owl-prev img {
      max-width: 80%;
  }

  .owl-carousel .owl-nav button.owl-next:hover,
  .owl-carousel .owl-nav button.owl-prev:hover {
      opacity: 1;
  }

  .owl-carousel .owl-dots {
      text-align: center;
  }

  .owl-carousel button.owl-dot {
      background: #e9e9e9;
      width: 15px;
      height: 5px;
      margin: 0 auto;
      text-align: center;
      transition: all 0.5s ease-in-out;
      border-radius: 15px;
  }

  .owl-carousel button.owl-dot.active {
      background: #106562;
  }

  /*----- categories -----*/

  /*----- Accounts Modals -----*/
  .account-modal {}

  .account-modal .modal-body {
      padding: 15px 40px;
  }

  .account-modal .modal-logo {
      width: 100%;
      position: relative;
      height: 40px;
      margin: 20px 0;
  }

  .account-modal .modal-logo img {
      position: absolute;
      max-width: 100%;
      max-height: 100%;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      margin: auto;
  }

  .account-modal h3 {
      text-align: center;
      font-size: 20px;
      margin: 0;
  }

  .account-modal form {}

  .account-modal form label {
      margin: 0;
      text-transform: capitalize;
  }

  .account-modal form input {}

  .account-modal .btn-primary {
      color: #fff;
      background-color: #e61f26;
      border-color: #e61f26;
      padding: 7px 35px;
      width: 100%;
  }

  .account-modal .btn-primary:hover {
      color: #e61f26;
      background-color: #fff;
      border-color: #e61f26;
  }

  .account-modal p {
      text-align: center;
      margin: 7px 0;
  }

  .account-modal p a {
      color: #e61f26 !important;
      cursor: pointer;
  }

  .form-check-input:checked {
      background-color: #e61f26;
      border-color: #e61f26;
  }

  .form-check-input {
      border: 1px solid #e61f26
  }

  .nopadding {
      padding: 0 !important;
  }

  /*----- Accounts Modals -----*/
  /*----- Search -----*/
  #search {
      padding: 25px 0 50px;
  }

  .price-bar .wrapper {
      width: 100%;
      background: #fff;
      margin: 15px 0;
  }

  .price-bar header h2 {
      font-size: 24px;
      font-weight: 600;
  }

  .price-bar header p {
      margin-top: 5px;
      font-size: 16px;
  }

  .price-bar .price-input {
      width: 100%;
      display: flex;
      margin: 15px 0 15px;
  }

  .price-bar .price-input .field {
      display: flex;
      width: 100%;
      height: 35px;
      align-items: center;
  }

  .price-bar .field input {
      width: 45%;
      height: 100%;
      outline: none;
      font-size: 15px;
      margin-left: 12px;
      border-radius: 5px;
      text-align: center;
      border: 1px solid #999;
      -moz-appearance: textfield;
  }

  .price-bar input[type="number"]::-webkit-outer-spin-button,
  .price-bar input[type="number"]::-webkit-inner-spin-button {
      -webkit-appearance: none;
  }

  .price-bar .price-input .separator {
      width: 60px;
      display: flex;
      font-size: 19px;
      align-items: center;
      justify-content: center;
  }

  .price-bar .slider {
      height: 5px;
      position: relative;
      background: #ddd;
      border-radius: 5px;
  }

  .price-bar .slider .progress {
      height: 100%;
      left: 25%;
      right: 25%;
      position: absolute;
      border-radius: 5px;
      background: #106562;
  }

  .price-bar .range-input {
      position: relative;
      background: #106562;
      color: #106562;
  }

  .price-bar .range-input input {
      position: absolute;
      width: 100%;
      height: 5px;
      top: -5px;
      background: none;
      pointer-events: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      cursor: pointer;
  }

  .price-bar input[type="range"]::-webkit-slider-thumb {
      height: 17px;
      width: 17px;
      border-radius: 50%;
      background: #106562;
      pointer-events: auto;
      -webkit-appearance: none;
      box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
  }

  .price-bar input[type="range"]::-moz-range-thumb {
      height: 17px;
      width: 17px;
      border: none;
      border-radius: 50%;
      background: #106562;
      pointer-events: auto;
      -moz-appearance: none;
      box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
  }

  .filter-box {
      margin-bottom: 25px;
  }

  .filter-box h5 {
      margin: 0;
      color: #106562;
  }

  .filter-box ul,
  .filter-box ol {
      list-style: none;
  }

  .side-link {
      font-weight: 600;
      color: #106562;
  }

  .side-link:hover {
      color: #e61f26;
      transition: all 0.5s ease-in-out;
  }

  .filter-box ul {
      font-size: 17px;
      font-weight: 600;
      padding: 0 20px;
  }

  .filter-box ol {
      padding: 0 15px;
  }

  .filter-box ul li {
      font-size: 17px;
      font-weight: 600;
  }

  .filter-box ul li img {
      max-width: 30px;
      margin-right: 10px;
  }

  .filter-box ul li a {
      font-size: 14px;
      color: #106562;
      font-weight: 500;
  }

  .filter-box ol li a {
      font-size: 12px;
      color: #106562;
      font-weight: 500;
  }

  .filter-box ol li a:hover,
  .filter-box ul li a:hover {
      color: #e61f26;
      transition: all 0.5s ease-in-out;
  }

  .filter-box ul li .more {
      color: #e61f26;
  }

  .filter-box .accordion-button {
      padding: 0;
      font-size: 14px;
      color: #106562;
      font-weight: 500;
      border: 0;
  }

  .filter-box .accordion-button::after {
      font-size: 14px
  }

  .filter-box .accordion-button:not(.collapsed) {
      color: #e61f26;
      background-color: #ffffff3d;
  }

  .filter-box .accordion-collapse {
      padding: 5px 10px;
  }

  .filter-box .accordion-collapse label {
      font-size: 14px
  }

  hr {
      margin: 10px 0;
      background: #106562;
  }

  .filter-box label {
      font-size: 16px;
      font-weight: 600;
      display: block;
  }

  .breadcrumb {
      margin: 25px 0;
  }

  .breadcrumb li a {
      color: #e61f26;
      transition: all 0.5s ease-in-out;
  }

  .breadcrumb li a:hover {
      color: #9b9999;
  }

  .breadcrumb-item.active {
      color: #106562;
  }

  /*----- Search -----*/

  /*----- categoriesAdd -----*/
  #categoriesAdd {
      padding: 25px 0 50px;
  }

  #categoriesAdd .section-head {
      color: #106562;
      text-transform: uppercase;
  }

  #categoriesAdd .accordion-item {}

  #categoriesAdd .accordion-item .accordion-header {}

  #categoriesAdd .accordion-item .accordion-header .accordion-button {
      border-bottom: 1px solid #ffcd00;
      color: #106562;
  }

  #categoriesAdd .accordion-item .accordion-header .accordion-button img,
  #categoriesAdd .accordion-item .accordion-body ul li a img {
      max-width: 25px;
      margin: 0 15px;
  }

  #categoriesAdd .accordion-item .accordion-body {}

  #categoriesAdd .accordion-item .accordion-body ul {
      list-style: none;
  }

  #categoriesAdd .accordion-item .accordion-body ul li {
      padding: 5px 0;
  }

  #categoriesAdd .accordion-item .accordion-body ul li a {
      color: #106562;
      transition: all 0.5s ease-in-out;
  }

  #categoriesAdd .accordion-item .accordion-body ul li a:hover {
      transform: translate(15px, 0px);
  }

  .accordion-button:not(.collapsed) {
      color: #0c63e4;
      background-color: #1065623d;
  }

  .accordion-button:focus {
      z-index: 3;
      border-color: inherit;
      border-right-color: inherit;
      border-bottom-color: inherit;
      border-left-color: inherit;
      outline: 0;
      box-shadow: inherit;
  }

  /*----- categoriesAdd -----*/
  /*----- profile -----*/
  #profile {
      padding: 25px 0 50px;
  }

  #profile .follow-btn {
      right: initial;
      top: initial;
  }

  #profile .account-details .flex-shrink-0 {
      position: relative;
      width: 160px;
      height: 140px;
      border-radius: 50%;
      overflow: hidden;
  }

  #profile .account-details .flex-shrink-0 img {
      position: absolute;
      max-width: 100%;
      max-height: 100%;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      margin: auto;
      border-radius: 100px;
  }

  #profile .account-details .flex-grow-1 h4 {
      color: #106562;
  }

  #profile .account-details .flex-grow-1 hr {
      margin: 50px 0 0;
  }

  #profile .porfile-links {
      list-style: none;
      padding: 20px 0;
}
#profile.vendor .porfile-links{
    padding: 0;
}

  #profile .porfile-links li {
      text-align: center;
      padding: 5px 0;
  }
 #profile.vendor .porfile-links li{
     text-align: initial;
}
  #profile .porfile-links li p {
      margin: 0;
      font-weight: 600;
      color: #e61f26;
  }

  #profile .porfile-links li a {
      color: #106562;
  }

  .head h4 {
      color: #106562;
  }

  .head {
      margin-bottom: 25px;
  }

  #profile.edit .box {
      padding: 25px;
      background: #E9E9E9;
      border-radius: 5px;
      margin: 10px 0 25px;
  }

  #profile.edit .box h5 {
      color: #106562;
  }

  #profile.edit .box label {}

  #profile.edit .box .form-control {
      color: #106562cf;
  }

  #profile.edit .box .btn {
      color: #fff;
      background-color: #e61f26;
      border-color: #e61f26;
      transition: all 0.5s ease-in-out;
  }

  #profile.edit .box .btn:hover {
      color: #e61f26;
      background-color: #e9e9e9;
      border-color: #e61f26;
  }

  #profile.edit .box .btn-link {
      padding: 0 15px;
      color: #e61f26;
  }

  #profile.edit .box .btn-link:hover {
      color: #000;
  }

  /*----- profile -----*/

  /*----- product -----*/
  #product {
      padding: 25px 0 50px;
  }

  #product .slick-prev::before,
  #product .slick-next::before {
      font-family: 'slick';
      font-size: 30px;
      line-height: 1;
      opacity: .75;
      color: #fff;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      transition: all 0.5s ease-in-out;
  }

  #product .slick-prev::before:hover,
  #product .slick-next::before:hover {
      opacity: 1;
  }

  #product .slick-prev {
      left: 15px;
      z-index: 9;
  }

  #product .slick-next {
      right: 15px;
      z-index: 9;
  }

  #product .small-img img {
      padding: 2px;
  }

  #product .card {
      padding: 15px;
      border: 0;
      box-shadow: 0px 0px 20px -11px #000;
      border-radius: 15px;
      margin-bottom: 25px;
  }
#product .modal-body.card{box-shadow: none;}
#product .modal-body.card .links{justify-content: center;}
#product .card p{
    color: #106562;
}
#product .card p.price{font-weight: 600;font-size: 20px;color: #e61f26;}
  #product .card .product-name p {
      margin: 0;
      font-weight: 600;
      color: #e61f26;
  }

  #product .card .product-price {
      font-weight: 600;
      max-width: 225px;
  }

  #product .card .wishlist {
      cursor: pointer;
      font-size: 23px;
      color: #106562;
  }

  #product .card .wishlist.inactive {
      color: #e61f26;
  }

  #product .card .links {
      min-width: 70px;
      display: flex;
      justify-content: space-between;
      align-items: center;
  }
  #product .card .links .btn-share{background: none;border: 0;color: #106562;padding: 0;font-size: 22px;}
#product .card .links .btn-share:hover{
    color: #e61f26;
}
    #product .card .links .follow-btn{
        top: inherit;
        right: inherit;
        margin: 0 5px;
    }
  #product .card .links img {
      max-width: 32px;
      margin: 5px;
  }

  #product .card .card-footer {
      border: 0;
  }

  #product .card .card-footer p {
      margin: 0;
  }

  #product .card .card-footer span {
      font-size: 14px;
  }

  #product .card.seller h5 {
      margin-bottom: 27px;
  }

  #product .card.seller .seller-img {
      width: 75px;
      height: 75px;
      position: relative;
      margin: 0 15px 0 0;
  }

  #product .card.seller .seller-img img {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      margin: auto;
      border-radius: 50%;
  }

  #product .card.seller .info p.seller-name {
      margin: 0;
      font-weight: 600;
  }

  #product .card.seller .btn {
      width: 80%;
      margin: 30px auto;
      margin-bottom: 0;
      border-radius: 10px;
  }

  #product .card.data {
      margin: 25px 0;
      border: 1px solid #106562;
  }

  #product .card.data h5,
  #product .card.data th,
  #product .card.data td,
  #product .related h5 {
      color: #106562;
  }

  #product #products {
      padding: 0;
  }

  #product #products .card {
      padding: 0;
  }

  /*----- product -----*/
  /*----- Blog -----*/
  #blog {
      padding: 45px 0;
  }

  #blog .blog-text {
      padding: 5px;
      height: 100%;
  }

  #blog .blog-img {
      width: 100%;
      position: relative;
      height: 310px;
      overflow: hidden;
  }

  #blog .blog-img img {
      max-height: none;
      max-width: none;
      top: 0;
      position: absolute;
      bottom: 0;
      right: 0;
      margin: auto;
      left: 0;
  }

  #blog .card {
      border: 0;
      margin: 15px 0;
      transition: all 0.5s ease-in-out;
  }

  #blog .card:hover {
      box-shadow: 0px 0px 20px -11px;
  }

  #blog .blog-text h5 {
      color: #106562;
      display: flex;
      align-items: center;
      justify-content: space-between;
  }

  #blog .blog-text h5 span {
      float: right;
      font-size: 14px;
      font-weight: 500;
  }

  #blog .blog-text p {
      color: #106562;
      font-size: 14px;
      max-height: 95px;
      margin: 0;
      overflow: hidden;
  }

  #blog .blog-text p.top {
      color: #106562;
      font-size: 14px;
      max-height: none;
      margin: 0;
  }

  #blog ul {
      margin: 25px 0;
  }

  #blog ul li h4 {
      color: #106562;
  }

  #blog .contact {}

  #blog .contact li {
      padding: 5px 0;
  }

  #blog .contact li a {
      color: #106562;
      transition: all 0.5s ease-in-out;
  }

  #blog .contact li a:hover {
      color: #e61f26;
  }

  #blog .contact li a i {
      vertical-align: middle;
      margin: 0 5px;
  }

  #blog form h5 {
      color: #106562;
  }

  .upload__box {
      display: flex;
      flex-wrap: wrap;
  }

  .upload__inputfile {
      width: 0.1px;
      height: 0.1px;
      opacity: 0;
      overflow: hidden;
      position: absolute;
      z-index: -1;
  }

  .upload__btn {
      display: flex;
      font-weight: 600;
      color: #106562;
      text-align: center;
      padding: 5px;
      transition: all 0.3s ease;
      cursor: pointer;
      line-height: 26px;
      font-size: 31px;
      width: 100%;
      height: 100%;
      background: #e9e9e9;
      align-content: center;
      align-items: center;
      justify-content: center;
  }

  .upload__btn:hover {
      color: #e61f26;
      transition: all 0.3s ease;
  }

  .upload__btn-box {
      width: 180px;
      margin: 10px 20px;
      height: 180px;
  }

  .upload__img-wrap {
      display: flex;
      flex-wrap: wrap;
      margin: 10px;
  }

  .select2-container {
      width: 100% !important;
  }

  .upload__img-box {
      width: 200px;
      padding: 0 10px;
      margin-bottom: 10px;
  }

  .upload__img-close {
      width: 24px;
      height: 24px;
      border-radius: 50%;
      background-color: rgba(0, 0, 0, 0.5);
      position: absolute;
      top: 10px;
      right: 10px;
      text-align: center;
      line-height: 24px;
      z-index: 1;
      cursor: pointer;
  }

  .upload__img-close:after {
      content: '\2716';
      font-size: 14px;
      color: white;
  }

  .img-bg {
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      position: relative;
      padding-bottom: 100%;
  }

  /*----- Blog -----*/
  /*----- login -----*/
  #login {
      padding: 80px 0;
      /*background-image: url(../images/2015.png);*/
      /*background-position: right bottom;*/
      /*background-repeat: no-repeat;*/
      /*  background-size: 600px;*/
  }

  #login .btn-social {
      background: none;
      border: 0;
      padding: 10px;
      text-align: center;
      margin: 0 auto;
  }

  #login .btn img {
      max-width: 50px;
      margin: 0 auto;
  }

  #login .btn:hover img {
      transition: all 0.5s ease-in-out;
      transform: scale(1.1);
  }

  #login .form-control {
      margin: 10px 0;
      border: 1px solid #a99149;
  }

  /*----- login -----*/

  /*----- ADS -----*/
  #ads {
      padding: 45px 0;
  }

  #ads .main-btn {
      margin: 25px 0;
  }

  #ads h5 {
      color: #106562;
      margin: 25px 0 5px;
  }

  #ads .form-control {
      border: 1px solid #106562;
  }

  #ads textarea.form-control {}

  .select2-container .select2-selection--single {
      box-sizing: border-box;
      cursor: pointer;
      display: block;
      height: 38px;
      user-select: none;
      -webkit-user-select: none;
  }

  .select2-container--default .select2-selection--single .select2-selection__rendered {
      color: #444;
      line-height: 38px;
  }

  .select2-container--default .select2-selection--single .select2-selection__arrow {
      height: 38px;
      position: absolute;
      top: 1px;
      right: 1px;
      width: 20px;
  }

  .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
      background-color: #106562;
      color: white;
  }

  .select2-container .select2-selection--multiple {
      box-sizing: border-box;
      cursor: pointer;
      display: block;
      min-height: 38px;
      user-select: none;
      -webkit-user-select: none;
  }

  .select2-container--default.select2-container--focus .select2-selection--multiple {
      border: solid #106562 1px;
      outline: 0;
  }

  .select2-container--default .select2-selection--multiple {
      background-color: white;
      border: 1px solid #106562;
      border-radius: 4px;
      cursor: text;
      padding-bottom: 5px;
      padding-right: 5px;
      position: relative;
  }

  .form-control-color {
      max-width: 100%;
      height: auto;
      padding: .375rem;
  }

  .select2-container--default .select2-selection--single {
      background-color: #fff;
      border: 1px solid #106562;
      border-radius: 4px;
  }

  .uploadProfile-img .profile-pic {
      width: 200px;
      max-height: 200px;
      display: inline-block;
  }

  .uploadProfile-img {
      position: relative;
      width: 128px;
      height: 128px;
  }

  .uploadProfile-img .file-upload {
      display: none;
  }

  .uploadProfile-img .circle {
      border-radius: 100% !important;
      overflow: hidden;
      width: 128px;
      height: 128px;
      border: 2px solid rgba(255, 255, 255, 0.2);
      /*! position: absolute; */
      /*! top: 72px; */
  }

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

  .uploadProfile-img .p-image {
      position: absolute;
      bottom: -10px;
      right: 15px;
      color: #e61f26;
      transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
      background: #fff;
      padding: 5px 9px;
      border-radius: 50px;
      width: 35px;
      height: 35px;
      cursor: pointer;
  }

  .uploadProfile-img .p-image:hover {
      transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
  }

  .uploadProfile-img .upload-button {
      font-size: 1.2em;
  }

  .uploadProfile-img .upload-button:hover {
      transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
      color: #999;
  }

  /*----- ADS -----*/
  .replay-box h5 {
      font-size: 14px;
      margin: 0;
      color: #106562;
  }

  .comment-box h5 {
      margin: 0;
      color: #106562;
  }

  .comment-box .time {
      font-size: 13px;
      color: #aeaeae;
  }

  .replay-box .time {
      font-size: 13px;
      color: #aeaeae;
  }

  .replay-box img {
      max-width: 55px;
      max-height: 55px;
      border-radius: 100px;
  }

  .replay-box p {
      font-size: 14px;
      color: #000;
  }

  .comment-box p {
      color: #000;
  }

  .comment-box img {
      max-width: 55px;
      max-height: 55px;
      border-radius: 100px;
  }

  .replay-box {
      padding: 10px 0;
      border-bottom: 1px solid #ddd;
      margin: 0 30px;
  }

  .replay-box img {
      max-width: 50px;
      max-height: 50px;
  }

  .replay-box:last-of-type {
      border: 0
  }

  .Report_comment {
      border: 0;
      padding: 0;
      background: #fff !important;
      color: #e61f26 !important;
  }

  .replay-link {
      border: 0;
      padding: 0;
      background: #fff !important;
      color: #e61f26 !important;
      font-size: 14px;
  }

  .Report-ad {
      display: flex;
      justify-content: space-between;
      align-items: center;
  }

  .Report-ad .btn {
      background: #fff !important;
      border: 0;
      color: #e61f26;
      font-weight: 600;
  }

  .avatar-upload {
      position: relative;
      max-width: 205px;
      margin: 20px 0;
  }

  .avatar-upload .avatar-edit {
      position: absolute;
      right: 12px;
      z-index: 1;
      top: 10px;
  }

  .avatar-upload .avatar-edit input {
      display: none;
  }

  .avatar-upload .avatar-edit input+label {
      display: inline-block;
      width: 34px;
      height: 34px;
      margin-bottom: 0;
      border-radius: 100%;
      background: #FFFFFF;
      border: 1px solid transparent;
      box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
      cursor: pointer;
      font-weight: normal;
      transition: all 0.2s ease-in-out;
  }

  .avatar-upload .avatar-edit input+label:hover {
      background: #f1f1f1;
      border-color: #d6d6d6;
  }

  /*.avatar-upload .avatar-edit input + label:after {*/
  /*  content: "\f040";*/
  /*  font-family: 'FontAwesome';*/
  /*  color: #757575;*/
  /*  position: absolute;*/
  /*  top: 10px;*/
  /*  left: 0;*/
  /*  right: 0;*/
  /*  text-align: center;*/
  /*  margin: auto;*/
  /*}*/
  .avatar-upload .avatar-edit i {
      color: #757575;
      position: absolute;
      top: 10px;
      left: 0;
      right: 0;
      text-align: center;
      margin: auto;
  }

  .avatar-upload .avatar-preview {
      width: 192px;
      height: 192px;
      position: relative;
      border-radius: 100%;
      border: 6px solid #F8F8F8;
      box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
  }

  .avatar-upload .avatar-preview>div {
      width: 100%;
      height: 100%;
      border-radius: 100%;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
  }

  .slick-slide img {
      width: auto !important;
      display: block !important;
      margin: 0 auto;
  }
    .slick-slide .empty-img {
      max-width: 40%;
    }
  .ui-widget.ui-widget-content {
      border: 1px solid #c5c5c5;
      z-index: 9999999999;
  }

  .modal-search .modal-header {
      border: 0;
  }

  .modal-search .modal-header .btn-close {
      background: none;
      color: #fff;
      padding: 0;
  }

  .modal-search .modal-content {
      background-color: initial;
      border: 0;
  }

  .modal-search .modal-body {
      padding: 0;
      margin-top: 35px;
  }

  .modal-search .modal-body form {
      position: relative;
  }

  .modal-search .modal-body form input {
      background: none;
      border: 0;
      border-bottom: 2px solid #fff;
      border-radius: 0;
      color: #fff;
  }

  .modal-search .modal-body form .btn {
      border: 0;
      color: #fff;
      font-size: 18px;
      padding: 0;
  }

  .mob-show {
      display: none !important;
  }

  .mob-hide {
      display: block;
  }

  .accordion-button:not(.collapsed) {
      color: #193c1d;
      background-color: #2245273d;
  }

  .ui-widget.ui-widget-content {

      z-index: 99999999;
  }

  .pagination {
      display: flex;
      padding-right: 0;
      list-style: none;
      justify-content: center;
      margin: 15px 0;
  }

  .pagination .page-item.active .page-link {
      z-index: 3;
      color: #106562;
      background-color: #e61f26;
      border-color: #e61f26;
  }

  .pagination .page-link {
      position: relative;
      display: block;
      color: #e61f26;
      text-decoration: none;
      background-color: #fff;
      border: 1px solid #106562;
      transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  }


  #chat .card {
      background: #fff;
      transition: .5s;
      border: 0;
      margin-bottom: 30px;
      border-radius: .55rem;
      position: relative;
      width: 100%;
      box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
  }

  #chat {
      padding: 45px 0;
  }

  #chat .chat-app .people-list {
      width: 280px;
      position: absolute;
      left: 0;
      top: 0;
      padding: 20px;
      z-index: 7
  }

  #chat .chat-app .chat {
      margin-left: 280px;
      border-left: 1px solid #eaeaea
  }

  #chat .people-list {
      -moz-transition: .5s;
      -o-transition: .5s;
      -webkit-transition: .5s;
      transition: .5s
  }

  #chat .people-list .chat-list li {
      padding: 10px 15px;
      list-style: none;
      border-radius: 3px
  }

  #chat .people-list .chat-list li:hover {
      background: #efefef;
      cursor: pointer
  }

  #chat .people-list .chat-list li.active {
      background: #efefef
  }

  #chat .people-list .chat-list li .name {
      font-size: 15px;
      color: #106562;
      font-weight: 600;
  }

  #chat .people-list .chat-list img {
      width: 45px;
      border-radius: 50%
  }

  #chat .people-list img {
      float: left;
      border-radius: 50%
  }

  #chat .people-list .about {
      float: left;
      padding-left: 8px
  }

  #chat .people-list .status {
      color: #999;
      font-size: 13px
  }

  #chat .chat .chat-header {
      padding: 15px 20px;
      border-bottom: 2px solid #f4f7f6
  }

  #chat .chat .chat-header img {
      float: left;
      border-radius: 40px;
      width: 40px
  }

  #chat .chat .chat-header .chat-about {
      float: left;
      padding-left: 10px
  }

  #chat .chat .chat-history {
      padding: 20px;
      border-bottom: 2px solid #fff;
      max-height: 400px;
      overflow-y: scroll;
  }

  #chat .chat .chat-history ul {
      padding: 0
  }

  #chat .chat .chat-history ul li {
      list-style: none;
      margin-bottom: 30px
  }

  #chat .chat .chat-history ul li:last-child {
      margin-bottom: 0px
  }

  #chat .chat .chat-history .message-data {
      margin-bottom: 15px
  }

  #chat .chat .chat-history .message-data img {
      border-radius: 40px;
      width: 40px
  }

  #chat .chat .chat-history .message-data-time {
      color: #434651;
      padding-left: 6px
  }

  #chat .chat .chat-history .message {
      color: #444;
      padding: 18px 20px;
      line-height: 26px;
      font-size: 16px;
      border-radius: 7px;
      display: inline-block;
      position: relative
  }

  #chat .chat .chat-history .message:after {
      bottom: 100%;
      left: 7%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-bottom-color: #fff;
      border-width: 10px;
      margin-left: -10px
  }

  #chat .chat .chat-history .my-message {
      background: #efefef
  }

  #chat .chat .chat-history .my-message:after {
      bottom: 100%;
      left: 30px;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-bottom-color: #efefef;
      border-width: 10px;
      margin-left: -10px
  }

  #chat .chat .chat-history .other-message {
      background: #e8f1f3;
      text-align: right
  }

  #chat .chat .chat-history .other-message:after {
      border-bottom-color: #e8f1f3;
      left: 93%
  }

  #chat .chat .chat-message {
      padding: 20px
  }

  #chat .online,
  #chat .offline,
  #chat .me {
      margin-right: 2px;
      font-size: 8px;
      vertical-align: middle
  }

  #chat .online {
      color: #86c541
  }

  #chat .offline {
      color: #e47297
  }

  #chat .me {
      color: #1d8ecd
  }

  #chat .float-right {
      float: right
  }

  #chat .clearfix:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0
  }

  #chat .input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
      margin-left: -1px;
      border-radius: 0;
  }

  #chat .input-group-prepend {
      position: absolute;
      right: 0;
      z-index: 99999;
      bottom: 0;
      top: 0;
  }

  .input-group-text {
      display: flex;
      align-items: center;
      padding: .375rem .75rem;
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.5;
      color: #fff;
      text-align: center;
      white-space: nowrap;
      background-color: #106562;
      border: 1px solid #106562;
      border-radius: .25rem;
      height: 100%;
  }

  @media only screen and (max-width: 767px) {
      #chat .chat-app .people-list {
          height: 465px;
          width: 100%;
          overflow-x: auto;
          background: #fff;
          left: -400px;
          display: none
      }

      #chat .chat-app .people-list.open {
          left: 0
      }

      #chat .chat-app .chat {
          margin: 0
      }

      #chat .chat-app .chat .chat-header {
          border-radius: 0.55rem 0.55rem 0 0
      }

      #chat .chat-app .chat-history {
          height: 300px;
          overflow-x: auto
      }
  }

  @media only screen and (min-width: 768px) and (max-width: 992px) {
      #chat .chat-app .chat-list {
          height: 650px;
          overflow-x: auto
      }

      #chat .chat-app .chat-history {
          height: 600px;
          overflow-x: auto
      }
  }

  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
      #chat .chat-app .chat-list {
          height: 480px;
          overflow-x: auto
      }

      #chat .chat-app .chat-history {
          height: calc(100vh - 350px);
          overflow-x: auto
      }
  }

  .group-btns {
      width: 50%;
      text-align: center;
      font-size: 14px;
      padding: 15px 0;
  }

  .edit-btn {
      background: #106562;
      color: #fff;
      padding: 8px 10px;
      border-radius: 15px;
      border: 1px solid #106562;
  }

  .edit-btn:hover {
      background: #fff;
      color: #106562;
      transition: all ease-in-out 0.5s;
  }

  .delete-btn {
      background: #e61f26;
      color: #fff;
      padding: 8px 10px;
      border-radius: 15px;
      border: 1px solid #e61f26;
  }

  .delete-btn:hover {
      background: #fff;
      color: #e61f26;
      transition: all ease-in-out 0.5s;
  }

  .wsmenu>.wsmenu-list>li.message-list>ul.sub-menu {
      max-height: 250px;
      overflow-y: scroll;
      scroll-behavior: smooth;
      scrollbar-width: thin;
  }

  .follow-btn {
      position: relative;
      top: -160px;
      right: 40px;
      background: #106562;
      color: #fff;
      padding: 0px 10px;
      font-size: 14px;
      border-radius: 0 15px;
  }

  .follow-btn:hover,
  .follow-btn.active {
      background: #e61f26;
      color: #fff;
  }

  .owl-carousel.owl-rtl .owl-item {
      margin-top: 5px;
  }

  .choose-city {
      /*! margin: 15px 0; */
      padding: 0 5px;
  }

  .choose-city label {
      font-weight: bold;

      font-size: 20px;
      margin-bottom: 8px;
  }

  .filter-spinner1 {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      margin: auto;
      background: #ffffffa3;
      z-index: 9;
  }

  .spinner-border {
      top: 15%;
      position: absolute;
      right: 0;
      left: 0;
      margin: auto;
  }

  .message-num {
      position: absolute;
      top: -3px;
      background: #e61f26;
      width: 20px;
      height: 20px;
      border-radius: 50px;
      font-size: 12px;
      right: -1px;
  }
  .wsmenu > .wsmenu-list > li > ul.sub-menu > li a{font-size: 15px !important;padding: 5px 12px;}
  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu-two{
      overflow-y: scroll;
      scrollbar-width: thin;
      max-height: 150px;
  }
  .main-nav nav .right .navbar-nav .nav-item a.red-btn{
      background: #e61f26;
    color: #fff !important;
    padding: 5px 4px !important;
    border-radius: 15px;
    font-size: 11px !important;
  }
  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a span.time{
      font-size: 12px;
  }
  #promiseexampleModal label{
      color: #e61f26;
      font-weight: 600;
  }
  #product .card.seller .rate-user{display: flex;align-content: center;align-items: center;width: 35%;}
  #product .card.seller .rate-user .btn{margin: auto;width: auto;background: #0f6360;color: #fff;border-radius: 0 15px;font-weight: 600;border: 1px solid #0f6360;transition: all 0.5s ease-in-out;}
#product .card.seller .rate-user .btn:hover{
    border-radius: 5px;
  transition: all 0.5 ease-in-out;
}

.product-user-review .avatar {
  position: relative;
  display: inline-block;
  width: 3rem;
  height: 3rem;
  font-size: 1.25rem;
}

.product-user-review .avatar-img,
.product-user-review .avatar-initials,
.product-user-review .avatar-placeholder {
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

.product-user-review .avatar-img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
}

.product-user-review .avatar-initials {
  position: absolute;
  top: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  line-height: 0;
  background-color: #a0aec0;
}

.product-user-review .avatar-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  background: #a0aec0
    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='%23fff' d='M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z'/%3e%3c/svg%3e")
    no-repeat center/1.75rem;
}

.product-user-review .avatar-indicator {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 20%;
  height: 20%;
  display: block;
  background-color: #a0aec0;
  border-radius: 50%;
}

.product-user-review .avatar-group {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.product-user-review .avatar-group .avatar + .avatar {
  margin-left: -0.75rem;
}

.product-user-review .avatar-group .avatar:hover {
  z-index: 1;
}

.product-user-review .avatar-sm,
.product-user-review .avatar-group-sm > .avatar {
  width: 2.125rem;
  height: 2.125rem;
  font-size: 1rem;
}

.product-user-review .avatar-sm .avatar-placeholder,
.product-user-review .avatar-group-sm > .avatar .avatar-placeholder {
  background-size: 1.25rem;
}

.product-user-review .avatar-group-sm > .avatar + .avatar {
  margin-left: -0.53125rem;
}

.product-user-review .avatar-lg,
.product-user-review .avatar-group-lg > .avatar {
  width: 4rem;
  height: 4rem;
  font-size: 1.5rem;
}

.product-user-review .avatar-lg .avatar-placeholder,
.product-user-review .avatar-group-lg > .avatar .avatar-placeholder {
  background-size: 2.25rem;
}

.product-user-review .avatar-group-lg > .avatar + .avatar {
  margin-left: -1rem;
}

.product-user-review .avatar-light .avatar-indicator {
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.75);
}

.product-user-review .avatar-group-light > .avatar {
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.75);
}

.product-user-review .avatar-dark .avatar-indicator {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.25);
}

.product-user-review .avatar-group-dark > .avatar {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.25);
}

/* Font not working in <textarea> for this version of bs */

.product-user-review textarea {
  font-family: inherit;
}
.text-muted.comment-time{
    margin-left: 15px;
}
.blocked{
    float: right;
    font-size: 14px;
}
#apps-download{
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center;
    z-index: 9;
}
#apps-download .close-btn{
    position: absolute;
    top: -28px;
    font-weight: 800;
    font-size: 20px;
    background: #fff;
    box-shadow: 0px 0px 20px -11px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
}
#apps-download .card{
    padding: 70px 15px;
    border: 0;
    border-radius: 10px 10px 0 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 9999999;
    box-shadow: 0px 0px 20px -11px;
}
.overlay{
    /* position: absolute; */
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #00000030;
}
#apps-download .card h3{
    margin-bottom: 15px;
}
#apps-download .card p{
    margin-bottom: 25px;
}
#apps-download .card ul{
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-around;
}
#apps-download .card ul li{}
#apps-download .card ul li img{
    max-width: 180px;
}