body {
    font-family: "Poppins";
    color: #000000;
  }

  a {
    color: #FF5C00;
    text-decoration: none;
  }
  a:hover {
    color: #73c5eb;
    text-decoration: none;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: "Poppins", sans-serif;
  }

  ul {
    margin: 0;
    padding: 0;
  }
  ul li {
    list-style-type: none;
  }

  .search-top-bar {
    background-color: #E0EEF0;
    padding: 18px 0;
  }
  .search-top-bar .content {
    padding: 0 60px;
  }
  @media (max-width: 1200px) {
    .search-top-bar .content {
      padding: 0;
    }
  }
  .search-top-bar .bs-label {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
  }
  @media (max-width: 1200px) {
    .search-top-bar .bs-wrap {
      text-align: center;
    }
    .search-top-bar .bs-wrap .row > div {
      margin-bottom: 15px;
    }
  }

  .search-content-wrap {
    padding-top: 40px;
    padding-bottom: 80px;
  }
  @media (max-width: 768px) {
    .search-content-wrap {
      padding-bottom: 40px;
    }
  }

  .search-details-wrap.content {
    padding: 0 60px;
  }
  @media (max-width: 1200px) {
    .search-details-wrap.content {
      padding: 0;
    }
  }

  .aw-appoinment-wrap {
    padding: 20px 0 0 0;
    height: 400px;
    overflow-y: scroll;
    margin: 15px 0 0;
    scrollbar-width: thin;
    scrollbar-color: #d3dae4 #ffffff;
  }
  .aw-appoinment-wrap::-webkit-scrollbar {
    width: 14px;
  }
  .aw-appoinment-wrap::-webkit-scrollbar-track {
    background: #ffffff;
  }
  .aw-appoinment-wrap::-webkit-scrollbar-thumb {
    background-color: #d3dae4;
    border-radius: 12px;
    border: 5px solid #ffffff;
  }

  .aw-section {
    padding: 0 50px 0 50px;
  }
  @media (max-width: 1200px) {
    .aw-section {
      padding: 0;
    }
  }
  .aw-section .btn-teal {
    width: 99%;
    text-align: center;
    margin: 18px auto 15px;
    display: block;
    font-size: 18px;
    line-height: 27px;
  }

  .aws-section {
    border: 1px solid #D3DAE4;
    border-radius: 10px;
    padding: 30px 0 30px 30px;
  }
  .aws-section h2 {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #133D54;
  }
  .aws-section p {
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #133D54;
  }
  .aws-section .aw-select {
    padding-right: 30px;
  }
  .aws-section .form-select {
    color: #5A616B;
  }

  .aw-list {
    margin-bottom: 20px;
  }
  .aw-list h2 {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    margin-bottom: 1.5rem;
  }
  .aw-list h2 img {
    margin: 0 12px 0 0;
  }
  .aw-list ul,
  .aw-list .slot-container
  {
    display: flex;
    flex-wrap: wrap;
  }

  .aw-list .slot-container .slot-group
  {
      width: 46%;
      margin-right: 9px;
  }

  .aw-list ul li,
  .aw-list .slot-container label
  {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #5A616B;
    background: #E9F4F5;
    border-radius: 4px;
    padding: 16px 13px;
    margin-right: 9px;
    width: 46%;
    text-align: center;
    margin-bottom: 10px;
    cursor: pointer;
  }

  .aw-list .slot-container label
  {
      width: 100%;
      padding: 0;
      background-color: transparent;
  }

  .aw-list .slot-container label:hover
  {
      background-color: transparent !important;
  }

  .aw-list .slot-container label span
  {
      font-weight: 400;
      font-size: 16px;
      color: #5A616B;
      background: #E9F4F5;
      border-radius: 4px;
      padding: 16px 13px;
      margin-right: 9px;
      text-align: center;
      cursor: pointer;
      display: block;
  }

  .aw-list .slot-container label span:hover
  {
      background: #0c3c53;
      color: #E9F4F5;
  }

  .custom-sel-time label input[type="radio"]:checked + span
  {
      background-color: #0c3c53;
      color: #E9F4F5;
  }

  @media (max-width: 1200px) {
    .aw-list ul li,
    .aw-list .slot-container label
    {
      padding: 16px 0;
    }
  }
  .aw-list ul li.active,
  .aw-list .slot-container label.active
  {
    background: #133D54;
    color: #ffffff;
  }
  .aw-list ul li:hover,
  .aw-list .slot-container label:hover
  {
    background: #133D54;
    color: #ffffff;
  }

  .two-search-wrap {
    padding: 30px 78px;
  }
  @media (max-width: 1300px) {
    .two-search-wrap {
      padding: 30px 0;
    }
  }
  .two-search-wrap .srl-thumb-img {
    max-width: 430px;
  }
  .two-search-wrap .srl-link {
    margin-bottom: 10px;
  }

  @media (max-width: 767px) {
    .consultant-details-wrap,
    .appointment-wrap {
      max-width: 430px;
      margin: 0 auto;
    }
  }

  .aw-info {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #5A616B;
    margin: 0;
  }
  .aw-info i {
    color: #26B7AF;
    font-weight: 500;
    margin: 0 10px 0 0;
  }

  .p-wrap {
    display: flex;
    height: 100vh;
  }
  @media (max-width: 768px) {
    .p-wrap {
      display: block;
    }
  }

  .bg-illustration {
    position: relative;
    width: 50%;
    background-image: url("../images/bg-login.jpg");
    background-repeat: no-repeat;
    background-color: #133D54;
    background-position: center center;
    background-size: 100%;
  }
  @media (max-width: 768px) {
    .bg-illustration {
      display: none;
    }
  }

  .p-logo {
    padding: 26px 0 0 45px;
  }

  .login-container {
    max-width: 505px;
    margin: 30px auto 0;
    position: relative;
  }
  @media (max-width: 1200px) {
    .login-container {
      padding: 0 15px;
    }
  }
  .login-container h1 {
    font-family: "Lora";
    color: #133D54;
    text-align: center;
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 1.5rem;
  }
  @media (max-width: 992px) {
    .login-container .c-form-wrap .form-control {
      font-size: 12px;
    }
  }

  .login {
    width: 50%;
  }
  @media (max-width: 768px) {
    .login {
      width: 100%;
      max-height: initial;
    }
  }

  .bg-login-thumb {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    right: 0;
    left: 0;
  }
  .bg-login-thumb img {
    width: 100%;
    max-width: 566px;
  }

  .f-txt {
    text-align: right;
    color: #007B8E;
    font-family: "Poppins";
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    margin: 10px 0 0 0;
  }
  .f-txt a {
    color: #007B8E;
  }
  .f-txt a:hover {
    color: #007B8E;
    text-decoration: underline;
  }

  .s-info {
    font-family: "Poppins";
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    color: #5A616B;
    margin: 10px 0 15px 0;
  }
  .s-info a {
    color: #007B8E;
  }
  .s-info a:hover {
    color: #007B8E;
    text-decoration: underline;
  }

  .eye-icon-wrap {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
  }
  @media screen and (min-width: 768px) and (max-width: 992px) {
    .eye-icon-wrap {
      right: 5px;
    }
  }
  .eye-icon-wrap i {
    color: #95B4B9;
  }
  @media screen and (min-width: 768px) and (max-width: 992px) {
    .eye-icon-wrap i {
      font-size: 12px;
    }
  }

  .signup-wrap [type=radio]:checked {
    position: absolute;
    left: -9999px;
  }
  .signup-wrap [type=radio]:checked + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #007B8E;
    font-weight: 500;
    font-size: 14px;
  }
  .signup-wrap [type=radio]:checked + label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #007B8E;
    border-radius: 100%;
    background: #ffffff;
  }
  .signup-wrap [type=radio]:checked + label:after {
    content: "";
    width: 10px;
    height: 10px;
    background: #007B8E;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .signup-wrap [type=radio]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  .signup-wrap [type=radio]:not(:checked) {
    position: absolute;
    left: -9999px;
  }
  .signup-wrap [type=radio]:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #95B4B9;
    font-size: 14px;
  }
  .signup-wrap [type=radio]:not(:checked) + label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #95B4B9;
    border-radius: 100%;
    background: #ffffff;
  }
  .signup-wrap [type=radio]:not(:checked) + label:after {
    content: "";
    width: 12px;
    height: 12px;
    background: #f87da9;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .signup-wrap [type=radio]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  .signup-wrap .nav-tabs {
    border: none;
  }
  .signup-wrap .nav-link {
    background: #ffffff;
    border: 1px solid #D3DAE4;
    border-radius: 4px;
    color: #95B4B9;
    padding: 14px 80px 14px 25px;
    width: 48%;
  }
  @media (max-width: 1024px) {
    .signup-wrap .nav-link {
      padding: 8px;
    }
  }
  .signup-wrap .nav-link:first-child {
    margin-right: 18px;
  }
  @media (max-width: 1024px) {
    .signup-wrap .nav-link:first-child {
      margin-right: 10px;
    }
  }
  .signup-wrap .nav-link.active {
    border: 1px solid #007B8E;
  }
  .signup-wrap .eye-icon-wrap {
    transform: initial;
  }

  .signup-wrap .file-area {
    width: 100%;
    position: relative;
  }
  .signup-wrap .file-area input[type=file] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    cursor: pointer;
  }
  .signup-wrap .file-area input[type=file]:focus + .file-dummy {
    outline: none;
  }
  .signup-wrap .file-area input[type=file]:valid + .file-dummy {
    border: 1px solid #D3DAE4;
    background-color: transparent;
  }
  .signup-wrap .file-area input[type=file]:valid + .file-dummy .success {
    display: inline-block;
    color: #133D54;
  }
  .signup-wrap .file-area input[type=file]:valid + .file-dummy .default {
    display: none;
  }
  .signup-wrap .file-area .file-dummy {
    width: 100%;
    font-family: "Poppins";
    font-weight: 400;
    color: #95B4B9;
    font-size: 14px;
    line-height: 24px;
    background: transparent;
    border: 1px solid #D3DAE4;
    border-radius: 4px;
    transition: background 0.3s ease-in-out;
    padding: 12px 12px;
  }
  .signup-wrap .file-area .file-dummy::after {
    content: "";
    background-image: url(../images/icon-file.svg);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 9px;
    bottom: 16px;
  }
  .signup-wrap .file-area .file-dummy .success {
    display: none;
  }
  .signup-wrap .file-area:hover .file-dummy {
    background: transparent;
    border: 1px solid #D3DAE4;
  }

  .c-form-wrap .attach-wrap {
    padding: 50px 0 0 0;
  }
  .c-form-wrap .attach-wrap .file-area {
    margin-bottom: 45px;
  }
  .c-form-wrap .attach-wrap .btn-wrap {
    display: flex;
  }
  .c-form-wrap .attach-wrap .btn-border {
    width: 49%;
    margin-right: 10px;
  }
  .c-form-wrap .attach-wrap .btn-teal {
    width: 49%;
  }
  .c-form-wrap .attach-wrap h2 {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #133D54;
    margin-bottom: 20px;
  }
  .c-form-wrap .attach-wrap ul {
    margin: 0 0 30px 0;
  }
  .c-form-wrap .attach-wrap ul li {
    list-style-type: decimal;
    background: #EDF5F7;
    border-radius: 4px;
    list-style-position: inside;
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #133D54;
    padding: 10px 33px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
  }
  .c-form-wrap .attach-wrap ul li i {
    margin-left: auto;
    cursor: pointer;
  }
  .c-form-wrap .attach-wrap .file-area {
    width: 100%;
    position: relative;
  }
  .c-form-wrap .attach-wrap .file-area input[type=file] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    cursor: pointer;
  }
  .c-form-wrap .attach-wrap .file-area input[type=file]:focus + .file-dummy {
    outline: 2px solid rgba(255, 255, 255, 0.5);
    outline: -webkit-focus-ring-color auto 5px;
  }
  .c-form-wrap .attach-wrap .file-area input[type=file]:valid + .file-dummy {
    border-color: rgba(0, 255, 0, 0.4);
    background-color: rgba(0, 255, 0, 0.3);
  }
  .c-form-wrap .attach-wrap .file-area input[type=file]:valid + .file-dummy .success {
    display: inline-block;
  }
  .c-form-wrap .attach-wrap .file-area input[type=file]:valid + .file-dummy .default {
    display: none;
  }
  .c-form-wrap .attach-wrap .file-area .file-dummy {
    width: 100%;
    padding: 80px 30px 35px;
    background: #ffffff;
    border: 1px dashed #D3DAE4;
    border-radius: 6px;
    text-align: center;
    transition: background 0.3s ease-in-out;
  }
  .c-form-wrap .attach-wrap .file-area .file-dummy::after {
    content: "";
    position: absolute;
    background-image: url(../images/icon-drag-file.svg);
    background-repeat: no-repeat;
    width: 34px;
    height: 34px;
    top: 35px;
  }
  .c-form-wrap .attach-wrap .file-area .file-dummy .success {
    display: none;
  }
  .c-form-wrap .attach-wrap .file-area .file-dummy .default {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
  }
  .c-form-wrap .attach-wrap .file-area .file-dummy .default span {
    font-weight: 500;
    color: #007B8E;
    text-decoration: underline;
  }
  .c-form-wrap .attach-wrap .file-area:hover .file-dummy {
    background: rgba(255, 255, 255, 0.1);
  }

  #header.dashboard-header {
    background-color: #ffffff;
    border-bottom: 1px solid #95B4B9;
  }
  #header.dashboard-header .logo {
    margin-left: 40px;
  }
  @media (max-width: 992px) {
    #header.dashboard-header .logo {
      margin-left: 15px;
    }
  }
  #header.dashboard-header .navbar a {
    color: #123243;
    font-size: 16px;
    padding: 0 0 0 36px;
  }
  @media screen and (min-width: 993px) and (max-width: 1280px) {
    #header.dashboard-header .navbar a {
      padding: 0 0 0 10px;
      font-size: 14px;
    }
  }
  #header.dashboard-header .navbar .dropdown {
    background-image: url(../images/dropdown-arrow-black.svg);
  }
  #header.dashboard-header .navbar .dropdown ul a {
    padding: 10px 20px;
    font-size: 14px;
    text-transform: none;
    font-weight: 500;
    color: #0c3c53;
  }
  #header.dashboard-header .user-info span {
    color: #133D54;
  }
  #header.dashboard-header .user-info .greeting-txt {
    color: #133D54;
  }
  #header.dashboard-header .user-info .user-details {
    background-image: url(../images/icon-down-gray.svg);
    background-position: right 26px;
  }
  #header.dashboard-header .right-nav {
    margin-right: 46px;
    margin-left: 7%;
  }
  @media (max-width: 992px) {
    #header.dashboard-header .right-nav {
      margin-right: 15px;
      margin-left: 0;
      display: flex;
    }
    #header.dashboard-header .right-nav .mobile-nav-toggle {
      color: #007b8e;
      z-index: 1000;
      position: relative;
      font-size: 20px;
    }
    #header.dashboard-header .right-nav .mobile-nav-toggle.fa-times {
      position: fixed;
      right: 15px;
    }
    #header.dashboard-header .right-nav .user-details {
      display: none;
    }
    #header.dashboard-header .right-nav .user-info {
      margin-left: 0;
      margin-right: 0;
    }
    #header.dashboard-header .right-nav .r-notification {
      margin-left: 10px;
    }
  }
  #header.dashboard-header .r-notification .noti-icon {
    border: 2px solid #ffffff;
  }

  #wrapper {
    display: flex;
  }
  #wrapper #sidebarToggleTop i {
    color: #133D54;
  }
  @media (min-width: 993px) {
    #wrapper #sidebarToggleTop {
      display: none;
    }
  }
  #wrapper #content-wrapper {
    background-color: #EDF5F7;
    width: 100%;
    overflow-x: hidden;
  }
  #wrapper .sidebar {
    width: 6.5rem;
    min-height: 100vh;
  }
  @media (max-width: 992px) {
    #wrapper .sidebar.toggled {
      width: 0 !important;
      overflow: hidden;
    }
  }
  @media (min-width: 993px) {
    #wrapper .sidebar {
      width: 310px !important;
      padding: 40px 20px 0 40px;
    }
  }
  #wrapper .sidebar .nav-link {
    font-family: "Poppins";
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #5A616B;
    padding: 13px 5px 13px 10px;
  }
  @media (max-width: 768px) {
    #wrapper .sidebar .nav-link {
      text-align: center;
      padding: 10px 5px;
    }
  }
  @media (max-width: 1200px) {
    #wrapper .sidebar .nav-link {
      font-size: 12px;
    }
  }
  #wrapper .sidebar .nav-link .svg-wrap {
    padding: 0 5px 0 0;
  }
  @media (max-width: 992px) {
    #wrapper .sidebar .nav-link .svg-wrap {
      display: block;
      padding: 0;
    }
  }
  #wrapper .sidebar .nav-link .svg-wrap img {
    filter: grayscale(1);
  }
  #wrapper .sidebar .nav-link:hover {
    background-color: #E9F4F5;
    border-radius: 4px;
    color: #007B8E;
    font-weight: 500;
  }
  #wrapper .sidebar .nav-link:hover img {
    filter: grayscale(0);
  }
  #wrapper .sidebar .nav-link.active {
    background-color: #E9F4F5;
    border-radius: 4px;
    color: #007B8E;
    font-weight: 500;
  }
  .custom-active-link {
    border-radius: 4px;
    color: #007B8E;
    font-weight: 500;
  }
  #wrapper .sidebar .nav-link.active img {
    filter: grayscale(0);
  }
  #wrapper #content {
    padding: 34px 28px 0 28px;
  }
  @media (max-width: 992px) {
    #wrapper #content {
      padding: 15px 0;
    }
  }
  #wrapper #content h1 {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #133D54;
    margin-bottom: 24px;
  }

  .box-wrap {
    background: #F9F9F9;
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.04);
    border-radius: 10px;
    padding: 30px 30px 68px 30px;
  }
  @media (max-width: 992px) {
    .box-wrap {
      padding: 25px;
    }
    .box-wrap .btn-border,
    .box-wrap .btn-teal {
      padding: 15px;
    }
  }
  .box-wrap.bg-white-box {
    background: #ffffff;
    padding: 30px;
  }
  @media (max-width: 992px) {
    .box-wrap.bg-white-box {
      padding: 25px;
    }
  }
  .box-wrap h2 {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #133D54;
    margin-bottom: 16px;
  }

  .account-img-wrap {
    text-align: center;
    max-width: 112px;
    margin: 0 auto;
    position: relative;
  }

  .aiw-img {
    width: 112px;
      height: 112px;
      object-fit: cover;
    border-radius: 50%;
    max-width: 100%;
  }

  .account-wrap.c-form-wrap .form-control {
    color: #133D54;
    padding-right: 15px;
  }
  .account-wrap .btn-border {
    text-transform: capitalize;
  }
  .account-wrap .btn-teal {
    width: auto !important;
  }
  .account-wrap .form-group {
    position: relative;
  }
  .account-wrap .form-control {
    padding-right: 80px;
  }
  .account-wrap .click-change {
    position: absolute;
    right: 15px;
    top: 50%;
    font-size: 14px;
    line-height: 21px;
    color: #007B8E;
    text-decoration: underline;
  }
  .account-wrap.c-form-wrap .select2-selection__clear{
    right: 25px !important;
  }

  .bottom-link-right {
    text-align: right;
    margin: 15px 0 0;
  }
  .bottom-link-right a {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #007B8E;
    text-decoration: underline;
  }
  .bottom-link-right a:hover {
    text-decoration: none;
  }

  .top-link-left i {
    color: #007B8E;
    font-size: 12px;
    margin: 0 5px 0 0;
  }
  .top-link-left a {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #007B8E;
  }

  .bg-light-teal {
    background-color: #F7FDFF;
    border-radius: 4px;
    padding: 21px 28px;
  }
  @media (max-width: 992px) {
    .bg-light-teal {
      padding: 10px;
    }
  }
  .bg-light-teal h2 {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #133D54;
  }
  .bg-light-teal h3 {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #133D54;
    margin-top: 1rem;
  }

  .s-heading {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #133D54;
    background-image: url(../images/icon-s-heading.svg);
    background-repeat: no-repeat;
    padding: 0 0 0 28px;
    background-position: 0 2px;
    margin: 0 0 8px 0;
  }

  .s-title {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #133D54;
    padding: 0 0 0 28px;
    margin-bottom: 1.5rem;
  }

  .j-heading {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    background-image: url(../images/icon-j-heading.svg);
    background-repeat: no-repeat;
    padding: 0 0 0 28px;
    background-position: 0 2px;
    margin: 0 0 8px 0;
  }
  @media (max-width: 992px) {
    .j-heading {
      display: inline-block;
      margin-bottom: 0.5rem;
    }
  }

  .d-heading {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #133D54;
  }
  @media (max-width: 992px) {
    .d-heading {
      display: inline-block;
      margin-bottom: 0.5rem;
    }
  }

  .date-txt {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    color: #133D54;
    margin-bottom: 0.5rem;
  }
  @media (max-width: 992px) {
    .date-txt {
      display: inline-block;
    }
  }

  .left-push {
    padding-left: 41px;
  }

  .slot-heading {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    background-image: url(../images/icon-slot-heading.svg);
    background-repeat: no-repeat;
    padding: 0 0 0 28px;
    background-position: 0 2px;
    margin: 0 0 8px 0;
  }

  .call-heading {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    background-image: url(../images/icon-call-heading.svg);
    background-repeat: no-repeat;
    padding: 0 0 0 28px;
    background-position: 0 2px;
    margin: 0 0 8px 0;
  }

  .slot-min-txt {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #133D54;
    padding: 0 0 0 28px;
  }

  .v-btn-wrap {
    text-align: right;
  }
  @media (max-width: 992px) {
    .v-btn-wrap {
      text-align: left;
    }
  }
  .v-btn-wrap .btn-teal {
    padding: 14px 50px 13px;
    margin-bottom: 15px;
  }
  @media (max-width: 992px) {
    .v-btn-wrap .btn-teal {
      padding: 14px 30px 13px;
    }
  }
  .v-btn-wrap .btn-border {
    padding: 14px 50px 13px;
    text-transform: capitalize;
  }
  @media (max-width: 992px) {
    .v-btn-wrap .btn-border {
      padding: 14px 30px 13px;
    }
  }

  .br-right {
    border-right: 1px solid #E0EEF0;
  }
  .aiw-edit-label {
      position: absolute;
      bottom: 0;
      right: 0;
  }
  .aiw-edit-label input[type=file] {
      opacity: 0;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }

  .aiw-edit-label .aiw-edit {
    background-color: #E0EEF0;
    border-radius: 4px;
    width: 28px;
    height: 28px;
      cursor: pointer;
      padding: 2px 5px;
  }
  .aiw-edit-label .aiw-edit i {
    color: #007B8E;
    display: inline-block;
    vertical-align: middle;
  }
  .aiw-edit:hover {
    background-color: #007B8E;
  }
  .aiw-edit:hover i {
    color: #E0EEF0;
  }

  .badges {
    border: 0.5px solid;
    border-radius: 5px;
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 15px;
    text-align: center;
    padding: 3px 10px;
    display: inline-block;
  }
  .badges.green {
    border-color: #64D253;
    color: #53C143;
    background: #DAF9D5;
  }
  .badges.red {
    border-color: #EB6969;
    color: #EA5C5C;
    background: #FCEDE5;
  }
  .badges.gray {
    border-color: rgba(149, 180, 185, 0.16);
    color: #95B4B9;
    background: rgba(203, 203, 203, 0.16);
  }
  .badges.blue {
    border-color: #76C7F4;
    color: #76C7F4;
    background: rgba(105, 149, 235, 0.17);
  }

  .seconadary-heading {
    font-family: "Poppins";
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #133D54;
  }

  .start-heading,
  .prize-heading,
  .end-heading {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #133D54;
    background-repeat: no-repeat;
    padding: 0 0 0 28px;
    background-position: 0 2px;
    margin: 0 0 8px 0;
  }

  .start-heading {
    background-image: url(../images/icon-start-heading.svg);
  }

  .prize-heading {
    background-image: url(../images/icon-prize-heading.svg);
  }

  .end-heading {
    background-image: url(../images/icon-end-heading.svg);
  }

  .txt-red {
    font-size: 14px;
    line-height: 21px;
    color: #EA5C5C;
    margin: 10px 0 0 0;
    width: 88%;
  }

  .box-list-wrap li {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #5A616B;
    display: inline-block;
    width: 49%;
    background-image: url(../images/icon-list-box.svg);
    background-repeat: no-repeat;
    padding: 8px 0 10px 33px;
    background-position: left center;
  }
  @media (max-width: 768px) {
    .box-list-wrap li {
      display: block;
      width: 100%;
    }
  }

  .bottom-btn-wrap {
    text-align: right;
    margin: 1rem 0 2rem;
  }
  @media (max-width: 1200px) {
    .bottom-btn-wrap {
      text-align: left;
    }
  }

  .bg-gray {
    background-color: #F1F1F1;
  }
  .bg-gray p {
    color: #5A616B;
  }
  .bg-gray .start-heading,
  .bg-gray .prize-heading,
  .bg-gray .end-heading {
    color: #5A616B;
  }
  .bg-gray .box-list-wrap li {
    background-image: url(../images/icon-list-box-gray.svg);
  }

  .txt-expired {
    text-align: right;
  }
  @media (max-width: 768px) {
    .txt-expired {
      text-align: left;
    }
  }

  .btn-expired {
    background-color: rgba(255, 255, 255, 0.37);
    border: 0.5px solid #5A616B;
    border-radius: 5px;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #5A616B;
    text-align: center;
    padding: 5px 19px;
    text-align: right;
  }

  .custom-data-table {
    border-radius: 10px;
  }
  .custom-data-table .table {
    border: 1px solid transparent;
    /* font-size: 14px; */
    line-height: 21px;
    color: #133D54;
    margin: 0;
  }
  .custom-data-table .table > thead {
    background-color: #F9F9F9;
  }
  .custom-data-table .table > thead th {
    border: none;
    padding: 1.25rem 1.625rem;
    font-weight: 500;
    vertical-align: middle;
  }
  .custom-data-table .table > tbody tr {
    border-bottom: 1px solid #E0EEF0;
  }
  .custom-data-table .table > tbody td {
    border: none;
    padding: 1rem 1.625rem;
    background-color: #ffffff;
    vertical-align: middle;
    border: none;
  }
  .custom-data-table .table > tbody td .data-txt {
    display: block;
    margin: 5px 0;
  }
  .custom-data-table .table > tbody td .data-txt .fa-star {
    color: #FFC107;
    font-size: 12px;
    margin: 0 3px 0 0;
  }

  .table-scroll {
    height: 490px;
  }
  .table-scroll::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: transparent;
    margin: 65px 0 0 0;
  }
  .table-scroll::-webkit-scrollbar {
    width: 5px;
    background-color: transparent;
    margin: 65px 0 0 0;
    border-radius: 10px;
  }
  .table-scroll::-webkit-scrollbar-thumb {
    border-radius: 15px;
    background-color: #D3DAE4;
  }

  .table-grand-total {
    display: flex;
    flex-wrap: wrap;
    background: #ffffff;
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.04);
    border-radius: 10px;
    margin: 15px 0 75px 0;
    padding: 13px 0;
  }
  .table-grand-total .col-align-right {
    margin-left: auto;
    width: 135px;
  }
  @media (max-width: 768px) {
    .table-grand-total .col-align-right {
      width: auto;
      padding-right: 15px;
    }
  }
  .table-grand-total .tg-txt {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #133D54;
    padding-left: 1.625rem;
  }
  @media (max-width: 768px) {
    .table-grand-total .tg-txt {
      padding-left: 15px;
    }
  }
  .table-grand-total .tp-txt {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #133D54;
  }
  .v-btn-wrap button {
    min-width: 220px;
  }

  .btn-light-teal {
    background-color: #E9F4F5;
    border-radius: 4px;
    color: #007B8E;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    border-radius: 4px;
    border: 1px solid transparent;
    padding: 10px 14px;
    white-space: nowrap;
  }
  .btn-light-teal:hover {
    background-color: #007B8E;
    color: #E9F4F5;
  }
  .table-responsive .nowrap-table tbody td .btn-light-teal{
    height: 41px;
    display: inline-block;
  }
  .table-responsive .nowrap-table tbody td button.btn-light-teal{
    border: solid 1px #ccc !important;
  }

  .table-tab .nav-tabs {
    border: none;
  }
  .table-tab .nav-link, .table-tab .nav-link a {
    border: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #5A616B;
    border-bottom: 1.5px solid transparent;
    padding-left: 0;
    padding-right: 0;
    margin-right: 1.5rem;
  }
  @media (max-width: 768px) {
    .table-tab .nav-link {
      margin-right: 15px;
    }
  }
  .table-tab .nav-link:hover {
    color: #007B8E;
    font-weight: 500;
    background-color: transparent;
    border-bottom: 1.5px solid #007B8E;
  }
  .table-tab .nav-link a:hover{
    color: #007B8E;
    font-weight: 500;
    background-color: transparent;
  }
  .table-tab .nav-link.active{
    color: #007B8E;
    font-weight: 500;
    background-color: transparent;
    border-bottom: 1.5px solid #007B8E;
  }
  .table-tab .nav-link.active a{
    color: #007B8E;
    font-weight: 500;
    background-color: transparent;
  }
  .aw-section.fixed{
    position: fixed;
    top: 0;
    width: 44%;
  }

  @media (max-width: 992px) {
    .mb-left {
      margin-left: 29px;
    }
  }

  @media (min-width: 1024px) {
    .md-left {
      margin-left: 41px;
    }
  }

  @media (min-width: 1200px) {
    .ml-left {
      margin-left: 41px;
    }
  }

  .bg-left {
    margin-left: 15px;
  }

  /*--------------------------------------------------------------
  # Header
  --------------------------------------------------------------*/
  #header {
    transition: all 0.5s;
    z-index: 997;
    padding: 14px 0 13px 0;
    background-color: #123243;
  }
  #header.header-scrolled {
    background: rgba(0, 0, 0, 0.9);
  }
  @media (max-width: 992px) {
    #header {
      padding: 15px 0;
    }
  }

  .logo {
    margin-right: auto;
  }
  .logo img {
    width: 100%;
    max-width: 190px;
  }
  @media (max-width: 992px) {
    .logo img {
      width: 75%;
    }
  }
  @media screen and (min-width: 993px) and (max-width: 1200px) {
    .logo {
      margin-right: 0;
    }
  }
  @media screen and (min-width: 993px) and (max-width: 1200px) {
    .logo {
      width: 110px;
    }
  }

  /*--------------------------------------------------------------
  # Navigation Menu
  --------------------------------------------------------------*/
  /**
  * Desktop Navigation
  */
  .navbar {
    padding: 0;
  }
  @media screen and (min-width: 993px) and (max-width: 1200px) {
    .navbar {
      margin-left: auto;
    }
  }

  .navbar ul {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    align-items: center;
  }
  @media (max-width: 992px) {
    .navbar ul {
      display: none;
    }
  }

  .navbar li {
    position: relative;
  }

  .navbar .dropdown {
    background-image: url(../images/dropdown-arrow.svg);
    background-repeat: no-repeat;
    background-position: right center;
    padding: 0 15px 0 0;
  }
  @media (max-width: 992px) {
    .navbar .dropdown {
      background-image: url(../images/dropdown-arrow-teal.svg);
      padding: 0;
      margin-right: 15px;
      background-position: right 18px;
    }
  }

  .navbar a,
  .navbar a:focus {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 0 29px;
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    white-space: nowrap;
    transition: 0.3s;
  }
  @media screen and (min-width: 993px) and (max-width: 1280px) {
    .navbar a,
    .navbar a:focus {
      padding: 0 0 0 10px;
      font-size: 14px;
    }
  }
  @media screen and (min-width: 1200px) and (max-width: 1400px) {
    .navbar a,
    .navbar a:focus {
      padding: 0 0 0 18px;
      font-size: 14px;
    }
  }

  .navbar a i,
  .navbar a:focus i {
    font-size: 12px;
    line-height: 0;
    margin-left: 5px;
  }

  .navbar a:hover,
  .navbar .active,
  .navbar .active:focus,
  .navbar li:hover > a {
    color: #ffffff;
    font-weight: 400;
    text-shadow: 0.5px 0px 1px #fff;
  }

  .signup-btn,
  .signup-btn:focus {
    padding: 15px 25px 13px;
    margin-left: 10px;
    color: #ffffff;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    background-color: #007b8e;
    border-radius: 3px;
  }
  @media screen and (min-width: 993px) and (max-width: 1200px) {
    .signup-btn,
    .signup-btn:focus {
      padding: 13px 20px 13px;
      font-size: 14px;
    }
  }

  .signup-btn:hover,
  .signup-btn:focus:hover {
    color: #007b8e;
    background-color: #ffffff;
  }

  .getademo-btn,
  .getademo-btn:focus {
    border-radius: 29px;
    color: #ffffff;
    font-weight: 500;
    font-size: 18px;
    line-height: 75px;
    background: #ff5c00;
    padding: 17px 65px;
  }

  .getademo-btn:hover,
  .getademo-btn:focus:hover {
    color: #ffffff;
  }

  .login-btn,
  .login-btn:focus {
    padding: 13px 34px 13px 33px;
    text-align: center;
    margin-left: 26px;
    color: #ffffff;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    position: relative;
    border: 1px solid #ffffff;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
  }
  @media screen and (min-width: 993px) and (max-width: 1200px) {
    .login-btn,
    .login-btn:focus {
      padding: 13px 20px 13px;
      font-size: 14px;
      margin-left: 10px;
    }
  }
  @media screen and (min-width: 1200px) and (max-width: 1400px) {
    .login-btn,
    .login-btn:focus {
      margin-left: 10px;
    }
  }

  .login-btn:hover,
  .login-btn:focus:hover {
    color: #ffffff;
    background-color: #007b8e;
    border: 1px solid #007b8e;
  }

  .right-nav {
    margin-left: 56px;
    display: flex;
    align-items: center;
  }
  @media (max-width: 992px) {
    .right-nav {
      display: none;
    }
  }
  @media screen and (min-width: 993px) and (max-width: 1200px) {
    .right-nav {
      margin-left: auto;
    }
  }
  @media screen and (min-width: 1200px) and (max-width: 1400px) {
    .right-nav {
      margin-left: 15px;
    }
  }

  .search-btn img {
    width: 24px;
    height: 24px;
  }

  .navbar .dropdown ul a:hover,
  .navbar .dropdown ul .active:hover,
  .navbar .dropdown ul li:hover > a {
    color: #47b2e4;
  }

  .navbar .dropdown:hover > ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
  }

  .navbar .dropdown .dropdown ul {
    top: 0;
    left: calc(100% - 30px);
    visibility: hidden;
  }

  .navbar .dropdown .dropdown:hover > ul {
    opacity: 1;
    top: 0;
    left: 100%;
    visibility: visible;
  }

  /**
    * Mobile Navigation
    */
  .mobile-nav-toggle {
    color: #ffffff;
    font-size: 28px;
    cursor: pointer;
    display: none;
    line-height: 0;
    transition: 0.5s;
  }
  @media (max-width: 992px) {
    .mobile-nav-toggle {
      display: block;
    }
  }

  .navbar-mobile {
    position: fixed;
    overflow: hidden;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.9);
    transition: 0.3s;
    z-index: 999;
  }

  .navbar-mobile .mobile-nav-toggle {
    position: absolute;
    top: 15px;
    right: 15px;
  }

  #navbar.navbar-mobile ul {
    display: block;
    position: absolute;
    top: 55px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    padding: 10px 0;
    border-radius: 10px;
    background-color: #ffffff;
    overflow-y: auto;
    transition: 0.3s;
  }

  #navbar.navbar-mobile .dropdown ul {
    position: static;
    display: none;
    margin: 10px 20px;
    padding: 10px 0;
    z-index: 99;
    opacity: 1;
    visibility: visible;
    background: #fff;
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  }

  #navbar.navbar-mobile .dropdown > .dropdown-active {
    display: block;
  }

  .navbar-mobile a,
  .navbar-mobile a:focus {
    padding: 10px 20px;
    font-size: 15px;
    color: #37517e;
  }

  .navbar-mobile a:hover,
  .navbar-mobile .active,
  .navbar-mobile li:hover > a {
    color: #37517e;
    font-weight: 700;
  }

  .navbar-mobile .signup-btn,
  .navbar-mobile .signup-btn:focus {
    margin: 15px;
    color: #37517e;
  }

  .navbar-mobile .dropdown ul {
    position: static;
    display: none;
    margin: 10px 20px;
    padding: 10px 0;
    z-index: 99;
    opacity: 1;
    visibility: visible;
    background: #ffffff;
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  }

  .navbar-mobile .dropdown ul li {
    min-width: 200px;
  }

  .navbar-mobile .dropdown ul a {
    padding: 10px 20px;
  }

  .navbar-mobile .dropdown ul a i {
    font-size: 12px;
  }

  .navbar-mobile .dropdown ul a:hover,
  .navbar-mobile .dropdown ul .active:hover,
  .navbar-mobile .dropdown ul li:hover > a {
    color: #47b2e4;
  }

  .navbar-mobile .dropdown > .dropdown-active {
    display: block;
  }

  .nav-mobile {
    display: none;
  }

  .navbar .dropdown ul {
    display: block;
    position: absolute;
    left: 14px;
    top: calc(100% + 56px);
    margin: 0;
    padding: 10px 0;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    background: #ffffff;
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
    transition: 0.3s;
    border-radius: 4px;
  }

  .navbar .dropdown ul li {
    min-width: 200px;
  }

  .navbar .dropdown ul a {
    padding: 10px 20px;
    font-size: 14px;
    text-transform: none;
    font-weight: 500;
    color: #0c3c53;
  }

  .navbar .dropdown ul a i {
    font-size: 12px;
  }

  .navbar .dropdown ul a:hover,
  .navbar .dropdown ul .active:hover,
  .navbar .dropdown ul li:hover > a {
    color: #47b2e4;
  }

  .navbar .dropdown:hover > ul {
    opacity: 1;
    top: calc(100% + 26px);
    visibility: visible;
  }

  .navbar .dropdown .dropdown ul {
    top: 0;
    left: calc(100% - 30px);
    visibility: hidden;
  }

  .navbar .dropdown .dropdown:hover > ul {
    opacity: 1;
    top: 0;
    left: 100%;
    visibility: visible;
  }

  .hero-section {
    background-color: #e0eef0;
    position: relative;
  }
  @media screen and (min-width: 768px) and (max-width: 992px) {
    .hero-section .row {
      align-items: center;
    }
  }
  .hero-section .hero-img {
    background-image: url(../images/header-bg-background.png);
    background-repeat: no-repeat;
    background-position: 0px 50px;
  }
  @media (max-width: 768px) {
    .hero-section .hero-img {
      text-align: center;
    }
  }
  .hero-section .hero-img img {
    max-width: 630px;
    width: 100%;
  }
  @media (min-width: 1280px) {
    .hero-section .hero-img img {
      width: 116%;
    }
  }
  @media (max-width: 768px) {
    .hero-section .hero-img img {
      width: 65%;
      margin: 0 auto;
    }
  }
  .hero-section .hero-text {
    padding: 126px 90px 0 108px;
  }
  @media (max-width: 992px) {
    .hero-section .hero-text {
      padding: 35px 0 60px;
    }
  }
  @media screen and (min-width: 993px) and (max-width: 1200px) {
    .hero-section .hero-text {
      padding: 50px 0 50px 0;
    }
  }
  @media screen and (min-width: 1200px) and (max-width: 1400px) {
    .hero-section .hero-text {
      padding: 50px 0 90px 0;
    }
  }
  .hero-section .hero-text h1 {
    font-family: "Lora";
    font-weight: 400;
    font-size: 65px;
    line-height: 77px;
    color: #133d54;
    margin: 0 0 21px 0;
  }
  @media (max-width: 992px) {
    .hero-section .hero-text h1 {
      font-size: 35px;
      line-height: 45px;
      margin: 15px 0;
    }
  }
  @media screen and (min-width: 993px) and (max-width: 1200px) {
    .hero-section .hero-text h1 {
      font-size: 45px;
      line-height: 48px;
    }
  }
  .hero-section .hero-text p {
    font-family: "Poppins";
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #5a616b;
    margin-bottom: 38px;
    margin-right: 61px;
  }
  @media (max-width: 992px) {
    .hero-section .hero-text p {
      font-size: 16px;
      line-height: 27px;
      margin-right: 0;
    }
  }
  .hero-section .hero-text .btn-teal {
    padding: 14px 25px 13px;
  }
  @media (max-width: 992px) {
    .hero-section .hero-text .btn-teal {
      padding: 14px 14px 13px;
    }
  }
  .hero-section .hero-text .btn-border {
    padding: 14px 33px 13px;
  }
  @media (max-width: 992px) {
    .hero-section .hero-text .btn-border {
      padding: 14px 25px 13px;
    }
  }
  .hero-section .scroll-bottom {
    position: absolute;
    left: 0;
    right: 0px;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 45px;
    color: #007b8e;
    bottom: 26px;
  }
  @media (max-width: 992px) {
    .hero-section .scroll-bottom {
      display: none;
    }
  }
  @media screen and (min-width: 993px) and (max-width: 1200px) {
    .hero-section .scroll-bottom {
      bottom: 8px;
    }
  }
  @media screen and (min-width: 1200px) and (max-width: 1400px) {
    .hero-section .scroll-bottom {
      bottom: 15px;
    }
  }
  .hero-section .scroll-bottom a {
    color: #007b8e;
  }
  .hero-section .scroll-bottom a:before {
    content: "";
    width: 55px;
    height: 55px;
    border: 1px solid #007b8e;
    display: block;
    margin: 0 auto;
    top: 0;
    border-radius: 50%;
    cursor: pointer;
    background-image: url(../images/bottom-arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
  }

  .btn-teal {
    background: #007b8e;
    border-radius: 3px;
    font-family: "Poppins";
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #ffffff;
    padding: 14px 33px 13px;
    border: 1px solid transparent;
    display: inline-block;
  }
  .btn-teal:hover {
    color: #007b8e;
    background: transparent;
    border: 1px solid #007b8e;
  }

  .btn-border {
    border: 1px solid #007b8e;
    border-radius: 4px;
    font-family: "Poppins";
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #007b8e;
    padding: 13px 33px;
    display: inline-block;
    text-transform: uppercase;
    background-color: transparent;
  }
  .btn-border:hover {
    color: #ffffff;
    background: #007b8e;
    border: 1px solid #007b8e;
  }

  .btn-border-white {
    border: 1px solid #ffffff;
    border-radius: 4px;
    font-family: "Poppins";
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #ffffff;
    padding: 13px 33px;
    display: inline-block;
    text-transform: uppercase;
    background-color: transparent;
  }
  .btn-border-white:hover {
    color: #ffffff;
    background: #007b8e;
    border: 1px solid #007b8e;
  }

  .how-it-works {
    padding: 99px 0 123px;
    position: relative;
  }
  .how-it-works .listing-tick li {
    color: #5a616b;
  }
  @media (max-width: 992px) {
    .how-it-works {
      padding: 35px 0;
    }
  }
  @media screen and (min-width: 993px) and (max-width: 1200px) {
    .how-it-works {
      padding: 80px 0;
    }
  }
  .how-it-works:after {
    content: "";
    background-image: url(../images/left-square.svg);
    position: absolute;
    left: 0;
    top: -88px;
    width: 102px;
    background-repeat: no-repeat;
    height: 117px;
  }
  @media (max-width: 992px) {
    .how-it-works:after {
      background-size: 50%;
      top: -32px;
    }
  }
  @media screen and (min-width: 993px) and (max-width: 1200px) {
    .how-it-works:after {
      background-size: 100%;
      top: -56px;
      width: 65px;
    }
  }
  @media screen and (min-width: 1200px) and (max-width: 1400px) {
    .how-it-works:after {
      top: -88px;
    }
  }
  .how-it-works.solid-content-wrap:after {
    background-image: url(../images/left-square-solid.svg);
  }
  @media (max-width: 992px) {
    .how-it-works.solid-content-wrap:after {
      background-size: 50%;
      top: -32px;
    }
  }
  @media screen and (min-width: 993px) and (max-width: 1200px) {
    .how-it-works.solid-content-wrap:after {
      background-size: 100%;
      top: -56px;
      width: 65px;
    }
  }
  @media screen and (min-width: 1200px) and (max-width: 1400px) {
    .how-it-works.solid-content-wrap:after {
      top: -88px;
    }
  }
  .how-it-works .content {
    padding: 0 60px;
  }
  @media (max-width: 1200px) {
    .how-it-works .content {
      padding: 0;
    }
  }
  .how-it-works h2 {
    font-family: "Lora";
    margin: 0 0 21px 0;
    font-weight: 400;
    font-size: 50px;
    line-height: 64px;
    color: #133d54;
  }
  @media (max-width: 992px) {
    .how-it-works h2 {
      font-size: 30px;
      line-height: 39px;
    }
  }
  @media screen and (min-width: 993px) and (max-width: 1200px) {
    .how-it-works h2 {
      font-size: 40px;
      line-height: 43px;
    }
  }
  .how-it-works p {
    font-family: "Poppins";
    margin-bottom: 39px;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #5a616b;
  }
  @media (max-width: 992px) {
    .how-it-works p {
      font-size: 16px;
      line-height: 27px;
    }
  }

  .hiw-list {
    margin: 0 76px 42px 0;
    padding: 0;
    position: relative;
  }
  @media (max-width: 992px) {
    .hiw-list {
      margin: 0 0 42px 0;
    }
  }
  .hiw-list::before {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    background-color: #e7e7e7;
    left: 19px;
  }
  .hiw-list li {
    list-style-type: none;
    font-family: "Lora";
    font-weight: 600;
    font-size: 20px;
    line-height: 33px;
    color: #133d54;
    padding: 0 0 52px 55px;
    position: relative;
  }
  @media (max-width: 992px) {
    .hiw-list li {
      padding: 0 0 25px 55px;
      font-size: 18px;
      line-height: 33px;
    }
  }
  .hiw-list li:first-child .list-round {
    background-color: #007ea0;
  }
  .hiw-list li:nth-child(2) .list-round {
    background-color: #189fc0;
  }
  .hiw-list li:nth-child(3) {
    padding-bottom: 0;
  }
  .hiw-list li:nth-child(3) .list-round {
    background-color: #26b7af;
  }
  .hiw-list li .list-round {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    font-family: "Poppins";
    font-weight: 400;
    font-size: 18px;
    line-height: 35px;
    color: #ffffff;
    display: inline-block;
    position: absolute;
    left: 2px;
    text-align: center;
  }
  .hiw-list li p {
    font-family: "Poppins";
    margin: 9px 0 0 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #5a616b;
  }

  .why-consult-up {
    background-color: #133d54;
    padding: 72px 0 60px;
    position: relative;
  }
  @media (max-width: 992px) {
    .why-consult-up {
      padding: 35px 0;
    }
  }
  .why-consult-up .content {
    padding: 0 60px;
  }
  @media (max-width: 1200px) {
    .why-consult-up .content {
      padding: 0;
    }
  }
  .why-consult-up:after {
    content: "";
    background-image: url(../images/right-square.svg);
    position: absolute;
    right: 0;
    top: -30px;
    width: 102px;
    height: 117px;
    background-repeat: no-repeat;
  }
  @media (max-width: 992px) {
    .why-consult-up:after {
      background-size: 100%;
      top: -21px;
      width: 45px;
    }
  }
  @media screen and (min-width: 993px) and (max-width: 1200px) {
    .why-consult-up:after {
      background-size: 100%;
      top: -35px;
      width: 65px;
    }
  }
  @media screen and (min-width: 1200px) and (max-width: 1400px) {
    .why-consult-up:after {
      top: -36px;
    }
  }
  .why-consult-up h2 {
    font-family: "Lora";
    margin-bottom: 21px;
    font-weight: 400;
    font-size: 50px;
    line-height: 64px;
    color: #ffffff;
  }
  @media (max-width: 992px) {
    .why-consult-up h2 {
      font-size: 30px;
      line-height: 39px;
    }
  }
  @media screen and (min-width: 993px) and (max-width: 1200px) {
    .why-consult-up h2 {
      font-size: 40px;
      line-height: 43px;
    }
  }
  .why-consult-up p {
    font-family: "Poppins";
    margin-bottom: 45px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
  }
  .why-consult-up .wc-content {
    padding-left: 0;
    padding-top: 9px;
    padding-right: 49px;
  }
  @media (max-width: 992px) {
    .why-consult-up .wc-content {
      padding: 35px 0 0 0;
    }
  }
  @media screen and (min-width: 1200px) and (max-width: 1400px) {
    .why-consult-up .wc-content {
      padding-right: 0;
    }
  }

  @media (max-width: 768px) {
    .wcu-slider {
      max-width: 500px;
      width: 80%;
      margin: 0 auto;
    }
  }
  .wcu-slider .owl-carousel .owl-item img {
    width: auto;
  }
  .wcu-slider .owl-nav {
    text-align: center;
    width: 86%;
  }
  @media (max-width: 1200px) {
    .wcu-slider .owl-nav {
      width: 100%;
    }
  }
  .wcu-slider .owl-nav .owl-prev span {
    background-image: url(../images/slider-left.svg) !important;
  }
  .wcu-slider .owl-nav .owl-next span {
    background-image: url(../images/slider-right.svg) !important;
  }
  .wcu-slider .owl-nav span {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 1px solid #ffffff;
    border-radius: 50%;
    font-size: 0;
    background-repeat: no-repeat !important;
    background-position: center !important;
    margin: 0 8px;
  }

  .btn-white {
    background: #ffffff;
    border-radius: 3px;
    font-family: "Poppins";
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #007b8e;
    padding: 13px 33px;
    display: inline-block;
  }
  .btn-white:hover {
    background-color: transparent;
    border: 1px solid #ffffff;
    color: #ffffff;
  }

  .listing-tick {
    margin: 0 0 35px;
  }
  .listing-tick li {
    font-family: "Poppins";
    font-weight: 400;
    font-size: 20px;
    line-height: 49px;
    color: #ffffff;
    background-image: url(../images/list-tick.svg);
    background-repeat: no-repeat;
    background-position: left 13px;
    padding: 0 0 0 41px;
  }
  @media (max-width: 1200px) {
    .listing-tick li {
      font-size: 16px;
      line-height: 38px;
      padding: 0 0 0 35px;
      background-position: left 9px;
    }
  }

  .industry-section {
    text-align: center;
    padding: 89px 0 150px;
  }
  @media (max-width: 992px) {
    .industry-section {
      padding: 35px 0;
    }
  }
  @media screen and (min-width: 993px) and (max-width: 1200px) {
    .industry-section {
      padding: 80px 0;
    }
  }
  .industry-section h2 {
    font-family: "Lora";
    font-weight: 400;
    font-size: 50px;
    line-height: 64px;
    color: #133d54;
    margin-bottom: 21px;
  }
  @media (max-width: 992px) {
    .industry-section h2 {
      font-size: 30px;
      line-height: 39px;
    }
  }
  @media screen and (min-width: 993px) and (max-width: 1200px) {
    .industry-section h2 {
      font-size: 40px;
      line-height: 43px;
    }
  }
  .industry-section p {
    font-family: "Poppins";
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #5a616b;
    padding: 0 115px 15px;
  }
  @media (max-width: 1200px) {
    .industry-section p {
      padding: 0 0 15px;
    }
  }

  .is-logo-slider .owl-carousel img {
    width: auto;
    margin: 0 auto;
  }
  .is-logo-slider .owl-carousel .owl-dots {
    text-align: center;
  }
  .is-logo-slider .owl-carousel .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    background: #d3dae4;
    border-radius: 50%;
    margin: 0 5px;
  }
  .is-logo-slider .owl-carousel .owl-dots .owl-dot.active {
    background-color: #007b8e;
  }
  .is-logo-slider .owl-carousel .owl-dots .owl-dot:hover {
    background-color: #007b8e;
  }

  .be-a-consultant {
    background-image: url(../images/bg-light-teal.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 50px 0 100px;
    position: relative;
  }
  @media (max-width: 992px) {
    .be-a-consultant {
      padding: 35px 0;
      margin-bottom: 25px;
    }
  }
  @media screen and (min-width: 1200px) and (max-width: 1400px) {
    .be-a-consultant {
      padding: 75px 0 100px;
    }
  }
  .be-a-consultant:after {
    content: "";
    background-image: url(../images/c-left-square.svg);
    position: absolute;
    left: 0;
    top: -24px;
    width: 87px;
    height: 99px;
    background-repeat: no-repeat;
  }
  @media (max-width: 992px) {
    .be-a-consultant:after {
      background-size: 100%;
      top: -21px;
      width: 45px;
    }
  }
  @media screen and (min-width: 993px) and (max-width: 1200px) {
    .be-a-consultant:after {
      background-size: 100%;
      top: -38px;
      width: 65px;
    }
  }
  @media screen and (min-width: 1200px) and (max-width: 1400px) {
    .be-a-consultant:after {
      top: -46px;
    }
  }
  .be-a-consultant .bac-content {
    padding: 0 140px 0 0;
  }
  @media (max-width: 992px) {
    .be-a-consultant .bac-content {
      padding: 0 0 35px;
    }
  }
  .be-a-consultant h2 {
    font-family: "Lora";
    font-weight: 400;
    font-size: 50px;
    line-height: 64px;
    margin-bottom: 25px;
  }
  @media (max-width: 992px) {
    .be-a-consultant h2 {
      font-size: 30px;
      line-height: 39px;
    }
  }
  @media screen and (min-width: 993px) and (max-width: 1200px) {
    .be-a-consultant h2 {
      font-size: 40px;
      line-height: 43px;
    }
  }
  .be-a-consultant p {
    font-family: "Poppins";
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 35px;
  }
  .be-a-consultant .bac-img {
    position: absolute;
    top: -132px;
  }
  @media (max-width: 992px) {
    .be-a-consultant .bac-img {
      position: initial;
      text-align: center;
    }
  }
  @media screen and (min-width: 993px) and (max-width: 1200px) {
    .be-a-consultant .bac-img {
      top: -58px;
    }
  }
  @media screen and (min-width: 1200px) and (max-width: 1400px) {
    .be-a-consultant .bac-img {
      top: -105px;
    }
  }
  .be-a-consultant .btn-teal {
    padding: 13px 56px;
  }

  .newsletter {
    background-color: #133d54;
    padding: 60px 0 70px;
  }
  .newsletter-title {
    font-family: "Lora";
    font-weight: 400;
    font-size: 50px;
    line-height: 64px;
    margin-bottom: 25px;
    color: #fff;
    text-align: center;
    display: block;
    margin-bottom: 15px;
  }
  @media (max-width: 767px) {
    .newsletter-title {
      font-size: 34px;
      line-height: 44px;
    }
  }
  .newsletter-text {
    color: #fff;
    text-align: center;
    display: block;
    font-family: "Poppins";
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 35px;
  }
  .newsletter-content {
    max-width: 500px;
    margin: 0 auto;
  }
  .newsletter-tag {
    color: #fff;
    text-align: center;
    display: block;
    font-family: "Poppins";
    font-weight: 300;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 0px;
    padding-top: 10px;
  }
  .newsletter-wrap {
    display: flex;
    gap: 2px;
  }
  .newsletter-area {
    flex: 1;
  }
  .newsletter-area .form-control {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #95b4b9;
    height: 60px;
  }
  .newsletter-btnwrap .btn-teal {
    height: 60px;
  }
  @media (max-width: 767px) {
    .newsletter-btnwrap .btn-teal {
      padding: 14px 13px 13px;
    }
  }
  .newsletter-btnwrap .btn-teal:hover {
    background: #fff;
  }

  footer h4 {
    font-family: "Lora";
    font-weight: 700;
    font-size: 16px;
    line-height: 27px;
    color: #133d54;
  }
  footer .footer-top {
    padding-bottom: 75px;
    padding-top: 75px;
  }
  @media (max-width: 992px) {
    footer .footer-top {
      padding-bottom: 25px;
      padding-top: 40px;
    }
  }
  footer .footer-top p {
    font-family: "Poppins";
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #133d54;
    margin-bottom: 28px;
  }
  footer .footer-top .get-email {
    font-family: "Poppins";
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    margin: 0 0 20px;
  }
  footer .footer-top .get-email img {
    margin: 0 10px 0 0;
  }
  @media screen and (min-width: 993px) and (max-width: 1200px) {
    footer .footer-top .get-email img {
      display: none;
    }
  }
  footer .footer-top .get-call {
    font-family: "Poppins";
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    margin: 0;
  }
  footer .footer-top .get-call img {
    margin: 0 10px 0 0;
  }

  @media (max-width: 992px) {
    .footer-links {
      margin-bottom: 25px;
    }
  }
  .footer-links a {
    font-family: "Poppins";
    color: #133d54;
    font-weight: 400;
    font-size: 14px;
    line-height: 27px;
  }
  .footer-links a:hover {
    font-weight: 700;
  }
  @media screen and (min-width: 1200px) and (max-width: 1400px) {
    .footer-links a {
      font-size: 13px;
    }
  }
  .footer-links .btn-border {
    padding: 13px 33px;
    font-size: 14px;
    line-height: 21px;
    color: #007b8e;
  }
  .footer-links .btn-border:hover {
    color: #ffffff;
  }
  @media screen and (min-width: 993px) and (max-width: 1200px) {
    .footer-links .btn-border {
      padding: 13px 20px;
    }
  }

  .twitter {
    margin-left: 8px;
  }

  .f-read-more {
    font-family: "Poppins";
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #007b8e;
  }
  .f-read-more:hover {
    color: #007b8e;
    font-weight: 700;
  }
  .f-read-more img {
    margin-left: 10px;
  }

  @media (max-width: 992px) {
    .footer-contact {
      margin-bottom: 25px;
    }
  }

  .footer-bottom {
    text-align: center;
  }
  .footer-bottom .container {
    border-top: 1px solid #e0e0e0;
    padding: 53px 0 52px;
  }
  @media (max-width: 992px) {
    .footer-bottom {
      padding: 0;
    }
  }
  .footer-bottom p {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #222222;
    margin: 0;
  }

  .social-links a
  {
      margin-right: 5px;
  }

  .social-links a:hover {
    opacity: 0.8;
  }

  .img-round-corner,
  .img-r-corner {
    border-radius: 8px;
    max-width: 100%;
  }

  .img-right {
    display: block;
    margin-left: auto;
    max-width: 500px;
    width: 100%;
  }
  @media (max-width: 768px) {
    .img-right {
      width: 80%;
      margin: 0 auto;
    }
  }

  .margin-right-half {
    margin-right: 9px;
  }

  .counter-container .row {
    background-color: #133d54;
    border-radius: 10px;
  }
  .counter-container h2 {
    font-family: "Lora";
    font-style: normal;
    font-weight: 700;
    font-size: 50px;
    line-height: 64px;
    color: #ffffff;
  }
  @media screen and (min-width: 768px) and (max-width: 992px) {
    .counter-container h2 {
      font-size: 40px;
      line-height: 48px;
    }
  }
  .counter-container p {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #ffffff;
  }
  @media screen and (min-width: 768px) and (max-width: 992px) {
    .counter-container p {
      font-size: 12px;
      line-height: 24px;
    }
  }
  .counter-container .cc-inner {
    text-align: center;
    padding: 42px 0;
    position: relative;
  }
  .counter-container .cc-inner:after {
    content: "";
    width: 1px;
    height: 61px;
    position: absolute;
    background-color: rgba(149, 180, 185, 0.3);
    left: 0;
    transform: translateY(-50%);
    top: 50%;
  }
  @media (max-width: 768px) {
    .counter-container .cc-inner:after {
      width: 66%;
      height: 1px;
      left: 0;
      transform: initial;
      bottom: 0;
      right: 0;
      margin: 0 auto;
      top: initial;
    }
  }
  @media screen and (min-width: 768px) and (max-width: 992px) {
    .counter-container .cc-inner:after {
      width: 1px;
      height: 61px;
      left: 0;
      transform: translateY(-50%);
      top: 50%;
      margin: 0;
      bottom: auto;
      right: initial;
    }
  }
  .counter-container .content {
    margin: 0 60px;
  }
  @media (max-width: 1200px) {
    .counter-container .content {
      margin: 0;
    }
  }

  .shb-banner-wrap {
    position: relative;
  }
  @media (max-width: 768px) {
    .shb-banner-wrap {
      height: 250px;
    }
  }
  @media (max-width: 575px) {
    .shb-banner-wrap.soild-banner {
      height: 600px;
    }
    .shb-banner-wrap.soild-banner .row > div {
      margin-bottom: 15px;
    }
  }
  @media screen and (min-width: 575px) and (max-width: 992px) {
    .shb-banner-wrap.soild-banner {
      height: 445px;
    }
    .shb-banner-wrap.soild-banner .row > div {
      margin-bottom: 15px;
    }
  }
  @media screen and (min-width: 992px) and (max-width: 1200px) {
    .shb-banner-wrap.soild-banner {
      height: 445px;
    }
    .shb-banner-wrap.soild-banner .row > div {
      margin-bottom: 15px;
    }
  }
  .shb-banner-wrap.soild-banner:after {
    display: none;
  }
  .shb-banner-wrap.soild-banner .shb-heading {
    color: #ffffff;
    top: 28%;
  }
  @media (max-width: 768px) {
    .shb-banner-wrap.soild-banner .shb-heading {
      top: 14%;
    }
  }
  .shb-banner-wrap:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(224, 238, 240, 0.72);
    left: 0;
    right: 0;
    top: 0;
  }

  .shb-banner-img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .shb-heading {
    font-family: "Lora";
    font-weight: 400;
    font-size: 65px;
    line-height: 83px;
    text-align: center;
    color: #133d54;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
  }
  @media (max-width: 992px) {
    .shb-heading {
      font-size: 35px;
      line-height: 45px;
    }
  }
  @media screen and (min-width: 993px) and (max-width: 1200px) {
    .shb-heading {
      font-size: 45px;
      line-height: 48px;
    }
  }

  .r-notification {
    margin-left: 20px;
    position: relative;
  }
  .r-notification .noti-icon {
    width: 10px;
    height: 10px;
    background: #26b7af;
    border: 2px solid #123243;
    position: absolute;
    border-radius: 50%;
    right: 0px;
    top: 1px;
  }

  .banner-search-section {
    position: absolute;
    width: 100%;
    top: 60%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .banner-search-section p {
    color: #ffffff;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 25px;
  }
  .banner-search-section .content {
    padding: 0 60px;
    text-align: center;
  }
  @media (max-width: 1200px) {
    .banner-search-section .content {
      padding: 0;
    }
  }
  .banner-search-section .row {
    margin-bottom: 45px;
  }
  @media (max-width: 768px) {
    .banner-search-section .row {
      margin-bottom: 30px;
    }
  }
  .banner-search-section .btn-teal {
    padding: 14px 72px 13px;
  }

  .user-info {
    margin-left: 20px;
    padding: 3px 0 4px;
  }
  .user-info .user-details {
    padding-left: 20px;
    background-image: url(../images/dropdown-arrow.svg);
    background-repeat: no-repeat;
    background-position: right 28px;
  }
  .user-info .p-img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    display: block;
    border-radius: 50%;
  }
  .user-info span {
    display: block;
    color: #ffffff;
    font-size: 14px;
    line-height: 21px;
  }
  .user-info .greeting-txt {
    font-weight: 700;
  }

  .page-heading {
    font-family: "Lora";
    font-style: normal;
    font-weight: 400;
    font-size: 50px;
    line-height: 64px;
    margin-bottom: 35px;
  }
  @media (max-width: 992px) {
    .page-heading {
      font-size: 35px;
      line-height: 45px;
    }
  }

  .content-wrap {
    padding: 80px 0;
  }
  .content-wrap h6 {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #133d54;
  }
  .content-wrap p {
    margin-bottom: 2rem;
  }

  .form-select {
    background-color: #ffffff;
    border: 1px solid #d3dae4;
    border-radius: 4px;
    padding: 1rem 2.25rem 1rem 0.75rem;
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #95b4b9;
    background-image: url(../images/arrow-select.svg);
    background-repeat: no-repeat;
    background-size: 16px 10px;
  }

  .select-location {
    background-image: url(../images/icon-map.svg), url(../images/arrow-select.svg);
    background-repeat: no-repeat;
    background-size: 14px 14px, 16px 10px;
    padding-left: 2rem;
    background-position: 10px center, right 0.75rem center;
  }

  .site-faq-wrap h2 {
    font-family: "Lora";
    font-style: normal;
    font-weight: 400;
    font-size: 50px;
    text-align: center;
    color: #133d54;
    margin-bottom: 50px;
  }
  @media (max-width: 1200px) {
    .site-faq-wrap h2 {
      font-size: 30px;
      margin-bottom: 25px;
    }
  }
  .site-faq-wrap .content {
    padding: 0 60px;
  }
  @media (max-width: 1200px) {
    .site-faq-wrap .content {
      padding: 0;
    }
  }
  .site-faq-wrap .accordion {
    margin-bottom: 40px;
  }
  .site-faq-wrap .accordion h2 {
    margin-bottom: 0;
  }
  .site-faq-wrap .accordion p {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #5a616b;
  }
  .site-faq-wrap .accordion .accordion-item {
    border-left: none;
    border-right: none;
    border-top: none;
    border-radius: 0 !important;
    border-bottom: 1px solid #95b4b9;
  }
  .site-faq-wrap .accordion .accordion-button {
    border-radius: 0;
    font-family: "Poppins";
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #133d54;
    box-shadow: none;
    background-color: transparent !important;
    padding: 20px 20px;
  }
  .site-faq-wrap .accordion .accordion-button::after {
    background-image: url(../images/faq-arrow.svg);
    background-size: 12px 8px;
    transform: rotate(180deg);
  }
  .site-faq-wrap .accordion .accordion-button:not(.collapsed)::after {
    background-image: url(../images/faq-arrow.svg);
    transform: rotate(-180deg);
  }

  .btn-wrap {
    text-align: center;
    margin-bottom: 80px;
  }

  .three-box.content {
    padding: 0 60px;
  }
  @media (max-width: 1200px) {
    .three-box.content {
      padding: 0;
    }
  }
  .three-box .tbc-txt {
    text-align: center;
    padding: 0 100px;
  }
  @media (max-width: 992px) {
    .three-box .tbc-txt {
      padding: 0;
    }
  }
  @media (max-width: 992px) {
    .three-box .tbw-section {
      margin-bottom: 30px;
    }
  }
  .three-box .tbc-inner {
    background: #ffffff;
    border: 1px solid #d3dae4;
    border-radius: 12px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .three-box .tbc-inner:nth-child(2) {
    box-shadow: 0px 14px 34px rgba(0, 0, 0, 0.05);
  }
  .three-box .tpt-small {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #133d54;
    margin-bottom: 0.75rem;
  }
  .three-box .tpt-large {
    font-weight: 600;
    font-size: 50px;
    line-height: 75px;
    color: #133d54;
    margin-bottom: 0.75rem;
  }
  .three-box .tbi-plan-title {
    border-bottom: 1px solid #d3dae4;
    margin-bottom: 1.8rem;
  }
  .three-box .tf-bold {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #133d54;
    margin-bottom: 1rem;
  }
  .three-box .btn-teal {
    text-align: center;
  }

  .round-list {
    margin: 0 0 35px;
  }
  .round-list li {
    font-family: "Poppins";
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #5a616b;
    background-image: url(../images/round-list-tick.svg);
    background-repeat: no-repeat;
    background-position: left 13px;
    padding: 9px 0 5px 41px;
  }

  .fav-badge {
    float: right;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #26b7af;
    background: #dcf3f2;
    border-radius: 17px;
    padding: 5px 17px;
    border-radius: 17px;
  }

  .hw-wrap .row {
    margin-bottom: 1.5rem;
  }
  @media screen and (min-width: 768px) and (max-width: 992px) {
    .hw-wrap .row {
      align-items: initial !important;
    }
  }
  .hw-wrap h5 {
    font-weight: 400;
    font-size: 30px;
    line-height: 38px;
    font-family: "Lora";
    color: #133d54;
    position: relative;
    padding: 0 0 0 55px;
  }
  @media (max-width: 1399px) {
    .hw-wrap h5 {
      font-size: 23px;
      line-height: 30px;
    }
  }
  .hw-wrap h5 .list-round {
    background-color: #007ea0;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    font-family: "Poppins";
    font-weight: 400;
    font-size: 18px;
    line-height: 35px;
    color: #ffffff;
    display: inline-block;
    position: absolute;
    left: 2px;
    text-align: center;
  }
  .hw-wrap h5 .list-round.light-teal {
    background-color: #189fc0;
  }
  .hw-wrap h5 .list-round.dark-teal {
    background-color: #26b7af;
  }
  .hw-wrap .listing-tick {
    margin: 0 0 35px;
  }
  .hw-wrap .listing-tick li {
    font-size: 16px;
    line-height: 48px;
    color: #5a616b;
  }
  @media (max-width: 992px) {
    .hw-wrap .listing-tick li {
      background-position: left 14px;
    }
  }

  .htw-thumb-wrap img {
    width: 100%;
    max-width: 641px;
  }

  .getting-started {
    background-image: url(../images/bg-get-start.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }
  .getting-started:after {
    content: "";
    background-image: url(../images/c-left-square-solid.svg);
    position: absolute;
    left: 0;
    top: -24px;
    width: 87px;
    height: 99px;
    background-repeat: no-repeat;
  }
  @media (max-width: 992px) {
    .getting-started:after {
      background-size: 100%;
      top: -21px;
      width: 45px;
    }
  }
  @media screen and (min-width: 993px) and (max-width: 1200px) {
    .getting-started:after {
      background-size: 100%;
      top: -38px;
      width: 65px;
    }
  }
  @media screen and (min-width: 1200px) and (max-width: 1400px) {
    .getting-started:after {
      top: -46px;
    }
  }
  .getting-started .content {
    padding: 80px 60px;
  }
  @media (max-width: 1200px) {
    .getting-started .content {
      padding: 40px 0;
    }
  }
  .getting-started h2 {
    font-family: "Lora";
    font-style: normal;
    font-weight: 400;
    font-size: 50px;
    line-height: 64px;
    color: #ffffff;
    margin-bottom: 1.5rem;
  }
  @media (max-width: 768px) {
    .getting-started h2 {
      font-size: 30px;
      line-height: 45px;
      margin-bottom: 1rem;
    }
  }
  .getting-started p {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
  }

  .btn-right-wrap {
    text-align: right;
  }
  @media (max-width: 768px) {
    .btn-right-wrap {
      text-align: left;
    }
  }
  .btn-right-wrap .btn-white {
    max-width: 282px;
    width: 100%;
    margin-bottom: 20px;
  }
  .btn-right-wrap .btn-border-white {
    max-width: 282px;
    width: 100%;
  }

  .contact-wrap {
    position: relative;
    background-color: #e0eef0;
    background-image: url(../images/bg-get-touch.png);
    background-repeat: no-repeat;
    padding: 77px 0;
    background-position: 0 60px;
    margin: 0 0 25px 0;
  }
  .contact-wrap:after {
    content: "";
    background-image: url(../images/left-square.svg);
    position: absolute;
    left: 0;
    bottom: -29px;
    width: 102px;
    background-repeat: no-repeat;
    height: 117px;
  }
  @media (max-width: 992px) {
    .contact-wrap:after {
      bottom: -58px;
      background-size: 65%;
    }
  }
  .contact-wrap .content {
    padding: 0 60px;
  }
  @media (max-width: 1200px) {
    .contact-wrap .content {
      padding: 0;
    }
  }
  .contact-wrap .c-left {
    padding-right: 120px;
  }
  @media (max-width: 992px) {
    .contact-wrap .c-left {
      padding: 0;
      margin-bottom: 50px;
    }
  }
  @media screen and (min-width: 1201px) and (max-width: 1400px) {
    .contact-wrap .c-left {
      padding-right: 70px;
    }
  }
  .contact-wrap p {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #5a616b;
    margin-bottom: 1.5rem;
  }
  .contact-wrap h1 {
    font-weight: 400;
    font-size: 65px;
    line-height: 78px;
  }
  @media (max-width: 992px) {
    .contact-wrap h1 {
      font-size: 35px;
      line-height: 65px;
    }
  }
  @media screen and (min-width: 993px) and (max-width: 1200px) {
    .contact-wrap h1 {
      font-size: 45px;
      line-height: 48px;
    }
  }

  .c-form-wrap ::-webkit-input-placeholder {
    color: #95b4b9 !important;
  }
  .c-form-wrap label {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #5a616b;
    color: #5a616b;
    display: block;
    margin-bottom: 8px;
  }
  .c-form-wrap .btn-teal {
    width: 100%;
  }
  .c-form-wrap .form-group {
    margin-bottom: 25px;
  }
  .c-form-wrap input.form-control {
    height: 50px;
  }
  .c-form-wrap .form-control {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #95b4b9;
  }

  .search-result-list h5 {
    font-family: "Lora";
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    color: #133d54;
    margin-bottom: 35px;
    padding-top: 20px;
  }
  .search-result-list.content {
    padding: 0 60px;
  }
  @media (max-width: 1200px) {
    .search-result-list.content {
      padding: 0;
    }
  }

  .srl-list {
    margin-bottom: 2rem;
  }

  .srl-link {
    display: block;
    width: 100%;
    position: relative;
    transition: all 0.5s ease 0s;
    background: #133d54;
    position: relative;
    overflow: hidden;
    border-radius: 15px;
  }
  .srl-list .srl-link{
    height: 100%;
  }
  .srl-link .srl-thumb-img {
    width: 100%;
    height: auto;
    transition: all 0.3s ease-in-out;
  }
  .srl-list .srl-link .srl-thumb-img{
    height: 100%;
    object-fit: cover;
  }
  .srl-link:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }
  .srl-link:hover .srl-thumb-img {
    opacity: 0.4;
    transform: scale(1.1);
  }
  .srl-link:hover .srl-info {
    background-color: rgba(255, 255, 255, 0.7);
  }
  .srl-link:hover .srl-info h2,
  .srl-link:hover .srl-info p {
    color: #133d54;
  }
  .srl-link:hover .srl-info .right-icon {
    filter: grayscale(1) invert(0.7);
  }
  .srl-link .srl-info {
    background-color: #133d54;
    border-radius: 0px 0px 12px 12px;
    position: absolute;
    bottom: 0px;
    padding: 18px 22px;
    margin: 0;
    width: 100%;
    min-height: 155px;
    height: 190px;
  }
  @media screen and (min-width: 576px) and (max-width: 768px) {
    .srl-link .srl-info {
      padding: 5px;
      min-height: 125px;
    }
  }
  @media screen and (min-width: 768px) and (max-width: 1400px) {
    .srl-link .srl-info {
      padding: 15px;
      min-height: 150px;
    }
  }
  .srl-link .srl-info h2 {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #ffffff;
    margin-bottom: 0;
  }
  @media screen and (min-width: 576px) and (max-width: 768px) {
    .srl-link .srl-info h2 {
      font-size: 16px;
      line-height: 26px;
    }
  }
  .srl-link .srl-info p {
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    margin-bottom: 5px;
  }
  @media screen and (min-width: 576px) and (max-width: 768px) {
    .srl-link .srl-info p {
      font-size: 14px;
      line-height: 22px;
    }
  }
  .srl-link .srl-info p img {
    width: 100%;
    max-width: 20px;
    margin-right: 8px;
    margin-top: -3px;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .srl-thumb-img {
    border-radius: 12px;
    max-width: 100%;
    width: 100%;
  }

  .srl-rating {
    position: absolute;
    background: rgba(255, 255, 255, 0.83);
    border: 1px solid #ffffff;
    border-radius: 18px;
    top: 13px;
    right: 10px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #133d54;
    padding: 3px 14px;
  }
  .srl-rating i {
    color: #ffa31a;
    font-size: 12px;
    position: relative;
    top: -2px;
    left: -2px;
  }

  .srl-load {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #007b8e;
    text-align: center;
  }
  .srl-load a {
    color: #007b8e;
  }
  .srl-load img {
    margin: 0 10px 0 0;
    width: 16px;
    max-width: 100%;
  }

  .back-link-wrap a {
    color: #007b8e;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
  }
  .back-link-wrap a i {
    margin-right: 5px;
    font-size: 12px;
  }

  .consultant-details-wrap h3 {
    font-family: "Lora";
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    color: #133d54;
    margin-bottom: 18px;
  }

  .consultant-details h2 {
    font-weight: 600;
    font-size: 30px;
    line-height: 45px;
    color: #133d54;
  }
  .consultant-details p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #133d54;
    display: flex;
  }
  .consultant-details p span {
    margin-right: 5px;
  }

  .consultant-about p {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #5a616b;
    margin-bottom: 15px;
  }

  .consultant-review .client-pic {
    width: 48px;
    height: 48px;
    border-radius: 50%;
  }
  .consultant-review .cr-list {
    border-bottom: 1px solid #e0eef0;
    margin-bottom: 25px;
    padding-bottom: 5px;
  }
  .consultant-review .cr-list:last-child {
    border-bottom: none;
  }
  .consultant-review .cr-list .cr-rationg-section {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #133d54;
  }
  .consultant-review .cr-list .cr-rationg-section i {
    color: #ffc107;
  }
  .consultant-review .cr-list .cr-rationg-section .cr-rating-no {
    margin-left: 5px;
  }
  .consultant-review .cr-list h2 {
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #133d54;
  }
  .consultant-review .cr-list .cr-date {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    text-align: right;
  }
  @media (max-width: 768px) {
    .consultant-review .cr-list .cr-date {
      text-align: left;
    }
  }
  .consultant-review .cr-list p {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #5a616b;
  }
  .consultant-review .cr-top {
    margin-bottom: 15px;
  }

  .section-divider {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 20px;
    margin-bottom: 30px;
  }

  @-webkit-keyframes pop-on-hover {
    50% {
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
    }
  }
  @keyframes pop-on-hover {
    50% {
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
    }
  }
  .pop-on-hover {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  }

  .pop-on-hover:hover,
  .pop-on-hover:focus,
  .pop-on-hover:active {
    -webkit-animation-name: pop-on-hover;
    animation-name: pop-on-hover;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
  }

  /*--------------------------------------------------------------
  # General
  --------------------------------------------------------------*/
  .bottom-hr {
    padding: 0;
    border-top: 1px solid #e0e0e0;
    opacity: 1;
    margin: 0;
  }

  .pt-top {
    padding-top: 80px !important;
  }
  @media (max-width: 992px) {
    .pt-top {
      padding-top: 40px !important;
    }
  }

  .pb-half {
    padding-bottom: 80px !important;
  }
  @media (max-width: 992px) {
    .pb-half {
      padding-bottom: 40px !important;
    }
  }

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

  .search-bg {
    background-color: #fff;
    display: none;
  }

  .login-container.verify-wrap
  {
      margin: 134px auto 0;
  }

  .login-container .s-img-wrap
  {
      text-align: center;
      margin-bottom: 30px;
  }

  .login-container .s-img-wrap img
  {
      width: 256px;
  }

  .login-container p.info
  {
      color: #5A616B;
      font-size: 16px;
      font-weight: 400;
      line-height: 24px;
      text-align: center;
  }

  .login-container.verify-wrap .input-group
  {
      margin: 40px 0;
  }

  .login-container.verify-wrap .input-group input,
  .otp-box input
  {
      color: #133D54;
      box-shadow: none;
      outline: none;
      border: 0;
      border-bottom: 1px solid #747D89;
      border-radius: 0;
      font-size: 30px;
      font-weight: 400;
      text-align: center;
  }

  .otp-box input:focus
  {
      outline: none;
      box-shadow: none;
  }

  .login-container.verify-wrap input[type="number"]::-webkit-inner-spin-button,
  .login-container.verify-wrap input[type="number"]::-webkit-outer-spin-button,
  .otp-box input[type="number"]::-webkit-inner-spin-button,
  .otp-box input[type="number"]::-webkit-outer-spin-button
  {
      -moz-appearance: textfield;
      -webkit-appearance: none;
      margin: 0;
  }

  .pagination
  {
      justify-content: center;
  }

  .pagination .page-item .page-link
  {
      color: #95B4B9;
      font-size: 14px;
      line-height: 21px;
      border: 0;
      margin-inline: 6px;
  }

  .pagination .page-item.active .page-link
  {
      background-color: transparent;
      color: #007B8E;
      border: 1px solid #007B8E;
      border-radius: 5px;
      font-weight: 500;
  }

  .pagination .page-item.prev .page-link,
  .pagination .page-item.next .page-link
  {
      color: #007B8E;
      font-weight: 500;
  }

  .box-wrap.after-verified
  {
      padding: 25px 25px 25px 15px;
  }

  .box-wrap.after-verified .aiw-img
  {
      width: 85px;
  }

  .box-wrap.after-verified .c-form-wrap .value
  {
      color: #133D54;
      font-size: 14px;
      font-weight: 500;
      line-height: 20px;
  }


  .add-subract-row i
  {
      color: #007B8E;
      padding: 8px;
      border-radius: 50%;
      border: 1.5px solid #007B8E;
      font-size: 12px;
      font-weight: 600;
      cursor: pointer;
  }


  .add-subract-row i:hover
  {
      background-color: #007B8E;
      color: #ffffff;
  }

  .status-badge
  {
      padding: 2px 8px;
      border-radius: 5px;
      text-transform: capitalize;
      font-size: 11px;
      font-weight: 400 !important;
  }

  .status-badge.pending
  {
      color: #39B2F5;
      background: rgba(105, 149, 235, 0.17);
      border: 0.5px solid #76C7F4;
  }

  .status-badge.confirm
  {
      color: #FFBF42;
      background: rgba(255, 247, 233, 1);
      border: 0.5px solid #FFBF42;
  }

  .status-badge.cancel
  {
      color: #EB6969;
      background: rgba(252, 237, 229, 1);
      border: 0.5px solid #EB6969;
  }

  .appointment-card-heading
  {
      background-color: #ffffff;
      border-bottom: 1px solid #E0EEF0;
      padding: 22px 30px;
  }

  .appointment-card-heading .large
  {
      color: #133D54;
      font-size: 18px;
      line-height: 27px;
      font-weight: 600;
  }

  .appointment-card-heading .small
  {
      color: #95B4B9;
      font-size: 14px;
      font-weight: 400;
  }

  .appointment-card-heading .status-badge
  {
      font-size: 10px;
  }

  .updated-design
  {
      height: unset;
  }

  .border-bottom
  {
      border-bottom: 1px solid #D3DAE4 !important;
      margin: 0 0 1.5rem 0 !important;
  }

  .btn-dark.add-more
  {
      background-color: transparent;
      color: #007B8E;
      border: 0;
      font-size: 16px;
      line-height: 24px;
      font-weight: 500;
      margin-bottom: 10px;
  }

  .btn-dark.add-more:hover
  {
      background-color: #007B8E;
      color: #ffffff;
  }

  .upload-files-div
  {
      margin: 28px 0 12px 0;
  }

  .file-upload-heading .p-italic
  {
      color: #5A616B;
      font-size: 14px;
      font-weight: 400;
      line-height: 16px;
      margin-bottom: 6px;
  }

  .file-upload-heading .gray
  {
      color: #95B4B9;
      font-size: 12px;
      font-style: italic;
      font-weight: 400;
      line-height: 18px;
  }

  .file-upload-area
  {
      background-color: #FFFFFF;
      border: 3px dotted #D3DAE4;
      padding: 15px 0;
      display: flex;
      justify-content: center;
  }

  .file-upload-area label
  {
      cursor: pointer;
      display: inherit;
      align-items: center;
      gap: 10px;
      margin-bottom: 0;
  }

  .uploaded-files
  {
      display: flex;
      align-items: center;
      gap: 8px;
      margin-top: 10px;
      flex-wrap: wrap;
  }

  .uploaded-files .files
  {
      background-color: #E0EEF0;
      color: #133D54;
      display: inherit;
      align-items: center;
      justify-content: space-between;
      padding: 6px 8px;
      min-width: 135px;
      font-size: 12px;
      font-weight: 400;
      line-height: 18px;
  }

  .uploaded-files .files .far
  {
      cursor: pointer;
  }

  .form-date
  {
      min-height: 50px;
      text-transform: uppercase;
  }


  .checkbox-container-edit
  {
      display: flex;
      align-items: center;
      gap: 15px;
      flex-wrap: wrap;
      text-align: center;
      margin-top: 10px;
  }

  .checkbox-container-edit label
  {
      color: #133D54;
      text-transform: uppercase;
      font-weight: 500;
      font-size: 12px;
      line-height: 21px;
      cursor: pointer;
      margin-bottom: 0;
  }

  #raiseDisputeModal label,
  #phoneModal label
  {
      margin: 10px 0 10px 0;
  }

  #phoneModal input[type="tel"],
  #raiseDisputeModal input[type="text"]
  {
      min-height: 50px;
  }

  #phoneModal .modal-body h2
  {
      font-weight: 500;
      font-size: 20px;
      line-height: 30px;
      color: #133D54;
  }

  #phoneModal .button-area
  {
      margin-top: 10px;
  }

  .custom-scrollbar
  {
      scrollbar-width: none; /* For Firefox */
      -ms-overflow-style: none; /* For Internet Explorer and Edge */
  }

  /* Create your custom scrollbar */

  .custom-scrollbar::-webkit-scrollbar,
  .select2-results__options::-webkit-scrollbar
  {
      width: 14px;
      cursor: pointer;
  }

  .custom-scrollbar::-webkit-scrollbar-track,
  .select2-results__options::-webkit-scrollbar-track
  {
      background: #ffffff;
  }

  .custom-scrollbar::-webkit-scrollbar-thumb,
  .select2-results__options::-webkit-scrollbar-thumb
  {
      background-color: #d3dae4;
      border-radius: 12px;
      border: 5px solid #ffffff;
  }


  /* select 2 styling */

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

  .login .select2-selection__arrow
  {
      display: none;
  }

  .login .select2-container .select2-selection--single
  {
      height: unset;
      border: 1px solid #d3dae4;
      padding: 10px 10px;
  }

  .create-profile .select2-container .select2-dropdown
  {
      max-width: unset !important;
      overflow-x: hidden !important;
  }

  .select2-results__option
  {
      padding-right: 20px;
      vertical-align: middle;
  }

  .select2-results__option:before
  {
      content: "";
      display: inline-block;
      position: relative;
      height: 20px;
      width: 20px;
      border: 2px solid #e9e9e9;
      border-radius: 4px;
      background-color: #fff;
      margin-right: 20px;
      vertical-align: middle;
  }

  .select2-results__option[aria-selected=true]:before, .select2-results__option--selected:before
  {
      font-family:fontAwesome;
      content: "\2713";
      color: #fff;
      background-color: #007b8e;
      border: 0;
      display: inline-block;
      padding-left: 3px;
  }

  .select2-container--default .select2-results__option[aria-selected=true]
  {
        background-color: #fff;
  }

  .select2-container--default .select2-results__option--highlighted[aria-selected]
  {
        background-color: #eaeaeb;
        color: #272727;
  }

  .create-profile .select2-container--default .select2-selection--multiple
  {
        margin-bottom: 10px;
        min-height: 50px;
        border: 1px solid #ced4da;
        padding: 10px 10px;
  }

  .create-profile .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple
  {
        border-radius: 4px;
  }

  .create-profile .select2-container--default .select2-selection--multiple
  {
        border-width: 2px;
  }

  .create-profile .select2-container--open .select2-dropdown--below
  {
        border-radius: 6px;
        box-shadow: 0 0 10px rgba(0,0,0,0.5);
  }

  .create-profile .select2-selection .select2-selection--multiple:after
  {
        content: 'hhghgh';
  }

  /* select with icons badges single*/
  .create-profile .select-icon .select2-selection__placeholder .badge
  {
        display: none;
  }

  .create-profile .select-icon .placeholder
  {
        display: none;
  }

  .create-profile .select-icon .select2-results__option:before,
  .create-profile .select-icon .select2-results__option[aria-selected=true]:before
  {
        display: none !important;
        /* content: "" !important; */
  }

  .create-profile .select-icon  .select2-search--dropdown
  {
        display: none;
  }

  .create-profile .select2-container .select2-search--inline .select2-search__field
  {
      margin-left: 9px;
  }

  .create-profile .select2-container--default .select2-selection--multiple .select2-selection__choice
  {
      margin-top: 10px;
      background-color: transparent;
      border: 0;
  }

  .create-profile .select2-container--default .select2-selection--multiple .select2-selection__choice__remove
  {
      background: #007b8e;
      color: white;
  }

  .time_select
  {
      background-color: transparent;
      border: 0;
      padding: 0 !important;
      font-weight: 600 !important;
      height: 30px !important;
  }

  .time_select:focus
  {
      box-shadow: none;
      background-color: transparent;
      border: 0;
  }

  .aw-appoinment-wrap.custom-appointment
  {
      height: unset;
  }

  .card-contianer-cp
  {
      display: flex;
      align-items: center;
      gap: 10px;
      flex-wrap: wrap;
  }

  .card-contianer-cp .card
  {
      background-color: #007B8E;
  }

  .card-contianer-cp .card-body
  {
      padding: 0;
  }

  .card-contianer-cp .price-tag
  {
      display: block;
      text-align: center;
      font-size: 20px;
      text-transform: uppercase;
      color: #e8e2e6;
      line-height: 35px;
      font-weight: 600;
  }

  .card-contianer-cp .price-tag.free
  {
      color: #FFFFFF;
  }

  .card-contianer-cp .time-tag
  {
      display: block;
      font-size: 12px;
      text-align: center;
      background-color: #E9F4F5;
      text-transform: capitalize;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
  }

  .iti
  {
      width: 100%;
  }

  .ui-datepicker
  {
      width: 28%;
  }

  @media(max-width:768px)
  {
      .ui-datepicker
      {
          width: unset;
      }
  }

  @media(min-width:768px)
  {
      .sticky-content
      {
          position: sticky;
          top: 0;
      }
  }

  .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight
  {
      border: 1px solid #007b8e !important;
      background: #007b8e !important;
      color: #fff !important;
  }


  .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover
  {
      border: 1px solid #0c3c53 !important;
      background: #0c3c53 !important;
      color: #ffffff;
  }

  .time-s-heading
  {
      font-size: 12px;
      font-weight: 400;
      font-size: 14px;
      line-height: 28px;
      color: #133D54;
  }

  .status-pending
  {
      font-weight: 600;
  }

  .no-hover .srl-thumb-img
  {
      opacity: unset !important;
      transform: none !important;
  }

  .table-responsive table {
      min-width: 100%;
  }

  /* Optional: Adjust table layout */
  .table-responsive .nowwrap-cus,
  .table-responsive .nowrap-table tbody td
  {
      white-space: nowrap;
  }

  /* Alpine avoid element blip during loading */
  [x-cloak] { display: none !important; }

  .ui-datepicker td span, .ui-datepicker td a {
    text-align: center !important;
  }

  .available-date a {
    color: white !important;
    background: #007b8e !important;
  }

  /* Card payment details */
.payment-method-card-select {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.payment-method-card-item, .payment-method-card-item img {
  width: 100%;
  background: #007B8E;
  border-radius: 8px;
}
.payment-method-card-item {
  position: relative;
}
.card-company-name {
  font-size: 16px;
  color: #fff;
  position: absolute;
  left: 23px;
  top: 1.6rem;
  font-weight: 200;
  letter-spacing: 1px;
}
.card-holder-name {
  font-size: 16px;
  color: #fff;
  position: absolute;
  left: 23px;
  bottom: 1.5rem;
  font-weight: 200;
  letter-spacing: 1px;
}
.card-number {
  font-size: 16px;
  color: #fff;
  position: absolute;
  left: 23px;
  bottom: 5rem;
  font-weight: 200;
  letter-spacing: 4px;
}
.btn-card-default {
  background: #aeaeae !important;
  color: #7d7d7d !important;
  border: solid 1px #aeaeae !important;
  cursor: no-drop !important;
}
.default-card{
  position: absolute;
  right: 15px;
  top: 15px;
  width: 24px !important;
}
.card-date {
  font-size: 12px;
  color: #fff;
  position: absolute;
  right: 33px;
  bottom: 3.5rem;
  font-weight: 200;
  letter-spacing: 2px;
}

.view-all-text a:hover{
  text-decoration: underline;
}
.c-subscription-plan{
  border-radius: 10px;
  border: 1px solid #D3DAE4;
  background: var(--White, #FFF);
  box-shadow: 0px 6px 22px 0px rgba(0, 0, 0, 0.16);
  max-width: 250px;
  padding: 1rem;
}
.c-subscription-plan-title{
  color: #133D54;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 5px;
}
.c-subscription-plan-price{
  display: block;
  color: #133D54;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: normal;
}
.c-subscription-plan-date{
  display: block;
  color: #95B4B9;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: normal;
}
.box-wrap.after-verified.c-service-seeker{
  padding: 28px;
}
.c-upcoming-booking{
  width: 100%;
  max-width: 305px;;
  border-radius: 10px;
  background: #eeeeee;
  padding: 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  transition: all 0.5s ease;
}
.c-upcoming-booking-icon{
  width: 63.513px;
  height: 63.513px;
  background: #133D54;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-upcoming-booking-cont{
  display: flex;
  flex-direction: column;
}
.c-upcoming-booking-count{
  color: #133D54;
  font-size: 20px;
  font-weight: 600;
  line-height: normal;
}
.c-upcoming-booking-text{
  color: #95B4B9;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
}
.c-upcoming-booking-arrow{
  transition: all 0.5s ease;
}
.c-upcoming-booking-link:hover .c-upcoming-booking{
  background: #e6e6e6;
}
.c-upcoming-booking-link:hover .c-upcoming-booking-arrow{
  transform: translateX(5px);
}

/* servie seeker overview page css start */
.view-all-text a:hover {
  text-decoration: underline;
}

.c-subscription-plan {
  border-radius: 10px;
  border: 1px solid #D3DAE4;
  background: var(--White, #FFF);
  box-shadow: 0px 6px 22px 0px rgba(0, 0, 0, 0.16);
  max-width: 250px;
  padding: 1rem;
}

.c-subscription-plan-title {
  color: #133D54;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 5px;
}

.c-subscription-plan-price {
  display: block;
  color: #133D54;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: normal;
}

.c-subscription-plan-date {
  display: block;
  color: #95B4B9;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: normal;
}

.box-wrap.after-verified.c-service-seeker {
  padding: 28px;
}

.c-upcoming-booking {
  width: 100%;
  max-width: 305px;
  ;
  border-radius: 10px;
  background: #eeeeee;
  padding: 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  transition: all 0.5s ease;
}

.c-upcoming-booking-icon {
  width: 63.513px;
  height: 63.513px;
  background: #133D54;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.c-upcoming-booking-cont {
  display: flex;
  flex-direction: column;
}

.c-upcoming-booking-count {
  color: #133D54;
  font-size: 20px;
  font-weight: 600;
  line-height: normal;
}

.c-upcoming-booking-text {
  color: #95B4B9;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
}

.c-upcoming-booking-arrow {
  transition: all 0.5s ease;
}

.c-upcoming-booking-link:hover .c-upcoming-booking {
  background: #e6e6e6;
}

.c-upcoming-booking-link:hover .c-upcoming-booking-arrow {
  transform: translateX(5px);
}
/* servie seeker overview page css end */