/*
01.Common Css;
02.Login.Css;
03.Dasboard.Css;
04.Invoice.Css;
05.BookStore.Css;
06.Payment.Css;
07.Support-ticket.Css;
08.Welcome.Css;
08.Order.Css;
*/
/* 01.Common Css Start */
.header-section {
  background-color: #800000 !important;
}
.navbar-nav li.nav-item.active .right,
.navbar-nav li.nav-item.active .left {
  position: absolute;
  width: 25px;
  height: 25px;
  background-color: #fff2f2;
  bottom: -5px;
}
.navbar-nav li.nav-item.active .right {
  right: -25px;
}
.navbar-nav li.nav-item.active .left {
  left: -25px;
}
.navbar-nav li.nav-item.active .right:before,
.navbar-nav li.nav-item.active .left:before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #800000;
}
.navbar-nav li.nav-item.active .right:before {
  bottom: 0;
  right: -25px;
}
.navbar-nav li.nav-item.active .left:before {
  bottom: 0;
  left: -25px;
}

.navbar-nav li.nav-item.active {
  background-color: #fff2f2;
  height: 52px;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
  position: relative;
}

.navbar-nav li.nav-item.active .nav-link.menu-link {
  /* background: #fff2f2 !important; */
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
  color: #000 !important;
  font-weight: 600;
}

.verfication-cancel-text {
  color: #800000;
  font-size: 16px;
}

.security-question-back {
  background-color: #a9a9a9;
}

.security-question-back:hover {
  background-color: #a9a9a9 !important;
}

.cookies-container {
  border: 1px solid #800000;
  padding: 13px;
  width: 60%;
  background: #800000;
  border-radius: 5px;
  position: fixed;
  bottom: 23px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 99;
}

.accept-cookie-button {
  width: 100%;
  padding: 4px;
  border-radius: 5px;
  background-color: #de6468;
  border: 1px solid #de6468;
  color: #fff;
  font-size: 14px;
}

.reject-cookie-button {
  width: 100%;
  padding: 4px;
  border-radius: 5px;
  background-color: #f4f4f4;
  border: 1px solid #f4f4f4;
  font-size: 14px;
}

.dashboard-dropdown {
  border: 1px solid;
  background-color: #ffefe1;
  padding-top: 2px;
  padding-bottom: 2px;
}

.dropzone-support {
  border: 1px dashed lightgray;
  min-height: 0px !important;
  /* background-color: #f7f7f7 !important; */
}

.freeze-card {
  filter: blur(5px) !important;
}

.filter-button {
  background-color: #de6468;
  color: #fff;
}

.filter-button:hover {
  background-color: #de6468;
  color: #fff;
}

.calender-icon {
  position: absolute;
  top: 37px;
  right: 25px;
}

@media (max-width: 1024px) {
  .navbar-nav li.nav-item.active .nav-link.menu-link {
    /* background: #fff2f2 !important; */
    /* border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important; */
    color: #000 !important;
    font-weight: 600;
  }

  .navbar-nav li.nav-item.active {
    background-color: #ffebeb;
    height: 52px;
    position: relative;
    margin-bottom: 10px;
  }

  .navbar-nav li.nav-item.active .right {
    display: none;
  }
  .navbar-nav li.nav-item.active .left {
    display: none;
  }
}
span.show-icon,
span.hide-icon {
  position: absolute;
  top: 6px;
  right: 15px;
}

.hide-icon .show-icon {
  cursor: pointer;
}

.profile-dropdown {
  border: none;
  padding-top: 2px;
  padding-bottom: 2px;
}

.analysis-data-card {
  border: 1px solid lightgray;
  border-radius: 10px;
}

.student-countcard-icon {
  border: 0.3px solid #f1f1f1;
  padding: 9px;
  border-radius: 50%;
  background-color: #f1f1f1;
}
/* 01.Common Css End */

/* 02.Login Css Start */

.login-welcome-text {
  font-size: 28px;
  font-weight: 500;
  color: #000520;
}
.login-title-text {
  font-size: 28px;
  font-weight: 600;
  color: #800000;
}
.login-subtitle-text {
  font-size: 14px;
  color: #707070;
}
.login-inputfield-icon {
  right: 18px;
  top: 9px;
}
.login_button {
  font-size: 16px;
  padding: 12px;
  border-radius: 10px;
}
.login-input-field {
  padding: 10px 18px;
  font-size: 16px;
  border-radius: 10px;
  border: 1px solid #a9a9a9;
}

.login-card-body {
  padding: 40px;
}

.index-capcha {
  padding: 10px 18px;
  font-size: 16px;
  border-radius: 4px;
  border: 1px solid #a9a9a9;
  background: #f0f0f0;
}

.block {
  position: absolute;
  left: 0;
  top: 0;
}
.slidercaptcha {
  margin: 0 auto;
  width: 100%;
  height: 245px;
  border-radius: 4px;
  margin-top: 0;
  border: 1px solid #c9c9c9;
}

.slidercaptcha canvas:first-child {
  border-radius: 5px;
  border: 1px solid #e6e8eb;
}

.sliderContainer {
  position: relative;
  text-align: center;
  line-height: 40px;
  background: #f7f9fa;
  color: #45494c;
  border-radius: 2px;
}

.sliderbg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background-color: #f7f9fa;
  height: 40px;
  border-radius: 2px;
  border: 1px solid #e6e8eb;
}

.sliderContainer_active .slider {
  top: -1px;
  border: 1px solid #1991fa;
}

.sliderContainer_active .sliderMask {
  border-width: 1px 0 1px 1px;
}

.sliderContainer_success .slider {
  top: -1px;
  border: 1px solid #02c076;
  background-color: #02c076 !important;
  color: #fff;
}

.sliderContainer_success .sliderMask {
  border: 1px solid #52ccba;
  border-width: 1px 0 1px 1px;
  background-color: #d2f4ef;
}

.sliderContainer_fail .slider {
  top: -1px;
  border: 1px solid #f35c59;
  background-color: #f35c59;
  color: #fff;
}

.sliderContainer_fail .sliderMask {
  border: 1px solid #f35c59;
  background-color: #f7dcdd;
  border-width: 1px 0 1px 1px;
}

.sliderContainer_active .sliderText,
.sliderContainer_success .sliderText,
.sliderContainer_fail .sliderText {
  display: none;
}

.sliderMask {
  position: absolute;
  left: 0;
  top: 0;
  height: 40px;
  border: 0 solid #d1e9fe;
  background: #d1e9fe;
  border-radius: 2px;
}

.slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background: #fff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  transition: background 0.2s linear;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.slider:hover {
  background: #009efb;
  color: #fff;
  border-color: #009efb;
}

.slider:hover .sliderIcon {
  background-position: 0 -13px;
}

.sliderText {
  position: relative;
}

.refreshIcon {
  position: absolute;
  right: 5px;
  top: 5px;
  cursor: pointer;
  color: #fff;
  background-color: #ff4c4c;
  font-size: 14px;
  border-radius: 28px;
  width: 24px;
  height: 25px;
  padding-left: 5px;
  padding-top: 3px;
}

.refreshIcon:hover {
  color: #fff;
}

#captchaContainer {
  position: fixed;
  top: 50%;
  right: 26px;
  transform: translate(-50%, -50%);
  z-index: 999;
}

@media only screen and (max-width: 1400.98px) {
  .login-card-body {
    padding: 20px;
  }

  .login-welcome-text {
    font-size: 26px;
    font-weight: 500;
    color: #000520;
  }

  .login-title-text {
    font-size: 26px;
    font-weight: 600;
    color: #800000;
  }

  .login-subtitle-text {
    font-size: 12px;
    color: #707070;
  }
  .login_button {
    font-size: 14px;
    padding: 12px;
    border-radius: 10px;
  }
  .login-input-field {
    padding: 10px 18px;
    font-size: 14px;
    border-radius: 10px;
    border: 1px solid #a9a9a9;
  }
}

@media only screen and (max-width: 558.98px) {
  #captchaContainer {
    position: fixed;
    top: 50%;
    right: -99px;
    transform: translate(-50%, -50%);
    z-index: 999;
  }
}

/* 02.Login Css End */
/* 03.Dashboard Css End */
.dashboard-card-title {
  font-size: 16px;
  font-weight: 600;
  color: #000520;
}

.dashboard-student-name {
  font-size: 20px;
  font-weight: 600;
  color: #800000;
}

.dashboard-student-details {
  font-size: 14px;
  font-weight: 400;
  color: #537e8f;
}

.dashboard-details-card {
  border-radius: 10px;
  border: 2px solid #de6468;
}

.dashboard-student-fees {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 10px;
}

.dashboard-student-amount {
  font-size: 32px;
  font-weight: 600;
  color: #d9df31;
}

.dashboard-payment-text {
  font-size: 32px;
  font-weight: 600;
  color: #64d460;
}

.dashboard-fee-card {
  background-color: #800000;
  border-radius: 10px;
}

.dashboard-fee-subtext {
  color: #fff2f2;
  font-size: 12px;
  font-weight: 400;
}

.dashboard-pay-btn {
  color: #fff;
  background-color: #de6468;
  font-size: 14px;
  padding: 6px 15px;
  border: navajowhite;
  border-radius: 4px;
}

.dashboard-viewinvoice-btn {
  border: 1px solid #de6468;
  color: #fff;
  font-size: 14px;
  padding: 5px 14px;
  border-radius: 4px;
  background-color: #800000;
}

.dashboard-table-card {
  border: 2px solid #de6468;
  border-radius: 10px;
}

.dashboard-table-viewall {
  font-size: 12px;
  color: #707070;
}

.dashboard-table th {
  background-color: #fff2f2;
  font-size: 12px;
  font-weight: 600;
  padding-left: 1.6rem !important;
}

.dashboard-table td {
  font-size: 14px;
  font-weight: 400;
  padding-top: 7px !important;
  padding-bottom: 7px !important;
  padding-left: 1.6rem !important;
}

.dashboard-bookdetails-card {
  border: 2px solid #64d460;
  border-radius: 10px;
}

.dashboard-book-subtext {
  font-size: 14px;
  font-weight: 400;
  color: #537e8f;
}

.dashboard-book-text {
  font-size: 20px;
  font-weight: 600;
  color: #800000;
}

.dashboard-successlogo {
  position: absolute;
  right: 39px;
  bottom: 0;
}

.dashboard-nodata-subtext {
  color: #537e8f;
  font-size: 12px;
}

@media only screen and (max-width: 1400.98px) {
  .dashboard-card-title {
    font-size: 14px;
    font-weight: 600;
    color: #000520;
  }

  .dashboard-student-name {
    font-size: 18px;
    font-weight: 600;
    color: #800000;
  }

  .dashboard-student-details {
    font-size: 12px;
    font-weight: 400;
    color: #537e8f;
  }

  .dashboard-student-fees {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 10px;
  }

  .dashboard-student-amount {
    font-size: 30px;
    font-weight: 600;
    color: #d9df31;
  }

  .dashboard-payment-text {
    font-size: 30px;
    font-weight: 600;
    color: #64d460;
  }

  .dashboard-fee-subtext {
    color: #fff2f2;
    font-size: 10px;
    font-weight: 400;
  }

  .dashboard-pay-btn {
    color: #fff;
    background-color: #de6468;
    font-size: 12px;
    padding: 6px 15px;
    border: navajowhite;
    border-radius: 4px;
  }

  .dashboard-viewinvoice-btn {
    border: 1px solid #de6468;
    color: #fff;
    font-size: 12px;
    padding: 5px 14px;
    border-radius: 4px;
    background-color: #800000;
  }

  .dashboard-table-viewall {
    font-size: 10px;
    color: #707070;
  }

  .dashboard-table th {
    background-color: #fff2f2;
    font-size: 10px;
    font-weight: 600;
    padding-left: 1.6rem !important;
  }

  .dashboard-table td {
    font-size: 12px;
    font-weight: 400;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    padding-left: 1.6rem !important;
  }

  .dashboard-book-subtext {
    font-size: 12px;
    font-weight: 400;
    color: #537e8f;
  }

  .dashboard-book-text {
    font-size: 18px;
    font-weight: 600;
    color: #800000;
  }

  .dashboard-successlogo {
    position: absolute;
    right: 19px;
    bottom: 0;
  }
}
@media only screen and (max-width: 1200.98px) {
  .dashboard-card-title {
    font-size: 12px;
    font-weight: 600;
    color: #000520;
  }

  .dashboard-student-name {
    font-size: 16px;
    font-weight: 600;
    color: #800000;
  }

  .dashboard-student-details {
    font-size: 10px;
    font-weight: 400;
    color: #537e8f;
  }

  .dashboard-student-fees {
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 10px;
  }

  .dashboard-student-amount {
    font-size: 28px;
    font-weight: 600;
    color: #d9df31;
  }

  .dashboard-payment-text {
    font-size: 28px;
    font-weight: 600;
    color: #64d460;
  }
  .dashboard-fee-subtext {
    color: #fff2f2;
    font-size: 10px;
    font-weight: 400;
  }

  .dashboard-pay-btn {
    color: #fff;
    background-color: #de6468;
    font-size: 10px;
    padding: 6px 15px;
    border: navajowhite;
    border-radius: 4px;
  }

  .dashboard-viewinvoice-btn {
    border: 1px solid #de6468;
    color: #fff;
    font-size: 10px;
    padding: 5px 14px;
    border-radius: 4px;
    background-color: #800000;
  }

  .dashboard-table-viewall {
    font-size: 10px;
    color: #707070;
  }

  .dashboard-table th {
    background-color: #fff2f2;
    font-size: 10px;
    font-weight: 600;
    padding-left: 1.6rem !important;
  }

  .dashboard-table td {
    font-size: 10px;
    font-weight: 400;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    padding-left: 1.6rem !important;
  }

  .dashboard-book-subtext {
    font-size: 10px;
    font-weight: 400;
    color: #537e8f;
  }

  .dashboard-book-text {
    font-size: 16px;
    font-weight: 600;
    color: #800000;
  }
}
@media only screen and (max-width: 993.98px) {
  .dashboard-table td {
    font-size: 12px;
    font-weight: 400;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    padding-left: 1.6rem !important;
    border-bottom-left-radius: 11px;
    border-bottom-right-radius: 10px;
  }

  .dashboard-successlogo {
    position: absolute;
    right: 53px;
    bottom: 0;
  }
}
/* 03.Dashboard Css End */
/* 04.Invoice Css End */
.invoice-page-title {
  font-size: 20px;
  font-weight: 500;
  color: #000;
}

.invoice-download-text {
  font-size: 16px;
  color: #800000;
  font-weight: 400;
}

.invoice-card {
  border: 1px solid #a9a9a9;
  border-radius: 8px;
}

.invoice-cpe-text {
  font-size: 13px;
  font-weight: 600;
  color: #000;
}

.invoice-payment-title {
  font-size: 28px;
  font-weight: 600;
  color: #800000;
}

.invoice-details {
  font-size: 18px;
  font-weight: 600;
  color: #000000;
}

.invoice-address-card {
  border: 1px solid #a9a9a9;
  border-radius: 4px;
  padding: 50px 102px;
}

.invoice-address-card2 {
  border: 1px solid #a9a9a9;
  border-radius: 4px;
  padding: 50px 180px;
}

.invoice-address-title {
  font-size: 16px;
  font-weight: 600;
  color: #000;
}

.invoice-address-subtext {
  font-size: 18px;
  font-weight: 400;
  color: #000;
}

.datatable-invoice {
  border: 1px solid lightgray;
  border-radius: 4px;
}

.datatable-invoice th {
  background-color: #800000;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}

.datatable-invoice tbody td {
  color: #000;
  font-size: 18px;
  font-weight: 500;
}

.datatable-invoice tfoot .invoice-subtotal td {
  background-color: #de6468;
  color: #000;
  font-size: 18px;
  font-weight: 500;
}

.datatable-invoice tfoot .invoice-subtotal .subtotal-title {
  text-align: end;
  padding-right: 70px;
}

.datatable-invoice tfoot .invoice-gst td {
  color: #000;
  font-size: 18px;
  font-weight: 500;
}

.datatable-invoice tfoot .invoice-gst .gst-title {
  text-align: end;
  padding-right: 70px;
}

.datatable-invoice tfoot .invoice-total td {
  background-color: #800000;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
}

.datatable-invoice tfoot .invoice-total .total-title {
  text-align: end;
  padding-right: 70px;
}

.invoice-terms-title {
  font-size: 16px;
  font-weight: 600;
  color: #000;
}

.invoice-terms-content {
  font-size: 16px;
  font-weight: 400;
  color: #000;
}

@media only screen and (max-width: 1400.98px) {
  .invoice-page-title {
    font-size: 18px;
    font-weight: 500;
    color: #000;
  }

  .invoice-download-text {
    font-size: 14px;
    color: #800000;
    font-weight: 400;
  }

  .invoice-cpe-text {
    font-size: 11px;
    font-weight: 600;
    color: #000;
  }

  .invoice-payment-title {
    font-size: 26px;
    font-weight: 600;
    color: #800000;
  }

  .invoice-details {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
  }

  .invoice-address-title {
    font-size: 14px;
    font-weight: 600;
    color: #000;
  }

  .invoice-address-subtext {
    font-size: 16px;
    font-weight: 400;
    color: #000;
  }

  .datatable-invoice th {
    background-color: #800000;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
  }

  .datatable-invoice tbody td {
    color: #000;
    font-size: 16px;
    font-weight: 500;
  }

  .datatable-invoice tfoot .invoice-subtotal td {
    background-color: #de6468;
    color: #000;
    font-size: 16px;
    font-weight: 500;
  }

  .datatable-invoice tfoot .invoice-gst td {
    color: #000;
    font-size: 16px;
    font-weight: 500;
  }

  .datatable-invoice tfoot .invoice-total td {
    background-color: #800000;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
  }

  .invoice-terms-title {
    font-size: 14px;
    font-weight: 600;
    color: #000;
  }

  .invoice-terms-content {
    font-size: 14px;
    font-weight: 400;
    color: #000;
  }
}

@media only screen and (max-width: 1200.98px) {
  .invoice-page-title {
    font-size: 20px;
    font-weight: 500;
    color: #000;
  }

  .invoice-download-text {
    font-size: 12px;
    color: #800000;
    font-weight: 400;
  }

  .invoice-cpe-text {
    font-size: 11px;
    font-weight: 600;
    color: #000;
  }

  .invoice-payment-title {
    font-size: 24px;
    font-weight: 600;
    color: #800000;
  }

  .invoice-details {
    font-size: 14px;
    font-weight: 600;
    color: #000000;
  }

  .invoice-address-title {
    font-size: 12px;
    font-weight: 600;
    color: #000;
  }

  .invoice-address-subtext {
    font-size: 14px;
    font-weight: 400;
    color: #000;
  }

  .datatable-invoice th {
    background-color: #800000;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
  }

  .datatable-invoice tbody td {
    color: #000;
    font-size: 14px;
    font-weight: 500;
  }

  .datatable-invoice tfoot .invoice-subtotal td {
    background-color: #de6468;
    color: #000;
    font-size: 14px;
    font-weight: 500;
  }

  .datatable-invoice tfoot .invoice-gst td {
    color: #000;
    font-size: 14px;
    font-weight: 500;
  }

  .datatable-invoice tfoot .invoice-total td {
    background-color: #800000;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
  }

  .invoice-terms-title {
    font-size: 12px;
    font-weight: 600;
    color: #000;
  }

  .invoice-terms-content {
    font-size: 12px;
    font-weight: 400;
    color: #000;
  }
}

@media only screen and (max-width: 500.98px) {
  .invoice-address-card {
    border: 1px solid #a9a9a9;
    border-radius: 4px;
    padding: 33px 43px;
  }
}

@media only screen and (max-width: 350.98px) {
  .invoice-address-card {
    border: 1px solid #a9a9a9;
    border-radius: 4px;
    padding: 5px 16px;
  }
}

/* 04.Invoice Css End */
/* 05.Bookstore Css End */
.bookstore-title {
  font-size: 14px;
  font-weight: 600;
  color: #000;
}

.bookstore-amount {
  font-size: 18px;
  font-weight: 600;
  color: #800000;
}

.bookstore-card {
  border: 1px solid #a9a9a9 !important;
  border-bottom-right-radius: 30px !important;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
}
.bookstore-add-cart {
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  background-color: #800000;
  position: absolute;
  width: 100%;
  bottom: 94px;
  cursor: pointer;
  display: none;
}

.bookstore-card:hover .bookstore-add-cart {
  display: block;
}

.bookstore-load-btn {
  padding: 4px 40px;
  border: 1px solid #537e8f;
  border-radius: 4px;
  color: #537e8f;
  font-size: 16px;
  background: transparent;
  cursor: pointer;
}

.bookstore-load-btn:hover {
  background-color: #537e8f;
  color: #fff;
}

.bookstore-filter-dropdown {
  font-size: 16px;
  color: #707070;
}
.footer-alert-bookstore {
  background-color: #800000;
  padding: 14px 22px;
  border-radius: 5px;
  bottom: 20px;
  cursor: pointer;
}

.bookstore-alert-txt {
  color: #fff;
}

.book-details-button {
  font-size: 10px;
  padding: 5px 2px;
  background-color: #e94751;
  color: #fff;
  border-radius: 50px;
  margin: auto;
  border: 2px solid #e94751;
  position: absolute;
  right: 2px;
  top: 2px;
  height: 30px;
}

.book-details-button span {
  color: white;
  font-size: 0;
  padding: 1px 11px;
}

.book-details-button:hover {
  /* padding:20px 50px 20px 10px; */
  border: 2px solid #e94751;
}

.book-details-button:hover span {
  font-size: 12px;
  margin-right: 14px;
}

.book-details-button:hover .ico {
  margin-left: 0px;
  transform: rotate(360deg);
}

.book-details-button:hover .span {
  visibility: visible;
}

.book-details-icon {
  transition: all 0.5s;
  background-color: white;
  color: #e94751;
  width: 22px;
  height: 22px;
  padding: 0px 4px;
  border-radius: 20px;
  position: absolute;
  top: 2px;
  right: 2px;
  font-size: 14px;
}

.book-details-icon::before {
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  /* content: "\f2c3" !important;
font-family:Ionicons; */
  margin-left: -1px;
  color: #000 !important;
}

.book-details-button:hover .book-details-icon::before {
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  /* content: "\f10b" !important;
font-family:Ionicons; */
  margin-left: -1px;
}

/* 05.Bookstore Css End */
/* 06.Payment Start End */
.payment-back-header {
  font-size: 14px;
  font-weight: 400;
  color: #fff2f2;
}

.payment-fees-title {
  font-size: 20px;
  font-weight: 600;
  color: #000;
}

.payment-fees-subtitle {
  font-size: 14px;
  font-weight: 400;
  color: #537e8f;
}

.payment-horizontal-line {
  width: 48%;
}

.paymentbook-horizontal-line {
  width: 75%;
}

.payment-details-title {
  font-size: 16px;
  font-weight: 600;
  color: #000;
}

.payment-details-question {
  font-size: 16px;
  font-weight: 600;
  color: #537e8f;
}

.payment-details-answer {
  font-size: 16px;
  font-weight: 600;
  color: #000;
}

.payment-type-title {
  font-size: 16px;
  font-weight: 600;
  color: #537e8f;
}

.payment-method-text {
  font-size: 18px;
  font-weight: 600;
  color: #000;
}

.payment-method-card {
  border: 1px solid #a9a9a9;
  border-radius: 8px;
}

@media only screen and (max-width: 1400.98px) {
  .payment-back-header {
    font-size: 12px;
    font-weight: 400;
    color: #fff2f2;
  }

  .payment-fees-title {
    font-size: 18px;
    font-weight: 600;
    color: #000;
  }

  .payment-fees-subtitle {
    font-size: 12px;
    font-weight: 400;
    color: #537e8f;
  }

  .payment-details-title {
    font-size: 14px;
    font-weight: 600;
    color: #000;
  }

  .payment-details-question {
    font-size: 14px;
    font-weight: 600;
    color: #537e8f;
  }

  .payment-details-answer {
    font-size: 14px;
    font-weight: 600;
    color: #000;
  }

  .payment-type-title {
    font-size: 14px;
    font-weight: 600;
    color: #537e8f;
  }

  .payment-method-text {
    font-size: 16px;
    font-weight: 600;
    color: #000;
  }
}

@media only screen and (max-width: 1200.98px) {
  .payment-back-header {
    font-size: 10px;
    font-weight: 400;
    color: #fff2f2;
  }

  .payment-fees-title {
    font-size: 16px;
    font-weight: 600;
    color: #000;
  }

  .payment-fees-subtitle {
    font-size: 10px;
    font-weight: 400;
    color: #537e8f;
  }

  .payment-details-title {
    font-size: 12px;
    font-weight: 600;
    color: #000;
  }

  .payment-details-question {
    font-size: 12px;
    font-weight: 600;
    color: #537e8f;
  }

  .payment-details-answer {
    font-size: 12px;
    font-weight: 600;
    color: #000;
  }

  .payment-type-title {
    font-size: 12px;
    font-weight: 600;
    color: #537e8f;
  }

  .payment-method-text {
    font-size: 14px;
    font-weight: 600;
    color: #000;
  }
}

@media only screen and (max-width: 993.98px) {
  .payment-horizontal-line {
    width: 100%;
  }
  .paymentbook-horizontal-line {
    width: 100%;
  }
}
/* 06.Payment Css End */
/* 07.Support-Ticket Css Start */
.open-ticket-container {
  border: 1px solid #adadad;
  padding: 30px !important;
  border-radius: 5px;
}

.support-ticket-attachment {
  border: 1px solid #adadad;
  border-radius: 5px;
  padding: 5px;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

.text-trucate-ticket {
  width: 141px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
}

.message-conatiner {
  border: 1px solid #c9c6c6;
  border-radius: 27px;
  box-shadow: 0 0 10px lightgray;
}

.support-inbox-font {
  font-size: 16px;
}

.replyButton {
  padding: 4px 15px;
  border-radius: 25px;
  border: 1px solid gray;
  display: flex;
  align-items: center;
}

.message-box-image {
  position: absolute;
  left: 22px;
  box-shadow: 0 0 10px lightgray;
  border-radius: 35px;
}
/* 07.Support-Ticket Css End */
/* 08.Welcome Css Start */
.Welcome-parent-name {
  font-size: 16px;
  font-weight: 500;
}

.Welcome-title {
  font-size: 26px;
  font-weight: 500;
  color: #000520;
}

.Welcome-subtext {
  font-size: 14px;
  font-weight: 400;
}

.Welcome-card {
  border: 1px solid #de6468;
  border-radius: 8px;
}

.welcome-start-btn {
  font-size: 14px;
}

.terms-condition-steper {
  position: absolute;
  top: 70px;
  width: 100%;
}

.terms-condition-navitem {
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
}

.terms-condition-navitem .active {
  color: #000;
}

.terms-condition-navitem .completed {
  color: #fff;
  background-color: #64d460;
  margin-right: 0.5px;
  height: 100%;
}

.terms-condition-navlink {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  font-size: 16px;
  font-weight: 600;
  color: #537e8f;
  text-decoration: none;
  background: 0 0;
  border: 0;
  -webkit-transition: color 0.15s ease-in-out,
    background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out;
}

.terms-condition-tabcount {
  border: 1px solid;
  border-radius: 50%;
  height: 30px; /* Adjust size as needed */
  width: 30px; /* Adjust size as needed */
  display: flex;
  justify-content: center;
  align-items: center;
}

.terms-condition-policy {
  font-size: 14px;
}

.terms-condition-title {
  font-size: 20px;
  font-weight: 600;
}

.terms-accept-btn {
  font-size: 14px;
  padding: 9px 60px;
}

.terms-accept-decline {
  font-size: 14px;
  border: 1px solid #707070;
  color: #707070;
  border-radius: 4px;
  padding: 9px 60px;
  background: transparent;
}

.terms-accept-decline:hover {
  border: 1px solid #707070;
  color: #707070;
}

.security-question-dropdown {
  background-color: #e8e8e8;
  border: 1px solid #a9a9a9;
}

@media only screen and (max-width: 993.98px) {
  .terms-condition-icon {
    text-align: center !important;
  }
}
/* 08.Welcome Css End */
/* 09.Order Css Start */
.order-summary-title {
  font-size: 20px;
  font-weight: 600;
  color: #000;
}
/* 09.Order Css End */
/* BEGIN: Cart Count Circle */
.cart-icon {
  position: relative;
  display: inline-block;
}

.count {
  position: absolute;
  top: -8px;
  right: -9px;
  background-color: #ffdc2d;
  color: #000;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: bold;
}