body{
    position: relative;
    z-index: 1;
    overflow-x: hidden;
    /* font-family: 'Satoshi' !important; */
}

.assigned_student_list {
    background-color: #2E4765;
    color: white;
    padding: 5px 5px 0px 5px;
    margin-top: 5px;
}
#sbmt_assign_module{
    background: #00C99C;
}
.assign_lesson_btn{
    margin-top: 5px;
}
.chatlist_Wrap_load_more{
    cursor: pointer;
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 20px !important;
    font-weight: bold;
}
.sendArea_admin_mod {
    border: 1px solid #e3e3e3 !important;
}
.sendArea_admin_mod .d-flex {
    float: right;
    margin-bottom: 5px;
    flex-wrap: wrap;
}

.sendArea .youMessage,
.sendArea .your_message{
    border: 2px solid #2E47656B;
    border-radius: 10px;
    font-size: 14px;
    padding: 5px;
    color: #2E4765;
    min-height: 65px;
}
/* .lesson_chat_msg .sendArea{
    height: auto;
} */

span.notify_count_sidebar {
    position: absolute;
    margin-left: -16px !important;
    margin-top: -28px;

    font-size: 12px;
    padding: 0px 5px;
    /* padding: 2px 6px;
    padding-right: 6px; */
    width: max-content;
    height: auto;
    background: #db9710;
    background: #db1010;
    content: "";
    color: #fff;
    font-weight: 600;
    border-radius: 5px;
    /* padding-right: 7px; */
}
.onlne{
    position: absolute;
    bottom: 1%;
    right: -5%;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 3px solid #fff;
    background-color: #009688;
    z-index: 222;
}
.offlne{
    position: absolute;
    bottom: 1%;
    right: -5%;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 3px solid #fff;
    background-color: #d22709;
    z-index: 222;
}
.scroll_load_more{
    font-size: 35px;
    display: none;
}
.load_more_notification{
    text-align: center;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
}
.load_more_notification:hover, .load_more_degree_chat:hover, .load_job_ticket_chat:hover, .load_more_ticket_chat:hover {
    color: #c39630 !important;
}

.job_chat_notification_div i,
.degree_chat_notification_div i,
.ticketchat_notification_div i,
.chat_notification_div i{
    color: #2E4765;
    transition:ease-in-out 0.3s;
}
.custom_tabs .nav-tabs li:hover a{
    color: #c39630;
}

.job_chat_notification_div:hover i,
.degree_chat_notification_div:hover i,
.ticketchat_notification_div:hover i,
.chat_notification_div:hover i{
    color: #c39630;
}
.notification.dots:hover span{
    background-color:#c39630 ;
}
.coupon_code_div{
    display: none;
}
.selected_membership_info{
    font-size: 14px;
}
.text-left.mt-2.selected_membership_info {
    /* background-color: rgba(217, 237, 247, 1);
    color: rgba(49, 112, 143, 1);
    border-color: rgba(126, 182, 193, 1);
    width: 100%;
    padding: 12px 16px;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 0px; */

    color: #7B8698;
    font-size: 16px;
    margin-bottom: 15px;
    display: flex;
    padding: 20px;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
    border-radius: 16px;
    border: 1px solid #2a67dd;
    background:  #ffffff;
}
.text-left.mt-2.selected_membership_info strong {
    color: #08152C;
    font-weight: 600;
}
.selected_membership_info .info_img {
    background-color: #D4E1F8;
    width: 50px;
    height: 50px;
    padding: 10px;
    border-radius: 100px;
    box-shadow: 0 0 0 8px #EAF0FC;
}
.text-left.mt-2.selected_membership_info p {
    margin:0;
}
.notify_icon{
    font-size: 24px;
    color: #2E4765;
    margin-top: 5px;
}

#in-progress-svg {
    /* width: 50%; */
    /* width: 108%; */
    /* height: 108%; */
    border-radius: 50%;
    /* position: relative; */
    /* top: 50%; */
    /* left: 50%; */
    /* transform: translate(-50%, -50%)rotate(-90deg); */
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    /* border: 2px solid #2e93d1; */
    /* padding: 5px; */
}
.home_Pge .newsWrapper {
    border: none;
}
#in-progress {
    fill: transparent;
    stroke: #2e93d1;
    /* stroke-dasharray: 0 100; */
    /* stroke-dasharray: 75; */
    stroke-width: 31.8px;
    /* animation: fillup 5s linear infinite */
    stroke-dasharray: 165px;
    stroke-dashoffset: 100px;
}

.moduleHeader #in-progress {
    stroke: white;
}
.moduleHeader #in-progress-svg {
    border: 2px solid white;
    padding: 1px;
    margin-top: -4px;
}

/* Temporary css */
.date_header .week select{
    background: transparent;
    border: none;
}
.rotate:not(.collapsed) .accordion_head tr  th:last-child::after{
    transform: translateY(-50%) rotate(45deg);
}
.accordion_head tr th:last-child
{position: relative;
    padding-right: 60px;}
.accordion_head tr th:last-child::after{
    content: "\f055";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: 10px;
    font-size: 30px;
    transition: ease-in-out 0.2s;

}
.accordion_head{
    color: #000 !important;
}
.accordion_head th{
    width: 33.33%;
}
.accordion_body td{
    width: 33.33%;
}
.myBtn.dark{background : #000000;box-shadow: 0px 5px 6px #00000029; }
.myBtn.dark:hover{box-shadow: 0px 0px 0px #00000029; }
.myBtn.blue:focus,
.myBtn.blue.active,
.myBtn.blue{
    background: #08152C;
    /* background : #e6eaf0; */
    /* box-shadow: 0px 5px 6px #007bff2b;  */
    position: relative;
    z-index: 99999;
    padding: 12px 20px;
}
.myBtn.blue:hover{
    background : #0f244a;
}
.myBtn.blue:hover{box-shadow: 0px 0px 0px #007bff2b; }
.myBtn.blue_inset{background : transparent;border:1px solid #015eff; color: #000; }
.myBtn.blue_inset:hover{box-shadow: 0px 5px 6px #007bff2b; }

.myBtn.ms_tab {
    background: #fff;
    color: #000;
    text-align: center;
    padding: 25px;
    /* box-shadow: 0px 5px 6px #0000000f; */
    white-space: normal;
    border-radius: 16px;
    border: 2px solid var(--gray-300, #D0D7E2);
    position: relative;
}
.myBtn.ms_tab button {
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0 auto 12px;
}
/* .a_active,
.myBtn.ms_tab:hover{
    border: 2px solid var(--enchanting-sapphire-600, #2A67DD) !important;
    background: var(--enchanting-sapphire-50, #F5F9FF) !important;
} */
.red-color {
    color: #F40000 !important;
    font-weight: 400;
}
.disabled_time {
    background: #C9CACE;
}
.disabled_time:hover {
    background: #C9CACE;
    cursor: not-allowed;
}
#contractForm .red-color {
    font-size: 20px;
}
#contractForm #ss_no,
#contractForm #dob{
    width: auto; display:inline-block; background: transparent; border: 2px solid #ff000082;
}
.black-color {
    color: #2B1C1C !important;
    font-weight: 400;
}
.appointmentOuter {
    display: flex;
    justify-content: space-evenly;
}
.actionBtn {
    width: 30px;
    height: 30px;
    padding: 8px;
    border: 1px solid #000;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin: 0 3px;
    cursor: pointer;
}
.actionAcceptBtn{
   /* color:#27c048e3 !important; */
    padding: 8px;
    border: 1px solid #000;
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent linear-gradient(270deg, #672DDE 0%, #4069EB 100%) 0% 0% no-repeat padding-box;
    border-radius: 16px;
    /* border-radius: 50%; */
    margin: 0 3px;
    cursor: pointer;
}
.rounded-img{
    border-radius: 50%;
    width: 90px;
    height: 90px;
}
.payment-baner{
    height: 250px;
    width:100%;
}
.actionBtn.success{background: #d4f6ee;border: 1px solid #00c99c; color: #00c99c}
.actionBtn.success svg{fill: #00c99c}
.actionBtn.danger{background: #ffd9d9;border: 1px solid #c60808;color: #c60808}
.actionBtn.danger svg{fill: #c60808}
.actionBtn.primary{background: #ccf3ff;border: 1px solid #1aa3de;color: #1aa3de}
.actionBtn.primary svg{fill: #1aa3de}
.actionBtn.warning{background: #f9e3c5;border: 1px solid #ffc162;color: #f29300}
.actionBtn.warning svg{fill: #f29300}

.pageTitle {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.myBtn.filterBtn{
    padding: 7px 15px;
    font-size: 16px;
    margin-left: 20px;
    font-weight: 300;
    margin-top: 4px;
}
.myBtn.addNew{
    padding: 10px 15px;
    font-size: 12px;
    font-weight: 300;
}
.action_grp{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.myBtn.filterBtn i {
    display: inline-block;
    width: 18px;
    margin-left: 4px;
}
.myBtn.filterBtn i svg{
    fill: #ffffff;
}
.auto_responder textarea {
    width: 100%;
    border: 1px solid #bdbdbd;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 30px;
    resize: none;
    color: inherit;
}
.auto_responder {
    padding: 30px 60px;
}

.sendArea_admin_mod .myBtn.btnSm{
    /* margin: 0 8px; */
    margin:8px;
}

.sendArea .myBtn.btnSm{
    /* margin: 0 8px; */
    margin:8px;
}

.sendArea_admin_mod .fr-box{
    overflow:hidden;
    width: 100%;
}

.sendArea  .fr-box{
    overflow:hidden;
    width: 100%;
}

.datepicker table{
    margin:auto;
}

.module_header h1{
    font-size: 28px;
    margin-bottom: 15px;
}

.module_header p {
    font-size: 15px;
    font-weight: 400;
}
.module_icons {
    /* display: flex;
    justify-content: space-evenly;
    text-align: center;
    padding: 50px;
    flex-wrap: wrap; */
    text-align: center;
    padding: 50px;
}

.module_icons .left_bar+.left_bar::before{
    content: "";
    position: absolute;
    width: 2px;
    height: 80%;
    left: 0;
    transform: translateY(-50%);
    top: 50%;
    background: #E9E9E9;
}
.group_icons {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}
.icon_box h3 {
    font-size: 16px;
    margin: 15px 0;
}
.icon_box p {
    font-size: 16px;
    font-weight: 400;
}
.m_icon svg {
    width: 50px;
    margin: auto;
    height: 50px;
    fill: #2e4765;
}
.icon_box h3 span {
    font-size: 70%;
    display: block;
    color: #bfbfbf;
}
.custom_modal .icon_box h3 {
    margin: 0px 10px;
}
.custom_modal .m_icon svg {
    width: 30px;
    height: 30px;
}
.modal-footer .dismiss_btn{
    color: #4536E3;
}
.mainLessonBody.admin{
    background: transparent;
    box-shadow: none;
}
.mainLessonBody.admin .ChatArea {
    height: calc(100% - 170px);
    overflow: auto;
}
.mainLessonBody .chatWrapper{
    width: 100%;
    margin: auto;
}
.lesson_header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}
.lesson_header h1{
    font-size: 25px;
    font-weight: 700;
}
.lessonContent p, .lessonContent .sectionTitle{
    padding-left: 20px;
}
.hasChild .navItem::before {
    content: "\f107";
    font: normal normal normal 14px/1 FontAwesome;
    right: 10px;
    position: absolute;
    font-size: 18px;
}

.hasChild .navItem.active::before{
    content: "\f106";
}
.sideBarClosed .hasChild .navItem::before{
    right: 10px;
position: absolute;
font-size: 15px;
top: 19px;
}
.card_icon{
    width: 80px;
    opacity: 0.5;
}
.card_icon svg{
    fill: #fff;
}
.admin.dashboardCard{
    padding: 30px 20px;
}

.appointmentCard.admin .dateWrapper{
    /* display: inline-flex;
    align-self: flex-start; */
    flex: 0 0 40%;
}
.cahnel_wrapper::before {content: "";position: absolute;top: 10px;bottom: 5px;width: 1px;left: 10px;background: #fff;}

.cahnel_wrapper {
    position: relative;
}
.time_schedule{
    width: 140px;
    position: relative;
    padding-left: 30px;
    font-size: 12px;
}
.schedule_wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}
.admin .dateWrapper p{
    font-size: 14px;
}
.admin .dateWrapper span{
    font-size: 10px;
}
.time_schedule .check_icon::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translate(-50%, -50%);
    width: 17px;
    height: 17px;
    background: #dcdcdc;
    border-radius: 50%;
}

.time_schedule .check_icon::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    background: #dcdcdc;
    border: 1px solid #dcdcdc;
    transition: 0.4s ease all;
    cursor: pointer;
}
.time_schedule.active .check_icon::after{
    border-color: #ffffff;
    border-width: 2px;
    border-top: none;
    border-left: none;
    width: 5px;
    transform: translate(-50%, -60%) rotate(45deg);
    background: #00C99C;
}

.time_schedule.active .check_icon::before{
    background: #00C99C;
}
.date_header {
    background: #fff;
    color: #2e4765;
    margin: 0 -20px;
    padding: 5px 15px;
    display: flex;
    margin-bottom: 10px;
    justify-content: space-between;
    line-height: 1.2;
}
.date_header .month span {
    display: block;
}
.date_header .month {
    font-size: 14px;
    font-weight: 600;
}
.date_header  .week {
    font-size: 12px;
}

.date_header .single_day p{
    cursor: pointer;
    font-weight: 300;
    font-size: 12px;
    margin: 0;
    text-align: center;
}
.date_header .single_day p span{
    font-weight: 600;
    display: block;
    font-size: 14px;
}
.date_header .weeek_days {
    display: flex;
    justify-content: space-around;
    width: 100%;
    flex: 0 0 65%;
    align-items: center;
}
.single_day.active {
    position: relative;
    z-index: 1;
    color: #ffffff;
}
.single_day.active::after {
    content: "";
    position: absolute;
    top: -6px;
    bottom: -14px;
    left: -7px;
    right: -7px;
    background: transparent linear-gradient(
180deg
, #79CABD 0%, #09A46F 100%) 0% 0% no-repeat padding-box;
    z-index: -1;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.date_header .date_select{
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex: 0 0 25%;
}
  /* Custom Tabs Css Start */
  .tab{
	display: none;
}

.tab-active{
	display: block;
}
 /* Custom Tabs Css End */
 .support_ticket {
    cursor: pointer;
}
 .ticket_header{
    display: flex;
    justify-content: space-between;
    align-items: center;
 }
 .ticket_body h3 {
    font-size: 16px;
    margin-bottom: 5px;
    margin-top: 20px;
}
.ticket_body p {
    font-size: 14px;
    color: inherit;
    font-weight: 400;
    line-height: 1.2;
}
.ticket_footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #b9b9b98f;
    margin: 0 -30px;
    padding: 15px 30px 0 30px;
}
.actionBtn.cross::before, .actionBtn.cross::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 15px;
    transform: translate(-50%, -50%) rotate(45deg);
    top: 50%;
    left: 50%;
    background: #000;
}
.actionBtn.cross::after {position: absolute;

    transform: translate(-50%, -50%) rotate(-45deg);

}
.ticket_chat{
    display: none;
}
.ticket_chat .chatWrapper .sectionTitle {
    border-bottom: 1px solid #E9E9E9;
}
.ticket_chat .chatWrapper{
    height: calc(100vh - 160px);
}
.actionBtn.cross {
    position: relative;
}
.ticket_chat .ChatArea {
    height: calc(100% - 160px);
}
.filter_form{
display: none;
}
/* .cr_hour {
    padding: 0 20px 10px;
    display: flex;
    justify-content: space-between;
} */
.cr_hour {
    padding: 30px 20px 30px;
    display: flex;
    justify-content: center;
    margin-top: 22px;
    color: #fff;
    height: 120px;
    align-items: center;
    border-radius: 0 0 10px 10px;
    background: url("../images/background-image-min.jpg");
    background-position: top;
    font-size: 2.2vw;

}
.ms_txt p{
    margin-bottom: 0;
}
button.ld_btn, .dnld_btn {
    padding: 10px 30px;
    background: #000;
    color: #fff;
    border: none;
    font-size: 18px;
    font-family: 'Roboto';
    cursor: pointer;
    border-radius: 10px;
}
.dnld_btn a{
    color: #fff;
}
.mudule_bg{
    position: relative;
    z-index: 0;
}
.desc_tab {
    padding: 30px;
    line-height: 1.9;
    background: #fff;
    margin-top: -22px;
}

.desc_tab p {
    line-height: normal;
    margin: revert;
    /* margin-bottom: 30px; */
}
.moduleCard.locked::after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background: #ffffffcf;
    border-radius: 8px;
}
.new_loft_over_text,
.over_text {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    z-index: 9;
    color: #000;
    font-size: 24px;
    width: 100%;
    text-align: center;
    font-weight: 600;
}
.moduleCard.passed ,
    .moduleCard.locked {
    position: relative;
}
.cr_hour span{
    display: inline-block;
    padding-bottom: 0 10px 10px;
}
/* Temporary css */

/* please start work in this file */
.toggle_sidebar {
    display: none;
}
.sectionDesc p {
    font-size: 14px;
    color: #2E4765;
    line-height: 1.3;
    font-weight: 400;
}

.form_icon {
    width: 65px;
    margin: auto;
    padding-bottom: 20px
}

.form_icon i svg {
    fill: #2E4765
}

/* Custom Check Box */

/* The container */

.custom_checkbox {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */

.custom_checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #eeeeee0a;
    border: 1px solid;
    border-radius: 4px;
}

/* On mouse-over, add a grey background color */

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

/* When the checkbox is checked, add a blue background */

.custom_checkbox input:checked~.checkmark {
    background-color: #000000;
    border: 1px solid #000000;
}

/* Create the checkmark/indicator (hidden when not checked) */

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

/* Show the checkmark when checked */

/* Graduate page style */

.strip {
    box-shadow: 0px 0px 25px #8c98a429;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    border-radius: 8px;
    margin-top: 20px;
}

.strip_content {
    display: flex;
    align-items: center;
}

.strip_content h3 {
    font-size: 14px;
    margin: 0;
    font-weight: 600;
}

.strip_content h3 span {
    font-size: 65%;
    display: block;
    font-weight: 400;
}
.strip_content.light h3{
    font-weight: 400;
}
.strip_content.light h3 span{
    font-size: 75%;
}
.strip_content.xlarge .user_img{
    width: 80px;
    height: 80px;
}
.strip_content.xlarge h3{
    font-size: 26px;
    font-weight: 400;
}
.strip_content.xlarge h3 span {
    font-size: 60%;
    display: inline;
}
.strip_content .status span{
padding-left: 8px;
color: inherit;
}
.strip_content .contact p{
    margin-bottom: 0;
    margin-top: 4px;
    font-size: 12px;
}
.strip_content .status span::before{
    left: 0;
    width: 6px;
    height: 6px;
}
.user_img {
    border-radius: 5px;
    width: 50px;
    height: 50px;
    margin-right: 15px;
}
.tbl_row .user_img {
    width: 36px;
    height: 36px;
    margin: 0px;
}

.user_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

/* Leader Board page style */

.strip.leader {
    box-shadow: none;
    background: #F2F4FA;
    padding: 10px;
}

.strip.leader .user_img {
    margin: 0 10px;
}

.strip_count p {
    text-align: right;
    font-size: 14px;
    margin: 0;
}

.strip_count h2 {
    font-size: 16px;
    margin: 0;
    font-weight: 600;
}

.award_icon {
    flex: 0 0 55px;
}

.strip_count h2 span {
    font-size: 12px;
    font-weight: 300;
}

.strip_content.large .user_img {
    width: 60px;
    height: 60px;
    flex: 0 0 60px;
}

.strip_content.large h3 {
    font-size: 18px;
}

/* Transcript Styling */

.transcript_header {
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
    margin-bottom: 20px;
}
.transcript_detail_info {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.course_info {
    background: #FEF7EE;
    border: 1px dashed #C79C3B;
    padding: 10px 50px;
    display: flex;
    justify-content: space-between;
    flex: 0 0 80%;
}

.course_info h3 {
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    margin: 0;
    max-width: 300px;
    width: 100%;
}

.course_info span {
    padding-left: 20px;
}

.circleProgress.danger .inCircle {
    stroke: #DC2929;
}
.vault_text{
    background-color: #d9d6d6;
    padding: 12px 12px 3px 12px;
    border: 2px solid #d9d6d6;
    border-radius: 8px;
}

/* Accordian Styling Start */

.task_filter {
    display: flex;
    justify-content: flex-end;
    flex: 0 0 60%;
    margin-bottom: 10px;
}

.task_filter p {
    /* padding-bottom: 5px; */
    font-size: 14px;
    color: #A2ACB4;
    cursor: pointer;
    transition: all 0.1s;
    padding: 0 10px 5px 10px;
}

.task_filter p:hover {
    border-bottom: 5px solid #C79C3B;
    border-radius: 0px 0px 5px 5px;
}

.task_filter p span {
    padding: 0px 6px;
    background: #dadbdc;
    border-radius: 20px;
    font-size: 90%;
    display: inline-block;
    margin-right: 2px;
}

.task_filter p.active {
    border-bottom: 5px solid #C79C3B;
    border-radius: 0px 0px 5px 5px;
    color: #2e4765;
}

.task_filter p.active span {
    background: #c79c3b94;
    color: #C79C3B;
}

.my_tasks .card-header {
    padding: 0;
}

.my_tasks .btn-link {
    width: 100%;
    text-align: left;
    color: #2E4765;
    padding: 10px 15px;
}

.accordion_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.accordion_header .title {
    display: flex;
    align-items: center;
}

.accordion_header h3 {
    font-size: 12px;
    margin: 0;
    text-align: center;
    font-weight: 600;
    width: 100%;
}

.accordion_header h3:last-child {
    text-align: right;
}

.accordion_header .title h3 {
    text-align: left;
    font-size: 14px;
}

.accordion_header h3 span {
    /* font-size: 90%; */
    font-weight: 400;
    display: inline-block;
    margin-top: 8px;
}

.accordion_header h3 strong {
    font-weight: 600;
    font-size: 12px;
}

.my_tasks .btn-link:hover {
    text-decoration: none;
    color: inherit;
}

/* .accordion_header h3 span.myBtn {
    font-size: 85%;
    font-weight: 400;
    min-width: 100px;
    padding: 5px 5px;
    border-radius: 4px;
} */

.my_tasks .card-header {
    background: #ffffff;
    border-bottom: none;
}

.my_tasks .card-body {
    border-top: 2px solid #E9E9E9;
    font-size: 14px;
}

.my_tasks .card {
    border: none;
    box-shadow: 0px 0px 25px #8c98a429;
    margin-bottom: 15px;
    border-radius: 8px;
}

/* Accordian Styling End */

/* Login styling start */
.ms_txt h5 {
    color: #08152C;
    /* font-family: Satoshi !important; */
    font-size: 22px;
    letter-spacing: .5px;
    font-weight: 800;
    margin-bottom: 10px;
}
.ms_txt span {
    display: block;
    color: #7B8698;
    /* font-family: Satoshi !important; */
    font-size: 15px;
    letter-spacing: .5px;
}
.icon_img {
    width: 65px;
    height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    color: #015eff;
    background: var(--gray-100, #F2F4F7);
    /* border: 2px solid #015eff54; */
    border-radius: 100px;
    /* margin-right: 15px; */
    transition: ease-in 0.3s;
    /* flex: 0 0 50px; */
    cursor: pointer;
    margin: 0 auto 15px;
}
.arrow_icon{
    color: transparent;
    /* transform: translate(1px); */
    transform: scale(0.5);
    transition: ease-in 0.3s;
    position: absolute;
    right: 10%;
    top: 10%;
    font-size: 24px;
}
/* .a_active .icon_img,
.myBtn.ms_tab:hover .icon_img{
    background-color: #2A67DD;
}
.a_active .icon_img svg,
.myBtn.ms_tab .icon_img svg{
    width: 23px;
    transition: .2s;
}
.a_active .icon_img svg,
.myBtn.ms_tab:hover .icon_img svg {
    filter: invert(1);
    transition: .2s;
    transform: scale(1.1);
} */
/* .a_active .arrow_icon,
.myBtn.ms_tab:hover .arrow_icon{
    color: #015eff;
    transform: scale(1);
} */
.a_btn_active {
    background-color: #08152C;
}
.login_slider_sec {
    position: relative;
    height: 100%;
    /* padding-right: 50px; */
}
.slider_Area,.slider_Area > div, .item, .owl-stage-outer, .owl-stage, .slider_img, .owl-item{
    height: 100% !important;
}
.login_slider_sec .owl-carousel .owl-stage-outer {
    border-radius: 25px;
}
/* .slider_content {
    position: absolute;
    bottom: 100px;
    z-index: 1;
    left: 50px;
    width: calc(100% - 50px);
} */
.slider_content {
    /* position: absolute;
    bottom: 100px;
    z-index: 1;
    left: 50%;
    width: calc(100% - 71px);
    transform: translateX(-50%); */

    position: absolute;
    bottom: 100px;
    z-index: 1;
    left: 0;
    right: 0;
    margin: auto;
    width: calc(100% - 71px);
    transform: translateY(35%);
}
.slider_txt {
    /* background: #fff; */
    padding:50px 20px 20px 30px;
    margin-left: auto;
    /* border-radius: 12px; */
    border-bottom-right-radius: 50px;
    box-shadow: 2px 5px 17px 0 rgb(31 45 61 / 10%);
    position: relative;
    overflow: hidden;
    display: none;
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(133, 133, 134, 0.40) 0%, rgba(118, 119, 122, 0.00) 100%);
    backdrop-filter: blur(10px);
    color: #fff;
    border: 1px solid #CBCBCD99;
}
.slider_txt p {
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
}
.slider_txt.desc_1{
    display: block;
}
/* .slider_txt h3{
    font-size: 20px;
} */
.slider_txt h3 {
    font-size: 18px;
    font-family: 'Satoshi-bold';
    color: #fff;
    line-height: 24px;
}
/* .slider_txt h3 span{
    display: block;
    text-transform: uppercase;
    font-size: 75%;
    font-weight: 300;
} */
.slider_txt h3 span {
    display: block;
    text-transform: uppercase;
    font-size: 75%;
    font-weight: 300;
    color: #FFFFFF;
    font-family: 'Satoshi';
    font-size: 14px;
    margin-top: 3px;
}
/* .slider_txt::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0px;
    border-left: 0px solid transparent;
    border-right: 130px solid transparent;
    border-top: 40px solid #b7dafd;
} */
/* .slider_img {
    height: 100vh;
} */
.slider_img {
    height: calc(88.5vh - 14px);
}
.slider_img img {
    display: block;
    width: 100%;
    transform: translate(0px, -20px);
    height: 100%;
    /*object-fit: cover;*/
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
}
/* .form_tab{
    display: none;
    opacity: 0;
    transform:translateY(200px);
    transition: 1s ease all;
} */
/* .form_tab.active{
    transform:translateY(0px);
    opacity: 1;
} */
.form_tab.login_tab{
    display: block;
    /* transform:translateY(0px); */
}
.login_slider_sec .owl-dots {
    position: absolute;
    bottom: 6%;
    /* right: 17.5%; */
    z-index: 99;
    right: 0;
    z-index: 99;
    width: 100%;
    text-align: end;
    padding-right: 16.6%;
}
.login_slider_sec .owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 0px 3px;
    background-color: #717E98;
}
.login_slider_sec .owl-theme .owl-dots .owl-dot.active span,
.login_slider_sec .owl-theme .owl-dots .owl-dot:hover span {
    background-color: #fff;
}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: block;
    position: absolute;
    z-index: 999;
    color: white;
    bottom: 4.2%;
    right: 3%;
    display: flex;
    justify-content: end;
    gap: 66px;
    padding: 0 30px;
 }
 .owl-theme .owl-nav [class*=owl-] {
    border: 1px solid white !important;
    border-radius: 100px;
    width: 45px;
    height: 45px;
    font-weight: 300 !important;
    font-size: 40px !important;
    display: flex;
    align-items: center;
    justify-content: center;
 }
 .owl-theme .owl-nav [class*=owl-] span {
    margin-bottom: 8px;
 }
.form_content {
    padding: 20px 20px;
    height: 87vh;
    overflow: auto;
    box-shadow: 0px 0px 11px 0px #B2B8BD33;
    border-radius: 32px;
    background: #fff;
}
.form_logo{
    max-width: 300px;
    width: 100%;
    /* margin: auto; */
}
.form_content .form_logo{
    margin-top: 3rem !important;
}
.form_logo.sm{
    max-width: 200px;
}
.form_logo img{
    width: 100%;
    margin-bottom: 30px;
}
.membership_tab .login_form {
    max-width: 700px;
}
hr.dashed{
    border-top: 1px dashed rgb(0 0 0 / 53%);
    position: relative;
}
hr.dashed::after{
    content: "OR";
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    background-color: #ffffff;
    color: #000;
    padding: 5px 10px;
}
.circle{
    position: relative;
    overflow: hidden;
}
.circle::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    background: #F5F6FA;
    z-index: 1;
    width: 5px;
    height: 5px;
    transition: all 0.8s;
    z-index: 1;
    border-radius: 50%;
    border-bottom-left-radius: 0;
    /* border-bottom-right-radius: 0; */

}
.circle.active::after{
    width: 200%;
    height: 100%;
    background: #F5F6FA;
    transform: scale(3);
}
.Payment_sec{
    display: none;
    transform: translateY(200px);
    opacity: 0;
    transition: 0.7s ease all;
}
.Payment_sec.active{
    transform: translate(0);
    opacity: 1;
}
.tab_header ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 25px;
}
.tab_header ul li{
    padding: 4px 5px;
    text-transform: uppercase;
    font-size: 16px;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
}
.tab_num_bdr {
    transition: 0.3s ease all;
    height: 2px;
    width: 160px;
    display: block;
    float: left;
    border-radius: 30px;
    background: #2A67DD;
}
#upload_item .tab_num_bdr {
    background: #E6EAF0;
}
.tab_header ul li .fa-arrow-right{
    float: right;
    color: transparent;
    transform: translateX(-30px);
    transition: 0.3s ease all;
}
.tab_header ul li.active .fa-arrow-right{
    color: #1aa3de;
    transform: translateX(0);
}
.tab_header ul li.active{
    color: #1aa3de;
    transition: all 0.3s;
}
.tab_header ul li.active .tab_num{
    /* border-color: #1aa3de; */
    transition: all 0.3s;
    border-radius: 100px;
    /* background: var(--enchanting-sapphire-100, #EAF0FC); */
    width: 50px;
    height: 50px;
    /* border: 0; */
}
.tab_header ul li.done{
    color: #b1b1b185;
}
.tab_header ul li.done .tab_num{
    border-color: #00C99C;
    background: #00C99C;
    color: #fff;
}


button {
    /* position: relative;
    cursor: pointer;
    outline: none;
    overflow: hidden; */
    transition: .3s;
}
.tab_body .logo_sec {
    width: 100%;
    display: flex;
    padding: 12px 16px;
    align-items: center;
    justify-content: space-around;
    gap: 24px;
    align-self: stretch;
    border-radius: 16px;
    background: #FAFBFC;
    margin-bottom: 40px;
}

.ripple {
    position: absolute;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;

    border-radius: 50%;
    background-color: white;

    pointer-events: none;
    opacity: .5;
    animation: ripple .5s linear;
}

@keyframes ripple {
    to {
        width: 15rem;
        height: 15rem;
        opacity: 0;
    }
}
/* .tab_header ul li.done .tab_num span{
    display: none;
}
.tab_header ul li.done .tab_num i{
    display: block;
} */
.tab_num {
    width: 50px;
    height: 50px;
    display: inline-flex;
    border: 1px solid #E6EAF0;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 14px;
    margin-right: 10px;
    transition: all 0.3s;
    border-radius: 100px;
    cursor: pointer;
}
.tooltip {
    border-bottom: 0;
}
.tooltip-inner {
    background-color: #08152C;
    border-radius: 10px;
    padding: 5px 12px 7px;
}
.tooltip .arrow {
    width: 20px;
    height: 6px;
    padding: 0 4px;
    animation: inherit !important;
}
.tooltip .arrow::before {
    border-top-color: #08152C;
    /* border-right-color: #08152C; */
    transform: scale(1.3);
}
.Payment_sec #upload_item .tab_num,
.upload.active .tab_num,
.contract.active .tab_num,
.registeration.active .tab_num{
    border: 3px solid var(--white, #FFF);
    background: var(--enchanting-sapphire-600, #2A67DD);
    box-shadow: 0px 0px 0px 1px #2A67DD;
}
/* .tab_item.upload .tab_num{
    border: 3px solid var(--white, #FFF);
    background: var(--enchanting-sapphire-600, #2A67DD);
    box-shadow: 0px 0px 0px 1px #2A67DD;
} */
.login_sec #register_item .tab_num .document_icon {
    display: block;
}
.login_sec #register_item .tab_num .completed_icon {
    display: none;
}
.Payment_sec.active #register_item .tab_num .document_icon {
    display: none;
}
.Payment_sec.active #register_item .tab_num .completed_icon {
    display: block;
}

.login_sec #register_item .tab_num .document_icon {
    display: block;
}
.login_sec #upload_item .tab_num .credit_icon {
    filter: brightness(0.5);
}
.Payment_sec #upload_item .tab_num .credit_icon {
    filter:initial;
}
/* #register_item .tab_num {
    box-shadow: 0 0 0;
} */
/* #contract_item .tab_num {
    border: 1px solid #E6EAF0;
    background-color: transparent;
    box-shadow: 0 0 0;
} */
.tab_num svg {
    width: 24px;
    height: 24px;
}
/* .tab_num i{
    display: none;
} */
.tab_header {
    padding: 0;
    height: auto;
    /* background: #ffffff; */
    /* min-height: 100%; */
    position: relative;
    /* box-shadow: 2px 5px 17px 0 rgb(31 45 61 / 10%); */
}

.triangle_box {
    position: absolute;
    padding-top: 40%;
    left: 0;
    right: 0;
    bottom: 0;
}
.triangle_box .triangle_1{
    position: absolute;
    background-image: linear-gradient(to right top, #b7dafd61 0%, #b7dafd61 50%, transparent 50%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.triangle_box .triangle_2{
    position: absolute;
    background-image: linear-gradient(to right top, #b7dafd 0%, #b7dafd 50%, transparent 50%);
    width: 70%;
    height: 100%;
    top: 0;
    left: 0;
}
.agrmnt_table{
    background-color: white;
    padding: 20px;
    border: 1px solid black;
    border-radius: 3px;
}
.agrmnt_table input[type="text"] {
    background-color: pink;
}
.body_container {
    padding: 10px 80px;
}
/* .tab_body_inner {

} */
.single_tab{
    /* display: none;
    opacity: 0;
    transform:translateY(200px); */
    transition: 1s ease all;
    height: 100%;
}
.single_tab.active{
    display: block;
    transform:translateY(0px);
    opacity: 1;
}
.login_page {
    /* background-color: #D4AF37; */
    /*  height:  100vh; */
    background-image: url("../images/login_bg.png");
    background-size: contain;
    background-position: left;
    width: 100%;
    background-repeat: no-repeat;
    /*  padding: 50px 0; */
    color: #ffffff;
    position: relative;
    overflow: hidden;
}

.content_area {
    /* padding-left: 100px; */
    padding: 100px;
}

.logo_img {
    width: 300px;
    margin-bottom: 30px;
}

.logo_img img {
    width: 100%
}

.login_heading {
    font-size: 32px;
    /* font-weight: 300; */
    color: #08152C;
    /* font-family: 'Satoshi-bold'; */
    margin: 0 0 30px;
}

.login_heading strong {
    font-weight: 600;
}

.login_heading span {
    font-size: 45%;
    display: block;
    margin-bottom: 15px;
}

.login_text {
    max-width: 450px;
    width: 100%;
    line-height: 1.8;
    font-size: 18px;
    margin-bottom: 50px;
}

.login_banner {
    max-width: 450px;
    width: 100%;
}

.login_banner img {
    width: 100%;
}

.form_area {
    height: 100vh;
    display: flex;
    background: transparent linear-gradient(360deg, #D4AF37 0%, #AF8707 100%) 0% 0% no-repeat padding-box;
    border-radius: 18px 0px 0px 18px;
    padding: 0 50px 0 50px;
    flex-direction: column;
    justify-content: center;
}
/* .subscribe_btn .myBtn:not(.active){
    background: #00000063;
} */

.membership_btn{
    background: #00000063;
}
.membership_btn.subscribed{
    background: #000000;
}
.xs_text {
    font-size: 12px !important;
    font-weight: 300 !important;
}

.paycard_img {
    width: 250px;
}

.paycard_img img {
    width: 100%;
}

.Checkout_heading {
    font-size: 44px;
    margin-top: 30px;
}

.Checkout_heading strong {
    font-size: 60%;
    display: block;
}

.Checkout_text {
    max-width: 500px;
    font-size: 24px;
    margin-top: 30px;
    line-height: 1.3;
}

.Checkout_text span {
    display: block;
    font-size: 55%;
}

.strip_img {
    position: absolute;
    width: 350px;
}

.strip_img img {
    width: 100%;
}

.strip_img.right {
    right: -170px;
    top: -75px;
    z-index: 9;
}

.strip_img.left {
    bottom: -90px;
    left: -25px;
}
.strip_img.right_bottom {
    right: -25px;
    bottom: -90px;
    z-index: 9;
    transform: rotateY(180deg);
}
/* Login styling End */

/* Congragulation pages */

.single_page {
    position: relative;
    height: 100vh;
    overflow: hidden
}

.bg_gradient {
    background: transparent linear-gradient(180deg, #672DDE 0%, #4069EB 100%) 0% 0% no-repeat padding-box;
}
#upload,
#payment_fail,
#payment_success{
    /* overflow: hidden; */
    display: flex;
    align-items: center;
    justify-content: center;
    height: 87vh;
}
.payment_page {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 0 20px;
    position: relative;
    z-index: 1;
    flex-direction: column;

}
.payment_box {
    max-width: 400px;
    text-align: center;
    padding: 35px;
    width: 100%;
    margin: 0 auto;
    height: auto;
    overflow: auto;
    overflow-x: hidden;
    border-radius: 24px;
    border: 1px solid #E6EAF0;
    background: #fff;
    box-shadow: 0px 0px 11px 0px rgba(178, 184, 189, 0.20);
}
.payment_box hr.dashed::after{
    color: #b1b2b3;
}
.payment_box hr.dashed{
    border-top: 1px dashed rgb(160 160 160 / 53%);
}
.payment_box h3 {
    font-size: 22px;
    font-weight: 600;
    color: #08152C;
    /* font-family: 'Satoshi-medium'; */
    letter-spacing: .5px;
}
.payment_box p {
    font-size: 15px;
    color: #7B8698;
    margin-bottom: 17px;
    text-align: center;
    letter-spacing: 0.5px;
}
.Payment_btns {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.archive-box{
    text-align: left;
    padding-left: 20px;
    color: #767676;
    background: #fff;
    border: 1px solid #76767670;
    /* margin: 10px 30px; */
    margin: 0px;
}
.archive-box span{
    padding: 0px 10px;
    color: #767676;
}
.archive-box button{
    background: transparent;
    border: none;
    color: #767676;
    cursor: pointer;
}
.archive-box button:hover{
    color: #2E4765;
}
#payment_fail .payment_box h3{
    color: #08152C;
}
#payment_fail .round_icon.payment{
    border-radius: 100px;
    background: #FED0CA !important;
    box-shadow: 0 0 0 10px #FFEDEB;
}
.result_page {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 0 20px;
    position: relative;
    z-index: 1;
}

.result_box {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 12px 9px 17px #00000029;
    border-radius: 45px;
    text-align: center;
    /* padding: 100px 20px 20px 20px; */
    padding: 20px 20px 20px 20px;
    max-width: 325px;
    width: 100%;
    margin: auto;
}

.result_box h3 {
    font-size: 22px;
    font-weight: 600;
}

.result_box p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
}

.result_box p strong {
    font-weight: 600;
}

.result_box .myBtn {
    padding: 5px 40px;
    color: #fff;
    border-radius: 20px;
}

.result_box .myBtn.success {
    background: #2EE2B1;
    border: 1px solid #2EE2B1;
}
.myBtn.green {
    color: #fff;
    background: #28a745;
    border-color: #28a745;
}
.result_box .myBtn.danger {
    background: #F98585;
    border: 1px solid #F98585;
}

.result_icon .round_icon {
    width: 100px;
    height: 100px;
    margin-bottom: 30px;
    background: #F2F4FA !important;
    border: none !important;
}

.result_box.congrats {
    max-width: 500px;
    position: relative;
    padding-top: 200px;
}

.tag_img {
    position: absolute;
    top: -46%;
    transform: translateX(-50%);
    left: 50%;
    width: 100%;
}

.tag_img img {
    width: 60%;
}

/* Congragulation pages */

/* Round svg icon */

.round_icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    transition: 0.4s ease all;
    align-items: center;
    justify-content: center;
    margin: auto;
}

/* .round_icon svg {
    width: 60%;
} */

.round_icon.primary {
    background: #ccf3ff;
    border: 1px solid #1aa3de;
    fill: #1aa3de
}

.round_icon.success {
    background: #d4f6ee;
    border: 1px solid #00c99c;
    fill: #00c99c
}
.round_icon.payment {
    background: #cbf1d5 !important;
    /* border: 1px solid #00c99c !important; */
    fill: #fff;
    width: 60px;
    height: 60px;
    padding: 10px;
    border-radius: 100px;
    box-shadow: 0 0 0 8px #eaf3ec;
}
.Payment_list {
    border-radius: 10px;
    background: #F2F4F7;
    padding: 20px;
    margin-bottom: 20px;
}
.Payment_list hr{
    margin:0 0 12px 0 !important;
}
.round_icon.warning {
    background: #f9e3c5;
    border: 1px solid #ffc162;
    fill: #ffc162;
    color: #C8C9CC
}

.round_icon.danger {
    background: #f9858554;
    border: 1px solid #F98585;
    fill: #F98585;
    color: #C8C9CC
}

/* Round svg icon */

/* Test Pages Styling Start */

.rule_box h3 {
    font-size: 18px;
    font-weight: 600;
}

.rule_list {
    padding: 30px 0;
}

.rule_box .rule_list p {
    margin-bottom: 14px;
    font-weight: 600;
    font-size: 14px;
}

.rule_box p i {
    font-size: 18px;
    margin-right: 10px;
}

.rule_box {
    padding-bottom: 15px;
    /*  border-bottom: 2px solid #e4e4e4;
    margin-bottom: 30px; */
}

.quiz_btn_bar {
    padding: 25px 0;
    border-top: 1px solid #e4e4e4;
    margin-top: 30px;
}

.myBtn.lg {
    border-radius: 6px;
    padding: 6px 34px
}

.quiz_heading {
    /* background: #f5f6fa; */
    padding: 0px 15px;
    border-radius: 10px;
    margin-bottom: 11px;
}

.quiz_heading h3 {
    font-size: 16px;
    margin: 0;
    font-weight: 600;
}

.quiz_options {
    padding: 20px 0;
}

.quiz_options .radio_btn {
    /* padding: 0; */
}

.quiz_options .radio_btn label {
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
}

.test_page {
    padding: 50px;
}

.quiz_topbar {
    display: flex;
    justify-content: space-between;
}

.quiz_topbar .quiz_progress {
    max-width: 400px;
    width: 100%;
    margin-right: 20px;
}

.quiz_progress label {
    font-weight: 600;
    font-size: 14px;
}

.quiz_timer {
    text-align: center;
    margin-right: 20px;
}

.quiz_timer span {
    font-size: 14px;
    font-weight: 600;
}

.quiz_timer h3 {
    font-weight: 800;
}

/* Test Pages Styling End */

/* Billing Page styling start */

.membership .cardIcon {
    top: 20%;
    width: 70px;
    right: 30px;
    visibility: hidden;
}

.dashboardCard.membership {
    box-shadow: 0px 0px 32px #91B9FF40;
}

.membership.green .cardIcon {
    visibility: visible;
}

.membership .cardIcon svg {
    fill: #ffffff;
}

.dashboardCard.membership h3 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 0;
}

.dashboardCard.membership h3 strong {
    font-size: 60%;
    font-weight: 500;
    display: block;
}

.dashboardCard.membership p {
    font-size: 18px;
    font-weight: 400;
    margin-top: 30px;
    margin-bottom: 0;
}
.dashboardCard.membership:not(.green) p.enroll_date{
    visibility: hidden;
}
.dashboardCard.membership p span {
    font-size: 60%;
    font-weight: 300;
    display: block;
}

/* Billing Page styling end */
/* Congratulation page */
.curved_wrapper{
    position: relative;
    padding-top: 20%;
    margin-bottom: 100px;
}
.curved_bg{
    background: transparent linear-gradient(270deg, #000000 0%, #C49730 100%) 0% 0% no-repeat padding-box;
    border-radius: 100%;
    overflow: hidden;
    position:  absolute;
    top: -400px;
    left: 0;
    bottom: 0;
    right: 0;
}
.curved_bg .bg{
    top: 400px;
}
.badge_img {
    width: 200px;
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    bottom: -110px;
}
.badge_img img{
    width: 100%;
}
.greeting_content {
    text-align: center;
    margin: auto;
    padding-top: 100px;
}
.greeting_content h1 {
    font-size: 45px;
    font-weight: 900;
}
.greeting_content span {
    display: block;
    font-size: 50%;
    font-weight: 400;
    margin: 10px 0 20px 0;
}
.greeting_content .myBtn{
    max-width: 360px;
    margin: auto;
}
/* Custom Modal Design */
.custom_modal .modal-header {
    padding: 20px 10px 5px 10px;

}
.custom_modal .modal-content{
    padding: 20px 40px;
    border: none;
}
.custom_modal .modal-title {
    color: #2E4765;
    width: 100%;
    font-size: 22px;
    font-weight: 600;

}
.custom_modal{
    color: #2E4765;
}
.custom_modal .modal-body p{
    font-size: 12px;
    font-weight: 500;
    text-align: center;

}
.custom_modal .modal-footer{
    padding: 16px 0;
    border-top: 1px solid #e9ecef;
    display: block;
}
.custom_modal .modal-dialog {
    max-width: 600px;
}
.custom_modal .email_model{
    max-width: 70%;
}
.myBtn.modal_btn {
    background: #C79C3B;
    font-size: 14px;
    font-weight: 400;
    padding: 10px 35px;
}
/* Custom Modal Design */
/* Custom Tabs Design */

.custom_tabs .nav-tabs{
    border-bottom: 0;
}

.custom_tabs .tab-content {
    margin-top: 20px;
}

.custom_tabs .tab-pane .tab_heading{
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    border-bottom: 2px solid #d0d0d04a;
    padding-bottom: 5px;
    margin-bottom:40px;
}

.custom_tabs .tab-pane .newsWrapper+.newsWrapper{
    margin-top: 30px;
}

.custom_tabs .nav-tabs li {
    padding: 10px 30px;
}

.custom_tabs .nav-tabs li a{
    color: #000000;
    padding: 5px 10px;
    transition: all 0.1s;
    font-weight: 500;
}

.custom_tabs .nav-tabs li a.active {
   /*  position: relative; */
   border-bottom: 4px solid #C79C3B;
    border-radius: 4px;

}
/* .nav-tabs li.active a::before{
    content: "";
    position: absolute;
    bottom: 0;
    width: 80%;
    margin: auto;
    height: 3px;
    background: #00c99c;
} */
/* Custom Tabs Design */
.ticket_filter {
    padding: 0 0 10px 100px;
    display: flex;
    flex-wrap: wrap;
}
.ticket_filter label{
    font-weight: 400;
    font-size: 14px;
}
.ticket_filter .custom_checkbox .checkmark:after{
    border: solid #d0cbcb;
    border-width: 0 2px 2px 0;
}
.ticket_filter .custom_checkbox input:checked~.checkmark{
    background-color: transparent;
    border: 1px solid #d0cbcb;
}
.ticket_filter .custom_checkbox:hover input~.checkmark {
    background-color: #fff;
}
.ticket_filter .checkmark{
    border: 1px solid #d0cbcb;
    top: 2px;
}
.my_tickets .btn-link {
    width: 100%;
    text-align: left;
    color: #2E4765;
    padding:15px;
    text-decoration: none;
    font-size: 14px;
}
.my_tickets .btn-link i{
    font-size: 18px;
}
.my_tickets .btn-link:not(.collapsed) .fa-angle-down::before{
    content: "\f106";
}
.my_tickets  .card{
    border-radius: 0;
    border: none;
}
.my_tickets  .card .card-header{
    border: 1px solid rgba(0,0,0,.125);
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    border-radius: 0;
    padding: 0;
    background: #fff;
}
.my_tickets .card-body{
    padding: 20px 50px;
    border-top: 1px solid rgba(0,0,0,.125);
}
.my_tickets .status span{
    color: inherit
}
.my_tickets .status span::before{
    top: 2px;
    left: -16px;
    width: 12px;
    height: 12px;
}
.status.completed span::before{
    background: #0ecca1;
}
.status.in_progress span::before {
    background: #75BAEB;
}
.status.pending span::before {
    background: #fcd295;
}
.status.overdue span::before {
    background: #c05959;
}
.status.not_completed span::before {
    background: #c05959;
}

.accordion_header .ticket_it{
    flex: 0 0 10%
}
.accordion_header .support{
    flex: 0 0 10%
}
.accordion_header .last_update{
    flex: 0 0 10%
}
.accordion_header .status{
    flex: 0 0 20%
}
.accordion_header .subject{
    flex: 0 0 25%
}
.accordion_header .fa-angle-down {
    flex: 0 0 0%
}
.post_area {
    display: flex;
    /* justify-content: center; */
    justify-content: flex-start;
    align-items: center;
}
.ticket_height {
    max-height: 320px;
    overflow: auto;
}
.post_img {
    flex: 0 0 6%;
}
.post_img img {
    margin: auto;
    width: 50px;
    height: 50px;
    display: block;
    border-radius: 50%;
}
.post_content{
    display: flex;
    /* justify-content: center; */
    justify-content: space-between;
    align-items: center;
    margin-left: 20px;
    margin-top: 12px;
    border-bottom: 1px dashed #707070;
    flex: 0 0 90%;
    width: 100%;
}
.post_content .user_name {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0;
}
.post_content .post_text {
    font-size: 16px;
    font-weight: 400;
    /* font-size: 14px; */
    line-height: 1.2;
    color: #2e4765;
    font-weight: 400;
}
.post_content .post_time{
    flex: 0 0 30%;
    text-align: right;
    font-size: 12px;
    color: #7A7575;
}
.write_post{
    text-align: right;
    border: 1px solid #cacaca;
    margin-left: 20px;
    width: 100%;
    background: #f3f3f394;
}

.write_post_desc{
    text-align: left;
    padding: 15px;
    margin: 0;
    border-top: 1px solid #cacaca;
    font-size: 15px;
}
/* .write_post .sendArea {
    padding: 10px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border-radius: 0;
    border: 1px solid rgba(0,0,0,.125);
    margin: 20px;
} */
.write_post .youMessage {
    border: 0;
    border-bottom: 1px solid #cacaca;
    padding: 12px 8px 4px 8px;
    background: #ffffff;
    width: 100%;
    resize: none;
    height: 48px;
}
.write_post .attachmentBtn::before
{
    background: transparent;
}
.write_post .attachmentBtn{
    width: 30px;
    height: 30px;
}
.write_post .attachmentBtn::after{
    font-size: 25px;
    color: #828282;
}
.write_post .myBtn {
    padding: 8px 30px;
    margin-bottom: 7px;
    font-size: 12px;
    margin-right: 10px;
}
.file_upload{
    display: flex;
    justify-content: center;
}
.post_btn{
    flex: 0 0 15%;
}


/* upload file css */
.file-upload{
    width: 100%;
}
.file-upload .file-upload-select {
    /* display: block; */
    display: flex;
    justify-content: flex-end;
    align-items: center;
	color: #dbdbdb;
	cursor: pointer;
	text-align: right;
	background: transparent;
	overflow: hidden;
	position: relative;
	border-radius: 6px;
}
.file-upload .file-upload-select .file-select-button {
	background: transparent;
	padding: 10px;
    display: inline-block;
    color: #797b7b;
    margin-right: 8px;
}
.file-upload .file-upload-select .file-select-name {
	display: inline-block;
	padding: 0 30px;
    font-size: 14px;
    color: #b9b9b9;
}
.file-upload .file-upload-select:hover .file-select-button {
	background: transparent;
	/* color: #ffffff; */
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.file-upload .file-upload-select input[type="file"] {
	display: none;
}
/* upload file css */

.chat_pop{
    display: none;
}
.sideBarClosed .sidebar_layer{
    display: none;
}
.sidebar_layer{
    display: none;
}
.tabsList::-webkit-scrollbar {
    height: 0.2em;

}

.tabsList::-webkit-scrollbar-thumb {
    background-color: #C79C3B;
    outline: none;
}
.scroll_view::-webkit-scrollbar {
    height: 0.2em;

}

.scroll_view::-webkit-scrollbar-thumb {
    background-color: #C79C3B;
    outline: none;
}
.login_name {
    padding-right: 10px;
}
.notification.dots {
    vertical-align: bottom;
}
.notification.dots span {
    width: 4px;
    height: 4px;
    background: #2E4765;
    display: block;
    margin: 3px;
    border-radius: 20px;
}
.job_chat_notification,
.degree_chat_notification,
.ticketchat_notification,
.chat_notification{
    max-height: 300px;
    overflow: auto;
}

.job_chat_notification li p,
.degree_chat_notification li p,
.ticketchat_notification li p,
.chat_notification li p{
    margin: 0;
    font-size: 12px;
    text-align: right;
}

.job_chat_notification_div,
.degree_chat_notification_div,
.chat_notification_div{
    width: 40px;
    border: none;
    cursor: pointer;
    background: none;
    position: relative;
}
/* .active_notification::after {
    position: absolute;
    top: 1px;
    right: 5px;
    width: 10px;
    height: 10px;
    background: #db9710;
    content: "";
    color: #1e1e51;
    border-radius: 50%;
} */
.sendMsg:hover svg {
    width: 20px;
}
.course_content .tabsList{
    overflow: auto;
}
.course_content .tabItem {
    /* flex: 0 0 auto;
    max-width: fit-content;
    max-width: -moz-fit-content; */
    padding: 0 15px 0 15px;
}

.course_content .tabItem .icon{
    margin: auto;
 }
.icon .tab_num {
    font-size: 30px;
    font-weight: 900;
    color: #fff;
}
.addQuiz .tabsList{
    overflow: unset;
}
.addQuiz .tabItem{
   flex:unset;
}
.addQuiz .overAllProgress {
    max-width: 100%;
    width: 320px;
    margin: auto;
}
.qstnDsgn, .detail_qstnDsgn {
    background: #F5F6FA 0% 0% no-repeat padding-box;
    padding: 30px;
    border-radius: 10px;
    margin-bottom: 30px;
}
.qstnDsgn:first-child .del_qstn, .detail_qstnDsgn:first-child .del_qstn{
    display: none;
}
.qstn_paper .actionBtn{
    width: 25px;
    height: 25px;
    padding: 6px;
}
.tipsDsgn, .detail_tipsDsgn {
    background: #F5F6FA 0% 0% no-repeat padding-box;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 30px;
}
.tipsDsgn:first-child .del_tips, .detail_tipsDsgn:first-child .del_tips{
    display: none;
}
.tips_paper .actionBtn{
    width: 25px;
    height: 25px;
    padding: 6px;
}
/* .myBtn svg{
    width: 15px;
} */
.strong_styles{
    text-decoration: underline;
}
.h6_styles {
    font-size: 14px;
    margin-bottom: 0px;
    font-weight: normal;
    padding-top: 5px;
}
.tbl_row_custom{
    align-items: center;
    padding: 10px 0px 5px 0px;
    font-size: 14px;
}
.tbl_row{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    font-size: 14px;
}
.acdmc_rec table{
    width: 100%;
    text-align: center;
    font-size: 14px;
}
.acdmc_rec table tr th:first-child,.acdmc_rec table tr td:first-child{
    text-align: left;
}
.acdmc_rec table tr td{
    padding: 15px 10px;
}
.tbl_row .circleProgress {
    max-height: 40px;
    max-width: 40px;
    margin: auto;
}
.tbl_row .circleProgress span {
    font-size: 80%;
}
.user_detail .contentCard{
    height: calc(100% - 15px);
}
.certificate{
    position: relative;
    min-width: 690px;
}
.ir .crt_img span {
    left: 30px !important;
}
/* .certificate img{ */
.certificate_img{
    min-height: 700px;
}
.cert_prew {
    /* position: absolute;
    width: 100%;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%; */
    padding: 80px 60px;
    position: relative;
    z-index: 5;
}
p.crt_img {
    justify-content: space-between;
    align-items: center;
    display: flex;
}
.ply_btn {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    z-index: 9;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffffb8;
    border-radius: 50%;
    cursor: pointer;
}
.ply_btn i{
    color: #C79C3B;
    font-size: 22px;
}
.popup_wrapper {
    position: relative;
}
.pop_up {
    position: absolute;
    bottom: 50px;
    right: 0;
    box-shadow: 0px 5px 30px #00000026;
    background: #fff;
    border-radius: 8px;
    z-index: 5;
    display: none;
}
.popup_header{
    background: #F8F8F8;
    font-weight: 600;
    font-size: 14px;
    margin: 0;
    padding: 10px 15px;
    color: #2E4765;
    text-align: left;
}
.pop_up:after {
    position: absolute;
    content: "";
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 15px solid white;
    bottom: -15px;
    transform: rotate(180deg);
    right: 35px;
}
.templates_box {
    padding: 0;
    list-style: none;
    color: #2E4765;
    font-size: 14px;
    text-align: left;
    width: 200px;

    max-height: 200px;
    overflow: auto;
}

.templates_box li {
    cursor: pointer;
    padding: 10px 15px;
    display: flex;
    justify-content: space-between;
    white-space: nowrap;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.text_wrapping{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 23px;
}
.templates_box li span a {
    color: black;
}
.templates_box li>a  {
    float: right;
    color: inherit;
}
.popup_header>a  {
    float: right;
    color: inherit;
}
.templates_box li:hover {
    background: #ccf3ff;
    color: #1aa3de;
}
.tracking_form{
    width: 350px;
}
.tracking_form myBtn{
    color: #fff !important;
}
/* .form_heading h2 {
    text-align: center;
    font-size: 28px;
    font-weight: 600;
    text-transform: capitalize;
} */
.form_heading h2 {
    text-align: center;
    font-size: 32px;
    font-weight: 600;
    text-transform: capitalize;
    color: #08152C;
    /* font-family: 'Satoshi-bold'; */
    line-height: 43.2px;
}
.form_txt p {
    /* max-width: 450px;
    width: 100%;
    margin: auto;
    padding-bottom: 20px; */
    font-size: 16px;
    color: #7B8698;
    /* font-family: 'Satoshi'; */
    line-height: 24px;
}
.quote_icon {
    background: #015eff;
    position: absolute;
    top: -20px;
    left: -20px;
    color: #fff;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top-left-radius: 10px;
    z-index: 1;
    border-top-right-radius: 10px;
}
.accss_den{
    background-color: #ffffff;
    margin: 100px auto;
    /* padding: 100px 30px; */
}
.ad_content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.ad_img img {
    width: 100%;
    height: 100%;
}
.ad_heading {
    font-size: 24px;
    color: #1e1e51;
    font-weight: bolder;
}
.ad_txt {
    text-align: center;
    max-width: 500px;
    margin: 0 auto;
    padding-top: 10px;
    font-size: 18px;
}
.key_img {
    font-size: 40px;
}
/* LOader css start */
.css_loader,
.css_loader2 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    background: #3d4057;
}
.lds-spinner {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}
.lds-spinner {
    color: official;
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
  }
  .lds-spinner div {
    transform-origin: 40px 40px;
    animation: lds-spinner 1.2s linear infinite;
  }
  .lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 37px;
    width: 6px;
    height: 18px;
    border-radius: 20%;
    background: #fff;
  }
  .lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s;
  }
  .lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s;
  }
  .lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s;
  }
  .lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s;
  }
  .lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s;
  }
  .lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s;
  }
  .lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s;
  }
  .lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s;
  }
  .lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s;
  }
  .lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s;
  }
  .lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s;
  }
  .lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
  }
  @keyframes lds-spinner {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  .flex_inpts{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .flex_inpts > div {
    display: flex;
    align-items: center;
    padding: 5px 20px;
    flex-wrap: wrap;
}
.logo_sec.owl-carousel.owl-drag .owl-item {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.logo_sec .owl-nav {
    display: none !important;
}
.logo_sec img {
    width: 70px !important;
    height: auto;
}
.btn_link {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    float: right;
}
.btn_link:hover {
    color: black;
}
.not_read{
    background: #1e88e56b;
}
span.notify_count {
    min-width: 17px;
    position: absolute;
    top: -7px;
    left: 20px;
    font-size: 11px;
    padding: 2px 3px;
    width: max-content;
    height: auto;
    /* background: #db9710; */
    background: #db1010;
    content: "";
    color: #fff;
    font-weight: 600;
    border-radius: 5px;
}
.MsgRecived.shipped .Message,
.MsgSent.shipped .Message {
    background: #ccf3ff;
    border: 1px solid #1aa3de;
    color: #1aa3de;
    font-weight: 800;
    padding: 15px 25px;
    position: relative;
}

.MsgRecived.shipped .Message::before,
.MsgSent.shipped .Message::before {
    display: none;
}

.MsgRecived.shipped .Message::after,
.MsgSent.shipped .Message::after {
    content: "i";
    position: absolute;
    left: 3px;
    transform: translateY(-50%);
    top: 50%;width: 18px;
    height: 18px;
    background: #1aa3de;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 11px;
    font-weight: 600;
    color: #fff;
}


.similar-jobs {
    background: #ddba59;
}
.success-solid {
    background: #00c99c;
}
.menuListing ul.subMenu li a i{
    width: 18px;
flex: 0 0 18px;
}
.menuListing ul.subMenu li a {
    margin-left: 5px;
    padding: 8px;
}
.side_bar_img_icon{
    width: 17px;
}
.prof_icon>i{
    transition: ease-in-out 0.3s;
}
.prof_icon>i:hover{
    color: #c39630;
}
.start_conversation{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCAyNjAgMjYwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGU+LnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNlMWUwZTl9PC9zdHlsZT48ZyBpZD0iaS1saWtlLWZvb2QiPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yNC40IDE2Yy4yLjYuNCAxLjMuNSAyaC0zLjdsMS4yIDIuMy41LjktLjIuMVYyOGMyLjIgMS43IDIuNyA0LjggMSA3LS44IDEtMS45IDEuNy0zLjIgMS45di4xYy0uOSAzLjUtNC4xIDYtNy44IDZoLTIwYy0zLjYgMC02LjgtMi41LTcuNy02di0uMWMtMi43LS40LTQuNi0zLTQuMi01LjcuMi0xLjMuOS0yLjUgMS45LTMuMnYtNi44bC0uOC0xLjYtLjQtLjkuOS0uNC42LS4zaC0zQy0xNy4yIDUuNi00LjktMi4yIDcuNS42IDE1LjQgMi4zIDIxLjkgOC4yIDI0LjQgMTZ6bS0zNi44IDJjLS4yIDAtLjMgMC0uNC4xbC0zLjEgMS42LjkgMS44IDEuMy0uN2MuOC0uNCAxLjgtLjQgMi43IDBsMi4yIDEuMWMuMy4xLjYuMS45IDBsMi4yLTEuMWMuOC0uNCAxLjgtLjQgMi43IDBsMi4yIDEuMWMuMy4xLjYuMS45IDBsMi4yLTEuMWMuOC0uNCAxLjgtLjQgMi43IDBsMi4yIDEuMWMuMi4xLjUuMS44IDBsMi45LTEuM2MuOC0uMyAxLjctLjMgMi40IDBsMi45IDEuM2MuMy4xLjYuMS45IDBsMy4xLTEuNS0uOS0xLjgtMS40LjdjLS44LjQtMS43LjQtMi42LjFsLTIuOC0xLjJjLS4yLS4yLS4zLS4yLS40LS4yLS4xIDAtLjMgMC0uNC4xbC0yLjggMS4yYy0uOC40LTEuOC4zLTIuNi0uMUw0IDE4LjFjLS4xLS4xLS4zLS4xLS40LS4xLS4yIDAtLjMgMC0uNC4xTDEgMTkuMmMtLjguNC0xLjguNC0yLjcgMEwtNCAxOC4xYy0uMS0uMS0uMy0uMS0uNC0uMS0uMiAwLS4zIDAtLjQuMUwtNyAxOS4yYy0uOC40LTEuOC40LTIuNyAwbC0yLjItMS4xYy0uMi0uMS0uNC0uMS0uNS0uMXptMC0yaC00LjlDLTEzLjUgNS4xLTEuNS0uNyA5LjUgMy4yYzYgMi4xIDEwLjcgNi44IDEyLjggMTIuOGgtMi4xbC0uMS0uMS0uMi4xaC0zMi4zem0zMC4zIDcuN2wxLjQtLjdoMS4zdjJoLTM2di0xLjFsLjMtLjIgMS40LS43aDIuNmwxLjQuN2MuOC40IDEuOC40IDIuNyAwbDEuNC0uN0gtM2wxLjQuN2MuOC40IDEuOC40IDIuNyAwbDEuMi0uN2gyLjZsMS40LjdjLjcuNCAxLjcuNCAyLjUgMGwxLjctLjdoMy4ybDEuNy43Yy44LjQgMS43LjQgMi41IDB6TS0xMy44IDI3bDE2LjQgNC45TDE4LjkgMjdoLTMyLjd6bS0uNiAyaC4zbDE2LjcgNSAxNi43LTVoLjNjMS43IDAgMyAxLjMgMyAzcy0xLjMgMy0zIDNoLTM0Yy0xLjcgMC0zLTEuMy0zLTNzMS4zLTMgMy0zem0xLjMgOGMuOCAyLjQgMy4xIDQgNS43IDRoMjBjMi41IDAgNC44LTEuNiA1LjctNGgtMzEuNHoiLz48cGF0aCBpZD0icGF0aDZfZmlsbC1jb3B5IiBjbGFzcz0ic3QwIiBkPSJNMjg0LjQgMTZjLjIuNi40IDEuMy41IDJoLTMuN2wxLjIgMi4zLjUuOS0uMi4xVjI4YzIuMiAxLjcgMi43IDQuOCAxIDctLjggMS0xLjkgMS43LTMuMiAxLjl2LjFjLS45IDMuNS00LjEgNi03LjggNmgtMjBjLTMuNiAwLTYuOC0yLjUtNy43LTZ2LS4xYy0yLjctLjQtNC42LTMtNC4yLTUuNy4yLTEuMy45LTIuNSAxLjktMy4ydi02LjhsLS44LTEuNi0uNC0uOS45LS40LjYtLjNoLTNDMjQyLjggNS42IDI1NS4xLTIuMiAyNjcuNS42YzcuOSAxLjcgMTQuNCA3LjYgMTYuOSAxNS40em0tMzYuOSAyYy0uMiAwLS4zIDAtLjQuMWwtMy4xIDEuNi45IDEuOCAxLjMtLjdjLjgtLjQgMS44LS40IDIuNyAwbDIuMiAxLjFjLjMuMS42LjEuOSAwbDIuMi0xLjFjLjgtLjQgMS44LS40IDIuNyAwbDIuMiAxLjFjLjMuMS42LjEuOSAwbDIuMi0xLjFjLjgtLjQgMS44LS40IDIuNyAwbDIuMiAxLjFjLjMuMS42LjEuOSAwbDIuOS0xLjNjLjgtLjMgMS43LS4zIDIuNCAwbDIuOSAxLjNjLjMuMS42LjEuOSAwbDMuMS0xLjUtLjktMS44LTEuNC43Yy0uOC40LTEuNy40LTIuNi4xbC0yLjgtMS4yYy0uMS0uMS0uMy0uMS0uNC0uMS0uMSAwLS4zIDAtLjQuMWwtMi44IDEuMmMtLjguNC0xLjguMy0yLjYtLjFsLTIuMy0xLjFjLS4xLS4xLS4zLS4xLS41LS4xcy0uMyAwLS40LjFsLTIuMiAxLjFjLS44LjQtMS44LjQtMi43IDBsLTIuMi0xLjFjLS4xLS4xLS4zLS4xLS40LS4xLS4yIDAtLjMgMC0uNC4xbC0yLjIgMS4xYy0uOC40LTEuOC40LTIuNyAwbC0yLjItMS4xYy0uMi0uMi0uNC0uMi0uNi0uMnptMC0yaC00LjljMy45LTEwLjkgMTUuOS0xNi43IDI2LjgtMTIuOCA2IDIuMSAxMC43IDYuOCAxMi44IDEyLjhoLTIuMWwtLjEtLjEtLjMuMWgtMzIuMnptMzAuNCA3LjdsMS40LS43aDEuM3YyaC0zNnYtMS4xbC4zLS4yIDEuNC0uN2gyLjZsMS40LjdjLjguNCAxLjguNCAyLjcgMGwxLjQtLjdoMi42bDEuNC43Yy44LjQgMS44LjQgMi43IDBsMS40LS43aDIuNmwxLjQuN2MuOC40IDEuNy40IDIuNi4xbDEuNy0uN2gzLjJsMS43LjdjLjUuMyAxLjQuMyAyLjItLjF6TTI0Ni4yIDI3bDE2LjQgNC45TDI3OSAyN2gtMzIuOHptLS43IDJoLjNsMTYuNyA1IDE2LjctNWguM2MxLjcgMCAzIDEuMyAzIDNzLTEuMyAzLTMgM2gtMzRjLTEuNyAwLTMtMS4zLTMtM3MxLjQtMyAzLTN6bTEuNCA4Yy44IDIuNCAzLjEgNCA1LjYgNGgyMGMyLjUgMCA0LjgtMS42IDUuNy00aC0zMS4zeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNTkuNSAyMWMtMS4zLTMuNi00LjctNi04LjUtNmgtNDJjLTMuOCAwLTcuMiAyLjQtOC41IDYtMy4zLjMtNS44IDMuMi01LjUgNi41LjIgMi45IDIuNiA1LjIgNS41IDUuNS0xLjcgNC43LjggOS44IDUuNCAxMS41IDEgLjMgMiAuNSAzIC41aDQyYzUgMCA5LTQgOS05IDAtMS0uMi0yLjEtLjUtMyAzLjMtLjMgNS44LTMuMiA1LjUtNi41LS4yLTIuOS0yLjUtNS4yLTUuNC01LjV6bS04LjUtNGgtNDJjLTIuNyAwLTUuMiAxLjYtNi4zIDRoNTQuN2MtMS4yLTIuNC0zLjctNC02LjQtNHptLTkuMyAyNmMyLjEtMS43IDMuMy00LjMgMy4zLTdoLTJjMCAzLjktMy4xIDctNyA3aC00LjNjMi4xLTEuNyAzLjMtNC4zIDMuMy03aC0yYzAgMy45LTMuMSA3LTcgN2gtNC4zYzIuMS0xLjcgMy4zLTQuMyAzLjMtN2gtMmMwIDMuOS0zLjEgNy03IDdoLTdjLTMuOSAwLTctMy4xLTctN3MzLjEtNyA3LTdoNDJjMy45IDAgNyAzLjEgNyA3cy0zLjEgNy03IDdoLTkuM3pNMTA5IDI3Yy0zIDAtNS44IDEuNS03LjUgNGgtLjVjLTIuMiAwLTQtMS44LTQtNHMxLjgtNCA0LTRoNThjMi4yIDAgNCAxLjggNCA0cy0xLjggNC00IDRoLS41Yy0xLjctMi41LTQuNS00LTcuNS00aC00MnpNMzkgMTE1YzQuNCAwIDgtMy42IDgtOHMtMy42LTgtOC04LTggMy42LTggOCAzLjYgOCA4IDh6bTYtOGMwIDMuMy0yLjcgNi02IDZzLTYtMi43LTYtNiAyLjctNiA2LTYgNiAyLjcgNiA2em0tMy0yOXYtMmg4di02SDQwYy0yLjIgMC00IDEuOC00IDR2MTBIMjJsLTEuMyA0LS43IDJoMi4ybDMuOCA0MGgyNmwzLjgtNDBINThsLS43LTItMS4zLTRINDJ2LTZ6bS00LTR2MTBoMlY3NGg4di0yaC04Yy0xLjEgMC0yIC45LTIgMnptMiAxMmgxNC42bC43IDJIMjIuOGwuNy0ySDQwem0xMy44IDRIMjQuMmwzLjYgMzhoMjIuNGwzLjYtMzh6TTEyOSA5MmgtNnY0aC02djRoLTZ2MTRoLTNsLjIgMiAzLjggMzJoMzZsMy44LTMyIC4yLTJoLTN2LTE0aC02di00aC02di00aC04em0xOCAyMnYtMTJoLTR2NGgzdjhoMXptLTMgMHYtNmgtNHY2aDR6bS02IDZ2LTE2aC00djE5LjJjMS42LS43IDMtMS44IDQtMy4yem0tNiAzLjhWMTAwaC00djIzLjhjMS4zLjMgMi43LjMgNCAwem0tNi0uNlYxMDRoLTR2MTZjMSAxLjQgMi40IDIuNSA0IDMuMnptLTYtOS4ydi02aC00djZoNHptLTYgMHYtOGgzdi00aC00djEyaDF6bTI3LTEydi00aC00djRoM3Y0aDF2LTR6bS02IDB2LThoLTR2NGgzdjRoMXptLTYtNHYtNGgtNHY4aDF2LTRoM3ptLTYgNHYtNGgtNHY4aDF2LTRoM3ptNyAyNGM1LjkgMCAxMC45LTQuMiAxMS44LTEwaDcuOWwtMy41IDMwaC0zMi40bC0zLjUtMzBoNy45Yy45IDUuOCA1LjkgMTAgMTEuOCAxMHpNMjEyIDg2djJoLTR2LTJoNHptNCAwaC0ydjJoMnYtMnptLTIwIDBjLTIuNy43LTQuNSAzLjMtMy45IDYgLjQgMS44IDEuNiAzLjIgMy4zIDMuOGwuMS4yIDEuMSA0LjVjLjIuOSAxIDEuNSAxLjkgMS41bDcgMjQuNmMuMi45IDEgMS40IDEuOSAxLjRoNWMuOSAwIDEuNy0uNiAxLjktMS40bDctMjQuNmMuOSAwIDEuNy0uNiAxLjktMS41bDEuMS00LjUuMS0uMmMyLjYtLjkgNC4xLTMuNyAzLjItNi4zLS42LTEuNy0yLTMtMy44LTMuM1Y4NmMwLTcuNy02LjMtMTQtMTQtMTRTMTk2IDc4LjMgMTk2IDg2em00IDBoNnYyaC05Yy0xLjcgMC0zIDEuMy0zIDNzMS4zIDMgMyAzaDI2YzEuNyAwIDMtMS4zIDMtM3MtMS4zLTMtMy0zaC0zdi0yaDJjMC02LjYtNS40LTEyLTEyLTEycy0xMiA1LjQtMTIgMTJoMnptLTEuNCAxNGwtMS00aDI0LjlsLTEgNGgtMjIuOXptOC45IDI2bC02LjktMjRoMTguN2wtNi45IDI0aC00Ljl6TTE1MCAyNDJjMTIuMiAwIDIyLTkuOCAyMi0yMnMtOS44LTIyLTIyLTIyLTIyIDkuOC0yMiAyMiA5LjggMjIgMjIgMjJ6bTI0LTIyYzAgMTMuMy0xMC43IDI0LTI0IDI0cy0yNC0xMC43LTI0LTI0IDEwLjctMjQgMjQtMjQgMjQgMTAuNyAyNCAyNHptLTI4LjQgMTcuN2wyLS45YzEuNS0uNiAzLjItLjYgNC43IDBsMiAuOWMuOS40IDIgMCAyLjUtLjhsMS4xLTEuOWMuOC0xLjQgMi4yLTIuNCAzLjgtMi44bDIuMS0uNWMxLS4yIDEuNi0xLjEgMS41LTIuMWwtLjItMi4yYy0uMS0xLjYuNC0zLjIgMS40LTQuNWwxLjQtMS43Yy43LS44LjctMS45IDAtMi42bC0xLjQtMS43Yy0xLjEtMS4yLTEuNi0yLjgtMS40LTQuNWwuMi0yLjJjLjEtMS0uNi0xLjktMS42LTIuMWwtMi4xLS41Yy0xLjYtLjQtMy0xLjQtMy44LTIuOGwtMS4xLTEuOWMtLjUtLjktMS42LTEuMi0yLjUtLjhsLTIgLjljLTEuNS42LTMuMi42LTQuNyAwbC0yLS45Yy0uOS0uNC0yIDAtMi41LjhsLTEgMi4xYy0uOCAxLjQtMi4yIDIuNC0zLjggMi44bC0yLjEuNWMtMSAuMi0xLjYgMS4xLTEuNSAyLjFsLjIgMi4yYy4xIDEuNi0uNCAzLjItMS40IDQuNWwtMS40IDEuN2MtLjcuOC0uNyAxLjkgMCAyLjZsMS40IDEuN2MxLjEgMS4yIDEuNiAyLjggMS40IDQuNWwtLjIgMi4yYy0uMSAxIC42IDEuOSAxLjYgMi4xbDIuMS41YzEuNi40IDMgMS40IDMuOCAyLjhsMS4xIDEuOWMuNC43IDEuNSAxIDIuNC42em0yLjggMWMxLS40IDIuMS0uNCAzLjEgMGwyIC45YzEuOC44IDQgLjEgNS0xLjZsMS4xLTEuOWMuNi0uOSAxLjUtMS42IDIuNS0xLjhsMi4xLS41YzEuOS0uNCAzLjMtMi4zIDMuMS00LjJsLS4yLTIuMmMtLjEtMS4xLjMtMi4yIDEtM2wxLjQtMS43YzEuMy0xLjUgMS4zLTMuNyAwLTUuMmwtMS40LTEuN2MtLjctLjgtMS4xLTEuOS0xLTNsLjItMi4yYy4yLTItMS4xLTMuOC0zLjEtNC4ybC0yLjEtLjVjLTEuMS0uMi0yLS45LTIuNS0xLjhsLTEuMS0xLjljLTEtMS43LTMuMi0yLjQtNS0xLjZsLTIgLjljLTEgLjQtMi4xLjQtMy4xIDBsLTItLjljLTEuOC0uOC00LS4xLTUgMS42bC0xLjEgMS45Yy0uNi45LTEuNSAxLjYtMi41IDEuOGwtMi4xLjVjLTEuOS40LTMuMyAyLjMtMy4xIDQuMmwuMiAyLjJjLjEgMS4xLS4zIDIuMi0xIDNsLTEuNCAxLjdjLTEuMyAxLjUtMS4zIDMuNyAwIDUuMmwxLjQgMS43Yy43LjggMS4xIDEuOSAxIDNsLS4yIDIuMmMtLjIgMiAxLjEgMy44IDMuMSA0LjJsMi4xLjVjMS4xLjIgMiAuOSAyLjUgMS44bDEuMSAxLjljMSAxLjcgMy4yIDIuNCA1IDEuNmwyLS45ek0xNTIgMjA3YzAtLjYuNC0xIDEtMXMxIC40IDEgMS0uNCAxLTEgMS0xLS40LTEtMXptNiAyYzAtLjYuNC0xIDEtMXMxIC40IDEgMS0uNCAxLTEgMS0xLS40LTEtMXptLTExIDFjMC0uNi40LTEgMS0xczEgLjQgMSAxLS40IDEtMSAxLTEtLjQtMS0xem0tNiAwYzAtLjYuNC0xIDEtMXMxIC40IDEgMS0uNCAxLTEgMS0xLS40LTEtMXptMy01YzAtLjYuNC0xIDEtMXMxIC40IDEgMS0uNCAxLTEgMS0xLS40LTEtMXptLTggOGMwLS42LjQtMSAxLTFzMSAuNCAxIDEtLjQgMS0xIDEtMS0uNC0xLTF6bTMgNmMwLS42LjQtMSAxLTFzMSAuNCAxIDEtLjQgMS0xIDEtMS0uNC0xLTF6bTAgNmMwLS42LjQtMSAxLTFzMSAuNCAxIDEtLjQgMS0xIDEtMS0uNC0xLTF6bTQgN2MwLS42LjQtMSAxLTFzMSAuNCAxIDEtLjQgMS0xIDEtMS0uNC0xLTF6bTUtMmMwLS42LjQtMSAxLTFzMSAuNCAxIDEtLjQgMS0xIDEtMS0uNC0xLTF6bTUgNGMwLS42LjQtMSAxLTFzMSAuNCAxIDEtLjQgMS0xIDEtMS0uNC0xLTF6bTQtNmMwLS42LjQtMSAxLTFzMSAuNCAxIDEtLjQgMS0xIDEtMS0uNC0xLTF6bTYtNGMwLS42LjQtMSAxLTFzMSAuNCAxIDEtLjQgMS0xIDEtMS0uNC0xLTF6bS00LTNjMC0uNi40LTEgMS0xczEgLjQgMSAxLS40IDEtMSAxLTEtLjQtMS0xem00LTNjMC0uNi40LTEgMS0xczEgLjQgMSAxLS40IDEtMSAxLTEtLjQtMS0xem0tNS00YzAtLjYuNC0xIDEtMXMxIC40IDEgMS0uNCAxLTEgMS0xLS40LTEtMXptLTI0IDZjMC0uNi40LTEgMS0xczEgLjQgMSAxLS40IDEtMSAxLTEtLjQtMS0xem0xNiA1YzIuOCAwIDUtMi4yIDUtNXMtMi4yLTUtNS01LTUgMi4yLTUgNSAyLjIgNSA1IDV6bTctNWMwIDMuOS0zLjEgNy03IDdzLTctMy4xLTctNyAzLjEtNyA3LTcgNyAzLjEgNyA3em04Ni0yOWMtLjYgMC0xIC40LTEgMXMuNCAxIDEgMWgyYy42IDAgMS0uNCAxLTFzLS40LTEtMS0xaC0yem0xOSA5YzAtLjYuNC0xIDEtMWgyYy42IDAgMSAuNCAxIDFzLS40IDEtMSAxaC0yYy0uNiAwLTEtLjQtMS0xem0tMTQgNWMtLjYgMC0xIC40LTEgMXMuNCAxIDEgMWgyYy42IDAgMS0uNCAxLTFzLS40LTEtMS0xaC0yem0tMjUgMWMtLjYgMC0xIC40LTEgMXMuNCAxIDEgMWgyYy42IDAgMS0uNCAxLTFzLS40LTEtMS0xaC0yem01IDRjLS42IDAtMSAuNC0xIDFzLjQgMSAxIDFoMmMuNiAwIDEtLjQgMS0xcy0uNC0xLTEtMWgtMnptOSAwYzAtLjYuNC0xIDEtMWgyYy42IDAgMSAuNCAxIDFzLS40IDEtMSAxaC0yYy0uNiAwLTEtLjQtMS0xem0xNSAxYzAtLjYuNC0xIDEtMWgyYy42IDAgMSAuNCAxIDFzLS40IDEtMSAxaC0yYy0uNiAwLTEtLjQtMS0xem0xMi0yYy0uNiAwLTEgLjQtMSAxcy40IDEgMSAxaDJjLjYgMCAxLS40IDEtMXMtLjQtMS0xLTFoLTJ6bS0xMS0xNGMwLS42LjQtMSAxLTFoMmMuNiAwIDEgLjQgMSAxcy0uNCAxLTEgMWgtMmMtLjYgMC0xLS40LTEtMXptLTE5IDBjLS42IDAtMSAuNC0xIDFzLjQgMSAxIDFoMmMuNiAwIDEtLjQgMS0xcy0uNC0xLTEtMWgtMnptNiA1YzAtLjYuNC0xIDEtMWgyYy42IDAgMSAuNCAxIDFzLS40IDEtMSAxaC0yYy0uNiAwLTEtLjQtMS0xem0tMjUgMTV2LTEuNGMtMi41LTEuMS0zLjctNC0yLjYtNi42LjItLjUuNS0xIC45LTEuNC0uOS0yIDAtNC4yIDEuOS01LjItLjgtMi42LjctNS40IDMuNC02LjIuNC0uNS45LS45IDEuNS0xLjEuNS0yLjcgMy4xLTQuNSA1LjgtNC4xLjcuMSAxLjQuNCAyIC44IDUuMy0zLjggMTEuNi01LjkgMTguMi01LjkgNi44IDAgMTMuMSAyLjIgMTguMiA1LjkgMi4zLTEuNiA1LjQtMSA3IDEuMy40LjYuNyAxLjMuOCAyIC42LjIgMS4xLjYgMS41IDEuMSAyLjcuOCA0LjIgMy41IDMuNCA2LjIgMS45IDEgMi43IDMuMiAxLjkgNS4yIDEuOSAyIDEuOCA1LjItLjIgNy0uNC40LS45LjctMS41IDF2Mi40aC02MnYtMWgtLjJ6bS44LTcuMmMtLjMgMS4yLS41IDIuNC0uNiAzLjYtMS4zLTEtMS42LTIuOS0uNi00LjIuNC4zLjguNSAxLjIuNnptMS41LTQuNmMtLjQuOS0uNyAxLjgtMSAyLjctMS0uNC0xLjYtMS41LTEuMy0yLjUuMi0uNS42LS45IDEuMS0xLjIuNC40LjguNyAxLjIgMXptMi4zLTQuNWwtMS41IDIuN2MtMS4zLTEtMS41LTIuOS0uNS00LjIuMS0uMi4zLS4zLjQtLjUuMy45LjkgMS42IDEuNiAyem0xLjItMS43Yy40LS41LjctMSAxLjEtMS41LS4zLS41LS45LS43LTEuNC0uNHMtLjcuOS0uNCAxLjRjLjIuMi40LjQuNy41em01LjMtNS44Yy0xIC45LTIgMS44LTIuOSAyLjgtLjMtLjMtLjctLjYtMS4xLS44LjQtMS42IDIuMS0yLjUgMy43LTIuMS4xIDAgLjIuMS4zLjF6bTQyLjcgMi44Yy0uOS0xLTEuOS0xLjktMi45LTIuOCAxLjUtLjYgMy4zLjEgMy45IDEuNyAwIC4xLjEuMi4xLjMtLjQuMi0uOC40LTEuMS44em0xLjMgMS41Yy40LjUuOCAxIDEuMSAxLjQuNS0uMS45LS43LjgtMS4ycy0uNy0uOS0xLjItLjhjLS4zLjItLjUuNC0uNy42em0zLjggNS45bC0xLjUtMi43Yy44LS40IDEuNC0xLjEgMS42LTIgMS4zIDEuMSAxLjQgMyAuNCA0LjItLjIuMi0uNC4zLS41LjV6bTEuNyA0LjVjLS4zLS45LS42LTEuOC0xLTIuNy40LS4zLjgtLjYgMS4yLTEgMSAuNSAxLjQgMS43IDEgMi43LS4yLjQtLjYuOC0xLjIgMXptMS4yIDUuNWMtLjEtMS4yLS40LTIuNC0uNi0zLjYuNS0uMS45LS40IDEuMi0uNiAxIDEuMy43IDMuMi0uNiA0LjJ6TTI3NSAyMTRjLS41LTE2LTEzLjktMjguNi0yOS45LTI4LjEtMTUuMy41LTI3LjYgMTIuOC0yOC4xIDI4LjFoNTh6TTcyLjMgMTk4LjFjLS4yLS4zLS4zLS43LS4zLTEuMXYtMTJoLTJ2MTJjMCAyLjIgMS44IDQgNCA0IDEuMiAwIDIuMy0uNSAzLjEtMS40LjYtLjcuOS0xLjYuOS0yLjV2LTEyaC0ydjEyYzAgMS4xLS45IDItMiAyLS43LS4xLTEuMy0uNC0xLjctMXpNNzUgMTc2Yy40IDAgLjcgMCAxLjEtLjEuNSAyLjIgMi42IDMuNSA0LjggMyAuNS0uMSAxLS4zIDEuNC0uNiAxLjEgMi4xIDEuNyA0LjQgMS43IDYuN3YyNGMwIDMuMy0yLjcgNi02IDZoLTN2OWMwIDIuOC0yLjIgNS01IDVzLTUtMi4yLTUtNXYtOWgtM2MtMy4zIDAtNi0yLjctNi02di0yNGMwLTcuNyA2LjMtMTQgMTQtMTQgMCAyLjggMi4yIDUgNSA1em0tMTcgMTV2MTJjMCAuOC41IDEuNSAxLjIgMS44LjkuNCAxLjkuMSAyLjQtLjcuMi0uMy4zLS43LjMtMS4xdi0xMmgydjEyYzAgMi4yLTEuNyA0LTMuOSA0LS41IDAtMS0uMS0xLjQtLjItLjItLjEtLjQtLjItLjctLjN2Mi41YzAgMi4yIDEuOCA0IDQgNGgxNmMyLjIgMCA0LTEuOCA0LTR2LTI0YzAtMS41LS4yLTIuOS0uNy00LjItLjQuMS0uOS4yLTEuMy4yLTIuMSAwLTQuMS0xLjEtNS4yLTMtMy0uMS01LjYtMi02LjUtNC45QzYyLjQgMTc0IDU4IDE3OSA1OCAxODV2NnptOSAyNHY5YzAgMS43IDEuMyAzIDMgM3MzLTEuMyAzLTN2LTloLTZ6TS0xNyAxOTFjLS42IDAtMSAuNC0xIDFzLjQgMSAxIDFoMmMuNiAwIDEtLjQgMS0xcy0uNC0xLTEtMWgtMnptMTkgOWMwLS42LjQtMSAxLTFoMmMuNiAwIDEgLjQgMSAxcy0uNCAxLTEgMUgzYy0uNiAwLTEtLjQtMS0xem0tMTQgNWMtLjYgMC0xIC40LTEgMXMuNCAxIDEgMWgyYy42IDAgMS0uNCAxLTFzLS40LTEtMS0xaC0yem0tMjUgMWMtLjYgMC0xIC40LTEgMXMuNCAxIDEgMWgyYy42IDAgMS0uNCAxLTFzLS40LTEtMS0xaC0yem01IDRjLS42IDAtMSAuNC0xIDFzLjQgMSAxIDFoMmMuNiAwIDEtLjQgMS0xcy0uNC0xLTEtMWgtMnptOSAwYzAtLjYuNC0xIDEtMWgyYy42IDAgMSAuNCAxIDFzLS40IDEtMSAxaC0yYy0uNiAwLTEtLjQtMS0xem0xNSAxYzAtLjYuNC0xIDEtMWgyYy42IDAgMSAuNCAxIDFzLS40IDEtMSAxaC0yYy0uNiAwLTEtLjQtMS0xem0xMi0yYy0uNiAwLTEgLjQtMSAxcy40IDEgMSAxaDJjLjYgMCAxLS40IDEtMXMtLjQtMS0xLTFINHptLTExLTE0YzAtLjYuNC0xIDEtMWgyYy42IDAgMSAuNCAxIDFzLS40IDEtMSAxaC0yYy0uNiAwLTEtLjQtMS0xem0tMTkgMGMtLjYgMC0xIC40LTEgMXMuNCAxIDEgMWgyYy42IDAgMS0uNCAxLTFzLS40LTEtMS0xaC0yem02IDVjMC0uNi40LTEgMS0xaDJjLjYgMCAxIC40IDEgMXMtLjQgMS0xIDFoLTJjLS42IDAtMS0uNC0xLTF6bS0yNSAxNXYtMS40Yy0yLjUtMS4xLTMuNy00LTIuNi02LjYuMi0uNS41LTEgLjktMS40LS45LTIgMC00LjIgMS45LTUuMi0uOC0yLjYuNy01LjQgMy40LTYuMi40LS41LjktLjkgMS41LTEuMS41LTIuNyAzLjEtNC41IDUuOC00LjEuNy4xIDEuNC40IDIgLjggNS4zLTMuOCAxMS42LTUuOSAxOC4yLTUuOSA2LjggMCAxMy4xIDIuMiAxOC4yIDUuOSAyLjMtMS42IDUuNC0xIDcgMS4zLjQuNi43IDEuMy44IDIgLjYuMiAxLjEuNiAxLjUgMS4xIDIuNy44IDQuMiAzLjUgMy40IDYuMiAxLjkgMSAyLjcgMy4yIDEuOSA1LjIgMS45IDIgMS44IDUuMi0uMiA3LS40LjQtLjkuNy0xLjUgMXYyLjRoLTYydi0xaC0uMnptLjgtNy4yYy0uMyAxLjItLjUgMi40LS42IDMuNi0xLjMtMS0xLjYtMi45LS42LTQuMi40LjMuOC41IDEuMi42em0xLjUtNC42Yy0uNC45LS43IDEuOC0xIDIuNy0xLS40LTEuNi0xLjUtMS4zLTIuNS4yLS41LjYtLjkgMS4xLTEuMi40LjQuOC43IDEuMiAxem0yLjMtNC41bC0xLjUgMi43Yy0xLjMtMS0xLjUtMi45LS41LTQuMi4xLS4yLjMtLjMuNC0uNS4zLjkuOSAxLjYgMS42IDJ6bTEuMi0xLjdjLjMtLjUuNy0xIDEuMS0xLjUtLjMtLjUtLjktLjctMS40LS40cy0uNy45LS40IDEuNGMuMi4yLjQuNC43LjV6bTUuMy01LjhjLTEgLjktMiAxLjgtMi45IDIuOC0uMy0uMy0uNy0uNi0xLjEtLjguNC0xLjYgMi4xLTIuNSAzLjctMi4xLjEgMCAuMi4xLjMuMXpNOC44IDE5NGMtLjktMS0xLjktMS45LTIuOS0yLjggMS41LS42IDMuMy4xIDMuOSAxLjcgMCAuMS4xLjIuMS4zLS40LjItLjguNC0xLjEuOHptMS4zIDEuNWMuNC41LjggMSAxLjEgMS40LjUtLjEuOS0uNy44LTEuMi0uMS0uNS0uNy0uOS0xLjItLjgtLjMuMi0uNS40LS43LjZ6bTMuOCA1LjljLS41LS45LS45LTEuOC0xLjUtMi43LjgtLjQgMS40LTEuMSAxLjYtMiAxLjMgMS4xIDEuNCAzIC40IDQuMi0uMi4yLS40LjMtLjUuNXptMS44IDQuNWMtLjMtLjktLjYtMS44LTEtMi43LjQtLjMuOC0uNiAxLjItMSAxIC41IDEuNCAxLjcgMSAyLjctLjMuNC0uNy44LTEuMiAxem0xLjEgNS41Yy0uMS0xLjItLjQtMi40LS42LTMuNi41LS4xLjktLjQgMS4yLS42IDEgMS4zLjcgMy4yLS42IDQuMnpNMTUgMjE0Yy0uNS0xNi0xMy45LTI4LjYtMjkuOS0yOC4xLTE1LjMuNS0yNy42IDEyLjgtMjguMSAyOC4xaDU4eiIvPjwvZz48L3N2Zz4=);
    background-color: #f2f0f7;
    background-repeat: repeat;
    background-size: 210px;
    width: 100%;
}
.start_conversation span{
    background: white;
    padding: 10px 15px;
    border-radius: 30px;
    font-size: 18px;
}.start_conversation h3{
    margin: 0;
    padding-bottom: 20px;
}
.start_conversation h3 span{
    box-shadow: 0 4px 8px 0 rgba(34,41,47,.12) !important;
}
.stc_box {
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.stc_icon{
    display: inline-block;
    background: #fff;
    width: 100px;
    padding: 24px 15px 20px 20px;
    height: 100px;
    border-radius: 50%;
    margin: 20px auto;
    box-shadow: 0 4px 8px 0 rgba(34,41,47,.12) !important;
}
.sendArea .pop_up{
    max-height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
}

a.hdr_ques span {
    color: #717E98;
    font-size: 14px;
}
.shw_pass {
    position: absolute;
    top: 36%;
    right: 19px;
    color: #A7AFBC;
    cursor: pointer;
}
.hide_pass {
    position: absolute;
    top: 58%;
    right: 19px;
    color: #A7AFBC;
    cursor: pointer;
    display: none;
}
.rgstr_std p {
    font-size: 14px;
    color: #717E98;
    font-family: 'Satoshi';
    font-weight: 400;
}
.rgstr_std a {
    font-size: 14px;
    color: #08152C;
    font-family: 'Satoshi-bold';
    font-weight: 700;
}

a.forgot_pas {
    color: #08152C;
    font-size: 14px;
    /* font-family: 'Satoshi-medium'; */
    line-height: 18.2px;
}

label.xs_text {
    margin-bottom: 0;
}


/* Media Queries Start Here */
/* Media Queries Start Here */
/* Media Queries Start Here */

@media screen and (max-width:1199px) and (min-width:992px){
    html, body{
        overflow-x: hidden;
    }
    body:not(.sideBarClosed) .pageWrapper{
        width: 100%;
    }
    .login_banner{
        max-width: 350px;
        width: 100%;
    }
    .login_text{
        margin-bottom: 10px;
    }

}
@media screen and (max-width:1199px){
    .mainLessonBody .MsgRecived,.mainLessonBody .MsgSent {
        max-width: 100%;
    }
    .content_area{
        padding: 60px 30px;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .login_page{
        background-size: cover;
    }
    .check_out .form_area{

        padding: 0 15px 0 15px;

     }
     .tab_header{
        padding: 20px 20px 20px 20px;
     }
     .form_logo{
        max-width: 250px;
    }
    .form_tab .form_logo{
        margin-top: 3rem !important;
    }
    .form_heading h2{
        font-size: 24px;
    }
    .form_txt p {
        font-size: 14px;
    }
    .slider_content{
        bottom:50px;
        left: 25px;
        width: calc(100% - 25px);
    }
    .login_slider_sec .owl-dots{
        bottom: 20px;
    }
    .slider_txt{
        padding: 40px 10px 10px 10px;
    }
    .slider_txt h3{
        font-size: 18px;
    }
    .slider_txt p{
        font-size: 14px;
    }
    .login_heading {
        font-size: 22px;
    }

}
/* .sendArea_admin_mod {
    height: 320px !important;
}
.ChatArea_admin_mod {
    height: calc(100% - 405px) !important;
} */
@media screen and (max-width:991px){

    .ChatArea_admin_mod {
        height: calc(100% - 445px) !important;
    }
    .sendArea_admin_mod {
        height: 360px !important;
    }

    .lessonContent {
        padding: 0 20px 0 30px;

    }
    /* body{
        overflow: hidden;
    } */
    body.sideBarClosed{
        overflow: auto;
    }
    .login_form{
        width: 100%;
    }
    .myBtn{
        font-size: 14px;
    }
    .myBtn.blue_inset{
        white-space: break-spaces;
    }
    .tabItem::before{
        top: 20px;
    }
    .tabItem .icon{
        width: 40px;
        height: 40px;
        margin: 0 15px;
    }
    .tabItem p{
        font-size: 12px;
        margin-bottom: 2px;
        margin-top: 5px;
    }
    .badge_img {
        width: 130px;
        bottom: -80px;
    }
    .curved_wrapper{
        padding-top: 30%;
    }
    .login_banner {
        max-width: 300px;
    }
    .login_text {
        margin-bottom: 10px;
    }
    .login_text{
        max-width: 400px;
        line-height: 1.5;
        font-size: 16px;
    }
    .check_out .form_area{
       height: auto;
       padding: 20px 15px 20px 15px;
        margin-bottom: 30px;
        border-radius: 18px 18px 18px 18px;
    }
    .form_area{
        padding: 0 10px 0 10px;
    }
    .sideBar.closed{
        left: -100px;
    }
    .sideBarClosed .pageWrapper{
        margin-left: 0;
        padding-left: 15px;
    }
    .pageWrapper{
        margin-left: 0;
        padding-left: 15px;
        border-left: none;
    }
    .sideBarClosed .topBar {
        width: calc(100% );
        left: 0;
    }
    .topBar{
        width: calc(100% );
        left: 0;
    }
    .menuListing {
        padding: 15px 0px 15px 10px;
    }
    .mainMenu {
        max-height: calc(100% - 170px);
        min-height: calc(100% - 170px);
        overflow: auto;
        scrollbar-width: thin;
    }
    .sideBar{
        z-index: 4;
        width: 220px;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
    }
    .toggle_sidebar {
        display: block;
        text-align: right;
        padding: 10px 10px;
        position: absolute;
        right: 0;
    }
    .toggle_sidebar .toggleMenu span:nth-child(1),.toggle_sidebar .toggleMenu span:nth-child(3) {
        width: 15px;
    }
    .toggle_sidebar .toggleMenu span:nth-child(1) {
        -webkit-transform: translateY(4px) rotate(45deg);
        transform: translateY(4px) rotate(45deg);
    }
    .toggle_sidebar .toggleMenu span:nth-child(3) {
        -webkit-transform: translateY(-2px) rotate(-45deg);
        transform: translateY(-2px) rotate(-45deg);
    }
    .toggle_sidebar .toggleMenu span{
        background: #ffffff;
    }
    .eventsOuter{
        flex-direction: column;
        align-items: center;
    }
    .appointmentCard{
        padding: 10px;
        width: 300px;
    }
    .appointmentHeader{
        padding: 15px;
    }
    .userInfo h3{
        font-size: 16px;
    }
    .userInfo p{
        font-size: 12px;
    }
    .dateWrapper svg{
        width: 20px;
        flex: 0 0 20px;
        margin-right: 12px;
    }
    .dateWrapper p{
        font-size: 12px;
    }
    .mainLessonBody .chatWrapper{
        border-radius: 15px;
        box-shadow: 1px 0px 11px 2px #24252730;
        position: fixed;
        z-index: 9;
        height: 0;
        bottom: 65px;
        max-width: 0;
        width: 100%;
        right: 10px;
        transition: all 0.5s;
    }
    .mainLessonBody .chatWrapper.active{
        height: 400px;
        max-width: 300px;
    }
    .mainLessonBody .chatWrapper .ChatArea {
       /*  height: calc(100% - 70px); */
       height: calc(100% - 113px);
        overflow: auto;
    }
    .chatTitle {
        font-size: 18px;
        padding: 8px;
    }
    .chatWrapper.active .sectionTitle{
        display: none;
    }
    .mainLessonBody .chatWrapper .sendArea{
        padding: 10px 20px;
        height: 70px;
    }
    .lessonContent{
        margin-top: 50px;
    }

    .chat_pop {
        display: block;
        width: 35px;
        height: 35px;
        border: none;
        display: flex;
        background: transparent linear-gradient(132deg, #C49730 0%, #805E14 100%) 0% 0% no-repeat padding-box;
        fill: #fff;
        border-radius: 50%;
        justify-content: center;
        align-items: center;
        position: fixed;
        bottom: 10px;
        right: 10px;
        z-index: 9;
    }
    .chat_pop svg {
        width: 25px;

    }
    .sideBarClosed .sidebar_layer{
        display: none;
    }
    .sidebar_layer{

        position: fixed;
        content: "";
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #00000073;
        display: block;
        z-index: 4;
    }
    .flex_inpts > div{
        min-width: 300px;
    }
    .flex_inpts > div > b {
        min-width: 180px;
    }
}
.flex_inpts > div > input,.flex_inpts > div > .num_txt {
    width: 180px !important;
}
@media screen and (max-width:576px) and (-webkit-min-device-pixel-ratio:0) {
    ::-webkit-full-page-media, :future, :root .mainMenu {
        max-height: calc(100% - 265px);
        min-height: calc(100% - 265px);
        overflow: auto;
        scrollbar-width: thin;
    }

    button.ld_btn, .dnld_btn {
        padding: 10px 20px;
    }

}
@media screen and (max-width:767px){
    .ChatArea_admin_mod {
        height: calc(100% - 405px) !important;
    }
    .sendArea_admin_mod {
        height: 320px !important;
    }
    #addDealershipForm{
        max-height:201px;
    }
    .add_job_modal{
        overflow-x:scroll;
        max-height:255px;
    }

    .form_content {
        height: auto;
        overflow: unset;
    }

    .saprate-chat-page .ChatArea{
        height: calc(100% - 150px) !important;
    }
    .mainLessonHeader p{
        min-height: auto;
    }
    .videoWrapper{
        margin-top: 0px !important;
        box-shadow: 0px -4px 2.2px rgb(0 0 0 / 3%), -1px -4px 5.3px rgb(0 0 0 / 5%), 0 12.5px 10px rgb(0 0 0 / 6%), 2px -7px 17.9px 5px rgb(0 0 0 / 7%), 0 41.8px 33.4px rgb(0 0 0 / 9%), 0 100px 80px rgb(0 0 0 / 12%);
    }
    .lessonContent{
        margin-top: 15px;
        padding: 0 20px 0 8px;
    } .lessonContent .sectionTitle{
        text-align: center;
    }
    .form_tab .form_logo{
        margin-top: 0rem !important;
    }
    .notification{
        width: 35px;
    }
    .notify_icon{
        font-size: 22px;
    }
    .pop_up{
        /* max-height: 500px; */
        overflow-y: scroll;
    }
    .payment_page{
        justify-content: flex-start;
        padding: 50px 5px;
    }

    .topBar{
        padding: 15px 5px;
    }
    .toggleMenu{
        padding: 10px 2px;
        width: 38px;
    }
    .accss_den{

        margin: 50px auto;

    }
    .ad_content{
        padding: 30px 0;
    }
    /* .moduleCard {

        height: 100%;
     } */
    .tabsList{
        margin-bottom: 0;
    }
    .scroll_view{
        padding-bottom: 20px;
    }
    .tab_body{
        height: auto;
    }
    #payment_success{
        height: calc(100vh - 90px);
    }
    .tab_header, .login_slider_sec{
        display: none;
    }
    .ticket_footer{
        margin: 0 -15px;
        padding: 15px 15px 0 15px;
    }
    .curved_wrapper{
        padding-top: 50%;
    }
    .curved_bg{
        top: -250px;
    }
    .curved_bg .bg {
        top: 250px;
    }
    .greeting_content {
        padding-top: 30px;
    }
    .greeting_content h1 {
        font-size: 32px;
    }
    .Checkout_text {
        max-width: 350px;
        font-size: 16px;
        margin-top: 15px;
        line-height: 1.5;
    }
    .Checkout_heading {
        font-size: 32px;
        margin-top: 20px;
    }
    .content_area{
        align-items: center;
        text-align: center;
    }
    .logo_img{
        width: 250px;
        margin-bottom: 20px;
    }
    .form_area{
        height: auto;
        border-radius: 18px 18px 18px 18px;
        margin-bottom: 100px;
        padding: 30px 10px;
        text-align: center;
    }
    .login_heading {
        font-size: 24px;
    }
    .login_text {
        font-size: 14px;
    }
    .strip_img{
        width: 280px;
    }
    .strip_img.right{
        z-index: 0;
    }
    .navWrapper {
        padding: 0 5px;
        flex: 0 0 35%;
        text-align: right;
    }
    .topBarInnwe{
        padding: 0 10px;
    }
    .events{
        padding-left: 0;
    }
    .contentCard{
        padding: 15px;
    }
    .MsgRecived, .MsgSent {
        max-width: 100%;
    }
    .topBarInnwe h1{
        font-size: 18px;
    }
    .post_content{
        flex-direction: column;
        margin-left: 0;
        align-items: flex-start;
    }
    .write_post{
        margin-left: 0;
        margin-top: 15px;
    }
    .post_area{
        flex-direction: column;
    }
    .post_img{
        align-self: flex-start;
        margin-top: 30px;
    }
    .post_content .post_time{
        align-self: flex-end;
    }
    .post_img img{
        width: 40px;
    }
    .my_tickets .card-body{
        padding: 20px 10px;
    }
    .my_tickets.support_ticket_table .card:first-child {
        display: none;
    }
    .accordion_header .ticket_it ,.accordion_header .subject,.accordion_header .last_update, .accordion_header>h3{
        display: none;
    }
    .ticket_filter{
        padding: 0;
    }
    .custom_tabs .nav-tabs li {
        padding: 8px 5px;
    }
    .file-upload .file-upload-select .file-select-name{
        padding: 10px 5px;
    }
    .file_upload{
        flex-direction: column;
    }
    .task_filter{
        justify-content: space-around;
        margin-bottom: 5px;
        margin-top: 15px;
        width: 100%;
    }
    .task_filter p{
        margin-bottom: 0;
    }
    .cardHeader{
        flex-direction: column;
    }
    .scroll_view{
        display: flex;
        overflow-x: auto;
        justify-content: flex-start;
        align-items: stretch
    }
    .moduleCard{
        min-width: 280px;
        min-height: 210px;
    }
    .moduleCard hr{
        margin: 5px 0;
    }
    .moduleCard h1 {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .moduleCard h1 svg {
        width: 16px;
    }
    .moduleCard p {
        font-size: 12px;
        margin-bottom: 0;
    }
    .moduleIcon img {
        width: 80%;
    }
    .moduleIcon svg {
        width: 50%;
    }
    .moduleCard+.moduleCard {
        margin-top: 0;
        margin-left:  15px;
    }
    .moduleCard .counts.small h2{
        font-size: 16px;
        margin-bottom: 0;
        margin-top: 8px;
    }
    .playProgress{
        width: 45px;
        height: 45px;
        flex: 0 0 45px;
        margin-right: 8px;
        padding: 8px;
    }
    .lessonHeader .title{
        padding: 8px;
        padding-left: 5px;

    }
    .lessonHeader h1{
        font-size: 16px;
    }
    .lessonHeader p{
        font-size: 12px;
    }
    .lessonBody h3{
        font-size: 14px;
    }
    .lessonBody{
        width: calc(100% - 62px);
    }
    .appointmentOuter{
        flex-direction: column;
        align-items: center;
    }
    .timeSlots{
        width: 100%;
        background: transparent linear-gradient(270deg, #FFFFFF 0%, #F5F6FA 100%) 0% 0% no-repeat padding-box;
        padding: 10px;
        margin: 20px 0;
    }
    .time_group{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .timeSlots .btnSelect{
        margin: 5px;
    }
    .timeSlots .btnSelect+.btnSelect{
        margin-top: 5px;

    }

    .secondaryTable,.mainTable{
        overflow: auto;
    }
    .course_info{
        padding: 10px 20px;
        flex-direction: column;
        width: 100%;
        margin-top: 20px;
    }

    .transcript_header{
        flex-direction: column-reverse;
        align-items: flex-end;
        margin-bottom: 0;
    }
    .transcript_detail_info{
        flex-direction: column-reverse;
        align-items: flex-end;
        margin-bottom: 0;
    }
    .cr_hour {
        padding:0;
        display: flex;
        justify-content: center;
        font-size: 5.2vw;
    }
    .monthyear-card{
        display: flex;
    }
}

@media screen and (max-width:480px){


    .ChatArea_admin_mod {
        height: calc(100% - 450px) !important;
    }
    .sendArea_admin_mod {
        height: 365px !important;
    }

    .cr_hour {
        padding:0;
        display: flex;
        flex-direction: column;
        align-items: center;

    }
    /* .cr_hour span {
        padding-bottom: 10px;
    } */
    .lessonBody{
        width: 100%;
    }
    .task_filter p span{
        display: none;
    }
    .accordion_header h3 span{
        display: block;
        margin-top: 0;
        white-space: normal;
    }
    .quiz_btn_bar{
        flex-direction: column;
    }
    .quiz_btn_bar .myBtn{
        margin: 5px;
    }
    .membership .cardIcon{
        top: 15%;
        width: 45px;
        right: 20px;
    }
    .dashboardCard.membership h3{
        font-size: 22px;
    }
    .dashboardCard.membership p{
        font-size: 14px;
        margin-top: 15px;
    }
    .dashboardCard.membership p span{
        font-size: 65%;
    }
    .course_info{
        padding: 10px 10px;
        margin-top: 10px;
    }
    .course_info h3{
        font-size: 14px;
    }
    .login_name{
        display: none;
    }


    /* Support ticket reponsive css */
    .my_tickets .status span::before{
        top: 3px;
        left: -14px;
        width: 8px;
        height: 8px;
    }
    .my_tickets .card {
        background-color: #d4d4d46e;
        padding: 5px 5px;
    }
    .my_tickets .card .card-header{
        border-radius: 10px;
    }
    .my_tickets .card-body {
      background: #fff;
    }
    .my_tickets .btn-link{
        padding: 10px 15px 25px;
        position: relative;
    }
    .accordion_header .ticket_it{
        flex: 0 0 10%;
        display: block !important;
        order: 4;
        font-size: 11px;
        color: #cacaca;
        padding: 0 10px;
    }
    .accordion_header .subject{
        flex: 0 0 100px;
        display: block !important;
        max-width: 100px;
        /* word-break: break-word; */
        white-space: normal;
    }
    .payment-baner{
        height:auto;
    }
    #billingFormValidate{
        width: 100% !important;
    }
    .accordion_header .status{
        flex: 0 0 20%;
        display: block;
        position: absolute;
        right: 25px;
        bottom: 5px;
        font-size: 12px;
        color: #c0c0c0;
    }
    .accordion_header .last_update{
        flex: 0 0 10%;
        display: block !important;
        font-size: 11px;
        order: 4;
        color: #cacaca;
    }
    .accordion_header .support{
        flex: 0 0 10%;
        display: none;
    }
    .my_tickets .btn-link i{
        font-size: 18px;
        order: 6;
        padding: 0 6px;
    }
    .monthyear-card{
        display: flex !important;
    }
}
/* Responsive Table CSS */
@media (max-width : 768px) {
    .sectionTitle{
        margin-top: 15px;
    }
    .timeslotlist span{
        padding: 6px 9px 2px 10px !important;
        margin-left:0 !important;
    }
    .appointmentCard.admin{
        min-height: auto;
    }
    .responsiveTable {
      overflow-x: visible !important;
      border: none;
    }
    #payment_success{
        height: 100vh;
    }
    .circle{
        display: none;
    }
    .responsiveTable thead {
      display: none;
    }

    .responsiveTable tbody,
    .responsiveTable tbody tr,
    .responsiveTable tbody td {
      display: block;
    }

    .responsiveTable tbody tr {
      padding: 0 7px;
      box-shadow: 0 10px 40px 10px #8c98a42d;
      background: #fff;
      border-radius: 8px;
    }

    .responsiveTable tbody tr+tr {
      margin-top: 10px;
    }

    .responsiveTable tbody td {
      padding: 7px 5px;
      border-bottom: 0;
      text-align: left;
    }

    .responsiveTable tbody td+td {
      border-top: 1px solid #f1f1f1;
    }

    .responsiveTable tbody td::before {
      content: attr(cell-key);
      font-size: 12px;
      display: block;
      font-weight: 400;
      margin-bottom:11px;
      color: #9c9c9c;
      text-transform: uppercase;
    }

    .responsiveTable tfoot tr {
      display: flex;
    }

    .responsiveTable tfoot td {
      width: 70%;
      flex: 70%;
      padding: 7px;
    }

    .responsiveTable tfoot td:nth-child(2) {
      width: 30%;
      flex: 30%;
    }

  }

  @media (max-width : 480px) {

    .payment_page{
        padding: 40px 5px;
    }
    .tab_body{
        padding: 40px 15px;
    }
    .form_content{
        padding: 30px 0px;
    }
    .login_form{
        padding: 30px 20px;
        width: 100%;
    }
  }
  /* Responsive Table CSS */
  /* Print Screen Media Queries */
  @media print {
    .sideBar{
        display: none !important;
    }
    .topBar{
        display: none;
    }
    .pageWrapper{
        border-left: 0px;
        border-radius: 0;
        margin-left: 0;
    }
    .myBtn{
        display: none;
    }
    .watermark_text{
        display: none;
    }
  }



  /* chat pages updated styling  */
  .attachment_link_class{
    margin: 0; margin-top: 5px; margin-bottom: -10px;
}
.pop_up.intrviw {
width: 100%;
max-width: 800px;
position: fixed;
right: 100px;
bottom: 100px;
box-shadow:none;
}
.pop_up.intrviw .popup_header {
background: #fff;
text-align: center;
color: #1aa3de;
font-size: 18px;
padding-bottom: 0;
}
.pop_up.intrviw .tracking_form {
width: 100%;
border: 2px solid #1aa3de;
border-radius: 6px;
padding-top: 10px;
position: relative;
}

.pop_up.intrviw ul {
list-style: none;
padding: 0;
font-weight: 300;
}

.pop_up.intrviw ul strong {
font-weight: 600;
}

.pop_up.intrviw p strong {
font-weight: 600;
}
.info_icon {
position: absolute;
transform: translate(-50%,-50%);
top: 0px;
left: 0;
width: 30px;
height: 30px;
background: #1aa3de;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
z-index: 1;
border-radius: 50%;
font-size: 22px;
}
.intrve_bars{
display:flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
padding: 20px 0;
}
.ib_box {
display: flex;
height: 50px;
justify-content: center;
align-items: center;
flex: 0 0 43%;
border: 1px solid #cacaca;
background: #fff;
padding:0;
cursor: pointer;
transition: all 0.3s;
}

.ib_box> div {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}

/* .ib_info:hover{
background: #1aa3de !important;
} */
.ib_info {
flex: 0 0 20%;
background: #1dda1d;
font-size: 30px;
border: 0;
outline: none;
height: 100%;
cursor: pointer;
}
.ib_info.red{
background: #f72929;
}
.ib_btn {
flex: 0 0 20%;
/*  background: #f72929; */
height: 100%;
background: transparent;
border: 0;
border-left: 1px solid #cacaca;
cursor: pointer;
}

.ib_txt {
width: 100%;
}

.ib_box + .ib_box {
margin-left: 10px;
}
@media screen and (max-width:991px) {
.pop_up.intrviw{
    max-width: 400px;
    right: 20px;
}
.ib_box{
    min-width: 280px;
}
.ib_box + .ib_box{
    margin-left:0;
    margin-top:10px;
}
}
@media screen and (max-width:767px) {
.pop_up.intrviw{
    max-width: 300px;
    right: 20px;
    height: 400px;
    overflow-y: scroll;
    padding: 0 20px;
}
.ib_box{
    min-width: 250px;
}
.ib_box + .ib_box{
    margin-left:0;
    margin-top:10px;
}
.chatWrapper {
height: calc(100vh - 90px);
overflow-y: scroll;
background: #fff;
border-radius: 12px;
box-shadow: 0 4px 6px 0 2E476514, 0 1px 20px 0 2E476514, 0px 1px 11px 0px 2E476514;
margin-bottom: 15px;
box-shadow: -30px 20px 20px #2E476514, 30px 20px 20px #2E476514;
}
.ChatArea {
height: calc(100% - 150px);
overflow: auto;
}
.sendArea {
padding: 20px;
height: 150px;
display: flex;
align-items: center;
justify-content: space-between;
background: #F2F4FA;
border-radius: 0 0 12px 12px;
/* flex-direction: column; */
}
}
.job_popup .pop_up{
left: 0;
right: unset;
}
.job_popup .pop_up::after{
left: 35px;
right: unset;
}
.job_popup .tracking_form{
width: 280px;
}
.MsgSent.msg_pop .tracking_form,
.MsgRecived.msg_pop .tracking_form {
width: auto;
border: 2px solid #1aa3de;
border-radius: 5px;
position: relative;
padding: 20px 10px 0 10px;
}

.MsgSent.msg_pop .Message,
.MsgRecived.msg_pop .Message {
/* background: #fff; */
color: #2E4765;
/* border: 2px solid #1aa3de; */
}

/* .MsgSent.msg_pop .Message::before,
.MsgRecived.msg_pop .Message::before {
display: none;
} */
.MsgSent.msg_pop .popup_header,
.MsgRecived.msg_pop .popup_header{
text-align: center;
color: #1aa3de;
font-size: 18px;
background: transparent;
padding-bottom: 0;
}
.ib_box:hover{
background: #1aa3de !important;
color:#fff
}
/* .ib_box:hover .ib_info{
background: #1aa3de !important;

} */

.attachment_link_class{
    margin: 0; margin-top: 5px; margin-bottom: -10px;
}
.pop_up.intrviw {
width: 100%;
max-width: 800px;
position: fixed;
right: 100px;
bottom: 100px;
box-shadow:none;
}
.pop_up.intrviw .popup_header {
background: #fff;
text-align: center;
color: #1aa3de;
font-size: 18px;
padding-bottom: 0;
}
.pop_up.intrviw .tracking_form {
width: 100%;
border: 2px solid #1aa3de;
border-radius: 6px;
padding-top: 10px;
position: relative;
}

.pop_up.intrviw ul {
list-style: none;
padding: 0;
font-weight: 300;
}

.pop_up.intrviw ul strong {
font-weight: 600;
}

.pop_up.intrviw p strong {
font-weight: 600;
}
.info_icon {
position: absolute;
transform: translate(-50%,-50%);
top: 0px;
left: 0;
width: 30px;
height: 30px;
background: #1aa3de;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
z-index: 1;
border-radius: 50%;
font-size: 22px;
}
.intrve_bars{
display:flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
padding: 20px 0;
}
.ib_box {
display: flex;
height: 50px;
justify-content: center;
align-items: center;
flex: 0 0 43%;
border: 1px solid #cacaca;
}

.ib_box> div {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}

.ib_info:hover{
background: #1aa3de !important;
}
.ib_info {
flex: 0 0 20%;
background: #1dda1d;
font-size: 30px;
border: 0;
outline: none;
height: 100%;
cursor: pointer;
}
.ib_info.red{
background: #f72929;
}
.ib_btn {
flex: 0 0 20%;
/*  background: #f72929; */
height: 100%;
background: transparent;
border: 0;
border-left: 1px solid #cacaca;
cursor: pointer;
}

.ib_txt {
width: 100%;
}

.ib_box + .ib_box {
margin-left: 10px;
}
@media screen and (max-width:991px) {
.pop_up.intrviw{
    max-width: 400px;
    right: 20px;
}
.ib_box{
    min-width: 280px;
}
.ib_box + .ib_box{
    margin-left:0;
    margin-top:10px;
}
}
@media screen and (max-width:767px) {
.pop_up.intrviw{
    max-width: 300px;
    right: 20px;
    height: 400px;
    overflow-y: scroll;
    padding: 0 20px;
}
.ib_box{
    min-width: 250px;
}
.ib_box + .ib_box{
    margin-left:0;
    margin-top:10px;
}
.chatWrapper {
height: calc(100vh - 90px);
overflow: hidden;
background: #fff;
border-radius: 12px;
box-shadow: 0 4px 6px 0 2E476514, 0 1px 20px 0 2E476514, 0px 1px 11px 0px 2E476514;
margin-bottom: 15px;
box-shadow: -30px 20px 20px #2E476514, 30px 20px 20px #2E476514;
}
.ChatArea {
height: calc(100% - 240px);
overflow: auto;
}
.sendArea {
padding: 20px;
height: 150px;
display: flex;
align-items: center;
justify-content: space-between;
background: #F2F4FA;
border-radius: 0 0 12px 12px;
/* flex-direction: column; */
}
}
.job_popup .pop_up{
left: 0;
right: unset;
}
.job_popup .pop_up::after{
left: 35px;
right: unset;
}
.job_popup .tracking_form{
width: 280px;
}




/* New Chat Design CSS */
.chat_page{
display: flex;

}
.chatlist_Wrap{
width: 23%;
padding-right: 15px;
min-width: 330px;
height: calc(100vh - 160px);overflow: auto;
}
.sc_img>img {
width: 100%;
height: 100%;
object-fit: cover;border-radius: 50%;
}

.sc_img {
flex: 0 0 50px;
max-width: 50px;
height: 50px;
border-radius: 50%;
/* overflow: hidden; */
margin-right: 15px;
}

.single_chat {
display: flex;
padding: 15px;
align-items: center;
background: #fff;
border-radius: 8px;
transition: ease-in-out 0.3s;
border: 1px solid transparent;
cursor: pointer;
position: relative;
/* z-index: 6 ; */
}
.single_chat>div{
position: relative;
z-index: 5;
}
.single_chat + .single_chat{
margin-top: 15px;
}
.single_chat::before {
/* position: absolute; */
top: 0;
left: 0;
right: 0;
bottom: 0;
content: "";
background: #fff;
z-index: 0;
transform-origin: left;
border-radius: 8px;
transition: ease-in-out 0.3s;
}
.single_chat:hover::before{
/* transform: scaleX(1.1); */
/* border: 1px solid #d4d4d4; */
box-shadow: 1px 5px 14px 1px #9497aa69;

}
.single_chat.active::before{
box-shadow: 1px 5px 14px 1px #9497aa69;

}

.sc_content {
width: 100%;
}
.sc_title {
display: flex;
justify-content: space-between;

}
.sc_title span{
font-size: 11px;
font-style: italic;
}
.sc_title h3 {
font-size: 14px;
margin: 0;

}

.sc_desc {
    max-height: 2em;
    overflow: hidden;
}
.sc_desc p, .sc_desc {
    /* .sc_desc { */
font-size: 13px;
/* margin: 0;
padding-bottom: 8px; */
font-weight: 400;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 1;
padding: 0px !important;
margin-bottom: 5px !important;
}
.sc_desc .lst_seen{
color: #f72929;
/* font-size: 70%; */
font-size: 85%;
line-height: 1.0;
display: block;
}
.chat_page .chatWrapper{
box-shadow: none;
width: 100%;
}
.stdInfo_wrap {
width: 300px;
/* min-width: 300px; */
margin-left: 5px;
background: #fff;
flex: 0 0 300px;
padding: 20px 15px;
margin-right: 10px;
}
.std_profile .sc_img {
margin: auto;
height: 80px;
max-width: 80px;
flex: 0 0 80px;
width: 100%;
}

.std_profile .sc_title {
justify-content: center;
padding: 10px 0 0;
}

.std_profile {
text-align: center;
}
.prof_icon {
font-size: 20px;
display: flex;
justify-content: center;
}

.prof_icon i+i {
margin-left: 20px;
}
.info_detail {
background: #f5f6fa;
padding: 5px;
margin-top: 40px;
}

.info_detail p {
font-size: 14px;
margin: 0;
}
.info_detail p + p{
margin-top: 15px;
}
.single_chat span.notify_count{
min-width: 20px;
text-align: center;
right: -7px;
left: unset;
transition: ease-in-out 0.3s;

}
/* .single_chat.active span.notify_count, .single_chat:hover span.notify_count{
    right: -40px;
} */
.notes_head{
display: flex;
padding: 20px 0;
cursor: pointer;
}
.notes_head h3{
width: 50%;
margin-right: 10px;
font-size: 17px;
margin-bottom: 0;
padding-bottom: 10px;
border-bottom: 2px solid transparent;
}
.notes_head h3.active{
border-bottom: 2px solid #33aee3;
}
.sn_body{
display: none;
}
.sn_body.active{
display: block;
}
.img_std {
width: 100px;
height: 100px;
padding: 5px;
}

.img_std>img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
}
.std_img_wrap{
display: flex;
flex-wrap: wrap;
}
.sendArea{
border: 1px solid lightgray;
}.chat_headBar {
padding: 10px 15px;
display: flex;
position: absolute;
border-bottom: 3px solid #f5f6fa;
background: #fff;
top: 0;
width: 100%;
z-index: 5;
}
.arcv_btn, .arcv_btn_jobs {
border: 1px solid #000;
padding: 5px 15px;
margin-right: 0px;
background: transparent;
position: relative;
}
.arcv_btn .ripple{
background-color: gray;
}
.bx_1{
display: flex;
width: 50%;
align-items: center;
}
.bx_2{
display: flex;
width: 50%;
align-items: center;
justify-content: flex-end;
}
.chat_page .chatWrapper{
position: relative;
transition: ease-in-out 0.3s;
}
.chat_page.active .chatWrapper{
margin-right: 300px;
}
.chat_page .ChatArea{
/* margin-top: 70px; */
margin-top: 83px;
}
.cl_head h3 {
font-size: 18px;
padding-bottom: 10px;
padding-top: 10px;
}
.chat_to_list{
display: none;
}

.ChatArea_admin_mod {
/* height: calc(100% - 250px); */
height: calc(100% - 405px);
overflow: auto;
/* padding-top: 85px; */
margin-top: 85px;
}

.ChatArea {
height: calc(100% - 233px);
overflow: auto;
}
.stdInfo_icon,.prof_icon,.chat_to_list{
cursor: pointer;
}
.stdInfo_wrap{
position: absolute;
    right: -120%;
    z-index: 9;
    border: 5px solid #f5f6fa;
    border-top: 0;
    transition: ease-in-out 0.3s;
}
.stdInfo_wrap.active{
    right: 0%;

}
.prof_icon .fa-ellipsis-v{
    padding: 20px;
    color: #000;
    transition: ease-in-out 0.3s;
}
.prof_icon .fa-ellipsis-v:hover{
    color:#c39630;
}
.arcv_btn:hover, .arcv_btn_jobs:hover {
background: #c39630;
color: #fff;
border-color: #fff;
}
.stdInfo_icon,.chat_to_list{
font-size: 22px;
color: #000;
    transition: ease-in-out 0.3s;
}
.stdInfo_icon:hover,.chat_to_list:hover{
color:#c39630;
}
@media screen and (max-width:1400px) {
.chat_page.active .chatWrapper{
    margin-right: auto;
}
.stdInfo_wrap{
position: absolute;
    right: -120%;
    z-index: 9;
    border: 5px solid #f5f6fa;
    border-top: 0;
    transition: ease-in-out 0.3s;
}
.stdInfo_wrap.active{
    right: 0%;

}
.stdInfo_icon{
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    display: block;
}
}
@media screen and (max-width:991px) {
.single_chat{
    padding: 8px;
}
.sc_title h3{
font-size: 14px;
}
.sc_title span{
font-size: 11px;
}
.chatlist_Wrap{
min-width: 300px;
}
}
@media screen and (max-width:767px) {
.chatlist_Wrap{
    width: 100%;
}
.chat_page .chatWrapper{
    display: none;
}
.single_chat::before{
    display: none;
}
.chatlist_Wrap{
    /* padding-right: 0; */
    padding-right: 6px;
}
.single_chat.active{
    box-shadow: 1px 5px 14px 1px #9497aa69;
}
.chat_to_list{
    display: block;
    position: absolute;
    top: 10px;
    left:0;
    padding: 10px 20px;
    font-size: 22px;
}
.chat_headBar{
    padding-left: 50px;
}
.ChatArea {
height: calc(100% - 280px);
height: calc(100% - 233px);
overflow: auto;
}
}
.request_message {
    display: flex;
    width: 100%;
    transition: ease-in-out 0.3s;
}

.chat_page.active .request_message {
    margin-right: 300px;
}

.chat_page.active .request_message .chatWrapper {
    margin-right: 0;
}

.job_request_message {
display: flex;
width: 100%;
transition: ease-in-out 0.3s;
}

.chat_page.active .job_request_message {
margin-right: 300px;
}

.chat_page.active .job_request_message .chatWrapper {
margin-right: 0;
}
.support_center_message {
    display: flex;
    width: 100%;
    transition: ease-in-out 0.3s;
}

.chat_page.active .support_center_message {
    margin-right: 300px;
}

.chat_page.active .support_center_message .chatWrapper {
    margin-right: 0;
}
@media (max-width: 1400px){
.chat_page.active .job_request_message{
    margin-right: 0;
}
.chat_page.active .request_message{
    margin-right: 0;
}
.chat_page.active .support_center_message{
    margin-right: 0;
}
}
@media (max-width: 768px){
.chatlist_Wrap {
    min-width: 100%;
}

}
.saprate-chat-page .ChatArea{
    height: calc(100% - 150px);
}

@media  screen and (max-width:991px) and (min-width:864px) {

    .ChatArea_admin_mod {
        height: calc(100% - 400px) !important;
    }
    .sendArea_admin_mod {
        height: 315px !important;
    }
}
@media  screen and (max-width:563px)  {

    .ChatArea_admin_mod {
        height: calc(100% - 435px) !important;
    }
    .sendArea_admin_mod {
        height: 350px !important;
    }
    #addDealershipForm{
        max-height:201px !important;
    }
    .add_job_modal{
        overflow-x:scroll;
        max-height:255px !important;
    }
}



.ticketPostForm,
#fileUploadForm{
    position: relative;
}
.file_uploaded_box{
    position: absolute;
    bottom: 100%;
    width: 100%;
    padding: 10px 15px;
    z-index: 9999;
    background: transparent linear-gradient(105deg, #C9E5EF 0%, #a0d7eb 100%) 0% 0% no-repeat padding-box;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    margin-bottom: -15px;
    border-radius: 5px;
}

.chat_error_message{
    position: absolute;
    bottom: 100%;
    width: 100%;
    padding: 10px 15px;
    z-index: 9999;
    cursor: pointer;
    margin-bottom: -15px;
    border-radius: 5px;
    text-align: center;
    font-size: 16px;
}
.swal-text{
    text-align:center; font-size:16px
}
/* .swal-button{
    background: transparent linear-gradient(270deg, #672DDE 0%, #4069EB 100%) 0% 0% no-repeat padding-box;
} */

.blur-content {
    filter: blur(2px);
    pointer-events: none;
}

.text-danger-custom {
    color: #003087!important;
    font-size: 13px;
    background: #ffc439;
    padding: 2px 14px;
    width: fit-content;
    margin: 10px 0px 6px 6px;
    font-family: sans-serif;
    border-radius: 20px;
    font-weight: bold;
}

.status-info, :root {
  /* font-size: 62.5%; */

  /* --bar-color: #38b000; */
  /* --body-color: #222; */
  /* --text-color: white; */
  --bar-wrap-back-color: white;
}

.status-info {
  /* display: flex;
  flex-direction: column; */
  text-align: left;
}

.status-info .title {
  padding: 0;
  margin: 0;

  font-family: 'Montserrat', sans-serif;
  font-size: 18px;

  color:#1894e6;
}

.status-info .bar-wrap {
  padding: 6px;
  margin-top: 12px;

  border-radius: 100px;

  background-color: var(--bar-wrap-back-color);
}

.status-info .bar {
  width: 0%;
  height: 15px;

  transition: width .15s ease-out;

  background-color: #1894e6;
  border-radius: 100px;
  box-shadow: inset -1px -1px 10px rgb(0 0 0 / .5);
}

.status-info .percentage {
  align-self: center;
  margin: 10px 0 25px;
  font-family: 'Montserrat', sans-serif;
  font-size: clamp(1.2rem, 1.5vw, 1.4rem);
  color: #1894e6;
}


/* .btn-wrap {
    align-self: center;
} */

.danish{
    display:flex;
    justify-content: space-between;
    align-items: center;
}
.danish .status-info {
    width: 60%;
}
.side_mrg {
    margin-top: 52px;
}
.fi_interview_list td{
    /* padding: 0.25rem 0.75rem .15rem 0.75rem; */
    padding: 0.5rem 0.75rem 0.2rem 0.75rem;
}
.fi_interview_list tbody tr{
    border: 2px solid #FFF;
}
.fi_interview_list thead th{
    /* border-bottom: 3px solid #dee2e6; */
    background-color: #dee2e6;
}
.fi_interview_list th{
    text-align: center;
    border: 3px solid #FFF;
    /* padding: 0.25rem 0.75rem .15rem 0.75rem; */
    padding: 0.9rem 0.75rem 0.6rem 0.75rem;
}

.interview_listing{
    margin-bottom: 5px;
}

.page_links {
    margin-top: 15px;
}

.page_links nav {
    display: flex;
    justify-content: center;
}

.interview_stats{
    margin: 0;
}
.interview_stats td{
    border-top: none;
    padding: .25rem;
    /* padding: 0rem 1.25rem 0rem 0rem; */
}

/* ******************************************************** */

/* july css maaz */



/* date time picker css */

.date_pckr input {
    border: 1px solid #c4c4c5;
    padding: 12px 10px;
    border-radius: 12px;
    width: 100%;
    cursor: pointer;
    margin-bottom: 10px;
}
 .pageTitle.as_card {
    height: calc(100% - 83px);
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.flatpickr-month {
    background: #c79c3b !important;

}



/* login page new css */
.innr_MainHeadr {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header_sc {
    padding: 20px 90px;
    background: #fff;
    box-shadow: 0px 0px 11px 0px #B2B8BD33;
    margin-bottom: 18px;
}

.mz_hdr_logo {
    width: 195px;
    height: 59px;
}
.mz_hdr_logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.hdr_call span {
    font-size: 14px;
    color: #717E98;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 22.4px;
    /* font-family: Satoshi !important; */
}
.mz_hdr_rit {
    border-radius: 12px;
    background: var(--white, #FFF);
    backdrop-filter: blur(10px);
    padding: 10px;
    border: 1px solid #717e984d;
}
.hdr_call p {
    margin-bottom: 0;
    padding: 0px 16px;
    /* font-family: Satoshi !important;  */

}
.hdr_call p {
    margin-bottom: 0;
    /* font-family: Satoshi !important; */
    color: #08152C;
    font-size: 14px;
}
.hdr_call a {
    color: #08152C;
}
.phn_iccn {
    margin-right: 8px;
    margin-bottom: 2px;
}

.formWrapper .form-control {
    color: #08152c;
    font-weight: 500;
    font-size: 14px;
}
.formWrapper .form-group {
    position: relative;
}
.country_field_bx {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-content: space-between;
    grid-gap: 25px;
    margin-bottom: 10px;
}
.country_field_bx.dates_bx {
    /* grid-template-columns: repeat(3, 1fr); */
}
.country_field_bx.field_3cols {
    grid-template-columns: repeat(3, 1fr);
}

.field_bx {
    position: relative;
}
.inpt_icon_mz {
    position: absolute;
    top: 27%;
    left: 12px;
}
.inpt_icon_mz svg {
    width: 23px;
    height: 23px;
}
.Q_mark_icon,
/* .radio_btn, */
i.tickIcon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 19px;
    display: none;

}
i.crossIcon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 19px;
    display: none;
}

/* amir-css */
.form_tab,
.summary,
.tabContent,
.tab_body_inner {
    padding: 30px 32px;
    height: auto;
    /* overflow: auto; */
    /* overflow-x: hidden; */
    /* max-height: 738px;
    min-height: 600px; */
    border-radius: 24px;
    border: 1px solid var(--gray-200, #E6EAF0);
    background: var(--white, #FFF);
    box-shadow: 0px 0px 11px 0px rgba(178, 184, 189, 0.20);
}
.membership_tab {
    padding: 0;
    height: 100% !important;
    border-radius: 0;
    border: 0px solid #fff;
    background: var(--white, #FFF);
    box-shadow: 0px 0px 0px 0px;
}
.form_tab {
    height: 100%;
    height: 87vh;
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.login_form {
    /* max-width: 800px; */
    /* max-width: 500px; */
    padding: 30px 32px;
}
.register_form {
    height: 87vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow-x: hidden;
    border-radius: 24px;
    border: 1px solid var(--gray-200, #E6EAF0);
    background: var(--white, #FFF);
    box-shadow: 0px 0px 11px 0px rgba(178, 184, 189, 0.20);
}
.register_form_inner {
    width: 60%;
    margin: auto;
}
.form_tab .login_form {
    width: 55%;
}
.tab_body .list-view.product-checkout.require-validation{
    display: grid;
    grid-template-columns: 72.4% 25%;
    gap: 45px;
}
.add_bx input,
.refresh_bx {
    padding: 12px 15px 13px 20px;
    border-radius: 16px;
    height: 60px;
    border: 1px solid #D0D7E2;
    -webkit-box-shadow: 0 0 0 0 rgb(31 45 61 / 10%);
    box-shadow: 0 0 0 0 rgb(31 45 61 / 10%);
    transition: 0.4s ease all;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    font-weight: bold;
}
.refresh_bx p{
    color: #0F1825;
    /* font-family: 'Satoshi-bold'; */
    font-weight: 600;
    font-size: 16px;
    font-style: normal;
}
.refresh_icon {
    border-radius: 9px;
    background: var(--gray-200, #E6EAF0);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.summary_points {
    padding: 25px 0 10px;
}
.summary_points img {
    width: 24px;
    height: 24px;
}
.summary_points p{
    color: #112958;
    /* font-family: 'Satoshi-bold'; */
    font-weight: 500;
    font-size: 16px;
    font-style: normal;
    display: flex;
    align-items: center;
    gap: 8px;
}
.add_bx {
    position: relative;
}
.add_bx a{
    color: #D0D7E2;
    font-size: 15px;
    position: absolute;
    right: 20px;
    top: 18px;
}
.field_bx #apply_coupon{
    color: #D0D7E2 !important;
    font-size: 15px;
    font-weight: 500;
    position: absolute;
    right: 5px;
    top: 6px;
}
.clear-helper {
    position: absolute;
    right: 5px;
    top: 5px;
    margin: auto;
    font-size: 32px;
    cursor: pointer;
    color: #aaa;
    height: 50px;
    width: 44px;
    cursor: pointer;
    display: none;
    text-align: center;
    border-radius: 10px;
    background: #ffffff;
  }
.clear-holder{
    position:relative;
    float:left;
}

.code_table #billing_btn {
    padding: 14px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    line-height: normal;
}
hr{
    border-top: 1px solid #D0D7E2;
    width: 100%;
    margin: 30px 0;
    transform: scaleX(1.0);
}
.code_table .table td,
.code_table .table th {
    padding: 0.5rem;
    border-top: 0px solid #dee2e6;
}
.code_table .table thead th {
    border-bottom: 0px solid #dee2e6;
}
.code_table p {
    color: #A7AFBC;
    text-align: center;
    font-size: 12px;
    letter-spacing: .5px;
    font-style: normal;
    margin: 12px 0 0;
    font-family: 'Satoshi-medium';
}
.diploma_preview {
    padding: 0px 0;
}
.diploma_preview h4 {
    color: #08152C;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 14px;
}
.diploma_preview img{
    width: 100%;
}
.reload_bx {
    position: absolute;
    top: 8px;
    right: 10px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.reload_btn {
    padding: 10px 15px !important;
    display: flex;
    align-items: center;
    gap: 2px;
    color: #7B8698;
    border-radius: 8px;
    background: #FFF !important;
    box-shadow: 0px 0px 12px 0px rgb(178 184 189 / 15%);
}
.reload_bx .cancle_icon {
    display: flex;
    width: 44px;
    height: 44px;
    padding: 5px;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    background: #FFF !important;
    box-shadow: 0px 0px 12px 0px rgb(178 184 189 / 15%)
}
.cancle_icon:hover,
.reload_btn:hover {
    background-color: #08152C !important;
    box-shadow: 0px 0px 12px 0px rgb(178 184 189 / 15%) !important;
}
.reload_btn:hover svg,
.cancle_icon:hover svg {
    filter: invert(1);
    mix-blend-mode: plus-lighter;
}
.uploading_progress_bar .progress-bar {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 90px;
    margin: auto;
    border-radius: 50%;
    background: radial-gradient(closest-side, white 82%, transparent 85% 100%), conic-gradient(#2A67DD 0%, #D4E1F8 0);
  }
  .uploading_bx .stop_upload_image {
    color: #838383;
    background-color: #e6eaf0;
    font-weight: 500;
    font-size: 20px;
  }

  .uploading_progress_bar .progress-bar::before {
    content: "0%";
    color: #000;
    text-align: center;
    font-size: 21px;
    font-style: normal;
    font-weight: 700;
  }
/* Animation */
@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

.animated {
    animation-duration: 1.5s;
    animation-fill-mode: both;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-fill-mode: both
}

.animatedFadeInUp {
    opacity: 0
}
.login_row {
    display: grid;
    grid-template-columns: 35% 64%;
    gap: 20px;
    justify-content: center;
}
.fadeInUp {
    opacity: 0;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
}
@media (min-width:992px) and (max-width:1708px) {
    .login_frm_row .slider_img {
          height: 100vh !important;
          padding-right: 5% !important;
      }
      .login_col .form_tab {
        height: 100vh;
    }
  }
  @media (min-width:320px) and (max-width:1199px) {
    .login_col .login_form {
        width: 100% !important;
    }
    .slider_img img {
        transform: translate(0);
        height: 100%;
    }
    .login_frm_row {
        grid-template-columns: 100% !important;
    }
    .login_frm_row .form_tab {
        height: 100vh !important;
    }
    .login_frm_row .form_tab .login_form {
        padding: 40px;
    }
  }
@media screen and (max-width:767px) {
    .danish .status-info {
        width: 100%;
    }
    .status-info {
        text-align: center;
    }
    .danish{
        flex-direction: column;
    }
    .side_mrg {
        margin-top: 5px;
    }
}
@media (min-width: 1400px) and (max-width: 1600px){
    .login_row{
        display: grid;
        grid-template-columns: 38% 60%;
        gap: 28px;
    }
    .form_tab .login_form {
        width: 75%;
    }
    .form_tab {
        height: 86vh;
    }
    .slider_img {
        height: calc(88.5vh - 22px);
    }
    .login_slider_sec .owl-dots {
        right: 18%;
        padding-right: 0;
        width: auto;
    }
    .slider_content {
        width: calc(100% - 30px);
        transform: translateY(39%);
    }
    .upload_doc_sec h4 span {
        font-size: 18px;
    }
}
@media (min-width: 1400px) and (max-width: 1500px){
    .login_slider_sec .owl-dots {
        right: 10% !important;
    }
}
@media (min-width: 1200px) and (max-width: 1399px){
    .login_row{
        display: grid;
        grid-template-columns: 47% 50%;
        gap: 34px;
    }
    .register_form_inner,
    .form_tab .login_form {
        width: 100%;
    }
    .form_tab {
        height: 86vh;
    }
    .slider_img {
        height: calc(88.5vh - 22px);
    }
    .slider_content {
        width: calc(100% - 30px);
        transform: translateY(39%);
    }
    .upload_doc_sec h4 {
        font-size: 15px;
    }
    .upload_doc_sec h4 span {
        font-size: 12px;
    }
    .uploadWrapper {
        padding: 30px 20px;
    }
}
@media (min-width: 1200px) and (max-width: 1300px){
    .login_slider_sec .owl-dots {
        right: 19%;
    }
}
@media (min-width: 992px) and (max-width: 1199px){
    .tab_header {
        padding: 5px;
    }
    .tab_num_bdr {
        width: 80px;
    }
    .tab_header ul li {
        gap: 5px;
    }
    .tab_header ul {
        gap: 5px;
    }
    .tab_body .list-view.product-checkout.require-validation {
        grid-template-columns: 62% 36%;
        gap: 15px;
    }
    .form_tab .login_form {
        width: 100%;
    }
    .membership_tab {
        overflow: initial;
    }
    .slider_content {
        bottom: 75px;
        left: 0;
        right: 0;
        width: 95%;
        margin: auto;
    }
    .login_row{
        display: grid;
        grid-template-columns: 48% 50%;
        gap: 20px;
    }
    .register_form_inner,
    .form_tab .login_form {
        width: 100%;
        padding: 20px;
    }
    .form_tab {
        height: 86vh;
    }
    .slider_txt {
        padding: 20px 15px 15px 15px;
    }
    .slider_img {
        height: calc(88.5vh - 22px);
    }
    .login_slider_sec .owl-dots {
        right: 19.5%;
        padding-right: 0;
        width: auto;
        bottom: 6%;
    }
    .slider_content {
        width: calc(100% - 30px);
        transform: translateY(35%);
    }

    .upload_doc_sec h4 {
        font-size: 16px;
    }
    .upload_doc_sec h4 span {
        font-size: 16px;
    }
    .uploadWrapper {
        padding: 30px 20px;
    }
}
@media (min-width: 992px) and (max-width: 1100px){
    .login_slider_sec .owl-dots {
        right: 22.5%;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .innr_MainHeadr {
        min-height: 105px;
    }
    .tab_num_bdr {
        width: 80px;
    }
    .tab_header ul li {
        gap: 5px;
    }
    .tab_header ul {
        gap: 5px;
    }
    .tab_body .list-view.product-checkout.require-validation {
        grid-template-columns: 100%;
        gap: 20px;
    }
    .tab_header {
        padding: 5px;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto !important;
        justify-content: center;
        display: flex;
        transform: translateY(30px);
    }
    .mz_hdr_rit {
        transform: translateY(-30px);
        position: absolute;
        right: 20px;
    }
    .mz_hdr_logo {
        transform: translateY(-30px);
    }
    .country_field_bx {
        grid-gap: 15px;
    }
    .form-group {
        margin-bottom: 0.5rem;
    }
    .login_col.circle {
        display: none;
    }
    .login_row{
        display: grid;
        grid-template-columns: 100%;
        gap: 20px;
    }
    .form_tab {
        height: 80vh;
    }
    .form_tab .login_form {
        padding: 10px;
    }

    .upload_doc_sec h4 {
        font-size: 16px;
    }
    .upload_doc_sec h4 span {
        font-size: 15px;
    }
    .uploadWrapper {
        padding: 30px 20px;
        min-height: 290px;
    }
}
@media (min-width: 481px) and (max-width: 538px){

    .header_sc {
        padding: 10px 0px;
    }
    .mz_hdr_rit {
        padding: 12px 1px;
    }
    .mz_hdr_logo img {
        width: 75%;
    }
    .innr_MainHeadr {
        display: grid;
        grid-template-columns: 24% 65%;
    }
}
@media (min-width: 320px) and (max-width: 767px){
    .mvwrap {
        width: calc(100vw - 22px);
        overflow: hidden;
    }
    .mvwrap .moduleCard.passed, .mvwrap .moduleCard.locked{
        height: 100%;
    }
    .tab_header {
        padding: 5px;
    }
    .tab_num_bdr {
        width: 80px;
    }
    .tab_header ul li {
        gap: 5px;
    }
    .tab_header ul {
        gap: 5px;
    }
    .tab_body .list-view.product-checkout.require-validation {
        grid-template-columns: 100%;
        gap: 20px;
    }
    .country_field_bx {
        grid-gap: 15px;
    }
    .form-group {
        margin-bottom: 0.5rem;

    }
    .country_field_bx.field_3cols,
    .country_field_bx.dates_bx {
        grid-template-columns: 1fr 1fr;
    }
    .country_field_bx.field_3cols .field_bx.radio:last-child,
    .country_field_bx.dates_bx .form-group:last-child {
        grid-column: 1 / 3;
    }
    .login_row{
        display: grid;
        grid-template-columns: 100%;
        gap: 20px;
    }
    .register_form_inner,
    .form_tab .login_form {
        width: 100%;
        padding: 0px;
    }
    /* .form_tab, .summary, .tabContent, .tab_body_inner {
        height: 100%;
    } */
    .one-row {
        display: flex;
    }
}

.mz_hdr_rit2{
    display: none;
}
@media (min-width: 320px) and (max-width: 480px){
    .tab_body {
        padding: 0px;
    }
    .header_sc {
        padding: 10px 5px;
    }
    .mz_hdr_rit {
        padding: 12px 1px;
    }

    .country_field_bx,
    .country_field_bx.field_3cols,
    .country_field_bx.dates_bx {
        grid-template-columns: 100%;
    }
    .country_field_bx.field_3cols .field_bx.radio:last-child,
    .country_field_bx.dates_bx .form-group:last-child {
        grid-column: inherit;
    }
    .header_sc{
        margin-bottom: 0;
    }
    .header_reg{
        flex-wrap: nowrap ;
    }
    .mz_hdr_rit2{
        display: block !important;
    }
    .header-frsrt-col{
        flex: 0 0 100%;
        max-width: 50%;
    }
    .mz_hdr_rit{
        display: none;
    }
    .phn_iccn{
        margin:0
    }
    .hdr_call{
        padding-top: .5rem !important;
    }
    .hdr_call p{
        padding-left: 22px !important;
    }
    .country_field_bx .inpt_icon_mz {
        left: 18px;
        top: 29%;
        /* display: contents; */
    }
    .payment-input .inpt_icon_mz {
        left: 14px;
        top: 29%;
        /* display: contents; */
    }
    .paypalprnt-img{
       left: 30%;
       top: 29%;
       display: contents;
    }
    a.hdr_ques span {
        color: #717E98;
        font-size: 12px;
        padding-left: 5px;
    }
    /* .payment-checkboex{
        display: grid !important;
        grid-template-columns: unset !important;
    } */

    .payment-checkboex {
        display: flex;
        flex-wrap: nowrap; /* Ensure elements stay in one row */
        justify-content: space-between; /* Adjust spacing between items */
        gap: 1px; /* Add some space between the items (optional) */
        margin-bottom: 7%;
    }

    .payment-checkboex .field_bx {
        flex: 1; /* Make each element flexible and take equal width */
        max-width: calc(50% - 10px); /* Limit width to 1/3 of container */
    }

    .payment-checkboex .radio_input {
        display: block;
        align-items: center;
        text-align: center !important;
    }
    .formWrapper .payment-input .radio_input span {
        line-height: 56px;
    }


    .payment-checkboex .field_bx img {
        width: 55px; /* Adjust the size of the images to fit the row */
        height: auto;
    }
    .paylater-img{
        height: auto;
        width: 20px !important;
    }
    .formWrapper .payment-input .radio_input input{
        right:40% !important;
        top:100%
    }
    .paymentcheckboxes-parent{
        margin-bottom: 5%;
    }

    .formWrapper .payment-input .radio_input.input{
        padding: 0;
        margin: 0 auto;
        /* text-align: center; */
        /* line-height: 4; */
    }
    .formWrapper .payment-input .radio_input{
        padding: 0 !important;
    }

    .innr_MainHeadr {
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }
    .summary, .tabContent, .tab_body_inner {
        padding: 15px 15px;
    }
    .login_heading {
        margin: 0 0 15px;
    }
    .tab_body .logo_sec {
        padding: 8px 10px;
        gap: 24px;
        margin-bottom: 20px;
    }
    .form_tab {
        height: 81vh;
        padding: 20px;
    }
    .login_form {
        padding: 20px 20px;
    }
    .hdr_call p {
        padding: 0px 14px;
    }
    .upload_doc_sec {
        padding: 20px !important;
    }
    .uploadWrapper {
        padding: 40px 20px;
    }
    .login_frm_row .form_tab .login_form {
        padding: 15px;
    }
    .form_heading h2 {
        line-height: normal;
        font-size: 24px;
    }
    .mz_hdr_logo {
        height: 55px !important;
    }
    hr{
        border-top: 1px solid #D0D7E2;
        width: 100%;
        margin: 15px 0 0 0;
        transform: scaleX(1.0);
    }
}

.alert-custom{
    color: #004085;
    background-color: #ffa2a0;
    border-color: #ffa2a0;
}
.apt-cancel-btn{
    background: #032a55;
    border-color: #032a55;
    font-weight: bold;
    padding: 1px 15px;
    font-size: 15px;
    margin-left: 15px;
    color: #fff;
}
.apt-cancel-btn:hover{
    opacity: .8;
    color: #fff;
}
.booked_apt_rec{
    height: auto; max-height: 120px; overflow: hidden; overflow-y: hidden; overflow-y: auto;
}

.s-dashboard .pageTitle.as_card{
    height:auto;
    /* max-height: 190px; */
    overflow: hidden;
    /* overflow-y: auto; */
}
.s-dashboard .pageTitle{
    display: block;
}



@media print {
    .pageWrapper{
        margin-left: 0px !important;
    }

    body {
        /* margin: 0;  */
         -webkit-print-color-adjust:exact;
      }
/*
      @page {
        size: auto;
        margin: 1cm;

      } */

    /* .snglLegrField{
        margin-bottom: -1px;
        border-bottom: 1px solid black !important;
    }
    .fldTitle{
        border-bottom: 6px solid red !important; */
    /* } */

}


.pagination{
    flex-wrap: wrap;
}