.manage_orders .vtabs .nav a {
  border: solid #dedede;
  text-decoration: none;
  border-width: 1.2px 1.2px 0px 1.2px;
  background-color: #fff;
}
.manage_orders .vtabs .nav a:last-child {
  border-bottom: 1.2px solid #dedede;
}
.manage_orders button#send-btn {
  border: none;
  display: inline;
  width: auto;
  padding: 0 0 0 1em;
}
.manage_orders .type-msg input#remark {
  font-family: "Roboto";
  font-size: 14px;
  line-height: normal;
  border: 0 !important;
  padding: 0 !important;
  resize: none;
  padding-right: 10px !important;
}
.manage_orders .type-msg input::placeholder {
  font-family: "Roboto";
  color: #333 !important;
  opacity: 0.5 !important;
}
.manage_orders .type-msg {
  border: 1px solid rgb(25 127 176 / 24%);
}
.manage_orders .vtabs .nav a.active .wrap {
  border-left: 3px solid #ec1c24;
  border-right: 0px;
}
.manage_orders .vtabs .nav a.active {
  border-left: 0;
  border-right: 0;
  background-color: #fdfbfc !important;
}
.manage_orders .nav-pills .side-img {
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
}
.manage_orders .nav-pills .activity-icon {
  background-image: url(../images/activity-icon.png);
}
.manage_orders .nav-pills .details-icon {
  background-image: url(../images/details-icon.png);
}
.manage_orders .nav-pills .Requirement-icon {
  background-image: url(../images/Requirement-icon.png);
}
.manage_orders .nav-pills .delivery-icon {
  background-image: url(../images/delivery-icon.png);
}
.manage_orders .vtabs .nav a:not(.active) .wrap {
  border-left: 2px solid transparent;
}
.manage_orders .vtabs .nav a .wrap {
  padding: 1.05em 2em !important;
  display: flex;
  align-items: center;
}

.manage_orders .img-col {
  display: inline-block;
  width: 20px;
  margin-right: 1.2em;
}
.manage_orders .img-col .side-img {
  width: auto;
  height: 20px;
}
.manage_orders .img-col .details-icon {
  width: auto;
  height: 15px;
}
.manage_orders .nav a span {
  color: #333;
  font-weight: 500;
}
.manage_orders .nav a.active span {
  color: #000;
  font-weight: 500;
}
.manage_orders .tab-content {
  border: 1.3px solid #e8e8e8;
  border-radius: 2px;
  margin-left: 1em;
}
.manage_orders .received-msg {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.manage_orders .received-msg-inbox {
  width: 70% !important;
}
.manage_orders .received-msg-inbox.sent-msg {
  margin-left: auto;
}
.manage_orders .received-msg-inbox.sent-msg .sent-msg-wrapper {
  background: #f2f7fa;
  border-radius: 10px 0px 10px 10px;
}
.manage_orders .received-msg-inbox p {
  color: #333333;
  font-size: 14px;
  letter-spacing: 0.2px;
  font-weight: 500;
  position: relative;
  margin-bottom: 0;
}
.manage_orders .chats .received-msg-inbox p:not(:first-child) {
  margin-top: 12px !important;
}
.manage_orders .received-msg-inbox.msg-reply p {
  background-color: #fcf2f3;
  border-radius: 0px 10px 10px 10px;
}
.manage_orders .received-msg-inbox.msg-reply .msg-wrapper:before {
  content: "";
  position: absolute;
  margin-left: -23px;
  border-left: 12px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 12px solid #fcf2f3;
  transform: rotate(138deg);
  left: 16px;
  top: 2px;
}
.manage_orders .received-msg-inbox .sent-msg-wrapper:before {
  content: "";
  right: 0px;
  position: absolute;
  margin-right: -7px;
  border-left: 12px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 12px solid #f2f7fa;
  left: unset;
  top: 2px;
  transform: rotate(317deg);
}
.manage_orders .reply-img {
  margin-right: 2em;
}
.manage_orders .sent-img {
  margin-left: 2em;
}
.manage_orders span.time {
  color: #dad2da;
  letter-spacing: 0;
  margin-top: 5px;
  font-size: 12px;
}
.manage_orders .chats .received-chats {
  margin-bottom: 2em;
}
.manage_orders .msg-reply span.time {
  text-align: right;
  display: block;
}
.manage_orders .chats {
  padding: 3em 4em 1.5em;
}
.manage_orders .msg-bottom .input-group {
  background: #fafafa;
  border-top: 1.3px solid #e8e8e8;
  padding: 15px;
  display: flex;
  align-items: center;
}
.manage_orders #ticketarea {
  resize: none;
  padding-right: 10px !important;
  line-height: normal;
  height: inherit;
  border: 0 !important;
  font-size: 14px;
  font-family: "Roboto" !important;
}
.manage_orders #ticketarea::placeholder {
  font-family: "Roboto" !important;
  opacity: 0.5;
  padding-top: 5px;
}
.manage_orders span.input-group-text {
  border: 0 !important;
  padding: 0;
  padding-left: 1em;
}
.manage_orders section.vtabs {
  margin: 0 -15px;
}
.manage_orders label {
  margin-bottom: 0;
}
div#v-pills-delivery {
  text-align: center;
}
.inner-top {
  border-bottom: 2px solid #fbf3f3;
  background-color: #fefefe;
  padding: 4em 1.5em;
}
.manage_orders #uploadTicket {
  overflow: hidden;
  border-width: 2px !important;
}
.manage_orders .power-paragraph {
  position: absolute;
  top: 32px;
  left: 50%;
  transform: translateX(-50%);
}
.manage_orders #v-pills-delivery .drop {
  width: 530px;
}
.manage_orders .upload-container input[type="file"] {
  z-index: 99;
}
input#imageInput_uploadTicket::-webkit-file-upload-button {
  visibility: hidden;
}
.manage_orders .inner-bottom {
  padding: 3em 0 3.2em;
}
.manage_orders .upload-container .cancel-icon {
  z-index: 100;
}
.manage_orders .power-paragraph p {
  position: unset;
}
#v-pills-details .img-text {
  display: flex;
  align-items: center;
}
#v-pills-details .right {
  padding-left: 1.5em;
}
#v-pills-details .details-top h4 {
  color: #333333;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 0px;
}
.requirement-section .bordered-box h4 {
  color: #151515;
  font-weight: 600;
  font-size: 18px;
}
#v-pills-details .details-top .head span {
  color: #ec1c24;
  font-weight: 700;
  font-size: 18px;
}
#v-pills-details .details-top .head .button i,
#v-pills-delivery .button i {
  padding-right: 10px;
}
#v-pills-details .details-top .head {
  padding: 1.2em 2.5em;
}
#v-pills-details .details-top .head .button a,
#v-pills-delivery .button a {
  background: #197fb1;
  border-radius: 1px;
  padding: 0.812em 1.081em;
  font-size: 18px;
  color: #fff;
  font-weight: 500;
  border: 2px solid transparent;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
}
#v-pills-details .detail .cont-box h3 {
  font-size: 22px;
  text-align: center;
  font-weight: 700;
  margin-bottom: 0;
}
#v-pills-details .detail .cont-box h3 span {
  font-weight: 300;
}
#v-pills-details .detail .cont-box span.title,
#v-pills-details .detail .cont-box h4 {
  display: block;
  text-align: center;
}
#v-pills-details .detail {
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  padding: 1em 0;
}
#v-pills-details .detail .cont-box:not(:last-child) {
  border-right: 1px solid #e8e8e8;
}
#v-pills-details .detail .cont-box {
  width: 100%;
}
#v-pills-details .detail .cont-box span.title {
  font-size: 14px;
}
#v-pills-details .detail .cont-box h3.total {
  color: #ec1c24;
  font-weight: 700;
}
div#v-pills-details .details-bottom {
  background-color: #fafafa;
  padding: 6em 2.5em;
}
#v-pills-details .details-bottom h2 {
  font-family: "Meutas-SemiBold";
  font-size: 18px;
  margin-bottom: 4px !important;
}
#v-pills-details .details-bottom p em {
  font-weight: 500;
  font-size: 16px;
}
#v-pills-details .order-status p {
  font-weight: 500;
  color: #333;
  margin: 12px 0 0 0;
}
#v-pills-details .order-tracking {
  width: 25%;
  text-align: center;
  position: relative;
}
#v-pills-details .order-tracking::before {
  position: absolute !important;
  content: "";
  height: 2px;
  width: calc(100% - 75px);
  right: calc(-43% + 20px);
  top: 24px;
  background: url(/assets/admin/images/tracking-after.png);
  background-size: auto !important;
}
#v-pills-details .order-tracking.completed::before {
  background: url(/assets/admin/images/complete-after.png);
}
#v-pills-details .order-status {
  padding-top: 2em;
}
#v-pills-details .order-tracking:last-child::before {
  display: none;
}
#v-pills-details .order-tracking:not(.completed) p {
  opacity: 0.7;
  font-weight: 400;
}
#v-pills-details .order-tracking span.is-complete {
  display: block;
  position: relative;
  border-radius: 50%;
  height: 48px;
  width: 48px;
  border: 1px solid #afafaf;
  background-color: #fff;
  margin: 0 auto;
}
#v-pills-details .order-tracking span.is-complete::before {
  content: "";
  background-color: #b1b0b0;
  position: absolute;
  height: 18px;
  width: 18px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
#v-pills-details .order-tracking.completed span.is-complete::before {
  content: "\f00c";
  background: none;
  color: #fff;
  font-family: "FontAwesome";
  height: auto;
  width: auto;
  font-size: 18px;
}
#v-pills-details .order-tracking.completed .is-complete {
  background-color: #07af8c !important;
  border-color: #07af8c !important;
}
div#v-pills-requirements h3 {
  font-family: "Meutas-SemiBold";
  color: #151515;
  font-size: 18px;
  margin: 0;
  border-bottom: 1px solid #e8e8e8;
  padding: 1.5em 45px;
}
#v-pills-requirements .requirement-section {
  padding: 2.5em 45px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 2em;
}
.requirement-section .bordered-box {
  border: 2px solid #a8a8a8;
  padding: 1.5em;
}
.requirement-section .bordered-box li::marker {
  color: red;
  font-size: 18px;
}
.requirement-section .bordered-box li::before {
  content: "";
  background-color: red;
  height: 6px;
  width: 6px;
  position: absolute;
  border-radius: 50%;
  top: 9px;
  display: inline-block;
}
.requirement-section .bordered-box li {
  position: relative;
  margin-top: 0.7em;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.8;
  margin-right: 0 !important;
  list-style-type: none;
}
.requirement-section .bordered-box li span {
  padding-left: 1.7em;
  display: block;
}
.requirement-section .bordered-box ul {
  margin: 15px 0 10px 0;
}
#v-pills-requirements .drop {
  width: 100% !important;
}
.manage_orders .nav-pills .active .side-img {
  filter: brightness(0) saturate(100%) invert(13%) sepia(65%) saturate(7489%)
    hue-rotate(352deg) brightness(98%) contrast(90%);
}
.order_history section {
  padding: 0 !important;
}
.history-tabs .tabs-area {
  border-bottom: 1px solid #e8e8e8;
  padding: 0.7em 40px;
}
.history-tabs .tab-content {
  padding: 40px 40px;
}
.order_history a.nav-link.active {
  color: #ec1c24;
  border: none;
  font-weight: 600;
}
.order_history a.nav-link:not(.active) {
  border: none;
  font-weight: 500;
  opacity: 0.7;
}
.order_history .nav-item:not(:last-child) {
  border-right: 1px solid #e8e8e8 !important;
}
.order_history .nav-item:last-child a.nav-link {
  margin-right: 0 !important;
}
.order_history .nav-item:first-child a.nav-link {
  margin-left: 0 !important;
}
.order_history a.nav-link {
  margin: 0 2.5em !important;
  padding: 0;
}
.order_history .nav-tabs .nav-item {
  padding: 0;
  margin: 8px 0;
}
.order_history a.nav-link span {
  font-weight: 400;
}
.order_history div#btnContainer {
  display: flex;
  border-left: 1px solid #e8e8e8;
  padding-left: 2em;
}
.order_history #btnContainer .btn:first-child {
  margin-right: 12px;
}
.order_history #btnContainer .btn {
  border: 1px solid #f6f6f6;
  border-radius: 4px;
  cursor: pointer;
}
.order_history #btnContainer .btn i {
  color: #8b8b8b;
}
.order_history #btnContainer .btn.active i {
  color: #ed1b24;
}
.order_history #btnContainer .btn.active {
  border: 1px solid #dedede;
}
.order_history .cards {
  border: 1px solid #e8e8e8;
  border-radius: 2px;
}
.order_history .cards-header {
  border-bottom: 1px solid #e8e8e8;
  display: flex;
  align-items: center;
  padding: 1.2em 1em 1.8em 1em;
}
.order_history .cards-body {
  padding: 1.5em 1em 1.2em 1em;
}
.order_history a.heading {
  font-size: 20px;
  color: #151515 !important;
  font-weight: 600;
  text-decoration: none;
}
.order_history .wrap-price h1 {
  color: #ec1c24;
  font-size: 28px;
  font-weight: 900;
  margin-bottom: 0;
}
.order_history .cards {
  margin-bottom: 2em;
}
.container.grid-container:not(.list-view) .cards {
  max-height: -webkit-fill-available;
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
}
.container.grid-container:not(.list-view) .cards .cards-header{
  border-bottom: none;
}
.container.grid-container:not(.list-view) .cards .cards-body{
  border-top: 1px solid #e8e8e8;
}
.order_history .wrap-price span {
  font-weight: 300;
}
.order_history .wrap-price span.strike {
  color: #333333;
}
.order_history .wrap-info {
  display: flex;
  align-items: center;
}
.order_history .img-box {
  border: 1px solid #dadada;
  border-radius: 4px;
  margin-right: 1.2em;
}
.order_history .fa-calendar-days:before {
  color: #333333 !important;
}
.order_history .cards i {
  color: #333333 !important;
  padding-right: 5px;
}
.order_history .cards-header p {
  font-size: 14px;
  color: #808080;
  margin: 3px 0 0;
  line-height: 1.2;
}
.order_history .wrap-info p:not(:first-child) {
  border-left: 2px solid #e8e8e8;
  padding-left: 20px;
  margin: 0 0px 0 20px;
}
.order_history .cards-body p {
  font-size: 14px;
  line-height: 1.2;
  margin-bottom: 0;
  text-align: left;
}
.order_history a.heading span {
  font-weight: 500;
}
.order_history .wrap-price {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 3em;
}
.order_history .cards-header .wrap-info span {
  color: #ec1c24;
  font-weight: bold;
}
.order_history .wrap-price a{
  color: #02b791;
  font-size: 12px;
  border-radius: 16px;
  border: 1px solid #02b791;
  padding: 0.52em 2.79em;
  display: block;
  text-decoration: none;
}
.order_history .reonpen{
  color: #02b791;
  font-size: 12px;
  border-radius: 16px;
  border: 1px solid #02b791;
  padding: 0.1em 1.13em;
  display: block;
  text-decoration: none;
  margin-left: auto;
}
.order_history .list-view .wrap-price a {
  padding: 0.1em 1.13em;
}
.checkout .reopen_popup#exampleModal2 .modal-header {
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.checkout .reopen_popup#exampleModal2 .modal-content {
  padding: 3em !important;
}
.checkout .reopen_popup#exampleModal2 .modal-content button#confirmreopen {
  font-size: 17px;
  padding: 12px;
  background: #ec1c24;
  border-radius: 1px;
  font-weight: bold;
}
.reopen_popup .modal-body p {
  font-weight: 400;
  line-height: 1.5;
  color: #656565;
  font-size: 15px;
}
.order_history .list-view .cards {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1em;
  align-items: center;
}
.order_history .list-view .wrap-price {
  flex-direction: column;
  padding-top: 0;
}
.order_history .list-view .wrap-price .ostatus {
  margin-top: 0.5em;
}
.order_history .list-view .cards-body .wrap-info {
  display: none;
}
.order_history .list-view .cards-header {
  border: none;
  padding: 1.2em;
}
.order_history .list-view .cards-body {
  padding: 0.8em 0em 0.8em;
}
.order_history .list-view .cards-body .wrap-price {
  border-left: 1px solid #e8e8e8;
  padding: 0 1.5em;
  min-width: 230px;
}
.order_history .list-view .cards-header p {
  color: #878787;
}
.order_history .list-view .fa-calendar-days:before,
.order_history .list-view .cards i {
  color: #9d9d9d !important;
}
.order_history .grid-container:not(.list-view) .cards-header p.display-list {
  display: none;
}
.order_history .top-heading-all {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#v-pills-requirements button#submit-btn,
#v-pills-requirements button#submit-btn:disabled {
  background: #ec1c24 !important;
  border-radius: 0;
  width: auto;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 2em;
  padding: 0.6em 2.5em;
}
.order_history .clone-right .fa-calendar-days:before {
  color: #d8d8d8 !important;
}
.order_history .clone-right input {
  outline: none;
}
.order_history .cal-icon-found i {
  top: 50%;
  transform: translateY(-50%);
}
.order_history .clone-right input:focus {
  border: 1px solid rgb(168, 168, 168) !important;
}
.order_history .clone-right #search-text:focus {
  width: 270px;
}
.order_history .filter-need a.active {
  color: #ec1c24;
}
.order_history .top-heading-all h1 {
  padding: 0;
  margin: 0;
}
.order_history .wrapper-btn .fa-calendar-days:before {
  color: #8b8b8b !important;
  font-size: 14px;
}
.list-view {
  .row {
    > [class*="col-"] {
      max-width: 100%;
      flex: 0 0 100%;
    }
  }
}

/* Checkout css */
div.otp_validate .modal-content {
  border-radius: 0;
}
.otp_validate button.otp_btn,
.otp_validate button.otp_btn:focus {
  width: calc(100% - 50px);
  background: linear-gradient(120deg, #ff5800 26%, #fa891c 50%) !important;
  border-radius: 5px;
  margin-top: 20px;
  display: inline-block !important;
}
.otp_validate button.close {
  top: 15px;
  display: inline-block;
  width: max-content;
  right: 15px;
  position: absolute;
  z-index: 2;
}
div.otp_validate .inone.border {
  border: 2px solid rgb(168, 168, 168) !important;
}
.otp_validate .verify_img {
  margin-top: 16px;
}
.otp_validate .bottom_info p span {
  color: #197fb1;
  font-weight: 500;
  cursor: pointer;
}
.otp_validate .bottom_info {
  padding-top: 45px;
}
.otp_validate p#otp_rec_email {
  font-size: 13px;
  color: #577486;
  padding-bottom: 12px;
  margin-bottom: 0;
}
.otp_validate p#otp_error {
  font-size: 13px;
  color: red;
  font-weight: 400;
  font-family: roboto;
  margin-bottom: 20px;
}
div.otp_validate h3 {
  font-size: 32px;
  font-weight: 800;
  margin: 0.5em 0;
  color: #002942;
}
div.otp_validate form.digit-group {
  justify-content: center;
}
div.otp_validate .inone {
  display: inline-block;
  width: 54.5px;
  height: 50px;
  border: 2px solid #e7e7e7;
  margin: 0px 6px;
  text-align: center;
}
div.otp_validate .modal-body {
  margin: 0 !important;
  padding: 2em !important;
  text-align: center;
}
.modal-header .close-dialog {
  opacity: 1 !important;
}
#add-cust .input-wrap:has(#custnew_mobile) {
  display: inline-flex;
  width: 100%;
}
.checkout .left .input-wrap.not-empty label small, #edit-cust .input-wrap.not-empty label small, #add-cust .input-wrap.not-empty label small {
  display: none !important;
}
#manage a.add-new-btn {
  cursor: pointer;
  background: linear-gradient(white, white) padding-box, linear-gradient(to right, #ff5800, #fa891c) border-box;
  border-radius: 5px;
  border: 2px solid transparent !important;
  padding: 7px 15px;
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
}
#manage a.add-new-btn:hover{
  background: linear-gradient(120deg, #ff5800 26%, #fa891c 50%);
  color: #fff;
}
#manage .modal-footer {
  justify-content: start;
  padding: 20px 35px;
  margin-top: 30px;
}
div#manage .modal-body {
  padding-top: 0;
}
.checkout button.get_otp,
.checkout button.get_otp:disabled,#add-cust button.get_otp,
#add-cust button.get_otp:disabled {
  background: linear-gradient(120deg, #ff5800 26%, #fa891c 50%) !important;
  border-radius: 5px;
  margin-left: 10px;
  width: 130px;
  padding: 10px;
  color: #fff;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none !important;
  font-size: 16px;
}
.manage_orders .quantity_det {
  font-weight: bold;
  text-align: center;
  display: block;
}
.manage_orders #exampleModal2 h4.headline {
  font-family: "Meutas-SemiBold";
  margin: 0;
  display: inline;
}
.checkout .quantity_det,
.checkout .quantity_det:hover,
.manage_orders .quantity_det,
.manage_orders .quantity_det:hover {
  color: #ec1c24;
  text-decoration: none;
}
.checkout div.payment_status .modal-content,
.checkout #exampleModal2 .modal-content,
.manage_orders #exampleModal2 .modal-content {
  border-radius: 0;
}
.checkout div.payment_status .modal-header {
  border: 0 !important;
  padding: 0 !important;
}
.checkout div.payment_status button.close,
.checkout #exampleModal2 button.close,
.manage_orders #exampleModal2 button.close {
  opacity: 1;
}
.checkout div.payment_status .modal-body {
  margin: 0;
  padding: 3em 2em;
  text-align: center;
}
.checkout div.payment_status .modal-dialog,
.checkout #exampleModal2 .modal-dialog,
.manage_orders #exampleModal2 .modal-dialog {
  margin: 0.5em auto;
}
.checkout h4.success-headline,
.checkout h4.headline {
  font-size: 24px;
  border-bottom: 0;
  padding-bottom: 15px;
}
.checkout h4.headline {
  display: inline;
  padding: 0;
}
.checkout #exampleModal2 .modal-body,
.manage_orders #exampleModal2 .modal-body {
  margin: 0;
  padding: 0;
}
.checkout #exampleModal2 .modal-header,
.manage_orders #exampleModal2 .modal-header {
  padding: 0;
}
.checkout #exampleModal2 .modal-header,
.manage_orders #exampleModal2 .modal-header {
  padding: 0 0 1em !important;
}
.checkout #exampleModal2 button.close,
.manage_orders #exampleModal2 button.close {
  width: auto;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 10px;
  right: 10px;
}
.checkout #exampleModal2 button.close img,
.manage_orders #exampleModal2 button.close img {
  max-width: 73%;
}
.checkout #exampleModal2 .order-details:last-child,
.manage_orders #exampleModal2 .order-details:last-child {
  border: 0;
}
.checkout #exampleModal2 .modal-content,
.manage_orders #exampleModal2 .modal-content {
  padding: 2em;
}
.checkout .after-success,
.checkout .after-success:focus,
.checkout .after-failed,
.checkout .after-failed:focus {
  width: auto;
  min-width: 140px;
  padding: 0.7em 1em;
  margin: 0 auto;
}
.checkout div.payment_status p {
  color: #656565;
  font-weight: 400;
  padding-bottom: 10px;
  padding: 0 3em 10px;
}
.border-b {
  border: 1px solid #e7e7e7;
}
.checkout .left {
  padding: 2.5em;
}
.checkout .outline-btn {
  width: auto;
  border: none;
  outline: none;
  display: inline-block;
  padding: 0.713em 1.5em;
  border-radius: 5px;
  font-weight: 500;
  text-decoration: none;
  color: #002e65;
  margin-right: 5px;
  font-size: 16px;
}
.checkout .outline-btn {
  background: linear-gradient(white, white) padding-box,
    linear-gradient(to right, #ff5800, #fa891c) border-box;
  border-radius: 5px;
  border: 2px solid transparent !important;
}
.checkout .outline-btn.active,
.checkout li.pop.active a,
.checkout .after-success,
.checkout .after-failed {
  background: linear-gradient(120deg, #ff5800 26%, #fa891c 50%);
  border-radius: 5px;
  color: #fff;
}
.checkout .nav-tabs a.outline-btn {
  margin: 0 !important;
}
.checkout .nav-tabs li {
  margin-right: 10px !important;
}
.checkout .left input,
.checkout .left select,
#edit-cust input,#add-cust input {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 16px;
  border: 2px solid #e7e7e7;
  z-index: 1;
  position: relative;
  background: transparent;
}
.checkout div#exampleModal3 {
  padding-right: 0 !important;
}
.checkout
  .left
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  font-family: "Roboto", sans-serif !important;
  font-size: 16px;
  line-height: 30px !important;
  height: calc(2.5em + 0.9rem + 0px);
  padding: 12px 15px !important;
}
.checkout .left select {
  line-height: 32px;
  height: calc(2.5em + 0.9rem + 3px);
  width: 100%;
  padding: 12px 15px;
  outline: none;
}
.checkout
  .left
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered[title="Your Customer Name*"]:after {
  bottom: 0;
  color: #ec1c24;
  content: "*";
  position: absolute;
  transform: translate(-100%, -46%);
}
.checkout
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-width: 7px 6px 0 6px;
  border-color: #b3b3b3 transparent;
  left: 4px !important;
}
.checkout .left input:focus,
.checkout .left select:focus,
#edit-cust input:focus,#add-cust input:focus {
  border: 2px solid rgb(168, 168, 168) !important;
}
.checkout .left .col-md-6 {
  margin-bottom: 1.7em;
}
#edit-cust input ,#add-cust input {
  border-radius: 5px;
}
#edit-cust .col-md-6,
#edit-cust .col-md-12,#add-cust .col-md-6,
#add-cust .col-md-12 {
  margin-bottom: 1.2em;
  padding-left: 10px;
  padding-right: 10px;
}
#edit-cust a.updatebtncls,#add-cust a.updatebtncls {
  border-radius: 5px;
  margin-top: 15px;
  display: block;
  text-align: center;
  text-decoration: none;
  padding: 0.917em 0.5em;
}
#edit-cust a.cancel-det,#add-cust a.cancel-det {
  background: #fff;
  color: #ff4c00;
  font-size: 16px;
}
#edit-cust a.save-det ,#add-cust a.save-det {
  background: linear-gradient(120deg, #ff5800 26%, #fa891c 50%);
  color: #fff;
  font-size: 18px;
}
#edit-cust .bottom-info .row,#add-cust .bottom-info .row {
  margin-left: -10px;
  margin-right: -10px;
}
.checkout .left input::placeholder,
#edit-cust input::placeholder,#add-cust input::placeholder {
  font-family: "Roboto", sans-serif;
}
.checkout .tabs-area {
  padding: 0 0 1em;
}
.checkout .bottom-info {
  padding-top: 1.7em;
}
.checkout .left .input-wrap,
#edit-cust .input-wrap,#add-cust .input-wrap {
  position: relative;
}
.checkout .left .input-wrap label,
#edit-cust .input-wrap label,#add-cust .input-wrap label {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 16px;
  color: #333;
  transition: all 0.2s;
  background: #fff;
}
#manage a.add-new-btn {
  cursor: pointer;
}
/* input:focus ~ label,
input:not(:placeholder-shown) ~ label {
  z-index: -1;
} */
.checkout .left .input-wrap.not-empty label,
#edit-cust .input-wrap.not-empty label,#add-cust .input-wrap.not-empty label {
  top: 0;
  background: #fff;
  z-index: 1;
  padding: 0 10px;
  font-size: 13px;
  transition: all 0.2s;
}
.checkout .left label small,
#edit-cust label small,#add-cust label small {
  color: #b3b3b3;
}
.checkout h4 {
  font-family: "Meutas-SemiBold";
  color: #212023;
  font-size: 18px;
  margin: 0;
  padding: 1.1em 1em;
  border-bottom: 1px solid #e8e8e8;
}
.checkout .order-det-box {
  padding: 1.1em 1em 0 1em;
}
.order-details {
  border-bottom: 1px solid #e8e8e8;
  padding: 10px 0;
}
.checkout .order-details span {
  color: #333333;
  font-size: 14px;
}
.checkout .order-details p {
  margin: 0;
  color: #151515;
  font-weight: bold;
}
.select2-selection.select2-selection--single.filled {
  border: 2px solid rgb(168, 168, 168) !important;
}
/* .checkout
  .select2-container--default
  .select2-selection--single
  .select2-selection__placeholder {
  color: #333;
} */
.checkout .left,
.checkout .right,
.checkout .promo {
  background: #fff;
}
.checkout input.filling,
.modal input.filling,
.kit_popup .wrapp select.filling {
  border: 2px solid rgb(168, 168, 168) !important;
}
.order-det-box h5,
.report-box h5 {
  color: #333333;
  font-size: 18px;
  font-weight: bold;
  margin: 0;
}
.order-det-box h5 span {
  color: #ec1c24;
  line-height: 28px;
}
.trash a {
  border: 1px solid #e7e7e7;
  height: 24px;
  border-radius: 50%;
  line-height: 1 !important;
  display: inline-block;
  width: 24px;
  position: relative;
}
.trash i {
  color: #949494;
  font-size: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.order-det-box .titles,
.report-det-box .titles {
  margin-left: 1.2em;
  line-height: normal;
}
.order_history .img-box {
  padding-bottom: 0;
}
.order_history .grid-container .cards-header {
  align-items: start;
}
.img-box {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 1.1em;
  position: relative;
}
.order-total p {
  font-size: 18px;
  color: #ec1c24;
  font-weight: bold;
  margin: 0;
}
.trash {
  position: absolute;
  top: 0;
  right: 0;
}
.checkout .payment-btn,
.checkout .payment-btn:disabled {
  background: linear-gradient(120deg, #ff5800 26%, #fa891c 50%) !important;
  border-radius: 5px;
  margin-top: 15px;
}
.slider__images .slider__image img {
  cursor: auto;
}
.order-total {
  padding: 14px 0;
}
.promo {
  padding: 1.1em 1em;
  margin-bottom: 15px;
}
.promocode-wrap {
  border: 2px dashed #eb1c24;
  display: flex;
  align-items: center;
  padding: 0 12px;
}
.promo .apply-promo,
.remove-promo {
  color: #eb1c24 !important;
  background: none;
  padding: 0;
  font-weight: bold;
  font-size: 16px;
  width: auto;
  text-decoration: none !important;
}
.promo input {
  outline: none;
  border: none;
  padding: 15px 15px 15px 0;
  width: -webkit-fill-available;
  font-size: 15px;
}
.promo input:focus {
  outline: none;
  border: none;
}
.promo input::placeholder {
  font-family: "Roboto", sans-serif;
  opacity: 0.6;
}
.promo-msg {
  color: #00224b;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  margin: 25px 0;
}
p.promo-msg:before,
p.promo-msg:after {
  content: "";
  flex: 1 1;
  border-bottom: 1px solid #e8e8e8;
  margin: auto;
}
p.promo-msg:before {
  margin-right: 15px;
}
p.promo-msg:after {
  margin-left: 15px;
}
.coupon {
  background: url(/assets/admin/images/coupon-bg.png);
  background-repeat: no-repeat;
  margin-bottom: 15px;
  padding: 1.5em 2.5em;
  background-size: 100% 100%;
  display: flex;
}
.coupon .col {
  padding: 0;
}
.coupon h1 {
  color: #ff9c00;
  font-size: 23px;
  font-family: "Meutas-light";
  margin: 0;
}
.coupon h1 span {
  font-family: "Meutas-SemiBold";
}
.coupon .detail {
  color: #151515;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  padding-top: 15px;
  padding-right: 1.5em;
  margin: 0;
}
.coupon .redeem {
  font-size: 18px;
  background: #ec1c24;
  font-weight: bold;
  color: #fff;
  padding: 0.789em 2.6em;
  text-decoration: none;
  display: inline-block;
  text-align: center;
}
.expire-on {
  color: #767676;
  font-size: 14px;
}
.coupon .coupon-code {
  border: 1px dashed #197fb1;
  background: #fff;
  border-radius: 17px;
  padding: 4.2px 10px;
  margin-bottom: 20px;
}
.step-details p {
  text-align: left;
}
.coupon-left {
  padding-right: 1.5em !important;
}
.coupon-right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.coupon-code input {
  color: #00224b;
  text-align: center;
  font-weight: bold;
  outline: none;
  border: none;
  cursor: text;
}
.main-promo::-webkit-search-cancel-button {
  cursor: pointer;
}
.remove-promo {
  display: none;
}
.promocode-wrap.entered .remove-promo {
  display: block;
}
.promocode-wrap.entered .apply-promo {
  display: none;
}
.promo-err,
.input-err {
  display: none;
}
span.promo-err {
  color: red;
  font-size: 14px;
  font-weight: 500;
  padding: 10px 0;
}
.error .input-err {
  display: block;
}
span.input-err {
  font-size: 13px;
  color: red;
  padding-top: 4px;
}
p.promo-msg.not-available:before,
p.promo-msg.not-available:after {
  display: none;
}
.checkout .payment-btn:focus {
  display: block;
  outline: none;
}
.modal-body:not(:has(.coupon)) .apply-promo-popup {
  pointer-events: none;
  opacity: 0.6;
  color: #979797 !important;
}
#myModal2 .modal-body:has(.coupon) .not-available {
  display: none;
}
.modal-body:not(:has(.coupon)) .available {
  display: none;
}
/* Modal CSS */
.modal.right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 320px;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}
.modal.right.fade.show .modal-dialog {
  right: 0;
  width: 50%;
  max-width: none;
}
.modal .modal-content {
  height: 100%;
  overflow: hidden;
  border: none;
  border-radius: 20px 0 0 0;
}
.modal .modal-content .modal-body {
/*  overflow-y: auto;*/
  margin: 28px 16px 0 32px;
  padding: 0;
/*  overflow-x: hidden;*/
  padding-top: 1em;
  height: 100%;
}
.modal.right.fade .modal-dialog {
  right: -320px;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}
.modal-header .close-dialog {
  width: auto;
  margin: 0;
  padding: 0;
}
.modal button.close-dialog.back {
  background: transparent;
  opacity: 0.5;
  float: right;
  cursor: pointer;
}
.modal-title {
  color: #00224b;
  font-size: 22px;
  font-family: "Meutas-SemiBold";
  padding-top: 3px;
}
.modal-header {
  border-bottom: 1px solid #e8e8e8 !important;
  padding: 28px 35px !important;
}
.modal-body::-webkit-scrollbar-thumb {
  background-color: #fff;
  border-radius: 4px;
  border: 2px solid #002e652b;
}
.order-det-box {
  position: relative;
  height: 100%;
}
.trash a {
  right: -10px;
}
.order-det-box h5 {
  padding-right: 15px;
}
.modal-body::-webkit-scrollbar-track {
  background: #fff;
}
.modal-body::-webkit-scrollbar {
  width: 6px;
}
.modal .cust-box h5,
.report-box h5 {
  color: #002e65;
  text-transform: lowercase;
  font-family: "Roboto", sans-serif;
  line-height: 1.2;
  margin-bottom: 2px;
}

.modal .cust-box h5:first-line,
.report-box h5::first-line {
  text-transform: capitalize;
}
.report_bottom {
  font-family: "Roboto", sans-serif;
}
.modal .cust-box .img-box span,
.report-box .img-box span {
  font-size: 15px;
  color: #002e65;
  opacity: 0.8;
  word-break: break-word;
}
.modal .order-details span {
  font-size: 14px;
  color: #002e65;
}
.modal .order-details p {
  color: #002e65;
  margin: 0;
  font-weight: 500;
}
.modal .inner-wrapper {
  padding-right: 19px;
}
.modal .cust-box .img-box,
.report-box .img-box {
  background-color: #fff7f3;
  padding: 1em;
  border-bottom: 1px solid #ffa68087;
}
#manage div#existing-row .col-md-6 {
  margin-bottom: 1.8em;
}
.modal .cust-box {
  border: 1px solid #ffa680;
  /* margin-bottom: 1.8em; */
  height: 100%;
}
.modal .cust-box .box-body {
  padding: 0 1em;
  border-bottom: 1px solid #e8e8e8;
}
.modal .cust-box .box-body .order-details:last-child {
  border-bottom: none;
}
.modal .cust-box .box-body .order-details {
  padding: 12px 0;
}
.modal .edit-wrap {
  text-align: center;
  padding: 1em;
  display: flex;
    justify-content: space-between;
    align-items: center;
}
.modal .order-det-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.modal a.edit-btn,.modal a.select-btn {
  color: #002e65;
  opacity: 0.5;
  text-decoration: none;
  cursor: pointer;
}
.modal a.edit-btn:hover,.modal a.select-btn:hover {
  color: #fe6106;
  opacity: 1;
}
#edit-cust,#add-cust {
  display: none;
}
.modal-body .promo {
  padding: 0;
}
#myModal2 .modal-dialog {
  width: 40%;
}
.with-desc {
  line-height: normal;
}
.with-desc label {
  padding-right: 10px;
}
.modal-open {
  overflow: hidden !important;
}
/* Modal Css CLOSED */
/* Insurance Page css */
.insurance_service .inner-div .row {
  justify-content: center;
}
.insurance_service .col-md-6 {
  margin-bottom: 1.8em;
  padding-left: 12px;
  padding-right: 12px;
}
a.insurance {
  height: 100%;
  display: block;
  border: 1px solid #e7e7e7;
  padding: 2em;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 5px;
  background: #fff;
  align-items: center;
}
.insurance_service .img-wrap {
  background: #fbfbfb;
  text-align: center;
  padding: 2em;
  margin-bottom: 2em;
}
.insurance-btn:hover {
  background: linear-gradient(120deg, #ff5800 26%, #fa891c 50%);
  color: #fff;
  transition: none;
}
.insurance-btn {
  background: transparent;
  border-radius: 5px;
  border: 1px solid #ff6e30;
  color: #002e65;
  font-weight: 500;
  display: block;
  font-size: 18px;
  height: auto;
  margin: 0 auto;
  font-family: "Roboto", sans-serif !important;
  border: 1px solid #ff6e30;
  width: auto;
  padding: 0.713em 2.5em;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
button.insurance-btn i:before {
  color: #ff6e30;
  padding-left: 8px;
}
button.insurance-btn:focus {
  display: flex;
  outline: none;
}
button.insurance-btn:hover i:before {
  color: #fff;
}
.insurance_service,
.loan_service,
.noc_orders,
.promo_materials,
.service-list {
  min-height: calc(100vh - calc(4.5rem + 1px) - calc(4.5rem + 1px));
}
.insurance img {
  max-width: 80%;
}
/* Insurance Page css ended */
/* Loan Page css*/
section.loan_service,
section.promo_materials {
  padding: 0 !important;
}
.loan_service a#report-btn {
  background: linear-gradient(120deg, #ff5800 26%, #fa891c 50%);
  display: inline;
  border-radius: 5px;
  color: #fff;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  height: fit-content;
  margin: auto 0;
  padding: 8px 20px;
  margin-right: 35px;
}
.promo_materials ul.nav.nav-tabs {
  width: 100%;
}
.loan_service a.nav-link,
.promo_materials a.nav-link {
  border: 0 !important;
  position: relative;
  padding: 20px 0px;
  margin: 0 !important;
}
.loan_service .input-wrap select {
  background-image: url(/assets/admin/images/drop.svg);
  background-position: right center;
  background-size: 26px 10px;
  background-repeat: no-repeat;
  appearance: none;
}
.loan_service .tab-content,
.promo_materials .tab-content {
  padding: 35px;
}
.loan_service .nav-link span,
.promo_materials .nav-link span {
  padding: 5px 35px;
}
.loan_service .nav-item:not(:last-child) span,
.promo_materials .nav-item:not(:last-child) span {
  border-right: 1px solid #e8e8e8;
}
.loan_service input,
.loan_service select {
  width: 100%;
  height: calc(2.5em + 0.9rem + 3px);
  padding: 12px 15px;
  line-height: 32px;
  color: #495057;
  border: 2px solid #e7e7e7;
  border-radius: 3px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 16px;
  z-index: 1;
  position: relative;
  background: transparent;
  outline: none;
}
section.loan_service .terms label a {
  color: #7c7c7c !important;
}
.loan_service .nav-tabs .nav-item:has(.active):before,
.promo_materials .nav-tabs .nav-item:has(.active):before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -1px;
  border-bottom: 3px solid #ff6e30;
  width: 58%;
  transform: translateX(-50%);
  z-index: 1;
}
.loan_service .row .col-md-4,
.loan_service .row .col-md-12 {
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 1.5em;
}
.loan_service .radio-with-Icon .radio-label {
  border: 2px solid #e7e7e7;
  border-radius: 25px;
  width: 170px;
  text-align: left;
  cursor: pointer;
  margin: 0;
}
.loan_service .radio-Item span {
  font-size: 17px;
  color: #002e65;
  padding-left: 6px !important;
}
.col-md-12.opt {
  padding: 8px 0;
}
.loan-btn,
.loan-btn:disabled {
  background: linear-gradient(120deg, #ff5800 26%, #fa891c 50%) !important;
  border-radius: 5px;
  width: 200px;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
}
#tabs-3 .loan-btn {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
#tabs-3 .loan-btn i {
  font-size: 18px;
  padding-left: 10px;
}
#tabs-3 .loan-btn i:before {
  color: #fff !important;
}
.loan_service input[type="date"]:in-range::-webkit-datetime-edit-text,
.loan_service input[type="date"]:in-range::-webkit-datetime-edit-month-field,
.loan_service input[type="date"]:in-range::-webkit-datetime-edit-day-field,
.loan_service input[type="date"]:in-range::-webkit-datetime-edit-year-field {
  display: none;
}
.loan_service .input-wrap .filled {
  border: 2px solid #c1e1ff !important;
}
.loan_service .not-empty label,
.kit_popup .wrapp.not-empty label {
  top: 0;
  background: #fff;
  z-index: 1;
  padding: 0 10px;
  font-size: 13px;
  transition: all 0.2s;
}
.loan_service input[type="date"]:after {
  display: none;
}
.loan-btn:focus {
  display: block;
  outline: none;
}
.loan_service p.radio-Item {
  display: inline-block;
  padding-left: 12px;
  margin: 0;
}
.loan_service span.imp {
  color: #ff6e30 !important;
}
.loan_service .radio-with-Icon {
  display: inline-block;
}
.loan_service .radio-Item img {
  width: 30.8px;
}
.loan_service input[type="radio"]:checked ~ label span,
.loan_service input[type="radio"]:hover ~ label span {
  color: #fff;
}
.loan_service .terms label,
.loan_service .terms label a {
  font-size: 14px !important;
  color: #b3b3b3 !important;
  margin: 0;
}
.loan_service .terms .input-wrap {
  display: inline-flex !important;
  align-items: flex-start;
}
.terms label {
  padding: 0 10px !important;
}
a.ui-datepicker-prev.ui-corner-all {
  background: #ff6e30;
  cursor: pointer;
  height: 1.8em;
  width: 1.8em;
  top: 3px;
  left: 3px;
  border: none;
}
a.ui-datepicker-next.ui-corner-all {
  background: #ff6e30;
  cursor: pointer;
  height: 1.8em;
  width: 1.8em;
  top: 3px;
  right: 3px;
  border: none;
}
a.ui-datepicker-prev.ui-corner-all:hover span,
a.ui-datepicker-next.ui-corner-all:hover span {
  background-image: url(https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/ui-lightness/images/ui-icons_ffffff_256x240.png) !important;
  background-position: -80px -192px;
}
.ui-state-default,
.ui-widget-content .ui-state-default {
  border: none !important;
}
.ui-datepicker-title {
  display: flex;
  justify-content: space-around;
}
.ui-widget.ui-widget-content {
  z-index: 9999 !important;
}
.ui-widget-header {
  background: none;
  border: none;
}
.ui-datepicker table,
.ui-datepicker .ui-datepicker-header,
div#ui-datepicker-div {
  background: #fff;
}
.loan_service .terms input {
  width: 22px;
  height: 22px;
}
.loan_service input[type="radio"]:checked ~ label {
  background: #ff6e30 !important;
  border-color: #ff6e30;
  opacity: 1 !important;
}
.loan_service input[type="radio"]:hover ~ label {
  background: #ff6e30 !important;
  border-color: #ff6e30;
  opacity: 0.8;
}
input[type="checkbox"] {
  accent-color: #ff6e30 !important;
}
.loan_service label:not(.label) {
  color: #002e65;
  font-size: 18px;
  font-weight: 500 !important;
  padding: 8px;
}
.loan_service .row {
  margin-left: -12px;
  margin-right: -12px;
}
.loan_service .label {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 16px;
  color: #333;
  transition: all 0.2s;
  font-weight: 400 !important;
  font-family: "Roboto", sans-serif;
}
.loan_service .input-wrap {
  position: relative;
}
.loan_service a.nav-link i,
.promo_materials a.nav-link i {
  font-size: 14px;
  padding: 0 6px 0 0 !important;
}
.loan_service .nav-tabs .nav-item,
.promo_materials .nav-tabs .nav-item {
  padding: 0;
  position: relative;
  margin-bottom: 0;
}
.loan_service a.nav-link.active,
.promo_materials a.nav-link.active {
  color: #002e65 !important;
}
.loan_service a.nav-link.active i,
.promo_materials a.nav-link.active i {
  color: #ff6e30 !important;
}
.loan_service a.nav-link,
.loan_service a.nav-link span i,
.promo_materials a.nav-link,
.promo_materials a.nav-link span i {
  color: #b3b3b3 !important;
}
.loan_service .input-wrap input,
.loan_service .input-wrap label {
  color: #002e65;
}
.loan_service #Female2,
.loan_service #Male2 {
  display: none;
}
.loan_service span.desc {
  font-size: 13px;
  font-family: "Roboto", sans-serif;
  color: #2d2b42;
  text-align: right;
  display: block;
  padding-top: 5px;
  opacity: 0.5;
}
.terms {
  padding: 10px 0;
}
.loan_service {
  display: flex;
}
.loan_service .loan-tabs,
.promo_materials .promo-tabs {
  width: 100%;
}
.loan_service .tab-content {
  position: relative;
}
/* div#tabs-3 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
} */
.loan_service .nav-tabs {
  border-bottom: 0;
}
.loan_service .loan-tabs .tabs-area {
  border-bottom: 1px solid #e8e8e8;
}
.loan_service .report-btn {
}
/* Loan Page css ended */
/* Marketing CSS start */
.marketing .page-content p {
  font-weight: 400;
  text-align: left;
  color: #0c1c30;
}
.marketing .page-content p span.italic {
  font-weight: 500;
  font-style: italic;
}
.marketing .page-content p.medium {
  font-weight: 500;
  margin-bottom: 0;
}
.marketing .page-content p.bold {
  font-weight: bold;
  padding: 6px 0;
}
section.manage-sales-section.content.marketing {
  padding: 0 !important;
}
.marketing-top {
  border-bottom: 1px solid #e8e8e8;
}
.marketing .space,
.business_listing .space {
  padding: 40px;
}
.document-link h3 {
  color: #00224b;
  font-size: 20px;
  font-family: Meutas-Semibold;
  margin-bottom: 1em;
}
.marketing a.document {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 9px;
  padding: 11.5px 15px;
  min-height: 80px;
  height: 100%;
  transition: all 0.2s;
}
.document-link .col-md-4 {
  margin-top: 1em;
}
.marketing a.box-1 {
  background-color: #fffffd;
  border: 1px solid rgba(194, 222, 101, 0.4);
}
.marketing a.box-1:hover {
  border: 1px solid rgb(194, 222, 101);
  filter: drop-shadow(0px 2px 0px #c2de65);
}
.marketing a.box-2 {
  background-color: #fafdfc;
  border: 1px solid rgba(45, 171, 107, 0.4);
}
.marketing a.box-2:hover {
  border: 1px solid rgb(45, 171, 107);
  filter: drop-shadow(0px 2px 0px #2dab6b);
}
.marketing a.box-3 {
  background-color: #feffff;
  border: 1px solid rgba(25, 117, 190, 0.4);
}
.marketing a.box-3:hover {
  border: 1px solid rgb(25, 117, 190);
  filter: drop-shadow(0px 2px 0px #1975be);
}
.marketing a.box-4 {
  background-color: #fcfcfe;
  border: 1px solid rgba(74, 57, 149, 0.4);
}
.marketing a.box-4:hover {
  border: 1px solid rgb(74, 57, 149);
  filter: drop-shadow(0px 2px 0px #4a3995);
}
.marketing a.box-5 {
  background-color: #fffdfe;
  border: 1px solid rgba(175, 17, 78, 0.4);
}
.marketing a.box-5:hover {
  border: 1px solid rgb(175, 17, 78);
  filter: drop-shadow(0px 2px 0px #af114e);
}
.marketing a.box-6 {
  background-color: #fffefe;
  border: 1px solid rgba(199, 92, 20, 0.4);
}
.marketing a.box-6:hover {
  border: 1px solid rgb(199, 92, 20);
  filter: drop-shadow(0px 2px 0px #c75c14);
}
.marketing a.box-7 {
  background-color: #fefefe;
  border: 1px solid rgba(249, 167, 29, 0.4);
}
.marketing a.box-7:hover {
  border: 1px solid rgb(249, 167, 29);
  filter: drop-shadow(0px 2px 0px #f9a71d);
}
.marketing a.box-8 {
  background-color: #fdfeff;
  border: 1px solid rgba(28, 137, 178, 0.4);
}
.marketing a.box-8:hover {
  border: 1px solid rgb(28, 137, 178);
  filter: drop-shadow(0px 2px 0px #1c89b2);
}
.marketing a.box-9 {
  background-color: #fdfdfe;
  border: 1px solid rgba(186, 195, 226, 0.4);
}
.marketing a.box-9:hover {
  border: 1px solid rgb(186, 195, 226);
  filter: drop-shadow(0px 2px 0px #bac3e2);
}
.marketing a.box-10 {
  background-color: #fcffff;
  border: 1px solid rgba(39, 171, 184, 0.4);
}
.marketing a.box-10:hover {
  border: 1px solid rgb(39, 171, 184);
  filter: drop-shadow(0px 2px 0px #27abb8);
}
.noc_orders a.box-10 {
  background-color: #fffefe;
  border: 1px solid rgba(251, 70, 22, 0.4);
}
.noc_orders a.box-10:hover {
  border: 1px solid rgb(251, 70, 22);
  filter: drop-shadow(0px 2px 0px #fb4616);
}
.marketing a.box-11 {
  background-color: #fffffe;
  border: 1px solid rgba(111, 140, 34, 0.4);
}
.marketing a.box-11:hover {
  border: 1px solid rgb(111, 140, 34);
  filter: drop-shadow(0px 2px 0px #6f8c22);
}
.marketing .document h4 {
  font-size: 20px;
  color: #0c1c30;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  margin: 0;
  padding-right: 1em;
}
.document-box i:before {
  color: #0c1c30;
  font-size: 16px;
}
/* Marketing CSS End */
/* NOC Orders CSS Start */
.noc_orders .document-link .col-md-4 {
  margin-top: 0;
  margin-bottom: 1em;
}
.download-btn i:before {
  color: #9da4ac;
}
.noc_orders .document:hover .download-btn i:before {
  background: linear-gradient(120deg, #ff5800 26%, #fa891c 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.download-btn {
  padding: 0 5px 0 20px;
  border-left: 1px solid rgb(12 28 48 / 15%);
  height: 38px;
  display: flex;
  align-items: center;
}
.noc_orders .document h4 {
  font-size: 18px;
  width: 100%;
}
.noc_orders a.document {
  padding: 15px 15px;
}
/* NOC Orders CSS End */
/* Business Listing CSS */
.step-details {
  word-break: break-word;
}
.business_listing {
  padding: 0 !important;
}
.business_listing .note p {
  font-size: 13px;
  text-align: left;
  color: #979696;
  font-weight: 500;
}
h1.step_no {
  color: #74bafb;
  font-size: 77px;
  font-weight: 400;
  line-height: 1;
}
.step-details h2 {
  color: #0c1c30;
  font-size: 25px;
  font-weight: 300;
  line-height: 1.3;
  margin: 12px 0 15px;
  font-family: "Roboto", sans-serif !important;
}
.steps-box.alternate {
  background-color: #fafbff;
}
.step-details h3.link {
  color: #ff5800;
  font-weight: 400;
  font-size: 18px;
  border-bottom: 1px solid #ff5800;
  display: inline;
  font-style: italic;
  word-break: break-word;
}
.business_listing .note p span {
  color: #ff5800;
}
.step-details {
  padding-left: 3em;
}
.step-img img {
  max-width: 100%;
}
.step-img {
  text-align: center;
}
.alternate .step-details {
  padding-left: 2em;
  padding-right: 2em;
}
.steps-box .row {
  align-items: center;
  padding: 4em 0;
  /* max-height: 600px; */
}
/* .business_listing .inner.space {
  padding-bottom: 0;
} */
/* Business Listing CSS End */
/* Promotional material css */
.material-box {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  padding: 16px;
  height: 100%;
}
.material-img img {
  max-width: 100%;
  width: 100%;
}
.material-btns a {
  color: #002e65;
  font-weight: bold;
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  border-radius: 5px;
  border: 1px solid #ec1c24;
  padding: 10.7px 8px;
  display: inline-block;
  text-align: center;
}
.material-btns a i {
  color: #ff6e30;
  font-size: 12px;
}
.material-btns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1em;
  padding: 1.5em 0 0.5em;
}
.promo_materials .tab-pane .col-md-4 {
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 20px;
}
.material-img {
  position: relative;
}
.promo_materials .tab-pane .row {
  margin-left: -10px;
  margin-right: -10px;
}
.order-box {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  opacity: 0;
  transition: all 0.1s;
}
.order-box a {
  font-size: 16px;
  color: #fff;
  z-index: 6;
  position: relative;
  background: linear-gradient(120deg, #ff5800 32%, #fa891c 48%);
  padding: 8px 26px;
  display: inline-block;
  border-radius: 2px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: 500;
  text-decoration: none !important;
}
.promo_materials a {
  text-decoration: none !important;
}
#tabs-2 .material-img {
  border: 1px solid rgb(219 221 220 / 50%);
}
.promo_materials {
  display: flex;
}
.promo_materials .tab-content:has(#tabs-2.active) {
  min-height: calc(100% - 64px);
  display: flex;
}
div#tabs-2.active {
  display: flex;
}
.material-img:hover .order-box {
  background: rgb(12 28 48 / 80%);
  opacity: 1;
}
#tabs-2 .material-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
body.promotional .modal-backdrop {
  z-index: 9999;
}
/* .kit_popup {
  z-index: 10000 !important;
} */
.kit_popup .modal-content {
  border-radius: 0;
}
.kit_popup a.close {
  position: absolute;
  right: 12px;
  top: 7px;
  opacity: 1 !important;
  z-index: 10;
}
.kit-details {
  padding: 2em;
}
.kit_popup .payment-btn {
  background: linear-gradient(120deg, #ff5800 26%, #fa891c 50%);
  font-size: 18px;
  font-family: "Roboto";
  color: #fff;
  display: block;
  text-align: center;
  border-radius: 4px;
  padding: 0.639em 0.8em;
  font-weight: 500;
  margin-top: 18px;
}
.kit_popup .modal-content .modal-body {
  margin: 0;
  padding: 1.5em;
}
.kit_popup h2 {
  color: #151515;
  font-family: "Meutas-SemiBold";
  font-size: 28px;
}
.kit_popup p {
  color: #333333;
  text-align: left;
  opacity: 0.8;
}
.kit_popup h4 {
  color: #ff5800;
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: italic;
  font-size: 25px;
}

.kit_popup .wrapp label {
  color: #333;
  font-weight: 400 !important;
  font-family: "Roboto", sans-serif;
  font-size: 17px;
  transition: all 0.2s;
}
.kit_popup .wrapp label span {
  color: #b3b3b3;
  font-size: 13px;
}

.kit_popup .wrapp select {
  width: 100%;
  height: calc(2em + 0.9rem + 3.6px);
  padding: 12px 15px;
  line-height: normal;
  border: 2px solid #e7e7e7;
  border-radius: 3px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 16px;
  z-index: 1;
  position: relative;
  background: transparent;
  outline: none;
  background-image: url(/assets/admin/images/drop.svg);
  background-position: right center;
  background-size: 26px 10px;
  background-repeat: no-repeat;
  appearance: none;
}
.kit_popup .wrapp {
  position: relative;
  margin-top: 15px;
}
.kit_popup .wrapp label {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  left: 16px;
  background-color: #fff;
}
.kit_popup .modal-dialog {
  max-width: 70%;
}
.kit_popup.promotional3 .modal-dialog {
  max-width: 50%;
}
.promo_materials section.slider::before {
  display: none;
}
.promo_materials .product {
  position: relative;
}
.promo_materials .product a {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 5;
}
.kit_popup .row {
  align-items: center;
}
.promo_materials div.promotional_kit {
  z-index: 999990;
}
.promo_materials div.promotional_kit .modal-dialog {
  max-width: 65%;
  margin: 0 auto;
  height: 100vh;
}
.promo_materials .modal-content {
  border-radius: 0;
}
.promo_materials .promotional_kit .modal-body {
  margin: 0;
  padding: 1em;
}
/* .promotional .modal-backdrop:not(:first-child) {
  z-index: 99999 !important;
} */
/* Gallery */
.slider .swiper-container,
.slider2 .swiper-container {
  width: 100%;
  height: 100%;
}
.slider .slider__flex,
.slider2 .slider__flex {
  display: flex;
  align-items: center;
}
.slider .slider__col {
  margin-right: 32px;
  overflow: hidden;
}
.slider .slider__prev,
.slider__next {
  cursor: pointer;
}
.slider .slider__thumbs .slider__image,
.slider__thumbs .swiper-slide {
  height: 70px !important;
}
.slider .slider__prev:focus,
.slider__next:focus {
  outline: none;
}
.slider .slider__thumbs {
  height: 430px;
  overflow: hidden;
  margin: 10px 0;
}
.slider .slider__thumbs .slider__image,
.gallery__col .slider__image {
  border: 1px solid transparent;
  background-color: #bdbec0;
}
.gallery__col .slider__image {
  height: 50px;
  width: 50px;
  border-radius: 6px;
  cursor: pointer;
}
/* .gallery__col .slider__image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
} */
.gallery-slide {
  margin-bottom: 15px;
}
.slider .slider__thumbs .swiper-slide-thumb-active .slider__image,
.gallery__col .slider__image.active {
  border: 1px solid #ff5800;
  background-color: #fff;
}
section.slider {
  background: none;
  position: unset;
}
.slider .slider__prev,
.slider .slider__next {
  color: #0c1c30;
  font-size: 20px;
  text-align: center;
  z-index: 10;
  position: relative;
  line-height: 0;
}
.slider .slider__images {
  height: 430px;
  overflow: hidden;
}
.slider .slider__images .slider__image img {
  transition: 3s;
}
.slider .slider__image {
  width: 100%;
  height: 100%;
  border-radius: 6px;
}
.slider .slider__image img,
.gallery__col .slider__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 6px;
}
.gallery__col .large_img img {
  height: auto;
  max-width: 88%;
  padding: 10px;
}
.gallery__col .large_img i {
  color: #333;
  padding: 15px;
  cursor: pointer;
  font-size: 30px;
}
.gallery__col i.fa-angle-left {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.gallery__col i.fa-angle-right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.gallery__col .large_img {
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
}
.promotional_kit button.close span {
  font-size: 33px;
  line-height: 0;
}
.promotional_kit .modal-content {
  position: relative;
}
.promotional_kit button.close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: auto;
  overflow: hidden;
  z-index: 1;
}
.promotional_kit .gallery__col {
  display: flex;
  height: inherit;
}
body:has(.kit_popup.show) {
  overflow: hidden !important;
}
.slider .slider__images {
  position: relative;
}
.kit_popup.show {
  overflow-y: auto;
}
/* Promotional material css ended */
/* Loan Report CSS start */
.report_header p.loan_status {
  color: #002e65;
  text-align: left;
  margin-bottom: 10px;
}
.report_header .wrapped {
  border-radius: 10px;
  padding: 0.8em;
}
.report_header .wrapped.first {
  background: #fff8f7;
  border: 1px solid rgb(247 69 57 / 22%);
}
.wrapped.first .loan_count {
  color: #e73c30;
}
.report_header .wrapped.second {
  background: #f7fcf9;
  border: 1px solid rgb(56 206 107 / 22%);
}
.wrapped.second .loan_count {
  color: #3cb365;
}
.report_header .wrapped.third {
  background: #fefcf8;
  border: 1px solid rgb(236 175 2 / 22%);
}
.wrapped.third .loan_count {
  color: #e4a903;
}
.report_header .wrapped.fourth {
  background: #fef8ff;
  border: 1px solid rgb(158 55 170 / 22%);
}
.wrapped.fourth .loan_count {
  color: #b33bc1;
}
.report_header .wrapped.fifth {
  background: #f7fbfe;
  border: 1px solid rgb(1 127 221 / 22%);
}
.wrapped.fifth .loan_count {
  color: #2d92dd;
}
.report_header .wrapped.sixth {
  background: #f9faff;
  border: 1px solid rgb(50 67 204 / 22%);
}
.wrapped.sixth .loan_count {
  color: #4a57c2;
}
.report_header .wrapped.seventh {
  background: #fff8f5;
  border: 1px solid rgb(255 76 0 / 22%);
}
.wrapped.seventh .loan_count {
  color: #ff4c00;
}
h1.loan_count {
  font-family: "Roboto", sans-serif;
  font-size: 34px;
  color: #333;
  font-weight: 800;
  margin: 0;
}
input.search_report {
  color: #333;
  border: 1px solid #ecf3f3 !important;
  outline: none;
  font-size: 14px;
  background: url(/assets/admin/images/search_icon.png) no-repeat right 12px
    center transparent;
  border-radius: 19px;
  padding: 10px 40px 10px 20px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  width: 358px;
}
.report_bottom .row {
  margin-left: -12px;
  margin-right: -12px;
}
.report_bottom .col-md-4 {
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 25px;
}
input.search_report::placeholder {
  font-family: "Roboto", sans-serif;
  opacity: 0.3;
}
section.report_list {
  padding: 0 !important;
  margin-top: 2em !important;
}
.report_top h4 {
  font-size: 20px;
  color: #00224b;
  font-family: Meutas-Semibold;
  margin: 0;
}
.report_top select {
  font-size: 14px;
  color: #333333;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  border-radius: 19px;
  padding: 10px 15px 10px 15px;
  border: 1px solid #ecf3f3;
  margin-left: 1.2em;
  outline: none;
  background-color: transparent;
  z-index: 2;
  position: relative;
  appearance: none;
  width: 188px;
}
.report_top .drop {
  position: relative;
}
.report_top .drop:after {
  content: "";
  background-image: url(../images/drop-down-icon.png);
  position: absolute;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center right;
  right: 15px;
  top: 50%;
  transform: translateY(-50%) !important;
  height: -webkit-fill-available;
  background-size: 15px;
}
.report_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.report_top .widgets {
  display: flex;
  align-items: center;
}
.report-box .box-body {
  padding: 0 1em;
}
.report-det-box p {
  color: #012d65;
  font-size: 16px;
  margin: 0;
  font-weight: 500;
}
.report-det-box p.approved {
  color: #32ab5b;
}
.report-det-box p.rejected {
  color: #e73c30;
}
.report-det-box p.pending {
  color: #e4a903;
}
.report-det-box p.eligible {
  color: #b33bc1;
}
.report-det-box p.confirmed {
  color: #2d92dd;
}
.report-det-box p.disbursal {
  color: #4a57c2;
}
.report-det-box p.general {
  color: #ff4c00;
}
.report_list .report-box,
.report_list .report-det-box {
  height: 100%;
}

.report-det-box span {
  font-size: 14px;
  color: #012d65;
}
.report-box img {
  width: 40px;
  height: auto;
}
.report-box .order-details:last-child {
  border: none;
}
.report-det-box {
  border: 1px solid #9f9e9e;
}
.report-det-box .img-box {
  border-bottom: 1px solid #cfcbc9;
}
.loan_report section.report_header {
  padding: 30px;
}
.loan_report .report_bottom {
  padding: 30px 30px 5px;
}
.loan_report .report_top {
  border-bottom: 1px solid #e8e8e8;
  padding: 15px 30px;
}
.loan_report .report_bottom {
  min-height: calc(42vh);
}
/* .report_bottom .col-md-4 {
  display: none;
} */
/* Loan Report CSS Ended */

/* Media Queries */
@media screen and (max-width: 1100px) and (min-width: 992px) {
  .manage_orders .nav a span {
    font-size: 15px;
  }
  .manage_orders .vtabs .nav a .wrap {
    padding: 1.05em 1.5em !important;
  }
  .manage_orders .img-col .side-img {
    width: auto;
    height: 16px;
  }
  .manage_orders .img-col .details-icon {
    width: auto;
    height: 13px;
  }
  .manage_orders .img-col {
    margin-right: 0.7em;
  }
  .manage_orders .chats {
    padding: 3em 3em 1em;
  }
  #v-pills-delivery .button a {
    font-size: 17px;
  }
  .history-tabs .tab-content {
    padding: 40px 35px;
  }
  .history-tabs .tabs-area {
    padding: 0.7em 35px;
  }
  .order_history a.heading {
    font-size: 19px;
  }
  .checkout .left {
    padding: 35px;
  }
  .modal.right.fade.show .modal-dialog {
    width: 65% !important;
  }
  .step-details h2 {
    font-size: 22px;
  }
  h1.step_no {
    font-size: 70px;
  }
  .promo_materials .tab-pane .col-md-4 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  body:not(.sidebar-collapse) .material-btns a {
    font-size: 12px;
    padding: 10.7px 6px;
  }
  body:not(.sidebar-collapse) .material-btns {
    grid-gap: 0.5em;
  }
  .promo_materials div.promotional_kit .modal-dialog {
    width: 100% !important;
  }
  .kit_popup .modal-dialog {
    max-width: 90%;
  }
  .slider__thumbs .swiper-wrapper {
    max-width: 400px;
  }
  .slider .slider__image {
    width: auto;
    max-width: 100%;
    margin: 0 auto;
  }
  .slider .slider__images {
    height: 350px;
  }
  .report_header .wrapped {
    padding: 10px;
  }
  .report_header .col {
    padding: 0 5px;
  }
  .report_header p.loan_status {
    font-size: 14px;
    margin-bottom: 8px;
  }
  h1.loan_count {
    font-size: 25px;
  }
}
@media screen and (max-width: 1100px) and (min-width: 768px) {
  #v-pills-details .order-tracking span.is-complete {
    height: 40px;
    width: 40px;
  }
  #v-pills-details .order-tracking::before {
    top: 20px;
    width: calc(100% - 56px);
    right: calc(-43% + 15px);
  }
  .report_bottom .col-md-4 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 768px) {
  div#v-pills-delivery .inner-top p {
    max-width: 60%;
    margin: 0 auto;
  }
  .order_history .clone-right {
    padding: 0;
    margin: 0;
  }
}
@media screen and (max-width: 992px) {
  .manage_orders .vtabs .row {
    flex-direction: column;
  }
  .manage_orders .vtabs .row .col-md-3,
  .manage_orders .vtabs .row .col-md-9 {
    max-width: 100%;
  }
  .manage_orders .tab-content {
    margin: 0em;
  }
  .manage_orders .vtabs .row .col-md-9 {
    padding-top: 2em !important;
  }
  .inner-top {
    padding: 3em 1.5em;
  }
  #v-pills-details .img-text img {
    max-width: 85%;
  }
  #v-pills-details .right {
    padding-left: 0.5em;
  }
  #v-pills-requirements .requirement-section {
    grid-template-columns: 1fr;
  }
  .order_history .nav-tabs {
    justify-content: center;
  }
  .not-found {
    text-align: center;
  }
  .grid-container:not(.list-view) .col-lg-4 {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .checkout .left hr {
    margin: 0.5em 0;
  }
  .loan-btn,
  .loan-btn:disabled {
    font-size: 16px;
    padding: 15px;
    width: 160px;
  }
  .kit_popup .col-md-6 {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .kit-details {
    padding: 2em 0;
  }
  /* .slider .slider__col {
    overflow: visible;
  }*/
  .slider .slider__thumbs .slider__image,
  .slider__thumbs .swiper-slide {
    height: 70px !important;
    width: 70px;
  }
  .kit_popup .modal-content .modal-body {
    padding: 2em;
  }
  .slider .slider__images .slider__image img {
    width: auto;
    max-width: 100%;
    margin: 0 auto;
  }
  .slider .slider__images {
    height: 350px;
    overflow: hidden;
    margin-bottom: 1em;
  }
}
@media screen and (max-width: 768px) {
  .manage_orders .vtabs .row .col-md-9,
  .manage_orders .vtabs .row .col-md-3 {
    padding: 0;
  }
  .manage_orders .vtabs .row,
  .manage_orders section.vtabs {
    margin: 0;
  }
  .manage_orders section .container-fluid.codemire {
    padding: 0;
  }
  .manage_orders .chats .received-chats-img img {
    width: 40px;
    height: auto;
  }
  .manage_orders .reply-img {
    margin-right: 1em;
  }
  .manage_orders .sent-img {
    margin-left: 1em;
  }
  .manage_orders #ticketarea::placeholder {
    padding-top: 0;
  }
  .manage_orders span.input-group-text img {
    width: 45px;
    height: auto;
  }
  .manage_orders #ticketarea {
    padding-left: 0;
  }
  .inner-top br {
    display: none;
  }
  .manage_orders #v-pills-delivery .drop {
    width: 92%;
  }
  .history-tabs .tab-content {
    padding: 40px 15px;
  }
  .history-tabs .tabs-area {
    padding: 0.7em 15px;
  }
  div#v-pills-delivery .inner-top p {
    max-width: 90%;
    margin: 0 auto;
  }
  .order_history .top-heading-all {
    display: block;
  }
  .order_history .clone-right {
    justify-content: center;
    margin-top: 2em;
    padding: 0;
    margin-bottom: 0;
  }
  .checkout .left {
    padding: 15px;
  }

  .checkout .nav-tabs li {
    width: auto !important;
  }
  .checkout .top-info {
    padding-bottom: 0.763em;
  }
  .checkout ul.nav.nav-tabs {
    justify-content: center;
  }
  .checkout .outline-btn {
    font-size: 15px;
  }
  .checkout .row.area {
    margin-left: -10px;
    margin-right: -10px;
  }
  .row.area .col-md-9,
  .row.area .col-md-3 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .coupon {
    display: block;
    padding: 1.5em 2em;
  }
  .coupon .coupon-code {
    margin-bottom: 12px;
  }
  .coupon h1 {
    font-size: 20px;
  }
  .expire-on {
    font-size: 13px;
  }
  .coupon .detail {
    font-size: 13px;
    padding: 10px 0 20px;
  }
  .coupon-code input {
    font-size: 14px;
    width: 100%;
  }
  .coupon .redeem {
    font-size: 15px;
    padding: 0.5em 3em;
  }
  .loan_service .row .col-md-4,
  .loan_service .row .col-md-12 {
    margin-bottom: 1em;
  }
  .loan_service ul.nav.nav-tabs,
  .promo_materials ul.nav.nav-tabs {
    justify-content: center;
  }
  .loan_service .tab-content,
  .promo_materials .tab-content {
    padding: 15px;
  }
  .loan_service .nav-link span {
    padding: 5px 25px;
  }
  .loan_service .terms label,
  .loan_service .terms label a {
    font-size: 13px !important;
  }
  .document-link h3 {
    font-size: 19px;
    margin-bottom: 0.5em;
  }
  .noc_orders a.document {
    padding: 15px 15px;
  }
  .Steps .image {
    order: -1;
  }
  .steps-box .row {
    max-height: none;
    padding: 3em 0;
  }
  .promo_materials div.promotional_kit .modal-dialog {
    max-width: 80%;
    width: 100% !important;
  }
  .promotional_kit .gallery__col {
    flex-direction: column-reverse;
  }
  .gallery-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 1em;
  }
  .gallery__col .slider__image {
    height: 58px;
    width: 58px;
    margin: 8px;
  }
  .gallery__col .large_img {
    height: 100%;
  }
  .gallery-slide {
    margin-bottom: 0;
  }
  .gallery__col .large_img i {
    padding: 0;
  }
  .gallery__col .large_img img {
    max-width: 90%;
    padding: 10px;
  }
  .kit_popup h2 {
    font-size: 25px;
  }
  .kit_popup p {
    font-size: 15px;
  }
  .slider__thumbs .swiper-slide {
    height: auto !important;
  }
  .checkout div.payment_status p {
    font-size: 15px;
  }
  .checkout h4.success-headline,
  .checkout #exampleModal2 h4.headline,
  .manage_orders #exampleModal2 h4.headline {
    font-size: 21px;
  }
  .checkout .after-success,
  .checkout .after-success:focus,
  .checkout .after-failed,
  .checkout .after-failed:focus {
    font-size: 16px;
    min-width: 120px;
  }
  .checkout div.payment_status .modal-body {
    padding: 2em 1.5em;
  }
  .loan_service .loan-tabs .tabs-area {
    display: block;
  }
  .loan_service a#report-btn {
    margin: 1em auto;
    display: block;
    width: max-content;
  }
  .report_top {
    flex-direction: column;
  }
  .report_top h4 {
    margin-bottom: 10px;
  }
  body.sidebar-collapse .report_bottom .col-md-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .loan_report .report_bottom {
    padding: 15px 15px 0px;
  }
  .report_bottom .col-md-4 {
    margin-bottom: 15px;
  }
  .loan_report section.report_header {
    padding: 15px 15px 0;
  }
  .report_header .col {
    margin-bottom: 15px;
  }
  .report_header p.loan_status {
    font-size: 13px;
    margin-bottom: 8px;
  }
  h1.loan_count {
    font-size: 28px;
  }
}
@media screen and (max-width: 480px) {
  div.manage_orders .received-msg-inbox {
    width: 95% !important;
  }
  .manage_orders .chats {
    padding: 1.5em 1em 0.5em;
  }
  .manage_orders .vtabs .nav a .wrap {
    padding: 1.05em 1.5em !important;
  }
  .manage_orders .nav a span {
    font-size: 14px;
  }
  .manage_orders .img-col {
    margin-right: 1em;
  }
  .manage_orders .img-col .side-img {
    height: 17px;
  }
  .manage_orders .img-col .details-icon {
    height: 13px;
  }
  .inner-top {
    padding: 2em 1.5em;
  }
  .manage_orders .inner-bottom {
    padding: 2em 0 2.2em;
  }
  #v-pills-details .details-top .head {
    padding: 1.2em 1em;
  }
  div#v-pills-details .details-bottom {
    padding: 3em 0em;
  }
  #v-pills-details .details-bottom .status-head {
    padding: 0em 1em;
  }
  #v-pills-details .details-bottom p,
  #v-pills-details .details-bottom p em {
    font-size: 15px;
    padding-top: 5px;
  }
  #v-pills-details .order-tracking span.is-complete {
    height: 35px;
    width: 35px;
  }
  #v-pills-details .order-tracking.completed span.is-complete::before {
    font-size: 16px;
  }
  #v-pills-details .order-tracking span.is-complete::before {
    height: 14px;
    width: 14px;
  }
  #v-pills-details .order-tracking::before {
    width: calc(100% - 47px);
    right: calc(-46% + 20px);
    top: 17.5px;
    background-size: auto !important;
  }
  #v-pills-details .order-status p {
    font-size: 13px;
    padding: 5px 5px 0;
  }
  #v-pills-requirements .requirement-section {
    padding: 1.5em 16px;
    grid-gap: 1em;
  }
  .requirement-section .bordered-box li {
    font-size: 13px;
    line-height: 1.6;
  }
  .requirement-section .bordered-box li span {
    padding-left: 1.15em;
  }
  .requirement-section .bordered-box h4 {
    font-size: 17px;
  }
  .requirement-section .bordered-box {
    padding: 1.2em;
  }
  div#v-pills-requirements h3 {
    padding: 1em 16px;
    font-size: 14px;
  }
  .requirement-section .bordered-box li::before {
    height: 5px;
    width: 5px;
    top: 7px;
  }
  #v-pills-delivery .button a {
    font-size: 15px;
  }
  #v-pills-requirements button#submit-btn {
    font-size: 16px;
  }
  .order_history .nav-item:nth-child(2) a.nav-link {
    margin-right: 0 !important;
  }
  .order_history .nav-item:nth-child(2) {
    border-right: 0 !important;
  }
  .order_history .nav-item:last-child a.nav-link {
    margin: 0 2.5em !important;
  }
  .order_history a.nav-link {
    margin: 0 2.5em !important;
    padding: 0;
    font-size: 14px;
  }
  .order_history .img-box img {
    height: 52px;
    width: auto;
  }
  .order_history .wrap-price {
    padding-top: 2em;
  }
  .order_history .wrap-price h1 {
    font-size: 25px;
  }
  div.order_history .cards-header {
    display: block;
  }
  div.order_history .img-box {
    width: fit-content;
    margin-bottom: 12px;
  }
  div.order_history a.heading {
    font-size: 18px;
  }
  div.order_history .wrap-price {
    padding-top: 1.5em;
  }
  div.order_history .cards-body {
    padding: 1.2em 1em 1em 1em;
  }
  div.order_history .cards-header {
    padding: 1em 1em 1.2em 1em;
  }
  .order_history .clone-right #search-text:focus,
  div.order_history #search-text.SearchingVal {
    width: 220px;
    font-size: 14px;
  }
  .checkout .outline-btn {
    font-size: 14px;
  }
  div.modal-dialog {
    width: 100% !important;
  }
  div.modal-dialog .modal-content {
    border-radius: 0px;
  }
  div.modal-header {
    padding: 20px 25px !important;
  }
  .modal-title {
    font-size: 19px;
  }
  .modal .modal-content .modal-body {
    margin: 15px 16px 0 25px;
  }
  #edit-cust a.updatebtncls, #add-cust a.updatebtncls {
    padding: 0.6em 0.5em;
    font-size: 16px;
  }
  .insurance_service,
  .noc_orders {
    min-height: auto;
    height: 100%;
  }
  button.insurance-btn {
    font-size: 15px;
  }
  a.insurance {
    padding: 2em 1.2em;
  }
  .loan_service .nav-item span,
  .promo_materials .nav-item span {
    font-size: 14px;
  }
  .loan_service a.nav-link,
  .promo_materials a.nav-link {
    padding: 18px 0px;
  }
  .radio-with-Icon label {
    display: block;
  }
  .loan_service p.radio-Item {
    padding: 0;
  }
  .loan_service p.radio-Item label {
    width: 140px !important;
  }
  .loan_service .radio-Item span {
    font-size: 16px;
  }
  .marketing .space,
  .business_listing .space {
    padding: 15px 15px 30px;
  }
  .marketing .page-content p {
    font-size: 15px;
  }
  .document-link h3 {
    padding-top: 15px;
  }
  .marketing .document h4 {
    font-size: 17px;
  }
  .marketing a.document {
    min-height: 65px;
  }
  .noc_orders .document h4 {
    font-size: 16px;
  }
  .step-details {
    padding: 30px 20px 0 !important;
  }
  h1.step_no {
    font-size: 60px;
  }
  .step-details h2 {
    font-size: 19px;
    margin: 12px 0 8px;
  }
  .step-details h3.link {
    font-size: 16px;
  }
  .step-img img {
    max-width: 85%;
  }
  .step7 img,
  .step9 img,
  .step11 img {
    width: 240px;
  }
  .step5 img {
    width: 180px;
  }
  .step3 img,
  .step4 img {
    width: 300px;
  }
  .material-btns {
    display: block;
  }
  .material-btns a {
    display: block;
  }
  .material-btns a:first-child {
    margin-bottom: 12px;
  }
  .promo_materials div.promotional_kit .modal-dialog {
    max-width: 90%;
    width: 100% !important;
  }
  .gallery__col .slider__image {
    height: 50px;
    width: 49px;
    margin: 5px;
  }
  .kit_popup .modal-body {
    margin: 0 !important;
    padding: 1.5em !important;
  }
  .kit_popup .modal-dialog {
    margin: 1.5rem auto;
    max-width: 90%;
  }
  div.slider__thumbs .swiper-wrapper {
    max-width: 265px !important;
  }
  .slider .slider__thumbs .slider__image {
    height: 45px !important;
    width: 45px;
  }
  .slider__thumbs .swiper-slide {
    margin-right: 18px !important;
  }
  .slider .slider__images {
    height: 290px;
    margin-top: 0.5em;
  }
  .checkout div#exampleModal {
    padding-right: 0 !important;
  }
  .checkout div.payment_status .modal-dialog,
  .checkout #exampleModal2 .modal-dialog,
  .manage_orders #exampleModal2 .modal-dialog {
    max-width: 95%;
  }
  .checkout div.payment_status p {
    padding: 0 0 10px;
  }
  .checkout #exampleModal2 .modal-content,
  .manage_orders #exampleModal2 .modal-content {
    padding: 1.6em;
  }
  .report_top .widgets {
    flex-direction: column;
    width: 100%;
  }
  .report_top .widgets input.search_report {
    margin-bottom: 15px;
  }
  input.search_report {
    width: 100% !important;
  }
  .report_top select {
    margin-left: 0 !important;
  }
  .report_top .drop {
    width: 100%;
  }
  .report_top select {
    width: 100% !important;
  }
  .report-box h5 {
    font-size: 17px;
  }
  .report-box .img-box span {
    font-size: 14px;
  }
  div.otp_validate input.inone {
    width: 38px;
    height: 37px;
    margin: 0 4px;
  }
  div.otp_validate button.otp_btn,
  div.otp_validate button.otp_btn:focus {
    width: 272px;
    font-size: 16px;
    padding: 11px;
  }
  .checkout .reopen_popup#exampleModal2 .modal-content {
    padding: 3em 2em !important;
}
#manage .modal-footer {
  padding: 18px 25px;
}
}
@media screen and (max-width: 992px) and (min-width: 480px) {
  .modal-dialog {
    width: 80% !important;
  }
  .modal-title {
    font-size: 20px;
  }
  #edit-cust a.updatebtncls,#add-cust a.updatebtncls {
    font-size: 16px;
  }
}
@media screen and (max-width: 992px) and (min-width: 768px) {
  .manage_orders .chats {
    padding: 2em 2em 1em;
  }
  .manage_orders .img-col img .side-img {
    height: 18px;
  }
  .manage_orders .img-col .details-icon {
    height: 14px;
  }
  .manage_orders .nav a span {
    font-size: 15px;
  }
  #v-pills-details .details-top .head .button a {
    font-size: 15px;
  }
  #v-pills-details .details-top .head {
    padding: 1.2em 2em;
  }
  div#v-pills-details .details-bottom {
    padding: 4em 2em;
  }
  #v-pills-requirements .requirement-section {
    padding: 2.2em 32px;
  }
  div#v-pills-requirements h3 {
    padding: 1.5em 32px;
    font-size: 17px;
  }
  #v-pills-delivery .button a {
    font-size: 17px;
  }
  .history-tabs .tab-content {
    padding: 40px 25px;
  }
  .history-tabs .tabs-area {
    padding: 0.7em 25px;
  }
  .order_history .wrap-price {
    padding-top: 2em;
  }
  .checkout .left {
    padding: 25px;
  }
  .checkout .outline-btn {
    font-size: 15px;
  }
  .coupon .redeem {
    font-size: 15px;
    padding: 0.8em 2.6em;
  }
  button.insurance-btn {
    font-size: 17px;
  }
  .loan_service .tab-content,
  .promo_materials .tab-content {
    padding: 25px;
  }
  .loan_service .nav-link span,
  .promo_materials .nav-link span {
    padding: 5px 25px;
  }
  .marketing .space,
  .business_listing .space {
    padding: 25px;
  }
  .document-link h3 {
    margin-bottom: 0.5em;
  }
  .document-link .col-md-4 {
    max-width: 50%;
    flex: 0 0 50%;
  }
  .document-link a.document {
    min-height: 70px;
  }
  .marketing .document h4 {
    font-size: 18px;
  }
  .noc_orders a.document {
    padding: 15px 15px;
  }
  .noc_orders .document h4 {
    font-size: 16.5px;
  }
  .step-details h2 {
    font-size: 22px;
  }
  .step-details {
    padding-left: 2em;
  }
  h1.step_no {
    font-size: 70px;
  }
  .promo_materials .tab-pane .col-md-4 {
    max-width: 50%;
    flex: 0 0 50%;
  }
  .material-btns {
    grid-gap: 0.5em;
  }
  .material-btns a {
    font-size: 12px;
  }
  .kit_popup .modal-dialog {
    max-width: 75%;
  }
  .kit_popup .modal-content .modal-body {
    padding: 2em;
  }
  .slider__thumbs .swiper-wrapper {
    max-width: 430px;
  }
  .slider .slider__thumbs .slider__image {
    height: 63px !important;
    width: 63px;
  }
  .promo_materials div.promotional_kit .modal-dialog {
    max-width: 80%;
  }
  .loan_service .loan-tabs .main-toggles-list {
    justify-content: space-between;
  }
  .loan_service a#report-btn {
    margin-right: 25px;
  }
  .report_header .wrapped {
    padding: 10px;
  }
  .report_header .col {
    padding: 0 5px;
  }
  .report_header p.loan_status {
    font-size: 14px;
    margin-bottom: 8px;
  }
  h1.loan_count {
    font-size: 25px;
  }
}
@media screen and (max-width: 768px) and (min-width: 480px) {
  div.manage_orders .received-msg-inbox {
    width: 80% !important;
  }
  .manage_orders .chats {
    padding: 2em 1.5em 0.5em;
  }
  .manage_orders .img-col .side-img {
    height: 17px;
  }
  .manage_orders .nav a span {
    font-size: 15px;
  }
  .manage_orders .img-col .details-icon {
    height: 14px;
  }
  #v-pills-details .details-top .head .button a {
    font-size: 15px;
  }
  #v-pills-details .details-top .head {
    padding: 1.2em 1.5em;
  }
  #v-pills-details .details-top .head .button a {
    font-size: 15px !important;
  }
  div#v-pills-details .details-bottom {
    padding: 4em 1.5em;
  }
  #v-pills-details .details-bottom p,
  #v-pills-details .details-bottom p em {
    font-size: 15px;
    padding-top: 5px;
  }
  #v-pills-details .order-tracking span.is-complete {
    height: 35px;
    width: 35px;
  }
  #v-pills-details .order-tracking.completed span.is-complete::before {
    font-size: 16px;
  }
  #v-pills-details .order-tracking span.is-complete::before {
    height: 14px;
    width: 14px;
  }
  #v-pills-details .order-tracking::before {
    width: calc(100% - 42px);
    right: calc(-50% + 20px);
    top: 17.5px;
    background-size: auto !important;
  }
  #v-pills-details .order-status p {
    font-size: 14px;
  }
  #v-pills-requirements .requirement-section {
    padding: 1.8em 24px;
    grid-gap: 1.5em;
  }
  div#v-pills-requirements h3 {
    padding: 1.5em 24px;
    font-size: 16px;
  }
  #v-pills-delivery .button a {
    font-size: 16px;
  }
  #v-pills-requirements button#submit-btn {
    font-size: 17px;
  }
  .order_history a.nav-link {
    margin: 0 2em !important;
    font-size: 14px;
  }
  .order_history .wrap-price {
    padding-top: 2em;
  }
  .order_history a.heading {
    font-size: 18px;
  }
  button.insurance-btn {
    font-size: 17px;
  }
  .loan_service .radio-with-Icon .radio-label {
    width: 146px;
  }
  .marketing .space,
  .business_listing .space {
    padding: 20px 20px 30px;
  }
  .document-link h3 {
    padding-top: 10px;
  }
  .marketing .document h4 {
    font-size: 18px;
  }
  .marketing a.document {
    min-height: 65px;
  }
  .noc_orders .document h4 {
    font-size: 17px;
  }
  .marketing a.document {
    min-height: 70px;
  }
  .step-details {
    padding: 2.5em 2em 0 !important;
  }
  h1.step_no {
    font-size: 68px;
  }
  .step-details h2 {
    font-size: 21px;
    margin: 12px 0 8px;
  }
  .step-details h3.link {
    font-size: 17px;
  }
  .kit_popup .modal-dialog {
    max-width: 90%;
    width: 100% !important;
    margin: 1rem auto;
  }
  .slider .slider__thumbs .slider__image {
    height: 58px !important;
    width: 58px;
  }
  .slider__thumbs .swiper-wrapper {
    max-width: 370px !important;
  }
  /* .loan_service a#report-btn {
    margin-right: 15px;
  } */
  /* .loan_service .loan-tabs .tabs-area {
    justify-content: space-between;
  } */
}
@media screen and (max-width: 650px) {
  #v-pills-details .detail {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
  }
  #v-pills-details .detail .cont-box.top-2 {
    padding: 0.8em 0;
    border-top: 1px solid #e8e8e8;
  }
  #v-pills-details .detail .cont-box.top-1 {
    padding: 0.8em 0;
  }
  #v-pills-details .detail .cont-box.top-3 {
    padding: 0.8em 0;
    border-top: 1px solid #e8e8e8;
    grid-column: 1 / span 2;
  }
  #v-pills-details .detail {
    padding: 0;
  }
  #v-pills-details .detail .cont-box h3 {
    font-size: 19px;
  }
  .loan_service .nav-tabs .nav-item {
    width: 50%;
  }
  .loan_service a.nav-link,
  .promo_materials a.nav-link {
    text-align: center;
  }
  .loan_service .nav-item span {
    padding: 0;
    display: block;
  }
  .loan_service .tab-content {
    min-height: calc(100% - 125px);
  }
}
@media screen and (max-width: 600px) {
  .loan_service .nav-tabs .nav-item:nth-child(2) span,
  .promo_materials .nav-tabs .nav-item:nth-child(2) span {
    border: none;
  }
  .otp_validate .modal-dialog {
    width: 92% !important;
    margin: 0.5em auto;
  }
  div.otp_validate .modal-body {
    padding: 1em !important;
  }
  div.otp_validate .inone {
    width: 46.5px;
    height: 44px;
  }
  .otp_validate button.otp_btn,
  .otp_validate button.otp_btn:focus {
    width: 342px;
    font-size: 17px;
    padding: 13px;
  }
}
@media screen and (max-width: 1200px) and (min-width: 768px) {
  #v-pills-details .detail .cont-box h3 {
    font-size: 20px;
  }
  button.insurance-btn {
    font-size: 16px;
  }
  .loan_service .col-md-4 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 650px) {
  .loan_service .tab-content {
    min-height: calc(100% - 65px);
  }
}
@media screen and (max-width: 768px) and (min-width: 650px) {
  #v-pills-details .detail .cont-box h3 {
    font-size: 19px;
  }
  #v-pills-details .detail .cont-box h4 {
    font-size: 17px;
  }
}
@media screen and (max-width: 1400px) and (min-width: 1100px) {
  #v-pills-details .details-top .head .button a {
    font-size: 17px;
  }
  #v-pills-details .order-tracking::before {
    width: calc(100% - 68px);
  }
  .history-tabs .tab-content {
    padding: 40px 35px;
  }
  .history-tabs .tabs-area {
    padding: 0.7em 35px;
  }
  .checkout .left {
    padding: 35px;
  }
  body:not(.sidebar-collapse) .promo_materials .tab-pane .col-md-4 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .promo_materials div.promotional_kit .modal-dialog {
    width: 100% !important;
  }
  .kit_popup .modal-dialog {
    max-width: 90%;
  }
  .slider .slider__images {
    height: 350px;
  }
  .slider .slider__col {
    max-width: 70px;
  }
}
@media screen and (max-width: 1400px) {
  #v-pills-details .details-bottom {
    padding: 5em 2.5em;
  }
  .checkout .left .col-md-6 {
    margin-bottom: 1.5em;
  }
  .checkout
    .left
    .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    height: calc(2.1em + 0.9rem + 0px);
    line-height: 25.5px !important;
  }
  .loan_service .form-control,
  .loan_service select {
    height: calc(2.1em + 0.9rem + 3px);
  }
  .loan-btn,
  .loan-btn:disabled {
    margin-bottom: 20px;
  }
  .kit_popup .modal-dialog {
    width: 100% !important;
  }

  .slider__thumbs .swiper-wrapper {
    max-width: 400px;
  }
  .slider .slider__images .slider__image img {
    width: auto;
    max-width: 100%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1400px) {
  .content-wrapper.manage_orders {
    min-height: 585px !important;
  }
}
@media screen and (max-width: 1100px) {
  #v-pills-details .details-top .head .button a {
    font-size: 16px;
  }
  .cont-box h4 {
    font-size: 16px !important;
    line-height: 21px;
  }
  #btnContainer {
    display: none !important;
  }
  .row .col-md-9,
  .row .col-md-3 {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .row .col-md-3 {
    margin-top: 2em;
  }
  .checkout .payment-btn {
    padding: 13px;
    font-size: 16px;
  }
  .slider .slider__flex {
    flex-direction: column-reverse;
  }
  .slider .slider__col {
    display: flex;
    align-items: center;
  }
  .slider__prev {
    transform: rotate(-90deg);
    padding-bottom: 5px;
  }

  .slider__next {
    transform: rotate(-90deg);
    padding-top: 5px;
  }
  .slider .slider__thumbs {
    height: auto;
  }
  .slider .slider__col {
    margin: 0;
  }
}
@media screen and (max-width: 1250px) and (min-width: 993px) {
  #v-pills-requirements .requirement-section {
    grid-template-columns: 1fr;
  }
  #v-pills-requirements .requirement-section {
    padding: 2.2em 30px;
    grid-gap: 1.5em;
  }
  div#v-pills-requirements h3 {
    padding: 1.5em 30px;
    font-size: 17px;
  }
  body:not(.sidebar-collapse) .report_bottom .col-md-4 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (max-width: 1250px) and (min-width: 1100px) {
  body.sidebar-collapse .material-btns a {
    font-size: 11px;
    padding: 10.7px 5px;
  }
  body.sidebar-collapse .material-btns {
    grid-gap: 0.5em;
    padding-top: 1em;
  }
  body.sidebar-collapse .material-box {
    padding: 12px;
  }
}
@media screen and (max-width: 1350px) and (min-width: 1250px) {
  #v-pills-requirements .requirement-section {
    padding: 2.2em 30px;
    grid-gap: 1.5em;
  }
  div#v-pills-requirements h3 {
    padding: 1.5em 30px;
    font-size: 17px;
  }
  body:not(.sidebar-collapse) .report_bottom .col-md-4 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (max-width: 1500px) and (min-width: 1400px) {
  body:not(.sidebar-collapse) .material-btns a {
    font-size: 12px;
    padding: 10.7px 5px;
  }
  body:not(.sidebar-collapse) .material-btns {
    grid-gap: 0.5em;
  }
}
@media screen and (max-width: 1520px) and (min-width: 1400px) {
  .order_history .grid-container:not(.list-view) a.heading {
    font-size: 18px;
  }
  .order_history .grid-container:not(.list-view) .img-box img {
    width: 52px;
    height: auto;
  }
  .trash a {
    right: -10px;
  }
  #myModal2 .modal-dialog {
    width: 45%;
  }
  .noc_orders .document h4 {
    font-size: 17px;
  }
}
@media screen and (max-width: 1400px) and (min-width: 1280px) {
  .order_history .grid-container:not(.list-view) a.heading {
    font-size: 17px;
    margin-bottom: 5px;
  }
  .order_history .grid-container:not(.list-view) .img-box img {
    width: 46px;
    height: auto;
  }
  .order_history .img-box {
    margin-right: 1.1em;
  }
  .noc_orders .document-link .col-md-4 {
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 1200px) {
  input.search_report {
    width: auto;
  }
  .report_top select {
    width: 140px;
  }
}
@media screen and (max-width: 1400px) and (min-width: 1200px) {
  .row .col-md-9 {
    max-width: 70%;
    flex: 0 0 70%;
  }
  .row .col-md-3 {
    max-width: 30%;
    flex: 0 0 30%;
  }
  .modal-dialog {
    width: 55% !important;
  }
  .step-details h2 {
    font-size: 23px;
  }
  h1.step_no {
    font-size: 71px;
  }
}
@media screen and (max-width: 1200px) and (min-width: 1100px) {
  .row .col-md-9 {
    max-width: 68%;
    flex: 0 0 68%;
  }
  .row .col-md-3 {
    max-width: 32%;
    flex: 0 0 32%;
  }
  .checkout .outline-btn {
    font-size: 15px;
  }
  .modal-dialog {
    width: 60% !important;
  }
  .step-details h2 {
    font-size: 22px;
  }
  h1.step_no {
    font-size: 70px;
  }
}
@media screen and (max-width: 1280px) and (min-width: 1150px) {
  .grid-container:not(.list-view) .col-md-6 {
    padding-right: 10px;
    padding-left: 10px;
  }
  .grid-container:not(.list-view) .row {
    margin-right: -10px;
    margin-left: -10px;
  }
}
@media screen and (max-width: 1280px) and (min-width: 992px) {
  .grid-container:not(.list-view) .col-lg-4 {
    max-width: 50%;
    flex: 0 0 50%;
  }
  .loan_service .tab-content,
  .promo_materials .tab-content {
    padding: 25px;
  }
  .loan_service .nav-link span,
  .promo_materials .nav-link span {
    padding: 5px 25px;
  }
  .marketing .space,
  .business_listing .space {
    padding: 25px;
  }
  .document-link h3 {
    margin-bottom: 0.5em;
  }
  .document-link .col-md-4 {
    max-width: 50%;
    flex: 0 0 50%;
  }
  .marketing a.document {
    min-height: 70px;
  }
  .marketing .document h4 {
    font-size: 18px;
  }
  .noc_orders .document h4 {
    font-size: 17px;
  }
  .loan_service a#report-btn {
    margin-right: 25px;
  }
}
@media screen and (max-width: 550px) {
  #v-pills-details .details-top .head {
    display: block !important;
  }
  #v-pills-details .details-top .head .button a {
    width: auto;
    margin-top: 1.5em;
  }
  #v-pills-details .details-top .head .button a {
    font-size: 14px !important;
  }
}
@media screen and (min-width: 1650px) {
  .report_bottom .col-md-4 {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
#certificate .modal-content {
  border-radius: 0.3rem;
  box-shadow: none !important;
}
#certificate .modal-body {
  margin: 0 !important;
}