@import "bootstrap.min.css";
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

body {
  min-height: 100vh;
  background: #f5f5f5;
  font-family: "Canela";
  font-weight: 300;
}
p {
  margin: 0;
}
* {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

ul,
li {
  list-style: none;
  margin: 0;
  padding: 0;
}
ol {
  margin: 0;
  padding: 0;
}
a {
  transition: all ease-in-out 0.5s;
  text-decoration: none;
}
button {
  transition: all ease-in-out 0.5s;
}
a:hover {
  text-decoration: none;
}
textarea.form-control {
  height: auto;
}
img {
  max-width: 100%;
  height: auto;
}
/* MAIN CSS */
.sidebar {
  width: 264px;
  position: fixed;
  left: 0;
  background: #0f3d8b;
  box-shadow: 3px 0px 6px 0px rgba(24, 28, 39, 0.12);
  height: 100%;
  z-index: 1000;
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
}
.sidebar {
  -ms-overflow-style: none; /* Internet Explorer 10+ */
  scrollbar-width: none; /* Firefox */
}
.sidebar::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}
.wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  padding-left: 264px;
  overflow: hidden;
  min-height: 100vh;
    overflow-y: scroll;
}
.body-sidebar {
  flex: 1;
}
a.logo {
  margin: 40px 30px;
  transition: none;
}
.side-bar-item li a {
  height: 44px;
  position: relative;
  padding: 0 24px;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  font-family: "Trade Gothic LT Pro Cn";
  line-height: normal;
  letter-spacing: 2.1px;
  color: #fff !important;
  text-transform: uppercase;
}
.side-bar-item li a span {
  margin-left: 8px;
  margin-top: 5px;
}
.nextarrowbox {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  right: 24px;
  transition: all ease-in-out 0.5s;
}
.side-bar-item li.active .nextarrowbox {
  opacity: 1;
  visibility: visible;
}
.side-bar-item li.active a {
  background-color: #062060;
}
.side-bar-item li a:hover {
  background-color: #062060;
}
.side-bar-item li a:hover .nextarrowbox {
  opacity: 1;
  visibility: visible;
}
a.collaps-arrow {
  position: absolute;
  right: 15px;
  top: 10px;
  transition: none;
}
.close-click {
  display: none;
}
.small-logo {
  display: none;
}
.wrapper.open {
  padding-left: 72px;
}
.sidebar.open {
  width: 72px;
}
.sidebar.open .small-logo {
  display: block;
}
.sidebar.open .big-logo {
  display: none;
}
.sidebar.open .close-click {
  display: block;
}
.sidebar.open .open-click {
  display: none;
}

.sidebar.open .side-bar-item li a span {
  display: none;
}
.sidebar.open .nextarrowbox {
  display: none !important;
}
.sidebar.open a.logo {
  margin: 55px 20px 25px;
  transition: none;
}
.sidebar.open a.collaps-arrow {
  position: absolute;
  right: 25px;
  top: 15px;
  transition: none;
}
.footer-sidebar {
  padding: 24px;
}
.userdropdown button .avatar-icon {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 100px;
  margin-right: 12px;
}
.userdropdown button {
  text-align: left;
}
.userdropdown button h4 {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  font-family: "Trade Gothic LT Pro";
  line-height: normal;
  color: #fff;
}
.userdropdown button h4 span {
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  display: block;
  margin-top: 2px;
  font-family: "Trade Gothic LT Pro";
  line-height: normal;
  color: #6993ff;
}
.dropdown-toggle::after {
  display: none;
}
.userdropdown button:focus {
  box-shadow: none;
}

.userdropdown .dropdown-menu {
  background-color: #062060;
  width: 100%;
  padding: 16px 0px;
}
.userdropdown .dropdown-menu a {
  font-size: 14px;
  font-style: normal;
  font-family: "Trade Gothic LT Pro Cn";
  font-weight: 700;
  line-height: normal;
  padding: 10px 24px;
  letter-spacing: 2.1px;
  color: #fff;
  text-transform: uppercase;
}
.userdropdown .dropdown-menu a img {
  margin-right: 13px;
}
.userdropdown .dropdown-menu a:hover {
  background-color: #0f3d8b;
}
.arrowdowndrop {
  position: absolute;
  pointer-events: none;
  right: 0;
}
.main-area {
  padding: 20px 40px;
}
.left-order h1 {
  font-family: "Canela";
  font-size: 48px;
  font-style: normal;
  font-weight: 300;
  color: #0f3d8b;
  line-height: normal;
  margin-bottom: 12px;
}

.left-order ul {
  justify-content: space-between;
}
.left-order ul li a {
  font-size: 14px;
  font-style: normal;
  color: #757575;
  font-weight: 400;
  line-height: normal;
  font-family: "Trade Gothic LT Pro";
  display: flex;
  align-items: center;
}
.left-order ul li a img {
  width: 17px;
  height: 18px;
  object-fit: cover;
  margin-right: 8px;
}
.btn-blue {
  padding: 14px 20px 13px;
  background-color: #0f3d8b;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: #fff !important;
  letter-spacing: 1.4px;
  font-family: "Trade Gothic LT Pro Cn";
  text-transform: uppercase;
  border-radius: 0;
  border: none;
  box-shadow: none !important;
}
button.searchbtn {
  margin-left: 24px;
  background-color: transparent;
  border: none;
}

.left-order {
  max-width: 471px;
  width: 100%;
}

.right-order {
  max-width: 450px;
  width: 100%;
  text-align: right;
}

.right-top-order.d-flex.align-items-center {
  justify-content: flex-end;
  margin-bottom: 32px;
}

ul.right-bottom-order {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

ul.right-bottom-order a {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #464e5f;
  font-family: "Trade Gothic LT Pro";
}

ul.right-bottom-order a img {
  margin-right: 8px;
  position: relative;
  top: -2px;
  height: 24px;
}
ul.right-bottom-order a svg {
  margin-right: 8px;
  position: relative;
  top: -2px;
}
ul.right-bottom-order li {
  margin-left: 30px;
}
.topbar-dashboard {
  margin-bottom: 20px;
}
.dashboard-card {
  padding: 15px;
  background: #fff;
  box-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.09);
  margin-bottom: 16px;

}

.partner_dashboard_cards .dashboard-card.partner-box{
    height: 730px;
}
/* .partner_dashboard_cards .dashboard-card.partner-box img{
    height: 580px !important;
} */
.date_last_update{
    font-family: "Trade Gothic LT Pro Cn";
    color: #d4d4d4;
    font-weight: 300;
    text-transform: uppercase;
}
.header-profile-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}

.header-profile-card h3 {
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #062060;
  font-family: "Trade Gothic LT Pro";
}

.header-profile-card button {
  background-color: transparent;
  border: none;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-family: "Trade Gothic LT Pro";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #062060;
}

.header-profile-card button svg {
  margin-left: 8px;
}
.progress-bar {
  background: #0f3d8b;
  border-radius: 8px;
}
.progress {
  border-radius: 8px;
  background-color: #f1f1f1;
  margin-bottom: 36px;
}
.step-wrapper a {
  position: relative;
}
.step-wrapper a span {
  width: 36px;
  height: 36px;
  border-radius: 20px;
  border: 3px solid #cfd8e8;
  background: #f5f5f5;
  font-size: 14px;
  font-family: "Trade Gothic LT Pro Cn";
  font-weight: 700;
  color: #b8b8b8;
  margin-right: 16px;
  padding-top: 3px;
  position: relative;
  top: -2px;
}
.step-wrapper a h4 {
  font-size: 14px;
  font-family: "Trade Gothic LT Pro";
  font-weight: 400;

  color: #062060;
}
.step-wrapper a h4 p {
  font-size: 14px;
  font-family: "Trade Gothic LT Pro";
  font-weight: 400;
  margin-top: 4px;
  color: #757575;
}
.step-wrapper a {
  margin-bottom: 24px;
}
.step-wrapper a svg {
  position: absolute;
  right: 0;
  top: 15px;
}
.step-wrapper a.active span {
  color: #fff;
  background-color: #062060;
  border-color: #062060;
}
.step-wrapper a:last-child {
  margin-bottom: 13.6px;
}

.summary-one {
  display: flex;
  border-bottom: 1px solid #f1f1f1;
  padding: 12px 0;
}

.summary-one svg {
  margin-right: 24px;
  width: 18px;
  height: 18px;
  min-width: 18px;
}

.summary-content {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  font-family: "Trade Gothic LT Pro";
}

.summary-content span {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #062060;
  margin-bottom: 4px;
  display: block;
  font-family: "Trade Gothic LT Pro";
}

.summary-content p {
  margin-bottom: 12px;
  color: #757575;
}

.summary-content h5 {
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  font-family: "Trade Gothic LT Pro Cn";
  color: #22ac93;
}
.viewall {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 16px;
  font-family: "Trade Gothic LT Pro";
  color: #062060 !important;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.viewall svg {
  margin-left: 8px;
  position: relative;
  top: -1px;
}
.sidebar.open .footer-sidebar {
  padding: 24px 10px;
}
.sidebar.open .userdropdown button h4 {
  display: none;
}
.sidebar.open .arrowdowndrop {
  right: -3px;
}
.sidebar.open {
  overflow: visible;
}
.client-card span {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #757575;
  font-family: "Trade Gothic LT Pro";
  display: block;
  margin-bottom: 8px;
}

.client-card h3 {
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  font-family: "Trade Gothic LT Pro Cn";
  color: #0f3d8b;
  margin-bottom: 3px;
}

.client-card .tag-box {
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #d3f4ee;
  color: #22ac93;
  padding: 2px 8px 0;
  font-size: 11px;
  font-weight: 700;
  font-family: "Trade Gothic LT Pro Cn";
  height: 20px;
  margin-bottom: 10px;
}

.client-card .tag-box svg {
  margin-left: 4px;
}

.client-card .clinet-bar {
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin-top: -23px;
}

.client-card .clinet-bar p {
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  font-family: "Trade Gothic LT Pro Cn";
  color: #b8b8b8;
}
.client-card .tag-gry {
  background-color: #f1f1f1;
  color: #757575;
}
.partner-box .header-profile-card h3 {
  font-weight: 700;
  line-height: normal;
  font-family: "Trade Gothic LT Pro Cn";
  text-transform: uppercase;
}
.banner-wrapper {
  position: relative;
}
.banner-wrapper img {
  height: 218px;
  width: 100%;
  object-fit: cover;
}
.bannertext {
  position: absolute;
  bottom: 16px;
  left: 16px;
  z-index: 99;
}
.bannertext h4 {
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  color: #fff;
  margin-bottom: 4px;
}
.bannertext p {
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  font-family: "Trade Gothic LT Pro";
  line-height: normal;
  color: #fff;
}
.banner-wrapper:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(
    360deg,
    rgb(0 0 0 / 57%) 0%,
    rgba(0, 0, 0, 0) 100%
  );
}
.partner-box-two .banner-wrapper {
  margin-bottom: 12px;
}
.partner-box-two .banner-wrapper img {
  height: 145px;
}
.Training-box {
  padding-top: 20px;
}
.innerappoinmntitems::before {
  content: attr(data-date);
  position: absolute;
  left: -96px;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  font-family: "Trade Gothic LT Pro";
  letter-spacing: 0.6px;
  color: #464e5f;
  top: 0;
}
body {
  counter-reset: li;
}
.innerappoinmntitems {
  position: relative;
}
.story-one img {
  height: 127px;
  width: 165px;
  object-fit: cover;
}
.story-one h5 {
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: #062060;
  font-family: "Trade Gothic LT Pro Cn";
  text-transform: uppercase;
}
.story-one span {
  font-family: "Trade Gothic LT Pro Cn";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: #b8b8b8;
  display: block;
  margin: 4px 0 5px;
}
.story-one p {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: -0.24px;
  font-family: "Trade Gothic LT Pro";
  color: #464e5f;
}
.story-text {
  padding: 24px;
  background-color: #fff;
}

.story-one {
  margin-bottom: 16px;
}
ul.appoinmntitems li {
  padding-left: 37px;
  position: relative;
  margin-bottom: 32px;
}
.appoinmntitems {
  padding-left: 59px;
  position: relative;
}
ul.appoinmntitems li:before {
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='6.5' cy='6.5' r='5' stroke='%23062060' stroke-width='3'/%3E%3C/svg%3E%0A");
  width: 13px;
  height: 13px;
  left: 0;
  top: 0;
}
ul.appoinmntitems li:after {
  content: "";
  position: absolute;
  width: 3px;
  height: 91.8%;
  left: 5px;
  border-radius: 8px;
  top: 23px;
  background-color: #cfd8e8;
}
.innerappoinmntitems .story-one:last-child {
  margin-bottom: 0;
}
.clock-dropdown .dropdown-menu {
  max-width: 400px;
  width: 100%;
  min-width: 400px;
  background: #fff;
  padding: 24px;
  top: 16px !important;
}

.clock-dropdown .dropdown-menu h4 {
  color: #0f3d8b;
  font-size: 32px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  margin-bottom: 10px;
}
.clock-wrapper-left {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.clock-wrapper {
  display: flex;
  justify-content: space-between;
  padding: 24px 0;
  border-bottom: 1px solid #f1f1f1;
}

.clock-wrapper-left svg {
  margin-right: 16px;
  width: 59px;
}

.clock-wrapper-left h5 {
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 2.94px;
  text-transform: uppercase;
  font-family: "Trade Gothic LT Pro Cn";
  color: #0f3d8b;
}

.clock-wrapper-left h5 span {
  display: block;
  font-size: 19px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  letter-spacing: 1.9px;
  text-transform: uppercase;
  font-family: "Trade Gothic LT Pro";
  margin-top: 6px;
  color: #757575;
}

.clock-wrapper p {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  font-family: "Trade Gothic LT Pro";
  padding-top: 7px;
}
.clock-dropdown .dropdown-menu:before {
  content: "";
  width: 34px;
  height: 34px;
  top: -16px;
  right: 30px;
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='17' width='24' height='24' transform='rotate(45 17 0)' fill='white'/%3E%3C/svg%3E%0A");
}

.request-form-modal .modal-header h5 {
  font-size: 32px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  color: #0f3d8b;
  margin-bottom: 16px;
}
.request-form-modal .modal-content {
  border-radius: 0;
  padding: 30px 40px 100px;
}
.request-form-modal .modal-body h6 {
  margin-bottom: 24px;
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  color: #0f3d8b;
  line-height: normal;
}
.form-box span.form-label {
  display: inline-block;
} 
.form-box .form-label, 
.form-box label {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  /* margin-bottom: 12px; */
  color: #464e5f;
  font-family: "Trade Gothic LT Pro";
}
.form-box .form-label:not(label.cta-item){
  margin-bottom: 12px;
}
label.label-file {
  display: inline-block;
  padding: 16px 12px;
  cursor: pointer;
  color: #757575;
  border-radius: 4px;
  width: 100%;
  background-color: #F5F5F5;
  margin-bottom: 0;
}
.form-box .form-control {
  height: 56px;
  background-color: #f5f5f5;
  color: #757575;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  font-family: "Trade Gothic LT Pro";
  border-color: #f5f5f5;
  padding: .75rem 1rem;
}
.form-box .form-control:focus {
  box-shadow: none !important;
}
.my-form-table th {
  padding: 22px 16px;
  font-family: "Trade Gothic LT Pro";
  color: #0f3d8b;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  border-color: #b8b8b8 !important;
  line-height: 19.2px;
}
.my-form-table th:last-child {
  text-align: right;
}
.my-form-table td:last-child {
  text-align: right;
}
.my-form-table td {
  padding: 22px 16px;
  font-family: "Trade Gothic LT Pro";
  color: #464e5f;
  font-size: 16px;
  border-color: #f1f1f1 !important;
  font-style: normal;
  font-weight: 400;
  line-height: 19.2px;
}
.form-discription {
  font-family: "Trade Gothic LT Pro";
  color: #757575;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16.8px;
}
.form-box .textareabox {
  height: 118px !important;
  padding-top: 22px;
  resize: none;
}
.inputfilebox {
  background-color: #f5f5f5;
  padding: 27px 0;
}
.img-placeholder {
  width: 64px;
  height: 64px;
  margin: auto;
  display: inline-block;
  object-fit: cover;
  margin-bottom: 10px;
}
.typefilebtn input[type="file"] {
  display: none;
}
.request-form-modal .modal-footer {
  display: flex;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  gap: 2px;
}
.request-form-modal .modal-footer button {
  margin: 0;
  flex: 1 1;
  height: 64px;
  font-size: 16px;
}
.btn-blue-border {
  color: #464e5f !important;
  background-color: #fff;
  border: 1px solid #b8b8b8 !important;
}
.post-owner {
  width: 50px !important;
  height: 50px !important;
  margin-right: 6px !important;
  border-radius: 100px;
  object-fit: cover;
}
.post-data p {
  font-size: 18px !important;
  font-style: normal;
  font-weight: 400;
  font-family: "Trade Gothic LT Pro";
  line-height: normal;
  color: #464e5f;
}
.post-data span {
  font-size: 16px !important;
  font-style: normal;
  font-weight: 400;
  font-family: "Trade Gothic LT Pro";
  line-height: normal;
  color: #464e5f;
  display: block;
  margin-top: 12px;
}
.post-time {
  color: #757575;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  font-family: "Trade Gothic LT Pro";
  line-height: normal;
}
.post-1 {
  margin-bottom: 24px;
}
.msg-text {
  padding: 12px 16px;
  background-color: #f1f1f1;
  border-radius: 4px;
  display: inline-block;
}
.msg-text span {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  font-family: "Trade Gothic LT Pro";
  line-height: normal;
  color: #464e5f;
  display: block;
}
.replybtn {
  color: #6993ff;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  font-family: "Trade Gothic LT Pro";
  line-height: normal;
  border: none;
  display: flex;
  margin-top: 8px;
  background-color: transparent;
}
.replybtn svg {
  margin-right: 8px;
}
.replybox {
  padding-left: 56px;
}
.comment-modal-dialog {
  max-width: 980px;
}
.comment-modal-dialog .form-box .form-control {
  height: 44px;
}
.comment-textarea {
  padding-top: 24px;
  margin-top: 24px;
  border-top: 1px solid #b8b8b8;
  margin: 0 -40px;
}
.comment-textarea textarea.form-control.textareabox {
  max-width: 900px;
  margin: auto;
}
.client-card svg.mb-3 {
  height: 24px;
  object-fit: scale-down;
}
.table-wrappper {
  padding: 36px 0;
}
.dataTables_length label {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  font-family: "Trade Gothic LT Pro";
  line-height: normal;
  color: #464e5f;
}
.dataTables_length select {
  padding: 7px 6px;
  border-color: #b8b8b8 !important;
  border-radius: 3px;
  font-size: 16px;
  background-color: #f5f5f5;
  font-weight: 400;
  font-family: "Trade Gothic LT Pro";
  line-height: normal;
  color: #464e5f;
  margin: 0 8px;
  display: inline-block;
}
table.dataTable thead > tr > th.sorting:before,
table.dataTable thead > tr > th.sorting:after,
table.dataTable thead > tr > th.sorting_asc:before,
table.dataTable thead > tr > th.sorting_asc:after,
table.dataTable thead > tr > th.sorting_desc:before,
table.dataTable thead > tr > th.sorting_desc:after,
table.dataTable thead > tr > th.sorting_asc_disabled:before,
table.dataTable thead > tr > th.sorting_asc_disabled:after,
table.dataTable thead > tr > th.sorting_desc_disabled:before,
table.dataTable thead > tr > th.sorting_desc_disabled:after,
table.dataTable thead > tr > td.sorting:before,
table.dataTable thead > tr > td.sorting:after,
table.dataTable thead > tr > td.sorting_asc:before,
table.dataTable thead > tr > td.sorting_asc:after,
table.dataTable thead > tr > td.sorting_desc:before,
table.dataTable thead > tr > td.sorting_desc:after,
table.dataTable thead > tr > td.sorting_asc_disabled:before,
table.dataTable thead > tr > td.sorting_asc_disabled:after,
table.dataTable thead > tr > td.sorting_desc_disabled:before,
table.dataTable thead > tr > td.sorting_desc_disabled:after {
  color: #757575;
}
table.dataTable thead > tr > th.sorting_asc:before,
table.dataTable thead > tr > th.sorting_desc:after,
table.dataTable thead > tr > td.sorting_asc:before,
table.dataTable thead > tr > td.sorting_desc:after {
  opacity: 1;
}

.head-table {
  margin-bottom: 24px;
}
.dataTables_info {
  padding-top: 27px;
}
.dataTables_info {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  font-family: "Trade Gothic LT Pro";
  line-height: normal;
  color: #464e5f;
}

.dataTables_paginate .paginate_button {
  background-color: transparent;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  font-family: "Trade Gothic LT Pro";
  line-height: normal;
  border-radius: 4px;
  padding: 3px 12.7px 0;
  color: #464e5f;
  border: none;
  cursor: pointer;
  display: flex;
  box-shadow: none !important;
  height: 35px;

  align-items: center;
}
.paginate_button.disabled {
  color: #b8b8b8;
  background-color: transparent;
  width: auto;
  pointer-events: none;
}
.paginate_button.current {
  background-color: #0f3d8b;
  color: #fff;
}
.add-clients {
  padding: 32px 40px 35px;
}
.add-clients .btn-blue-border {
  color: #757575 !important;
  border-color: #757575 !important;
}
.btn-gry {
  background-color: transparent !important;
  color: #757575 !important;
  border: 1.5px solid #757575 !important;
  font-family: "Trade Gothic LT Pro Cn";
}
ul.clients-list li {
  position: relative;
  padding-bottom: 35px;
  padding-left: 47px;
}

ul.clients-list a {
  color: #062060;
  font-size: 15px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.75px;
  font-family: "Trade Gothic LT Pro";
}
ul.clients-list li:last-child {
  padding-bottom: 0;
}
.clients-list {
  counter-reset: list;
}
.clients-list li::before {
  counter-increment: list;
  content: counter(list) "";
  width: 35px;
  height: 35px;
  border-radius: 40px;
  border: 3px solid #cfd8e8;
  background: #f5f5f5;
  position: absolute;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  line-height: 30px;
  letter-spacing: 0.75px;
  color: #b8b8b8;
  font-family: "Trade Gothic LT Pro Cn";
  font-weight: 700;
  padding-top: 4px;
  top: -3px;
  z-index: 2;
}
ul.clients-list li.active:before {
  color: #fff;
  background-color: #0f3d8b;
  border-color: #0f3d8b;
}
.clients-list li::after {
  content: "";
  position: absolute;
  background-color: #cfd8e8;
  width: 3px;
  height: 100%;
  left: 15px;
  z-index: 1;
}
.client-form {
  padding: 40px;

  box-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.09);
}
.client-form h4 {
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  color: #0f3d8b;
  margin-bottom: 24px;
}
.form-box label .text-danger {
  color: #f23f44 !important;
}
.iti {
  display: block;
}
.iti__selected-flag {
  color: #757575;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  font-family: "Trade Gothic LT Pro";
}
.iti--separate-dial-code .iti__selected-flag {
  background-color: #f1f1f1;
}
.iti__arrow {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #757575;
}
.iti__arrow--up {
  border-bottom: 4px solid #757575;
  border-top: none;
}
.doc-container {
  background-color: #f1f1f1;
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #464e5f;
  font-size: 14px;
  font-weight: 400;
  font-family: "Trade Gothic LT Pro";
  margin-bottom: 24px;
}
.breadcrumb li {
  color: #062060;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;

  font-family: "Trade Gothic LT Pro";
}
.breadcrumb-item.active {
  color: #062060;
}
.breadcrumb li a {
  color: #b8b8b8;
}
.breadcrumb-item + .breadcrumb-item::before {
  color: #062060;
}
.breadcrumb {
  margin-bottom: 26px;
}
.user-co {
  margin-right: 24px;
  width: 114px;
  height: 114px;
  border-radius: 100px;
  object-fit: cover;
}

.user-listing-box h4 {
  font-size: 36px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  color: #464e5f;
  margin-bottom: 10px;
}

.user-listing-box li {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: #464e5f;
  line-height: normal;
  font-family: "Trade Gothic LT Pro";
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}

.user-listing-box li img {
  margin-right: 8px;
  position: relative;
  top: -2px;
}
.right-top-order {
  margin-bottom: 27px;
}
.user-data-container-right .searchbtn {
  top: -11px;
  position: relative;
}
.agentbox p {
  font-family: "Trade Gothic LT Pro";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #464e5f;
}
.agentbox strong {
  font-family: "Trade Gothic LT Pro Cn";
  font-weight: 700;
  margin: 0 5px;
}
.agentbox a {
  color: #0f3d8b;
  font-family: "Trade Gothic LT Pro Cn";
  font-weight: 700;
  text-decoration: underline;
}
.user-data-container-right {
  position: relative;
  top: -20px;
}
.nav-pills {
  flex-wrap: nowrap;
  white-space: nowrap;
  overflow-x: auto;
}

.nav-pills li {
  margin-right: 48px;
}

.nav-pills button {
  height: 48px;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: #757575 !important;
  font-family: "Trade Gothic LT Pro Cn";
  padding: 0;
  border-bottom: 3px solid transparent;
  border-radius: 0 !important;
}
.nav-pills button.active {
  background-color: transparent !important;
  border-bottom: 3px solid #0f3d8b;
  color: #0f3d8b !important;
}
.nav-pills {
  border-bottom: 1px solid #f1f1f1;
  margin: 0 -40px;
  padding: 0 40px;
}
.tab-inner {
  margin: 40px 0;
}
.client-details-container {
  box-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.09);
  padding: 24px 40px;
}
.client-details-container-header {
  margin-bottom: 24px;
}
.client-details-container-header h3 {
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  color: #0f3d8b;
}
.client-card-container {
  padding: 24px 40px;
  margin-bottom: 24px;
}
.c-infobox h4 {
  color: #757575;
  font-size: 16px;
  line-height: normal;
  font-family: "Trade Gothic LT Pro Cn";
  margin-bottom: 16px;
  text-transform: uppercase;
}
.c-info-list li {
  font-size: 16px;
  line-height: 24px;
  color: #464e5f;
  padding: 7.6px 0;
  border-bottom: 1px solid #f1f1f1;
  font-weight: 400;
  font-family: "Trade Gothic LT Pro";
}
.c-info-list li img , .c-info-list li i {
  margin-right: 16px;
  position: relative;
  width: 18px;
  object-fit: scale-down;
  top: -2px;
}
.c-info-list li p {
  color: #b8b8b8;
  font-size: 12px;
  line-height: normal;
}

.address-list li {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 24px;
  color: #464e5f;
  font-weight: 400;
  font-family: "Trade Gothic LT Pro";
  padding: 7px 0;
  border-bottom: 1px solid #f1f1f1;
}

.address-list li img {
  width: 18px;
  object-fit: scale-down;
  margin-right: 18px;
}

.address-list li p {
  width: 159px;
}

.address-list li span {
  display: block;
  color: #b8b8b8;
  font-size: 12px;
  line-height: 14.4px;
  margin-bottom: 6px;
}
.nodata-found {
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #757575;
  font-weight: 400;
  font-size: 16px;
  font-family: "Trade Gothic LT Pro";
}
.doc-view {
  border: 1px solid #b8b8b8;
}
.doc-view .d-wrap {
  height: 178px;
  object-fit: cover;
}
.doc-view-footer {
  padding: 16px;
  border-top: 1px solid #b8b8b8;
  position: relative;
}
.doc-view-footer h6 {
  color: #757575;
  font-size: 16px;
  font-family: "Trade Gothic LT Pro";
  font-weight: 400;
  margin-bottom: 6px;
}
.doc-view-footer p {
  color: #b8b8b8;
  font-size: 14px;
  font-family: "Trade Gothic LT Pro";
  font-weight: 400;
  display: flex;
  align-items: center;
}
.doc-view-footer p img {
  margin-right: 8px;
  position: relative;
  top: -2px;
}
.doc-view-footer .dropdown {
  position: absolute;
  right: 16px;
  top: 11px;
  color: #757575;
  font-size: 16px;
  font-family: "Trade Gothic LT Pro";
  font-weight: 400;
}
.add-newbtn {
  color: #6993ff;
  font-size: 14px;
  font-family: "Trade Gothic LT Pro Cn";
  letter-spacing: 1.4px;
  text-transform: uppercase;
}
.tag-list {
  border-radius: 4px;
  background: #e0f2fe;
  height: 24px;
  padding: 1px 8px 0;
  display: flex;
  align-items: center;
  font-family: "Trade Gothic LT Pro";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #0f3d8b;
  margin: 0 10px 10px 0px;
}
.tag-list img {
  margin-right: 7px;
  position: relative;
  top: -1px;
}

#pills-contact1 .client-card-container {
  min-height: 170px;
}
.dataTables_filter label {
  color: #464e5f;
  font-size: 14px;
  font-family: "Trade Gothic LT Pro";
  font-weight: 400;
  line-height: normal;
}
.dataTables_filter input {
  color: #757575;
  font-size: 14px;
  font-family: "Trade Gothic LT Pro";
  font-weight: 400;
  width: 164px;
  padding: 11px 6px;
  height: 32px;
  box-shadow: none !important;
  border-radius: 8px;
  border: 1px solid #b8b8b8;
  line-height: normal;
}
.my-form-table .badge {
  background-color: #22ac93;
  font-size: 16px;
  font-family: "Trade Gothic LT Pro";
  font-weight: 400;
  padding: 6px;
}
.upadtes-story h4 {
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  color: #062060;
  line-height: normal;
  margin-bottom: 12px;
}
.upadtes-story p {
  margin-bottom: 18px;
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.24px;
  font-family: "Trade Gothic LT Pro";
  max-width: 600px;
}
.upadtes-story img {
  width: 351px;
  height: 270px;
  object-fit: cover;
}

.sp-one {
  padding: 3px 8px 0;
  height: 24px;
  border-radius: 4px;
  border: 1px solid #b8b8b8;
  font-family: "Trade Gothic LT Pro";
  background: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  display: inline-flex;
  color: #464e5f;
  align-items: center;
  justify-content: center;
  margin: 0 10px 10px;
}
.sp-one button {
  border: none;
  background: transparent;
  margin-left: 10px;
  position: relative;
  top: -2px;
}
.enter-specialt {
  padding: 16px;
  position: relative;
}
.cross-btn {
  position: absolute;
  background: transparent;
  border: none;
  right: 16px;
}
.chooseimg {
  display: flex;
}
.chooseimg img {
  width: 48px;
  height: 48px;
  border-radius: 100px;
  margin-right: 12px;
}
.profile-photo {
  width: 164px;
  height: 164px;
  border-radius: 100px;
  margin-bottom: 24px;
}
.profile-action .btn-blue {
  margin: 0 !important;
  width: 46%;
}
.email-notifaction h4 {
  font-size: 14px;
  color: #0f3d8b;
  font-family: "Trade Gothic LT Pro Cn";
}
.admintab h3 {
  font-size: 24px;
  font-style: normal;
  color: #0f3d8b;
  font-weight: 300;
  line-height: normal;
  margin-bottom: 24px;
}
.role-row {
  padding: 16px 0;
  border-top: 1px solid #b8b8b8;
}
.role-row label {
  font-family: "Trade Gothic LT Pro";
  color: #464e5f;
  font-size: 16px;
}

.listsubmenu a.dropdown-item {
  display: flex;
  align-items: center;
  font-size: 12px;
  padding-left: 46px;
  height: 40px;
}
.listsubmenu a.dropdown-item:hover {
  color: #fff !important;
}
.side-bar-item li a.show {
  background-color: #062060;
}
.side-bar-item li a.show .nextarrowbox {
  opacity: 1;
  visibility: visible;
  transform: rotate(-90deg);
}

.listsubmenu {
  box-shadow: none;
  border: none;
  transform: none !important;
  transition: all ease-in-out 0.5s;
  height: 0;
  opacity: 0;
  visibility: hidden;
  padding: 0;
  background-color: #025cf51c;
  display: block;
}
.listsubmenu.show {
  height: auto;
  opacity: 1;
  visibility: visible;
  padding: 0.5rem 0;
}

.sidebar.open .listsubmenu {
  display: none !important;
}
.dataTables_wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.dataTables_paginate {
  display: flex;
  justify-content: flex-end;
}

.dataTables_paginate span {
  display: flex;
}
.partner-filters {
  border-radius: 12px;
  border: 1px solid #f5f5f5;
  background: #fff;
  padding: 20px 30px;
  box-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.09);
}
.partner-filters .form-box label {
  min-height: 17.6px;
  display: block;
}
.container-chechbox {
  display: block;
  position: relative;
  padding-left: 18px;
  cursor: pointer;
  font-size: 11px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: "Trade Gothic LT Pro";
  color: #b8b8b8;
  font-weight: 400;
  margin-right: 20px;
  text-transform: uppercase;
}

/* Hide the browser's default checkbox */
.container-chechbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 11px;
  width: 11px;
  border: 1px solid #b8b8b8;
}

/* When the checkbox is checked, add a blue background */
.container-chechbox input:checked ~ .checkmark {
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container-chechbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container-chechbox .checkmark:after {
  left: 3px;
  top: 1px;
  width: 4px;
  height: 6px;
  border: solid #b8b8b8;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.partner-filters {
  margin-bottom: 20px;
}
.glossary-box h4 {
  font-family: "Trade Gothic LT Pro Cn";
  font-size: 17px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  color: #062060;
  margin-bottom: 20px;
}
.glossary-one p {
  font-family: "Trade Gothic LT Pro";
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  color: #757575;
  letter-spacing: 0em;
}
.glossary-one {
  margin-bottom: 30px;
}
.glossary-one img{
    margin-top: -7px;
    height: 60px;
    object-fit: contain;
}
.partner-box-industry .banner-wrapper img {
  height: 449px;
}
.partner-box-industry h3 {
  color: #0f3d8b;
  font-size: 28px;
  font-weight: 300;
  line-height: 30px;
  letter-spacing: 0em;
  margin-top: 12px;
  text-align: left;
}

.latest-traningBox span {
  font-family: "Trade Gothic LT Pro";
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  letter-spacing: 0em;
  color: #757575;
  display: block;
  margin-bottom: 4px;
}

.latest-traningBox h4 {
  font-size: 17px;
  font-weight: 300;
  line-height: 20px;
  letter-spacing: 0em;
  color: #062060;
  margin-bottom: 20px;
}

.latest-traningBox a {
  font-family: "Trade Gothic LT Pro Cn";
  font-size: 10px;
  font-weight: 700;
  line-height: 12px;
  letter-spacing: 0em;
  color: #b8b8b8;
}
.latest-traningBox img {
  height: 150px;
  object-fit: cover;
  margin-bottom: 12px;
}
.slick-next:before {
  content: "";
  width: 11px;
  position: absolute;
  background-repeat: no-repeat;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='15' viewBox='0 0 9 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.75195 0.71875L7.82812 7.06055C7.96094 7.22656 8.06055 7.42578 8.06055 7.625C8.06055 7.82422 7.96094 8.02344 7.82812 8.15625L1.75195 14.498C1.45312 14.8301 0.921875 14.8301 0.623047 14.5312C0.291016 14.2324 0.291016 13.7344 0.589844 13.4023L6.16797 7.5918L0.589844 1.81445C0.291016 1.51562 0.291016 0.984375 0.623047 0.685547C0.921875 0.386719 1.45312 0.386719 1.75195 0.71875Z' fill='%23062060'/%3E%3C/svg%3E%0A");
}
.slick-prev:before {
  content: "";
  width: 11px;
  position: absolute;
  background-repeat: no-repeat;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='15' viewBox='0 0 9 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.83984 14.5645L0.763672 8.22266C0.597656 8.02344 0.53125 7.82422 0.53125 7.625C0.53125 7.45898 0.597656 7.25977 0.730469 7.09375L6.80664 0.751953C7.10547 0.419922 7.63672 0.419922 7.93555 0.71875C8.26758 1.01758 8.26758 1.51562 7.96875 1.84766L2.42383 7.625L8.00195 13.4688C8.30078 13.7676 8.30078 14.2988 7.96875 14.5977C7.66992 14.8965 7.13867 14.8965 6.83984 14.5645Z' fill='%23757575'/%3E%3C/svg%3E%0A");
}
.slick-prev,
.slick-next {
  top: 25px;
  transform: none;
}
.slick-next {
  right: 0;
}
.slick-prev {
  /* left: auto; */
  right: 30px;
}
.tolkitbtn {
  background: #fff;
  box-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.09);
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #062060;
  font-family: "Trade Gothic LT Pro Cn";
  font-size: 17px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0.02em;
  text-align: left;
}

.tolkitbtn svg {
  margin-right: 10px;
  position: relative;
  top: -2px;
}
.tolkitbtn:hover span {
  text-decoration: underline;
}
.f-u-links {
  padding-top: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.f-u-links h5 {
  font-family: "Trade Gothic LT Pro Cn";
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0em;
  color: #b8b8b8;
}
.f-u-links a {
  color: #062060;
  font-family: "Trade Gothic LT Pro";
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0em;
  display: flex;
  align-items: center;
}
.f-u-links a.active {
  color: #22ac93;
  text-decoration: underline;
}
.f-u-links a:hover {
  color: #22ac93;
  text-decoration: underline;
}
.brandwidelogo a {
  margin: 20px 0;
  text-align: center;
}
.brandwidelogo a img {
  width: 180px;
  height: 110px;
  object-fit: contain;
}
.brandwidelogo-outer {
  margin-top: 65px;
}
.dataTables_filter label {
  color: #464e5f;
  font-size: 14px;
  font-family: "Trade Gothic LT Pro";
  font-weight: 400;
  line-height: normal;
}
.dataTables_filter input {
  color: #757575;
  font-size: 14px;
  font-family: "Trade Gothic LT Pro";
  font-weight: 400;
  width: 164px;
  padding: 11px 6px;
  height: 32px;
  box-shadow: none !important;
  border-radius: 8px;
  border-color: #b8b8b8;
  line-height: normal;
}
.tolkitfilter input {
  width: 298px;
}
.tolkitfilter label {
  margin-bottom: 45px;
}
.glossary-box.tolkit-search-box {
  margin-bottom: 30px;
  padding: 40px;
  border-radius: 12px;
  border: 1px solid #f5f5f5;
  background: #fff;
  box-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.09);
}
.showmap {
  border: 2px solid #b8b8b8;
  background: #fff;
  width: 110px;
  height: 38px;
  font-family: "Trade Gothic LT Pro Cn";
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
  letter-spacing: 0.1em;
  color: #0f3d8b;
  margin-bottom: 12px;
}
.map-holder {
  position: relative;
}
.map-holder .dashboard-card {
  position: absolute;
  max-width: 320px;
  width: 100%;
  top: 100px;
  border-radius: 12px;
  left: 50px;
}
.map-holder .dashboard-card img {
  height: 133px;
}
.map-list {
  height: 594px;
  background-color: #0f3d8b;
  overflow-x: auto;
  padding: 50px;
}
.map-list-one {
  display: flex;
  margin-bottom: 20px;
}

.map-list-one-text h4 {
  font-family: "Trade Gothic LT Pro Cn";
  font-size: 13px;
  font-weight: 700;
  line-height: 17px;
  letter-spacing: 0.05em;
  color: #fff;
  margin-bottom: 2px;
}

.map-list-one-text ul {
  display: flex;
}

.map-list-one-text a {
  font-family: "Trade Gothic LT Pro";
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  letter-spacing: 0em;
  color: #e0f2fe;
  text-decoration: underline;
  margin-right: 15px;
}
.f-u-links a svg {
  position: relative;
  top: -1px;
  left: -6px;
}
.showlist.active {
  display: none;
}
.showmaptext.active {
  display: none;
}
.showmap svg {
  position: relative;
  top: -3px;
}

.select2-selection {
  min-height: 50px !important;
  height: auto;
  background-color: #f5f5f5 !important;
  color: #757575 !important;
  font-size: 14px !important;

  font-weight: 400 !important;
  line-height: normal !important;
  font-family: "Trade Gothic LT Pro" !important;
  border-color: #f5f5f5 !important;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: #757575 !important;
  line-height: 56px;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 56px;
}
.glossary-box.tolkit-search-box.d-traning h4 {
  font-size: 24px;
  margin-bottom: 34px;
}
.head-userdropdown .userdropdown button h4 {
  color: #0f3d8b;
}
.head-userdropdown .arrowdowndrop {
  right: -20px;
  top: 14px;
}
.head-userdropdown .dropdown-menu:before {
  content: "";
  width: 34px;
  height: 34px;
  top: -17px;
  left: 50%;
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='16.9707' width='24' height='24' transform='rotate(45 16.9707 0)' fill='%23062060'/%3E%3C/svg%3E%0A");
}
.footer-sidebar.head-userdropdown .dropdown.userdropdown ul.dropdown-menu {
  width: 264px;
}
.footer-sidebar.head-userdropdown .dropdown.userdropdown ul.dropdown-menu {
  width: 264px;
  right: -40px !important;
  left: auto !important;
  transform: none !important;
  top: 60px !important;
}

.dataTables-no label {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  font-family: "Trade Gothic LT Pro";
  line-height: normal;
  color: #464e5f;
}
.dataTables-no select {
  padding: 7px 6px;
  border-color: #b8b8b8 !important;
  border-radius: 3px;
  font-size: 16px;
  background-color: #f5f5f5;
  font-weight: 400;
  font-family: "Trade Gothic LT Pro";
  line-height: normal;
  color: #464e5f;
  margin: 0 8px;
  display: inline-block;
}
.d-traning .latest-traningBox {
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
  padding: 8px 0;
  max-width: 500px;
}
.d-traning .latest-traningBox h5 {
  font-size: 17px;
  font-weight: 300;
  color: #062060;
  margin-bottom: 2px;
}
.d-traning .latest-traningBox span {
  margin-right: 40px;
}
.destination-traning-outer {
  position: relative;
}
.destination-traning-outer:after {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #0f3d8b;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0px);
}
.destination-traning-outer .col-lg-6:last-child .latest-traningBox {
  /* margin-left: auto; */
}

.big-checkbox {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 35px;
  font-family: "Trade Gothic LT Pro";
  color: #757575;
  font-size: 16px;
  font-weight: 400;
}
.form-box .big-checkbox {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 35px;
  font-family: "Trade Gothic LT Pro";
  color: #757575;
  font-size: 16px;
  font-weight: 400;
}

.big-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.big-checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: transparent;
}

.big-checkbox:hover input ~ .checkmark {
  background-color: #ccc;
}

.big-checkbox input:checked ~ .checkmark {
  background-color: #0f3d8b;
}

.big-checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.big-checkbox input:checked ~ .checkmark:after {
  display: block;
}

.big-checkbox .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.addmore-btn input.form-control {
  width: 200px;
  border-radius: 0;
  font-family: "Trade Gothic LT Pro";
  color: #757575;
  font-size: 14px;
  height: 35px;
  box-shadow: none !important;
}

.addmore-btn button.btn.btn-blue {
  height: 35px;
  padding: 2px 10px 0px;
  font-size: 12px;
}

.head-userdropdown .userdropdown button {
  position: relative;
  padding-right: 18px !important;
}
.head-userdropdown .arrowdowndrop {
  display: none;
}
.head-userdropdown .userdropdown:after {
  content: "";
  position: absolute;
  background-image: url(../images/head-arrow.svg);
  width: 10px;
  height: 6px;
  background-size: 100%;
  top: 14px;
  right: 0;
  pointer-events: none;
  cursor: pointer;
}
.footer-sidebar.head-userdropdown.py-0 {
  padding-right: 0;
}
.summary-one span.checkmark {
  width: 18px;
  height: 18px;
}
.summary-one .checkmark:after {
  left: 7px;
  top: 2px;
}
.latest-traningBox a {
  font-family: "Trade Gothic LT Pro Cn";
  font-size: 10px;
  font-weight: 700;
  line-height: 12px;
  letter-spacing: 0em;
  color: #b8b8b8;
  display: flex;
  /* align-items: center; */
  justify-content: center;
  flex-direction: column;
}
.d-traning .latest-traningBox a h5 {
  font-family: "Trade Gothic LT Pro Cn";
  font-size: 10px;
  font-weight: 700;
  line-height: 12px;
  letter-spacing: 0em;
  margin: 8px 0 0 0;
}
.form-post-header {
  margin-bottom: 15px;
}

.form-post-header h5 {
  font-size: 24px;
  line-height: 20px;
  letter-spacing: 0em;
  font-family: "Trade Gothic LT Pro Cn";
  color: #062060;
}
.form-post-one {
  padding: 40px 40px 30px;
  border-radius: 12px;
  background: #fff;
  margin: 25px;
  box-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.09);
}

.form-post-one-header {
  display: flex;
  justify-content: space-between;
  align-items: start;
  margin-bottom: 12px;
}
.form-post-one-header h6 {
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  font-family: "Trade Gothic LT Pro Cn";
  color: #0f3d8b;
}
.form-post-body {
  margin-bottom: 15px;
}
.form-post-body h4 {
  color: #062060;
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 4px;
  line-height: normal;
  /* max-height: 52px !important; */
}
.form-post-body p {
  color: #464e5f;
  font-family: "Trade Gothic LT Pro";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.24px;
}
.post-form-up-footer a,
.post-form-up-footer button,
.post-form-up-footer .comments_count {
  font-family: "Trade Gothic LT Pro Cn";
  font-size: 13px;
  font-weight: 700;
  line-height: 16px;
  background-color: transparent;
  border: none;
  display: flex;
  color: #0f3d8b;
}
.post-form-up-footer a svg {
  margin-right: 7px;
}
.post-form-up-footer {
  padding: 0 0 10px 0;
  /*border-bottom: 1px solid #cfd8e8;*/
}
.post-form-up-footer input[name=comment]{
    height: 50px;
}
.post-form-bottom-footer {
  height: 56px;
  border-bottom: 1px solid #cfd8e8;
}
.post-form-bottom-footer a {
  font-family: "Trade Gothic LT Pro";
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  color: #464e5f;
  letter-spacing: -0.01em;
  display: flex;
  background-color: transparent;
  border: none;
  margin-right: 30px;
}
.post-form-bottom-footer a svg {
  margin-right: 5px;
}
.post-form-bottom-footer a:last-child {
  margin-right: 0;
}
.comments-Box {
  padding: 15px 0 20px;
  border-bottom: 1px solid #cfd8e8;
}
.comments-one-post {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: space-between;
  padding: 14px 0;
    gap: 10px;
}

.comments-one-post .comment-disc {
  font-family: "Trade Gothic LT Pro";
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: -0.01em;
  color: #464e5f;
  /* max-width: 360px; */
  width: 100%;
}

.comments-one-post .post-data {
  min-width: 170px;
}

.comments-one-post-reply .post-data {
  min-width: 135px;
}

.comments-one-post .comment-disc a {
  color: #0f3d8b;
}
.comments-one-post.comments-one-post-reply {
  border-top: 1px solid #cfd8e8;
  margin-left: 47px;
  position: relative;
}

.comments-one-post.comments-one-post-reply .comment-disc {
  max-width: 320px;
}
.comments-one-top {
  border-bottom: 1px solid #f1f1f1;
}
.comments-one-post.comments-one-post-reply:before {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='26' viewBox='0 0 25 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.94768 0H0.951172V25V26H24.8673V25H1.94768V0Z' fill='%23CFD8E8'/%3E%3C/svg%3E%0A");
  content: "";
  position: absolute;
  width: 25px;
  height: 26px;
  left: -33px;
  top: 5px;
}
/* .form-wrapper-outer {
  padding: 40px 40px 30px;
  border-radius: 12px;
  background: #fff;

  box-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.09);
} */
.form-wrapper-outer .slick-dots li button {
  background-color: #cfd8e8;
  border-radius: 100px;
}
.form-wrapper-outer .slick-dots li button:before {
  display: none;
}

.form-wrapper-outer .slick-dots li.slick-active button {
  background-color: #6993ff;
}
.form-wrapper-outer
  .industry-slider-one.slick-initialized.slick-slider.slick-dotted {
  margin: 0;
}
.form-wrapper-outer {
  margin: -25px;
}
.form-wrapper-outer .slick-dots {
  bottom: -20px;
}
.fb-logo {
  border-radius: 7px;
  background: #fff;
  box-shadow: 0px 3.5px 29.75px 0px rgba(0, 0, 0, 0.09);
  padding: 0 5px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Trade Gothic LT Pro Cn";
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.02em;
  color: #062060;
}
.fb-logo img {
  margin-right: 10px;
  width: 20px;
  height: 20px;
  position: relative;
  top: -2px;
}

.fb-logo {
  margin-bottom: 40px;
}
.form-wrapper-outer {
  margin-bottom: 60px;
}

.form-updated-box-card .header-profile-card h3 {
  font-family: "Trade Gothic LT Pro Cn";
  font-size: 17px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
}
.community-guid-box {
  margin-bottom: 25px;
}

.community-guid-box h3 {
  font-family: "Trade Gothic LT Pro Cn";
  font-size: 17px;
  font-weight: 700;
  line-height: 20px;
  display: flex;
  align-items: center;
  color: #062060;
  margin-bottom: 4px;
}

.community-guid-box svg {
  margin-right: 9px;
}

.community-guid-box p {
  font-family: "Trade Gothic LT Pro";
  font-size: 11px;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: 0em;
  color: #757575;
}
.community-guid-box:last-child {
  margin-bottom: 0;
}
.topic-box {
  padding: 10px 0;
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 17px;
  color: #062060;
  font-weight: 300;
  line-height: 20px;
}
.topic-box svg {
  margin-right: 4px;
}
.viewall-two {
  font-size: 13px;
  font-family: "Trade Gothic LT Pro Cn";
  line-height: 16px;
  letter-spacing: 0em;
  text-align: left;
  color: #0f3d8b;
}
.dropdown-item:focus,
.dropdown-item:hover {
  color: #fff;
  background-color: #0f3d8b;
}
.side-bar-item .third-level-menu li a:hover {
  background-color: #6993ff5e;
}
.side-bar-item .third-level-menu li a {
  font-size: 10px;
  padding-left: 60px;
}

.client-form h4 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.client-form h4 button {
  background: transparent;
  border: none;
}
.newadd_btn {
  display: block;
  width: 100%;
  border-top: 1px solid #0000002b !important;
  text-align: left;
  padding-top: 20px;
  color: #224188;
  font-family: "Trade Gothic LT Pro Cn";
}
html {
  scroll-behavior: smooth;
}
.login {
  background: #224188;
  font-family: "Montserrat";
  letter-spacing: 0.05em;
  line-height: 30px;
}
.logo-wrap {
  position: absolute;
  top: 0;
  padding: 30px 0 0 30px;
}
.logo-wrap img{
    width: 220px;
}
.login-wrap .form-section {
  width: 50%;
  margin-top: 100px;
}
.white,
.white h2 {
  color: #fff;
}
.form-section-inner {
  max-width: 516px;
  margin: 0 auto;
}

.form-section h1 {
  letter-spacing: 0.05em;
  font-weight: 400;
  font-size: 48px;
  line-height: 48px;
  padding-bottom: 34px;
  font-family: "Canela";
}
.login-form h1 {
  padding-bottom: 0px;
}
.login-form form {
  margin-top: 36px;
}
.form-section ul li {
  position: relative;
  padding-bottom: 28px;
}

.form-section label {
  padding-bottom: 12px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  display: block;
}
.form-section ul li label {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.form-section label b {
  font-weight: 600;
}
.form-section ul li input , .form-section ul li select  {
  background: rgb(196 196 196 / 10%) !important;
  border: none;
  position: relative;
  outline: none;
  width: 100%;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
  border-radius: 0 !important;
  padding: 17px 15px;
  color: #ffff !important;
  letter-spacing: 0.05em;
  font-weight: 400;
  border: 1px solid transparent !important;
  box-shadow: none !important;
}
.form-section .iti--separate-dial-code .iti__selected-flag {
  background: rgb(196 196 196 / 10%) !important;
}
.form-section .iti__arrow {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #fff;
}
.form-section .iti__selected-flag {
  color: #fff;
}
.form-section ul li .input-type-password {
  position: relative;
}
.form-section .iti__flag-box,
.iti__country-name {
  color: #000;
}
.form-section ul li input + i {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  padding-right: 33px;
  cursor: pointer;
}
.form-section ul li.submit-btns {
  padding-top: 20px;
}

.form-section ul li.submit-btns > * {
  width: 100%;
  text-align: center;
  display: inline-block;
  letter-spacing: 0.05em;
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 30px;
}
.form-section ul li.submit-btns input {
  transition: all 400ms ease;
  text-transform: uppercase;
  letter-spacing: 0.35em;
  font-style: normal;
  line-height: 20px;
  font-weight: 600;
  font-size: 12px;
  padding: 15px 15px;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  color: #ffff;
  cursor: pointer;
  background: #ffffff !important;
  color: #224188 !important;
}
.form-section ul li.submit-btns span {
  padding: 15px 0;
}
.form-section ul li.submit-btns a {
  transition: all 400ms ease;
  text-transform: uppercase;
  letter-spacing: 0.35em;
  font-style: normal;
  line-height: 20px;
  font-weight: 600;
  font-size: 12px;
  padding: 15px 15px;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #ffff;
  cursor: pointer;
  background: transparent;
  color: #ffff !important;
}
.login-wrap .right-image {
  width: 50%;
  height: 100vh;
}
.login-wrap .right-image img {
  display: block;
  width: 100%;
  height: 100%;
  /* object-fit: cover; */
}
@media (max-width: 600px) {
    .login-wrap .right-image img{
        display: none;
    }
    .logo-wrap{
        left: 50%;
        transform: translateX(-50%);
    }
    .login-form h1,
    .login-form p,
    .back-to-login{
        text-align: center;
    }
    .login-form .form-section{
        height: 100vh;
    }
    .login-form .iti input, .iti input[type=tel]{
        height: 56px;
    }
}
.login-wrap form a {
  color: #fff;
}

.form-section ul li input::placeholder {
  color: #fff;
  opacity: 1;
}

.form-section ul li input::-ms-input-placeholder {
  color: #fff;
}
.form-section ul li.submit-btns input:hover {
  background: transparent !important;
  color: #ffff !important;
}
.back-to-login {
  padding-top: 8px;
}
.back-to-login a {
  color: #ffffff;
  letter-spacing: 0.05em;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 10px;
  line-height: 30px;
}
.back-to-login a i {
  padding-right: 7px;
}
.recovery-password .title {
  padding-bottom: 30px;
}
.recovery-password h1 {
  padding-bottom: 0;
}
.recovery-password p {
  font-weight: 300;
  font-size: 16px;

  line-height: 30px;
}
.form-section .recovery-password li.submit-btns {
  padding-top: 50px;
}
.login-form .footer-content {
  width: 50%;
  position: absolute;
  bottom: 0;
  font-family: "Montserrat";
  font-weight: 400;
  font-size: 10px;
  color: #ffffff;
  line-height: 15px;
  opacity: 0.5;
  padding-bottom: 45px;
  max-width: 70%;
}
.login-form .footer-content p {
  max-width: 556px;
  margin: 0 auto;
}
.create-account-form {
  height: 60vh;
  overflow: auto;
}
.create-account-form {
  scrollbar-width: thin;
  scrollbar-color: #fff rgb(129 139 160 / 0.3);
}
.create-account-form::-webkit-scrollbar {
  width: 10px;
}
.create-account-form::-webkit-scrollbar-track {
  background: rgb(129 139 160 / 0.3);
  border-radius: 0;
}
.create-account-form::-webkit-scrollbar-thumb {
  background: #fff;
  border-radius: 0;
}
.create-account-form .iti__country {
  padding: 5px 10px;
}
.form-section li.submit-btns.next-step {
  padding-top: 23px;
}
.form-section ul li.submit-btns a:hover {
  background: #ffffff;
  color: #224188 !important;
}

.award-list {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.award-list img {
  border-radius: 100px;
  margin-right: 10px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  width: 75px;
  height: 75px;
}

.award-list p {
  font-size: 16px;
  font-weight: 300;
  color: #062060;
  letter-spacing: 1px;
}

.award-list p a {
  margin-left: 10px;
  position: relative;
  top: -2px;
}
.award-list:last-child {
  margin-bottom: 0;
}
.post-div {
  color: #062060;
  font-family: "Trade Gothic LT Pro Cn";
  font-size: 11px;
  display: block;
  margin-bottom: 17px;
}
.announcment-wrapper .form-post-one {
  padding: 25px 30px 30px;
  border-radius: 0;
  padding-bottom: 50px;
}
.announcment-wrapper .form-wrapper-outer .slick-dots {
  bottom: 40px;
}
.announcment-wrapper .form-wrapper-outer {
  margin-bottom: 24px;
}
.tolkit-wrapper-box .tolkitbtn {
  margin-bottom: 16px;
}
.tolkit-wrapper-box {
  margin-bottom: 14px;
}
.faq-links-box a {
  margin-bottom: 24px;
}
.inspirations-card-brand {
  height: 350px;
  object-fit: cover;
  width: 100%;
  margin-bottom: 30px;
}
.inspirations-card h5 {
  font-weight: 700;
  font-size: 11px;
  line-height: 17px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.5);
  font-family: "Trade Gothic LT Pro";
  margin-bottom: 8px;
}
.inspirations-card h4 {
  font-family: "Canela";
  font-style: normal;
  font-weight: 300;
  font-size: 19px;
  line-height: 29px;
  margin-bottom: 6px;
  letter-spacing: 0.03em;
  max-width: 100%;
}
.inspirations-card p {
  font-family: "Canela";
  font-style: normal;
  font-weight: 300;
  font-size: 12px;
  line-height: 22px;
  margin-bottom: 12px;
}
@media (min-width: 992px) {
    .inspirations-card p{
        height: 68px;
        overflow: hidden;
    }
}
.inspirations-card h6 {
  font-weight: 700;
  font-size: 10px;
  line-height: 17px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-family: "Trade Gothic LT Pro cn";
  margin-bottom: 0;
}
.inspirations-card h6 span {
  color: #1d3c86;
}

.form-wrapper-outer .award-list {
  padding: 5px 10px;
}
.fb-log-slider .slick-list {
  padding: 20px 0;
}
.fb-log-slider .slick-prev,
.fb-log-slider .slick-next {
  top: -18px;
}
.stickbar-tabs li::before {
  display: none;
}
.stickbar-tabs li::after {
  display: none;
}
.stickbar-tabs li a::before {
  counter-increment: list;
  content: counter(list) "";
  width: 35px;
  height: 35px;
  border-radius: 40px;
  border: 3px solid #cfd8e8;
  background: #f5f5f5;
  position: absolute;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  line-height: 30px;
  letter-spacing: 0.75px;
  color: #b8b8b8;
  font-family: "Trade Gothic LT Pro Cn";
  font-weight: 700;
  padding-top: 4px;
  top: -3px;
  z-index: 2;
}
.stickbar-tabs li a.current:before {
  color: #fff;
  background-color: #0f3d8b;
  border-color: #0f3d8b;
}
.stickbar-tabs li a::after {
  content: "";
  position: absolute;
  background-color: #cfd8e8;
  width: 3px;
  height: 100%;
  left: 15px;
  z-index: 1;
}
.form-wrapper-outer .industry-slider-one .form-post-one {
  height: 339.8px;
  overflow-y: auto;
}

.form-wrapper-outer .industry-slider-one .form-post-one {
  scrollbar-width: thin;
  scrollbar-color: #fff rgb(129 139 160 / 0.3);
}
.form-wrapper-outer .industry-slider-one .form-post-one::-webkit-scrollbar {
  width: 10px;
}
.form-wrapper-outer
  .industry-slider-one
  .form-post-one::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 100px;
}
.form-wrapper-outer
  .industry-slider-one
  .form-post-one::-webkit-scrollbar-thumb {
  border-radius: 100px;
  background: rgb(129 139 160 / 0.3);
}
.announcment-wrapper .form-wrapper-outer .industry-slider-one .form-post-one {
  height: 240.5px;
  overflow-y: auto;
}

#buttonback {
  position: fixed;
  bottom: 20px;
  right: 30px;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#buttonback.show {
  opacity: 1;
  visibility: visible;
}
.slick-dots li button {
  width: 8px;
  height: 8px;
}
.font_trade_gothalic{
  font-family: "Trade Gothic LT Pro" !important;
}
.font_trade_cn{
  font-family: "Trade Gothic LT Pro Cn" !important;
}
.font_canela{
  font-family: "Canela" !important;
}

.fs-24{
  font-size: 24px !important;
}
::-webkit-scrollbar {
    width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #00247a;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #000000;
}

.text_navy_blue{
    color: #0f3d8b !important;
}
.training_watch_link img{
    width: 20px;
    height: 20px;
    object-fit: contain;
}
.gm-style-iw-d{
  height: auto !important;
}

.partners_offers{
  font-size: 17px !important;
  font-weight: 300 !important;
  line-height: 20px !important;
  letter-spacing: 0em !important;
  color: #062060 !important;
  margin-bottom: 20px !important;
}
.uploadProfilePic img{
  max-width: 250px;
  max-height: 250px;
  margin-left:40px;
}


.client_tabs .row > div{
    margin-bottom: 20px;
}
.client_tabs .client-card-container{
    height: 100%;
}
td a{
  color: #1D3C86 !important;
}

#dashboard_forum_slider .form-post-body ul,
#dashboard_forum_slider .form-post-body li{
    list-style: unset !important;
    padding-left: 2rem !important;
}
#dashboard_forum_slider .form-post-body li{
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.24px;
  font-style: normal;
  font-family: "Trade Gothic LT Pro";
  font-weight: 400;
  color: #464e5f;
}
#dashboard_forum_slider .form-post-body{
    margin-bottom: 15px;
    overflow: hidden;
}
.slick-slide{
    height: fit-content;
}
#modal_share_link{
    color: #0f3d8b;
}
.fr-second-toolbar{
    display: none;
}







#location-filtering{
    position: relative;
    padding: 10px 0px;
}
#city-filtering{
    background: #f5f5f5;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    color: #1d3c86;
    font-family: "Trade Gothic LT Pro Cn";;
    padding: 20px 20px 15px 20px;
    border-radius: 5px;
    cursor: pointer;
    display: block;
    width: 100%;
}
#location-filtering .dropdown {
    margin-top: 10px;
    background: #f9f9f9;
    position: absolute;
    top: 100%;
    z-index: 9999;
    min-width: 100%;
    transition: 0.3s all ease-in;
}
#location-filtering .location {
    margin: 5px 0px;
}
#location-filtering .location span,
#location-filtering .location label {
    cursor: pointer;
    display: block;
    padding: 5px 10px;
    color: #1d3c86;
    font-family: "Trade Gothic LT Pro Cn";
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
}
#location-filtering .sub-dropdown {
    margin-top: 5px;
    transition: 0.3s all ease-in;
    background-color: #1d3c86;
}
.city:not(.location-container .city) {
    display: block;
    color: #FFF !important;
}
.city.checked{
    background-color: #FFF;
    color: #1d3c86 !important;
}
.state:not(.location-container .state) {
  display: block;
  color: #FFF !important;
}
.state.checked{
  background-color: #FFF;
  color: #1d3c86 !important;
}
.height_fit{
    height: fit-content !important;
}

.client_main_info_note{
  font-size: 13px !important;
  font-family: "Canela" !important;
  padding: 10px 0 !important;
}
img.fr-dib{
    display: inline-block !important;
    height: 350px !important;
}
.fr-placeholder {
    white-space: unset !important; /* Allow placeholder text to wrap */
    overflow: visible !important; /* Ensure the placeholder text is not hidden */
}
.story-save-btn{
  position: fixed;
  bottom: 0;
  z-index: 25;
  margin: 0;
  padding: 9px 0px 30px 0px;
  background-color: #f5f3f3e0;
}
.story-save-btn button{
  width:80%;
}
/* Responsive: tables in CRM */
@media (max-width: 815px) {
  .client-header-details {
      flex-wrap: wrap;
  }
  .user-data-container {
    margin-bottom: 20px;
  }
  .user-data-container-right {
    top: 0;
    width: 100%;
  }

}

.table-view td {
  border-left: none;
  border-right: none;
  padding: 22px 16px;
  align-items: flex-start;
  gap: 10px;
  color: var(--SF-Dark-Blue, var(--SF-Dark-Blue, #062060));
  vertical-align: center;
  font-family: "Trade Gothic LT Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.table-view td.data {
  color: var(--Mid-Grey-04, var(--Mid-Grey-04, #464E5F));
}
.top-10 {
  top: 10px !important;
}
.font-trade {
  font-family: 'Trade Gothic LT Pro';
}
.max-h-300 {
  max-height: 300px;
}
.input-icon {
  font-size: 14px;
  color: #757575;
  font-weight: 300;
}
.mb-32 {
  margin-bottom: 32px !important;
}
.my-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.mb-40 {
  margin-bottom: 40px !important;
}
.form-check-input {
  /* margin-top: unset; */
}
table.dataTable .dropdown button{
  padding: 10px 20px;
}
.swal2-title{
  font-size: 32px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  color: #0f3d8b;
  margin-bottom: 16px;
}
.swal2-icon{
  width: 3em;
  height: 3em;
  margin: 1.5em auto .6em;
}
.swal2-icon-content{
  font-size: 2.75em !important;
}
.swal2-actions{
  margin: 3.25em auto 0;
}
.swal2-html-container{
  font-family: 'canela';
  letter-spacing: .92px;
  font-weight:300 !important;
  
}

.swal2-styled{
  font-family: "Trade Gothic LT Pro Cn";
  font-weight: normal;
}
.mt-40 {
  margin-top: 40px;
}
.insider-tips .tip {
  padding: 0 34.5px 32px;
}
.insider-tips .tip:not(:last-child) {
  border-right: 1px solid #ddd;
}
.specifics .content {
  font-family: 'Trade Gothic LT Pro';
  font-size: 13px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0.03em;
}
.specifics .contact_card {
  flex: 0 1 30%;
}
.heading_16 {
  font-size: 16px;
  font-family: "Canela";
  line-height: 24px;
  color: #464E5F;
}

.my-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.story-seo .description-note {
  font-family: 'Trade Gothic LT Pro';
  font-size: 14px;
  font-weight: 400;
  line-height: 32px;
  color: #464E5F;
  letter-spacing: 0.03em;
}
.story-seo .og-img-upload-container {
  bottom: 20px;
  padding: 12px 16px;
  background: #fff;
  margin-left: 20px;
}