.paye-membership-wrapper .plan-info-list ul{
  list-style-type: none;
}
.paye-page-wrapper {
  width: 100%;
  position: relative;
  background-image: url(/themes/curam/assets/images/clients/curam-logo-bg.svg);
  background-position: right top -70px;
  background-repeat: no-repeat;
  width: 100%;
  margin: 0 auto;
  line-height: 1.2;
}
.paye-page-wrapper .paye-page-block {
  width: 100%;
  text-align: center;
  padding-top: 65px;
}
.paye-page-wrapper .paye-page-block h1 {
  color: #000;
  font-size: 30px;
  font-weight: 800;
  margin: 0 auto 20px;
}
.paye-page-wrapper .paye-page-block p.plan-info {
  color: #000;
  font-size: 14px;
  font-weight: 500;
  margin: 0 auto 45px;
}
.paye-page-wrapper .paye-page-block .choose-plan-wrapper {
  width: 100%;
}
.paye-page-wrapper .paye-page-block .choose-plan-wrapper h4 {
  color: #000;
  font-size: 20px;
  font-weight: 800;
  margin: 0 auto 40px;
}
.paye-page-wrapper .paye-page-block .choose-plan-wrapper .choose-plan-block .view-content{
  width: 100%;
  max-width: 800px;
  display: flex;
  gap: 25px;
  margin: 0 auto 50px;
  flex-wrap: wrap;
  justify-content: center;
}

.paye-page-wrapper .paye-page-block .choose-plan-wrapper .choose-plan-block .view-content .views-row {
  width: 48%;
}

@media (max-width: 767.98px) {
  .paye-page-wrapper .paye-page-block .choose-plan-wrapper .choose-plan-block {
    grid-template-columns: repeat(1, 1fr);
    justify-items: center;
    gap: 35px;
  }
  .paye-page-wrapper .paye-page-block .choose-plan-wrapper .choose-plan-block .view-content .views-row {
    width: 100%;
  } 
  .paye-dashboard-heading-items {    flex-direction: column;} 
  .paye-dashboard-heading-items .need-support {max-width: 300px; margin-top: 15px;}
}
.paye-page-wrapper .paye-page-block .choose-plan-wrapper .choose-plan-block .choose-plan-items {
  border: 2px solid #494FC9;
  background-color: #fff;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  padding: 30px 40px 82px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  position: relative;
}
@media (max-width: 767.98px) {
  .paye-page-wrapper .paye-page-block .choose-plan-wrapper .choose-plan-block .choose-plan-items {
    max-width: 390px;
  }
}
.paye-page-wrapper .paye-page-block .choose-plan-wrapper .choose-plan-block .choose-plan-items::before {
  content: " ";
  width: 90%;
  height: 10px;
  position: absolute;
  left: 50%;
  top: -12px;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  background-color: #FFCE6C;
  border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -ms-border-radius: 10px 10px 0 0;
  -o-border-radius: 10px 10px 0 0;
}
.paye-page-wrapper .paye-page-block .choose-plan-wrapper .choose-plan-block .choose-plan-items .plan-name-info {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  min-height: 255px;
}
.paye-page-wrapper .paye-page-block .choose-plan-wrapper .choose-plan-block .choose-plan-items .plan-name-info .plan-name {
  color: #000B33;
  font-size: 15px;
  font-weight: 600;
  padding: 7px 15px;
  background-color: #FFF2D7;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  max-width: -moz-fit-content;
  max-width: fit-content;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.paye-page-wrapper .paye-page-block .choose-plan-wrapper .choose-plan-block .choose-plan-items .plan-name-info h3 {
  font-size: 24px;
  font-weight: 800;
  color: #494FC9;
  text-align: center;
  margin-bottom: 15px;
  line-height: 1.4;
}
.paye-page-wrapper .paye-page-block .choose-plan-wrapper .choose-plan-block .choose-plan-items .plan-name-info p {
  font-size: 14px;
  font-weight: 500;
  color: #000;
  text-align: center;
  margin-bottom: 15px;
}
.paye-page-wrapper .paye-page-block .choose-plan-wrapper .choose-plan-block .choose-plan-items .price-per-month-block {
  margin: 20px auto;
  width: 100%;
  text-align: center;
  border-top: 1px solid #B3BBD9;
  border-bottom: 1px solid #B3BBD9;
  padding: 20px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.paye-page-wrapper .paye-page-block .choose-plan-wrapper .choose-plan-block .choose-plan-items .price-per-month-block h2 {
  font-size: 40px;
  font-weight: 600;
  color: #000;
  text-align: center;
  margin-bottom: 7px;
}
.paye-page-wrapper .paye-page-block .choose-plan-wrapper .choose-plan-block .choose-plan-items .price-per-month-block h6 {
  font-size: 15px;
  font-weight: 600;
  color: #000;
  text-align: center;
  margin-bottom: 0;
}
.paye-page-wrapper .paye-page-block .choose-plan-wrapper .choose-plan-block .choose-plan-items .plan-info-list {
  width: 100%;
  display: block;
}
.paye-page-wrapper .paye-page-block .choose-plan-wrapper .choose-plan-block .choose-plan-items .plan-info-list ul {
  display: block;
  padding-left: 0;
  margin-left: 0;
  margin-bottom: 30px;
}
.paye-page-wrapper .paye-page-block .choose-plan-wrapper .choose-plan-block .choose-plan-items .plan-info-list ul li {
  margin-bottom: 15px;
  position: relative;
  color: #000;
  font-size: 15px;
  font-weight: 400;
  padding-left: 35px;
  text-align: left;
}
.paye-page-wrapper .paye-page-block .choose-plan-wrapper .choose-plan-block .choose-plan-items .plan-info-list ul li::before {
  content: url(/themes/curam/assets/images/clients/subtract.svg);
  width: 22px;
  height: 22px;
  margin-right: 12px;
  position: absolute;
  left: 0;
  top: 0;
}
.paye-page-wrapper .paye-page-block .choose-plan-wrapper .choose-plan-block .choose-plan-items .choose-plan-btn {
  width: calc(100% - 80px);
  position: absolute;
  bottom: 30px;
}
.paye-page-wrapper .paye-page-block .choose-plan-wrapper .choose-plan-block .choose-plan-items.purple_bg::before {
  content: " ";
  background-color: #BB8AF9;
}
.paye-page-wrapper .paye-page-block .choose-plan-wrapper .choose-plan-block .choose-plan-items.purple_bg .plan-name {
  background-color: #F4EBFE;
}
.paye-page-wrapper .paye-application-status {
  width: 100%;
  padding-top: 35px;
}
.paye-page-wrapper .paye-application-status h1 {
  color: #000;
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 24px;
}
.paye-page-wrapper .paye-application-status .plan-detail-wrapper {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
  margin: 0 auto 50px;
}
@media (max-width: 820px) {
  .paye-page-wrapper .paye-application-status .plan-detail-wrapper {
    grid-template-columns: repeat(1, 1fr);
    gap: 25px;
  }
}
.paye-page-wrapper .paye-application-status .plan-detail-wrapper .plan-detail-block {
  border: 1px solid #D3D4E3;
  background-color: #fff;
  border-radius: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  -o-border-radius: 24px;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
}
.paye-page-wrapper .paye-application-status .plan-detail-wrapper .plan-detail-block .paye-standard-block {
  width: 100%;
}
.paye-page-wrapper .paye-application-status .plan-detail-wrapper .plan-detail-block .paye-standard-block .paye-standard-head {
  width: 100%;
  padding: 30px 35px 25px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
@media (max-width: 600px) {
  .paye-page-wrapper .paye-application-status .plan-detail-wrapper .plan-detail-block .paye-standard-block .paye-standard-head {
    padding: 30px 20px 25px;
  }
}
.paye-page-wrapper .paye-application-status .plan-detail-wrapper .plan-detail-block .paye-standard-block .paye-standard-head h2 {
  color: #000;
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 20px;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .paye-page-wrapper .paye-application-status .plan-detail-wrapper .plan-detail-block .paye-standard-block .paye-standard-head h2 {
    font-size: 25px;
    margin-bottom: 15px;
  }
}
.paye-page-wrapper .paye-application-status .plan-detail-wrapper .plan-detail-block .paye-standard-block .paye-standard-head p {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 15px;
}
.paye-page-wrapper .paye-application-status .plan-detail-wrapper .plan-detail-block .paye-standard-block .paye-standard-head .paye-status-block {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}
.paye-page-wrapper .paye-application-status .plan-detail-wrapper .plan-detail-block .paye-standard-block .paye-standard-head .paye-status-block .paye-status-block-lt {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 25px;
}
.paye-page-wrapper .paye-application-status .plan-detail-wrapper .plan-detail-block .paye-standard-block .paye-standard-head .paye-status-block .paye-status-block-lt .status-btn {
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  padding: 10px 15px !important;
  height: 40px !important;
  color: #fff;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}
.paye-page-wrapper .paye-application-status .plan-detail-wrapper .plan-detail-block .paye-standard-block .paye-standard-head .paye-status-block .paye-status-block-lt .pending-btn {
  background-color: #FF912C !important;
}
.paye-page-wrapper .paye-application-status .plan-detail-wrapper .plan-detail-block .paye-standard-block .paye-standard-head .paye-status-block .paye-status-block-lt .approved-btn {
  background-color: #21AE73 !important;
}
.paye-page-wrapper .paye-application-status .plan-detail-wrapper .plan-detail-block .paye-standard-block .paye-standard-head .paye-status-block .paye-status-block-lt .rejected-btn {
  background-color: #f72424 !important;
}
.paye-page-wrapper .paye-application-status .plan-detail-wrapper .plan-detail-block .paye-standard-block .paye-standard-head .paye-status-block .paye-status-block-lt span {
  font-size: 12px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.7);
}
.paye-page-wrapper .paye-application-status .plan-detail-wrapper .plan-detail-block .paye-standard-block .paye-standard-footer {
  width: 100%;
  padding: 20px 35px 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 80px;
  flex-wrap: wrap;
  gap: 15px;
}
@media (max-width: 600px) {
  .paye-page-wrapper .paye-application-status .plan-detail-wrapper .plan-detail-block .paye-standard-block .paye-standard-footer {
    padding: 20px 20px 30px;
  }
}
.paye-page-wrapper .paye-application-status .plan-detail-wrapper .plan-detail-block .paye-standard-block .paye-standard-footer span {
  font-size: 15px;
  font-weight: 700;
  color: #000;
}
.paye-page-wrapper .paye-application-status .plan-detail-wrapper .plan-detail-block .paye-standard-block .paye-standard-footer a.link-btn {
  color: #494FC9;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
}
.paye-page-wrapper .paye-application-status .plan-detail-wrapper .plan-detail-block .paye-standard-block .paye-standard-footer a.link-btn:hover, .paye-page-wrapper .paye-application-status .plan-detail-wrapper .plan-detail-block .paye-standard-block .paye-standard-footer a.link-btn:focus {
  color: #2F349D;
  text-decoration: none;
}
.paye-page-wrapper .paye-application-status .plan-detail-wrapper.plan-approved-block {
  grid-template-columns: repeat(1, 1fr);
}

.timeline-container {
  width: 100%;
  margin: 0 auto;
  display: block;
  position: relative;
  padding: 35px 30px 25px;
}

.timeline-container ul.tl {
  margin: 0;
  padding: 0 0 0 17px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
}

.timeline-container ul.tl li {
  list-style: none;
  margin: 0;
  min-height: 50px;
  border-left: 1px dashed rgba(0, 0, 0, 0.3);
  padding: 0 0 25px 30px;
  position: relative;
  display: flex;
  flex-direction: row;
}

.timeline-container ul.tl li.dashed {
  border-left: 1px dashed #86D6FF;
}

.timeline-container ul.tl li:last-child {
  padding-bottom: 0;
  border-left: 0;
}

.timeline-container ul.tl li .item-icon {
  position: absolute;
  left: -11px;
  top: 0;
  content: " ";
  border: 1px solid #B5B5B5;
  border-radius: 500%;
  background: #fff;
  height: 20px;
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.timeline-container ul.tl li .item-icon-inner {
  width: 16px;
  height: 16px;
  background: transparent;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.timeline-container ul.tl li .item-icon-inner img {
  max-width: 9px;
  padding-bottom: 1px;
  height: auto;
  display: none;
}

ul.tl li .item-text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

ul.tl li .item-title {
  font-size: 15px;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.4);
  margin-bottom: 5px;
}

ul.tl li .item-detail {
  color: rgba(0, 0, 0, 0);
  font-size: 12px;
  font-weight: 500;
  pointer-events: none;
  -webkit-user-select: none; /* Safari */ /* IE 10 and IE 11 */
  -moz-user-select: none;
       user-select: none; /* Standard syntax */
}

ul.tl li .item-timestamp {
  color: #8D8D8D;
  font-size: 12px;
  text-align: right;
  padding-left: 20px;
}

.timeline-container ul.tl li.active .item-icon-inner {
  background: #21AE73 !important;
}

.timeline-container ul.tl li.active .item-icon-inner img {
  display: block !important;
}

ul.tl li.active .item-title {
  color: rgb(0, 0, 0) !important;
}

ul.tl li.active .item-detail {
  color: rgba(0, 0, 0, 0.7) !important;
  pointer-events: visible;
  -webkit-user-select: auto; /* Safari */ /* IE 10 and IE 11 */
  -moz-user-select: auto;
       user-select: auto; /* Standard syntax */
}
.active-membership-actions-wrapper {
  display: flex;
  gap: 2em;
}
.update-date-text{
  color: rgba(0, 0, 0, 0.4) !important;
}
.b2c-paye-shifts .b2c-paye-hide-rates{
  display: none;
}
.b2c-paye-shifts .jobposting-flow.shift-card{
  overflow: unset;
}
/* .b2c-paye-shifts .jobposting-flow.shift-card .action-buttons{
  width: 78% !important;
}
.b2c-paye-shifts #job-posting {
  padding: 0px 4.5vw !important;
  align-items: start !important;
}
.b2c-paye-shifts .jobposting-flow.shift-card .center-content-area {
  align-items: start !important;
}
.b2c-paye-shifts .sycn-container-body {
  width: 92% !important;
} */
.form-group label:before{
  content: unset !important;
}
#savecardcheck-div label:before{
  content: '' !important;
}
.form-item-cardexpirationdate {
  display: none !important;
}
#paye-membership-payment-form #edit-submit {
  background-color: #494FC9;
}
#paye-membership-payment-form #edit-submit:hover {
  cursor: pointer;
}
#paye-membership-payment-form .payment-block-rt h2 {
  font-size: 20px;
  color: #35353F;
  font-weight: 700 !important;
}
.paye-confirmation-button{
  background: #494FC9 !important;
}
.paye-confirmation-button:hover{
  background: #2F349D !important;
}
.paye_membership_checkout_success #content, .paye_membership_checkout_fail #content {
  max-width: 1024px;
  margin: 0 auto;
}

.paye-client-update-profile, .make-payment-modal{
  justify-content: center !important;
  align-items: center !important;
}
.paye-client-update-profile .form-group input{
  display: unset;
}
.b2c_paye_dashboard .swal-overlay--show-modal {
  z-index: 999999999;
}
.b2c_paye_dashboard .modal .modal-content .modal-body {
  display:block !important;
}

.paye_membership_payment .form-group label input:checked + span:after {
  content: '';
  display: block;
  position: absolute;
  top: 1px;
  left: 7px;
  width: 6px;
  height: 14px;
  border: solid #494FC9;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.paye_membership_payment .form-item-savecardonmangopay .checkmark {
  display: inline-block;
}
.paye_membership_payment .form-item-savecardonmangopay .checkmark::before {
  content: none;
}

body.hide-admin-tools.user-logged-in.client_user_class.b2c_paye_dashboard {
  display: block;
}

.paye_membership_plans .paye-membership-confirmation-popup .modal-header {
  padding:0 !important;
}

.paye_membership_plans .paye-membership-confirmation-popup .modal-content .modal-footer {
  display: grid !important;
}
.paye-dashboard-heading-wrapper {
  /* display: flex; */ /*Temprorly commented out will use this later*/
  justify-content: space-between;
  margin-bottom: 20px;
  align-items: center;
}
.paye-dashboard-heading-wrapper h1 {
  margin-bottom: 0 !important;
}
.membership-history-wrapper img {
  width: 25px;
}




.paye_membership_plans .client-message-signup-form #multipleinvitetojob-popup input[type="text"] {
  border-radius:12px !important;
}
.paye_membership_plans #client-message-signup-form .ideal__input-form-control {
  /* border-radius: 12px 0 0 12px !important; */
}
.paye_membership_plans #client-message-signup-form .ideal__select-form-control {
  padding:10px;
}
.paye_membership_plans #client-message-signup-form .error {
  font-size: .8rem; color: #d82020;
}
.paye_membership_plans #client-message-signup-form input#edit-mobile.form-control {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;}
.paye_membership_plans #client-message-signup-form label {
  padding:0 !important;
}
.paye_membership_plans #client-message-signup-form .form-group {
  margin:0;
}
.paye_membership_plans #client-message-signup-form .input__field-group .prefix-text {
  padding:11px 10px;
  line-height: 2;
  min-height: 53px;
}

.paye_membership_plans #client-message-signup-form #edit-custom-pass {border:0 !important;}
.paye_membership_plans .toggle-password .prefix-img {border-left: 1px solid #e6e6e6;}

.social-login-wrapper .custom-signup .hover-state-social:hover {
  cursor: pointer;
}

.custom-ajax-loader lottie-player, .custom-page-loader lottie-player {
  margin: auto;
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
}
.custom-ajax-loader {
  background: rgba(255, 252, 249, .65);
  z-index: 1111;
  -webkit-transition: background-color 0s;
  transition: background-color 0s;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  opacity: .9;
}
.paye_membership_checkout_fail .payment-status {
  margin: 10px 0;
}

.paye-client-info-wrapper
{
  width: 700px;
  margin: 50px auto;
}
.paye-client-info-wrapper .paye-client-info-title
{
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 20px;
}
.paye-client-info-wrapper .content-1 , .paye-client-info-wrapper .content-2
{
  font-size: 15px;
  letter-spacing: 0.5px;
  line-height: 24px;
  margin-bottom: 15px;
}
.paye-client-info-wrapper .paye-cilent-apply-button
{
  display:inline-flex;
  margin-top: 30px;
}
.paye-client-info-wrapper .paye-cilent-apply-button .btn
{
  text-decoration:none;
  cursor:pointer;
}

@media (max-width: 767px) {
  .paye-page-wrapper {
    background-image: none;
  }
  .paye-client-info-wrapper {
    width: 95%;
    margin: 30px auto;
  }
}
.paye_membership_payment .top-back {
  padding-bottom: 20px;
  padding-top: 0;
}

.menu-header.new-usersignup-header ul.profile-menu li.profile-menu-list a:hover .paye-dash-line-1 { stroke: #494fc9; }
.menu-header.new-usersignup-header ul.profile-menu li.profile-menu-list a:hover .paye-dash-line { fill: #494fc9; }

.paye-dashboard-heading-wrapper .paye-dash-line-1 { stroke: #494fc9; }
.paye-dashboard-heading-wrapper .paye-dash-line { fill: #494fc9; }
.paye-dashboard-heading-wrapper .membership-history-wrapper svg {
  max-width: 20px;
}
#createMangoPayeUserPaye:hover, .paye-client-pointer:hover{
  cursor: pointer;
}
.paye-action-disable{
  opacity: 0.6;
}
.timeline-container ul.tl li.active .item-icon-inner-yellow{
  background-color: #FF912C !important;
}
.price-per-month-text-wrapper{
  margin-bottom: 7px;
}
.price-per-month-text-wrapper h2{
  margin-bottom: 0 !important;
}
#user-dob-mangopay {
  border: 1px solid #E0E1E6;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  height: 52px;
  font-size: 15px;
  font-weight: 500;
  width: 100%;
  background-color: white;
  padding: 15px;
  margin: 15px 0 0 0;
}
.paye_membership_plans .client-message-signup-form .newuserpagemodal .modal-content{
  max-height: calc(100vh - 125px);
  margin: 50px auto 0;
}
.timeline-container ul.tl li.active .item-icon-inner-red{
  background-color: #f72424 !important;
}
#user-dob-mangopay-error {
  font-size: 15px;
}

.paye-dashboard-heading-items {
  display: flex;
  justify-content: space-between !important;
}

.paye-dashboard-heading-items .need-support {
  display: flex;
  align-items: center;
  background: #fffcfc;
  padding: 6px;
  border: 1px solid #fffcfc;
  border-radius: 12px;
  /* box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px; */
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  color: #494fc9;
}

.paye-dashboard-heading-items img.header-home-support-phone-img.ls-is-cached.lazyloaded {
  height: 20px;
  margin-right: 0px;
}
.paye-dashboard-heading-items .need-support-label {
  margin-right: 10px;
}
.need-support
{
  i
  {
    background: #ebecff;
    border-radius: 100%;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 5px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    margin-right: 9px;
  }
}
.b2c_paye_dashboard .modal .modal-content.modal-md, .b2c_paye_dashboard .modal .modal-content.modal-content-client .modal-footer.justify-between, .b2c_paye_dashboard .modal .modal-content.modal-content-client .modal-footer {
  border-bottom-left-radius: 24px !important;
  border-bottom-right-radius: 24px !important;
}

.add-account #shiftCheckoutviaDirectDebit1 {
  padding: 15px 20px;
  background: #494fc9;
  color: white;
  font-weight: 600;
  padding: 15px 20px;
  gap: 8px;
  border-radius: 12px;
  font-weight: 690;
  font-size: 14px;
  line-height: 1.4;
  color: #fff;
  border: none;
  cursor: pointer;
}
.paye_membership_payment #savecardcheck-div .glyphicon.glyphicon-ok {
  display: none;
}
.remove-paye-mandate {
  margin-bottom: 50px !important;
}

.b2c_paye_dashboard .plan-detail-wrapper .amount-to-pay-wrapper{
  display: flex;
  flex-direction: column;
}

/* curam Connect page design */
.resource-circle-img
{
  text-align: center;
}
.resource-circle-img img
{
  max-width: 500px;
}
.curam-connect-top
{
  background: #b9b9dd;
}
.curam-connect-right
{
  padding: 50px;
}
.curam-connect-right p
{
  color: #2b2f8f !important;
  margin-bottom: 20px;
}
.curam-connect-right h2.title
{
  margin-bottom: 20px;
}

.curam-connect-left img
{
  width: 100%;
height: 100%;

}

.resource-to-hire
{
  /* background: #f6f6f6; */
  padding: 50px;
  color: #2b2f8f !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.resource-to-hire ul li , .speed-process-left ul li
{
  list-style: none;
  font-weight: 300;
  display: flex;
  padding-bottom: 15px;
  align-items: center;
}
.cost-substan-right ul li
{

    font-weight: 300;
    display: flex;
    padding-bottom: 5px;
    align-items: flex-start;
    color: #2b2f8f;
    position: relative;
    padding-left: 15px;
}
.cost-substan-right ul li::before
{
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  background: #2b2f8f;
  border-radius: 100%;
  left: 0;
  top: 9px;
}
.speed-process
{
  color: #2b2f8f !important;
}    
.resource-to-hire ul li i > img 
{
  max-width: 40px;
}
.speed-process-left ul li i > img
{
  max-width: 40px; 
}
.speed-process p
{
  padding-left: 55px;
  font-size: 12px !important;
  margin-top: 15px;
}
.resource-to-hire ul li > span ,  .speed-process-left ul li > span
{
  padding-left: 20px;
}
.speed-process-left
{
padding: 50px;
}
.resource-to-hire h2.title span , .speed-process-left h2.title span , .cost-substan-right h2.title span
{
font-weight: 400;
}
.resource-to-hire h2.title , .speed-process-left h2.title
{
  padding-bottom: 25px;
}
.speed-process-right , .cost-substan-left
{
  background: #f6f6f6;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cost-substan-right
{
  padding: 50px;
}
.speed-process-right img , .cost-substan-left img
{
  max-width: 350px;
}
.resource-to-hire p
{
  color: #2b2f8f;
  margin-top: 25px;
}
.cost-substan-right p
{
  color: #2b2f8f;
  padding-bottom: 15px;
}
.cost-substan-right h2.title
{
  padding-bottom: 20px;
}
.curam-connect h2.title
{
    font-size: 32px;
    color: #2b2f8f;
    font-weight: 800;
}
.curam-connect p
{
    /* color: #676779; */
    line-height: 1.2;
    font-weight: 400;
    font-size: 14px;
}
.curam-connect-top , .speed-process , .cost-substan , .curam-connect-get-touch
{
    display: flex;
}
.curam-connect-left , .curam-connect-right
{
    width: 50%;
    min-height: 500px;
    display: flex;
flex-direction: column;
justify-content: center;
}
.speed-process-left , .speed-process-right
{
  width: 50%;
  min-height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.cost-substan-left , .cost-substan-right
{
  width: 50%;
  min-height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.curam-connect-get-touch-left , .curam-connect-get-touch-right
{
width: 50%;	
display: flex;
flex-direction: column;
justify-content: center;
}
.get-email-touch
{
  display: flex;
  margin-bottom: 20px;
}
.get-email-touch i > img
{
  max-width: 50px;
}
.get-email-touch h3
{
  padding-left: 10px;
  font-size: 24px;
  color: #2b2f8f;
  font-weight: 800;
}
.curam-connect-get-touch-left
{
  padding: 50px;
}
.curam-connect-get-touch p
{
  padding: 20px 30px 20px 60px;
  max-width: 350px;
  background: #f6f6f6;
  position: relative;
  margin-bottom: 5px;
  border-radius: 0px 30px 30px 0px;
  font-size: 18px;
  margin-bottom: 5px;
}
.curam-connect-get-touch p::before
{
  content: "";
  position: absolute;
  left: -500px;
  background: #f6f6f6;
  height: 86px;
  width: 500px;
  top: 0;
 
}
.curam-connect-get-touch p a
{
  font-size: 20px;
  color: #2b2f8f;
  font-weight: 800;
}
.curam-connect-get-touch p
{
  font-weight: 400;
  color: #2b2f8f;
}
.curam-connect-left
{
  position: relative;
}
.curam-paye
{
  position: absolute;
  left: 0;
  right: 0;
  margin: -82px auto 0 !important;
  top: 50%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: auto;
  margin: auto;
  color: #fff;
  max-width: 400px;
 
}
.curam-paye h5 , .curam-paye h5 > span
{
font-size: 50px;
}
.curam-paye span
{
  color: #c9c9c9;
  font-size: 23px;
}
.connect-paye-button
{
  padding: 15px 20px;
    border-radius: 12px;
    font-size: 16px;
    line-height: 140%;
    font-weight: 760;
    background: #fff;
    max-width: 330px;
    margin-top: 30px;
    color: #2b2f8f;
    width: max-content;
}
.connect-paye-button:hover
{
  background: #b9b9dd;

}
.connect-paye-button.employee-care-pro
{
  padding: 15px 25px;
  background: #2b2f8f;
  margin-top: 25px;
  display: inline-block;
  color: #fff;
  border-radius: 12px;
  font-size: 15px;
  font-weight: 690;
}

.connect-paye-button.employee-care-pro:hover
{
  background-color: #2F349D;
}
.curam-connect .container
{
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 600px) and (max-width: 1025px) and (orientation: portrait) {
  body.paye_client_information_page .menu-header .navigation .navbar-toggler {
      display: block !important;
  }
}
@media (min-width:768px) and  (max-width:991px) 
{
  .resource-circle-img img
  {
    max-width: 300px;
  }
  .curam-connect h2.title
  {
    font-size: 20px;
  }
  .curam-connect-right
  {
    padding: 30px;
  }
  .curam-connect-left, .curam-connect-right
  {
    min-height: auto;
  }
  .curam-paye h5, .curam-paye h5 > span
  {
    font-size: 30px;
  }
  .curam-paye
  {
    align-items: center;
  }
  .curam-paye span
  {
    font-size: 20px;
  }
  .curam-connect-right p
  {
    margin-bottom: 15px;
  }
  .curam-connect-get-touch-left {
    padding: 20px;
}

    
}

@media (min-width:568px) and  (max-width:767px)
{
.curam-connect-left , .curam-connect-get-touch-right
{
  height: 500px;
    overflow: hidden;
}
.curam-connect-left img , .curam-connect-get-touch-right img
{
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
}
@media (max-width:767px)
{
  .curam-connect-top
  {
    flex-direction: column;
  }  
  .resource-to-hire
  {
    flex-direction: column; 
  }
  .speed-process
  {
    flex-direction: column; 
  }
  .cost-substan
  {
    flex-direction: column-reverse;
  }
  .curam-connect-get-touch
  {
    flex-direction: column; 
  }
  .resource-circle-img img
  {
    max-width: 100%;
  }
  .curam-connect-left, .curam-connect-right , .speed-process-left, .speed-process-right , .cost-substan-left, .cost-substan-right ,
  .curam-connect-get-touch-left, .curam-connect-get-touch-right
  {
    width: 100%;
  }
  .curam-connect-left, .curam-connect-right
  {
    min-height: auto;
  }
  .curam-connect-right , .resource-to-hire , .speed-process-left , .cost-substan-right , .curam-connect-get-touch-left {
    padding: 20px;
}
.curam-paye
{
  align-items: center;
}
.curam-paye h5, .curam-paye h5 > span
{
  font-size: 30px;
}
.curam-paye span
{
  font-size: 18px;
}
.connect-paye-button
{
  font-size: 14px;
  margin-top: 20px;
}
.curam-connect h2.title
{
  font-size: 30px;
  line-height: 40px;
}
.curam-connect p br {display: none;}
.curam-connect p
{
  font-size: 14px;
  line-height: 20px;
}
.speed-process-left, .speed-process-right , .cost-substan-left, .cost-substan-right
{
  min-height: auto;
}
.resource-circle-img
{
padding-top: 30px;
}
.speed-process-left ul li i > img
{
  max-height: 40px;
}
.get-email-touch h3 br
{
  display: none;
}
.curam-connect-get-touch p a
{
  display: block;
  font-size: 15px;
}
.curam-connect-get-touch p::before
{
  height: 80px;
}
.resource-circle-img  img {max-height: 400px;}
.resource-to-hire-left br {display: none;}
.resource-to-hire ul li > span, .speed-process-left ul li > span {
  padding-left: 10px;
}

}
.paye_client_information_page .custom-page-loader{
  background-image: none;
}
.curam-connect a
{
  text-decoration: none;
}