@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
*,
*::before,
*::after {
    box-sizing: border-box;
}
.btn, .btn:hover{
    box-shadow: none;
    outline: none; 
    border: 0px;
    outline: none;
}
a,
a:hover,
a:focus {
    text-decoration: none;
    outline: none;
    box-shadow: none;
}

i:before {
    margin-left: 0px !important;
}

body {
    font: 400 15px/26px "Poppins", sans-serif;
    letter-spacing: 0px;
    color: #0B1623;
    padding: 0px;
    overflow-x: hidden;
    z-index: 0;
}

body.mat-typography {
    font-family: Poppins, sans-serif;
}

input[type=text]:focus,
input[type=date]:focus,
textarea:focus,cz 
input[type=number]:focus,
.selectpickers:focus,
input[type=datetime-local],
input[type=month],
input[type=time]:focus,
.custom-select:focus,
select.form-control:focus,
input[type=email]:focus,
input[type=file]:focus,
textarea.form-control:focus,
input[type=search]:focus,
input[type=datetime-local]:focus,
button:focus,
input[type=month]:focus,
.form-select:focus,
input[type=phone]:focus,
input[type=password]:focus {
    box-shadow: none;
    border-color: #5296D5;
    outline: none;
}

a,
.btn,
button {
    text-decoration: none;
    box-shadow: none;
    outline: none; 
    border: 0px;
    outline: none;
}

a:hover,
a:focus,
.btn:hover,
.btn:focus,
button:hover,
button:focus, .btn.show {
    text-decoration: none;
    outline: none;
    box-shadow: none;
    border: 0px;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: none;
    box-shadow: none;
}
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
    color: initial;
    background-color: initial;
    border-color: initial;
    box-shadow: none;
    outline: none;
}
.aside {
    width: 250px;
    height: 100%;
}

.aside-fixed {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1000;
}

.aside-fixed+.content {
    margin-left: 250px;
}

.content {
    margin-left: 250px;
}

.content-body {
    position: relative;
    padding: 15px;
    height: calc(100% - 70px);
    overflow-y: auto;
    background-color: #E3EDF8;
}

.aside-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 59px;
    padding: 0 18px;
    border-right: 1px solid #8C99A54D;
    background-color: #fff;
}

.input_active{
    border: 3px solid #ccc;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    outline: none;
}

@media (min-width: 992px) {
    .aside-header {
        transform: none;
        height: 69px;
    }
}

.aside-header .burger-menu {
    color: #8392a5;
}

.aside-header .burger-menu:hover,
.aside-header .burger-menu:focus {
    color: #1b2e4b;
}

.aside-header .burger-menu svg {
    width: 20px;
    height: 20px;
    stroke-width: 2.5px;
    margin-right: -2px;
}

.aside-logo {
    width: 100%;
    height: 48px;
    background-color: transparent;
    display: flex;
    justify-content: flex-start;
    overflow: hidden;
}

.aside-logo img {
    max-width: 100%;
    height: auto;
}

.aside-logo,
.aside-logo:hover,
.aside-logo:focus {
    color: #031d6b;
}

.aside-logo span,
.aside-logo:hover span,
.aside-logo:focus span {
    color: #0168fa;
}

.aside-menu-link {
    color: #8392a5;
}

.aside-menu-link:hover,
.aside-menu-link:focus {
    color: #1b2e4b;
}

.aside-menu-link svg {
    width: 18px;
    height: 18px;
    stroke-width: 2.5px;
    margin-top: -3px;
}

.aside-menu-link svg:last-child {
    width: 20px;
    height: 20px;
    display: none;
    margin-top: 0;
}

.aside-body {
    position: relative;
    padding: 35px 15px;
    height: calc(100% - 60px);
    border-top: 1px solid #8C99A54D;
    border-right: 1px solid #8C99A54D;
    background-color: #fff;
    overflow-y: auto;
}
.aside-body::-webkit-scrollbar {
    width: 3px;
}
.aside-body::-webkit-scrollbar-track{
    background-color: transparent;
}
.aside-body::-webkit-scrollbar-thumb {
    background:#97a3b9;
}

.recent_box_body::-webkit-scrollbar {
    width: 3px;
}
.recent_box_body::-webkit-scrollbar-track{
    background-color: transparent;
}
.recent_box_body::-webkit-scrollbar-thumb {
    background:#97a3b9;
}
.aside-loggedin {
    margin-bottom: 25px;
}

.aside-loggedin .avatar {
    width: 48px;
    height: 48px;
}

.aside-loggedin svg {
    width: 16px;
    height: 16px;
    stroke-width: 2.3px;
    pointer-events: none;
}

.aside-loggedin .collapsing {
    transition: none;
}

@media (prefers-reduced-motion: reduce) {
    .aside-loggedin .collapsing {
        transition: none;
    }
}

.aside-loggedin .nav {
    margin-top: 15px;
}

.aside-loggedin-user {
    margin-top: 15px;
}

.aside-loggedin-user a {
    color: #c0ccda;
}

.aside-loggedin-user a:hover,
.aside-loggedin-user a:focus {
    color: #1b2e4b;
}

.aside-alert-link {
    margin-left: auto;
    display: flex;
    align-items: center;
}

.aside-alert-link a {
    color: rgba(27, 46, 75, 0.5);
    display: block;
}

.aside-alert-link a+a {
    margin-left: 10px;
}

.aside-alert-link a.new {
    position: relative;
}

.aside-alert-link a.new::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 7px;
    height: 7px;
    background-color: #dc3545;
    box-shadow: 0 0 0 2px #fff;
    border-radius: 100%;
}

.aside-alert-link a:hover,
.aside-alert-link a:focus {
    color: #1b2e4b;
}

.nav-aside {
    flex-direction: column;
    line-height: 1.6;
    font-size: 13px;
}

.nav-aside .nav-label {
    font-size: 15px;
    line-height: 35px;
    color: #0086FF;
    margin-bottom: 15px;
    display: block;
    transition: all 0.25s;
    line-height: 25px;
    margin-top: 0px;
}
.nav_label_text{
    font-size: 13px;
    line-height: 23px;
    color: #0086FF;
    margin-bottom: 12px;
    margin-left: 17px;
    font-weight: 500;
}

@media (prefers-reduced-motion: reduce) {
    .nav-aside .nav-label {
        transition: none;
    }
}

.nav-aside .nav-item svg {
    width: 18px;
    height: 18px;
    stroke-width: 2.3px;
    margin-right: 12px;
    color: #c6c6c6;
    margin-top: -2px;
    position: relative;
}
.nav-aside .nav-item img {
    margin-right: 12px;
}
.nav_asside_dropdown .nav-item .nav-link img {
    margin-right: 0px;
    visibility: hidden;
}

.nav-aside .nav-item.active svg {
    color: #0086FF;
}

.nav-aside .nav-item.active .nav-link,
.nav-aside .nav-item.active .nav-link:hover,
.nav-aside .nav-item.active .nav-link:focus,
.nav-aside .nav-item.active .nav-link svg,
.nav-aside .nav-item.active .nav-link:hover svg,
.nav-aside .nav-item.active .nav-link:focus svg {
    color: #0086FF;
}

.nav-aside .nav-item {
    margin-bottom: 15px;
}
.nav_asside_dropdown .nav-item {
    margin-bottom: 0;
}
.nav_asside_dropdown .nav-item+ .nav-item{
    margin-top: 10px;
}
.my_title_nav {
    margin-bottom: 30px;
    margin-left: 32px;
}
.nav-aside .nav-item ul {
    margin: 0;
    padding-left: 34px;
    list-style: none;
    opacity: 0;
    visibility: hidden;
    height: 0;
}

.nav-aside .nav-item ul a {
    display: block;
    color: rgba(27, 46, 75, 0.75);
    padding: 2px 0;
}

.nav-aside .nav-item ul a:hover,
.nav-aside .nav-item ul a:focus {
    color: #1b2e4b;
}

.nav-aside .nav-item ul .active a {
    color: #0168fa;
}

.nav-aside .with-sub .nav-link::after {
    content: '\f3d1';
    font-family: 'Ionicons';
    font-size: 12px;
    display: inline-block;
    position: relative;
    margin-left: auto;
    opacity: .5;
}

.nav-aside .with-sub.show .nav-link {
    font-weight: 500;
}

.nav-aside .with-sub.show .nav-link::before {
    opacity: 1;
    visibility: visible;
}

.nav-aside .with-sub.show .nav-link::after {
    transform: rotate(90deg);
}

.nav-aside .with-sub.show ul {
    opacity: 1;
    visibility: visible;
    padding-bottom: 10px;
    height: auto;
}

.nav-aside .with-sub.show:not(.active) .nav-link {
    color: #fff;
}

.nav-aside .with-sub.show:not(.active) svg {
    color: #fff;
}

.nav-aside .nav-link {
    font-size: 15px;
    line-height: 35px;
    text-align: left;
    color: #0B1623;
    padding: 0;
    transition: all .6s ease-in-out;
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 100%;
    display: block;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.nav-aside .nav-item.active .nav-link:hover,
.nav-aside .nav-item.active .nav-link {
    color: #0086FF;
}

.content-header {
    background-color: #fff;
    height: 60px;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #8C99A54D;
    padding-left: 65px;
}

@media (min-width: 992px) {
    .content-header {
        height: 70px;
        padding: 0px 15px 0 15px;
    }
}

@media (max-width: 575px) {
    .content-header .nav {
        flex-wrap: nowrap;
    }

    .content-body {
        height: calc(100% - 60px);
    }
}

.content-header .nav-link {
    padding: 0;
    color: rgba(27, 46, 75, 0.75);
}

.content-header .nav-link:hover,
.content-header .nav-link:focus {
    color: #1b2e4b;
}

.content-header .nav-link+.nav-link {
    margin-left: 7px;
}

@media (min-width: 576px) {
    .content-header .nav-link+.nav-link {
        margin-left: 10px;
    }
}

.content-header svg {
    width: 18px;
    height: 18px;
    margin-top: -4px;
    color: #444E61;
}

.content-header svg.feather-search {
    stroke-width: 2.8px;
}

.content-search {
    width: 250px;
    display: flex;
    align-items: center;
}

.content-search svg {
    stroke-width: 2.5px;
    margin-right: 10px;
    color: #8392a5;
}

.content-search .form-control {
    padding: 0;
    border-width: 0;
    background-color: transparent;
}

.content-search .form-control:focus {
    box-shadow: none;
    color: #1b2e4b;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
}

.breadcrumb_style {
    margin-bottom: 0;
}

.breadcrumb_style .breadcrumb-item {
    font-size: 11px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: 1.32px;
    text-align: left;
    color: #061127;
    transition: all .6s ease-in-out;
}

.breadcrumb_style .breadcrumb-item a {
    color: #061127;
    text-decoration: none;
}

.breadcrumb_style .breadcrumb-item {
    font-size: 11px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: 1.32px;
    text-align: left;
    color: #B1BBCE;
    transition: all .6s ease-in-out;
}

.nav_item_logout {
    position: absolute;
    bottom: 25px;
}

.user_profile_section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.user_profile_section svg {
    color: #ADACD2;
    width: 16px;
    height: 16px;
    stroke-width: 2.3px;
    pointer-events: none;
}

.breadcrumb_style .breadcrumb-item.active {
    color: #037FE3;
}
.breadcrumb_style .breadcrumb-item+.breadcrumb-item::before {
    float: left;
	padding: 0;
    margin: 0 15px;
    color: #adacd2;
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
}
.breadcrumb_style .breadcrumb-item:nth-child(2):before {
   display: none;
}
.mobile_asside_menu_btn svg {
    width: 20px;
    height: 20px;
    margin-top: -2px;
}
.breadcrumb_style .breadcrumb-item a {
    color: #B1BBCE;
    text-decoration: none;
}
.mobile_asside_menu_btn {
    display: none;
}
.btn_group {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-left: 40px;
}

.signup_btn {
    padding: 12px 24px;
    background-color: #5296D5;
    border: 1px solid #5296D5;
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    outline: none;
    box-shadow: none;
    display: block;
    border-radius: 4px;
    min-width: 140px;
    text-align: center;
    transition: all .6s ease-in-out;
}

.signup_btn:hover {
    background-color: #5296D5;
    border: 1px solid #5296D5;
    color: #fff;
    outline: none;
    box-shadow: none;
}

.login_btn {
    padding: 12px 24px;
    background-color: #fff;
    border: 1px solid #5296D5;
    color: #5296D5;
    font-size: 16px;
    line-height: 16px;
    outline: none;
    box-shadow: none;
    display: block;
    border-radius: 4px;
    min-width: 140px;
    text-align: center;
    transition: all .6s ease-in-out;
}

.login_btn:hover {
    background-color: #fff;
    border: 1px solid #5296D5;
    color: #5296D5;
    outline: none;
    box-shadow: none;
}

.btn_group a+a {
    margin-left: 20px;
}

.loan_process {
    background-color: #F5F5F5;
    padding: 90px 228px;
}

.loan_box {
    text-align: center;
}

.loan_box h1 {
    color: #101F30;
    font-size: 55px;
    line-height: 70px;
    margin-bottom: 24px;
}

.loan_box h1 span {
    font-weight: bold;
    font-style: italic;
}

.loan_box p {
    letter-spacing: 0.36px;
    color: #031044;
    font-size: 18px;
    line-height: 30px;
    max-width: 100%;
    width: 100%;
    margin: auto;
}

.loan_box p span {
    font-weight: 600;
}

#loansmarternavbar {
    justify-content: flex-end;
}

.best_value {
    background-color: #64b965;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    padding: 6px;
    text-align: center;
    color: #fff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    text-transform: uppercase;
    margin-bottom: 50px;
}

.pricing_card_bg {
    background-color: #f9fbfe;
}

.pricing_card_header {
    padding: 0 25px 50px 25px;
    border-bottom: 1px solid #F5F5F5;
}

.plan_heading {
    color: #031044;
    font-size: 28px;
    line-height: 38px;
    font-weight: bold;
    margin-bottom: 15px;
}

.plan_heading_des {
    color: #031044;
    font-size: 17px;
    line-height: 27px;
    margin-bottom: 10px;
}

.price_list_cost_per_user {
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 30px;
}

.price_list_cost {
    margin-bottom: 2px;
    font-size: 36px;
    line-height: 50px;
    font-weight: 800;
}

.price_list_cost sub {
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    bottom: 0;
    left: 4px;
}

.get_started_btn,
.get_started_btn:hover {
    display: block;
    padding: 18px 54px;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0.34px;
    color: #FFFFFF;
    background-color: #5296D5;
    border: 1px solid #5296D5;
    border-radius: 3px;
    box-shadow: none;
    outline: none;
    width: fit-content;
}

.sub_content {
    padding: 12px 35px;
    letter-spacing: 0.36px;
    color: #031044;
    font-size: 18px;
    line-height: 30px;
}

.sub_content+.sub_content {
    border-top: 1px solid #F5F5F5;
}

.hidden_text,
.hidden_value {
    visibility: hidden;
}

.p_0 {
    padding: 0;
}

.sub_content_first {
    padding: 12px 0px;
    letter-spacing: 0.36px;
    color: #031044;
    font-size: 18px;
    line-height: 30px;
}

.sub_content_first+.sub_content_first {
    border-top: 1px solid #F5F5F5;
}

.sub_content_first:last-child,
.sub_content:last-child {
    border-bottom: 1px solid #F5F5F5;
}

.pricing_list_box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
    margin-right: -0px;
    margin-left: -0px;
    list-style: none;
    padding: 0;
    margin-bottom: 60px;
}

.pricing_list_box li {
    flex: 0 0 22%;
    max-width: 22%;
    padding-right: 0px;
    padding-left: 0px;
    margin-bottom: 0px;
}

.pricing_list_box li:first-child {
    flex: 0 0 34%;
    max-width: 34%;
}

.pricing_card_header_first {
    padding: 0 35px 50px 0px;
    height: 384px;
    position: relative;
}

.pay_anualy_des {
    letter-spacing: 0.36px;
    color: #031044;
    font-size: 18px;
    line-height: 30px;
    position: relative;
    padding-left: 36px;
}

.pay_anualy_des::after {
    content: "";
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #0F9D94;
    position: absolute;
    left: 0;
    top: 3px;
}

.price_essen {
    color: #7D8191;
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 0;
}

.reach_out_des {
    letter-spacing: 0.3px;
    color: #7D8191;
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 248px;
}

.adress_heading {
    font-size: 16px;
    line-height: 19px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 18px;
}

.address_sub {
    color: #FFFFFF;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 0;
}

.footer_logo_box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.logo_footer {
    width: 186px;
    height: 50px;
    padding: 0;
    background-color: transparent;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: hidden;
    margin-right: 120px;
}

.logo_footer img {
    max-width: 100%;
    height: 100%;
}

.footer_content {
    -ms-flex: 1;
    flex: 1;
}

.footer_content p {
    letter-spacing: 0.32px;
    color: #9A9AB5;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 0;
}

.footer_logo_media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.footer_top_section {
    background-color: #fff;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
}

.footer_logo_link {
    width: 186px;
    height: 60px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    margin-right: 125px;
}

.footer_logo_link img {
    max-width: 100%;
    height: auto;
}

.footer_logo_heading {
    font-size: 21px;
    line-height: 30px;
    letter-spacing: 0.42px;
    color: #031044;
    margin-bottom: 0;
}

.footer_box_heading {
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 24px;
    font-weight: bold;
}

.footer_list {
    padding-left: 0;
    list-style: none;
    margin-bottom: 80px;
}

.footer_list li+li {
    margin-top: 15px;
}

.footer_list li a {
    font-size: 16px;
    line-height: 25px;
    color: #fff;
    position: relative;
    transition: color .2s linear;
    display: inline-block;
}

/* .footer_list li a:before {
    content: "";
    width: 0;
    height: 1px;
    background: #fff;
    right: 0;
    left: auto;
    bottom: 0;
    position: absolute;
    transition: width 0.2s linear;
}

.footer_list li a:hover:before {
    width: 100%;
    right: auto;
    left: 0;
} */

.footer_list li a:hover {
    color: #fff;
}

.footer_social_icon a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 14px;
    line-height: 40px;
    color: #fff;
    display: inline-block;
    background-color: #031044;
    text-align: center;
    transition: all .2s linear;
    border: 1px solid #2f3a63;
}

.footer_social_icon a+a {
    margin-left: 12px;
}

.success_header {
    background-color: #5296D5;
    padding: 40px;
    text-align: center;
}

.success_section {
    background-color: #031044;
}

.success_img {
    width: 115px;
    height: 115px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin: auto;
    margin-bottom: 20px;

}

.success_img img {
    max-width: 100%;
    height: auto;
}

.congratulations_heading {
    color: #FFFFFF;
    font-size: 36px;
    line-height: 44px;
    font-weight: 500;
    margin-bottom: 0px;
    margin-top: 15px;
}

.confirme_heading {
    color: #FFFFFF;
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 0;
}

.success_body {
    background-color: #fff;
    text-align: center;
    padding: 40px;
}

.get_ready {
    color: #031044;
    font-size: 18px;
    line-height: 30px;
    margin: 0px;
}

.get_ready+.get_ready {
    margin-top: 0px;
}

.go_to_dashboard_btn,
.go_to_dashboard_btn:hover {
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.34px;
    color: #FFFFFF;
    background-color: #5296D5;
    border: 1px solid #5296D5;
    border-radius: 3px;
    text-align: center;
    padding: 15px 36px;
    display: block;
    width: 212px;
    margin: auto;
    margin-top: 20px;
}

.success_main_section {
    height: 100vh;
    overflow: hidden;
}

.success_section {
    height: calc(100% - 60px);
    background-color: #031044;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.success_box {
    max-width: 886px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

.payment_section {
    padding: 34px 140px;
    background-color: #F5F5F5;
}

.paymentright_card,
.paymentleft_card {
    background-color: #fff;
    position: relative;
    height: 100%;
}

.paymentcard_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #f5f5f5;
    padding: 15px 30px;
}

.payment_heading {
    color: #031044;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 0;
}

.back_to_btn,
.back_to_btn:hover {
    letter-spacing: 0.36px;
    color: #031044;
    font-size: 18px;
    line-height: 28px;
}

.back_to_btn img {
    margin-right: 15px;
}

.paymentcard_body {
    padding: 20px 30px;
}

.place_your_order_btn,
.place_your_order_btn:hover {
    padding: 18px 60px;
    font-size: 17px;
    line-height: 17px;
    letter-spacing: 0.34px;
    color: #FFFFFF;
    border-radius: 3px;
    background-color: #5296D5;
    border: 1px solid #5296D5;
    box-shadow: none;
    outline: none;
}

.setting_form_check {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.setting_form_check .form-check-input {
    width: 20px;
    height: 20px;
    border: 1px solid #C9CACD;
    border-radius: 0;
    margin-right: 12px;
    margin-top: 0;
}

.setting_form_check .form-check-input:checked {
    background-color: #023E87;
    border-color: #023E87;
}

.setting_form_check .form-check-input:focus {
    box-shadow: none;
    outline: none;
}

.setting_form_check .form-check-label {
    letter-spacing: 0.34px;
    color: #031044;
    font-size: 17px;
    line-height: 25px;
    flex: 1;
}

.Recurring_billing {
    letter-spacing: 0.34px;
    color: #031044;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 15px;
    margin-top: 15px;
}

/* .Recurring_billing span{
    color: #0F9D94;
} */
.cost_afetr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0px;
}

.cost_afetr+.cost_afetr {
    border-top: 1px solid #f5f5f5;
}

.cost_after_text {
    letter-spacing: 0.34px;
    color: #031044;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 0;
}

.payment_form_control {
    border-radius: 4px;
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    padding: 12px 20px;
    letter-spacing: 0.36px;
    color: #031044;
    font-size: 16px;
    line-height: 26px;
    position: relative;
}

.payment_form_control:focus {
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    box-shadow: none;
    outline: none;
}

.pay_label {
    letter-spacing: 0.34px;
    color: #031044;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0px;
}

/* .select_plan{
    margin-bottom: 30px;
} */
.mb_20 {
    margin-bottom: 10px;
}

.user_info_heading {
    margin-bottom: 20px;
    letter-spacing: 0.48px;
    color: #031044;
    font-size: 18px;
    line-height: 28px;
}

.payment_group {
    margin-bottom: 25px;
    position: relative;
}

.password_eye {
    position: absolute;
    right: 20px;
    top: 60px;
}

.enter_code_apply,
.enter_code_apply:hover {
    position: absolute;
    right: 20px;
    top: 44px;
    letter-spacing: 0.36px;
    color: #5296D5;
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    text-transform: uppercase;
}

.card_cvc_control {
    position: absolute;
    right: 20px;
    top: 57px;
    letter-spacing: 0.36px;
    color: #7D8191;
    font-size: 18px;
    line-height: 30px;
    width: 115px;
    border: 0;
    background-color: transparent;
    padding: 0;
}

.select_student_box {
    max-width: 540px;
    margin: auto;
    margin-top: 30px;
}

.select_student {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.36px;
    color: #031044;
    padding: 14px 28px;
    background-color: #FFF;
    border-radius: 0px;
    border: 0;
    border-bottom: 1px solid #fff;
    margin-bottom: 0px;
}

.pay_flex {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.pay_flex .setting_form_check {
    margin-bottom: 10px;
}

.setting_form_check .form-check-input {
    border-radius: 50%;
}

.pay_flex div+div {
    margin-left: 10px;
}

.login_main_section {
    background-color: #fcfcfc;
    min-height: 100vh;
    padding: 0;
    overflow: hidden;
}

.login_card_box {
    position: relative;
}

.login_list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
    margin-right: 0px;
    margin-left: 0px;
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

.login_list li {
    flex: 0 0 40%;
    max-width: 40%;
    padding-right: 0px;
    padding-left: 0px;
    margin-bottom: 0px;
}

.login_list li+li {
    flex: 0 0 60%;
    max-width: 60%;
}

.login_left_main {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.login_card_left {
    max-width: 410px;
    margin: auto;
    width: 100%;
}

.welcome_heading {
    font-size: 15px;
    line-height: 19px;
    letter-spacing: 0.3px;
    color: #444E61;
    margin-bottom: 15px;
}

.welcome_logo {
    font-size: 32px;
    line-height: 39px;
    color: #2C2C2C;
    margin-bottom: 5px;
}

.welcome_logo span {
    font-weight: 600;
    color: #22437F;
}

.welcome_loan_heading {
    letter-spacing: 0.5px;
    color: #444E61;
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 30px;
}

.login_form_group {
    position: relative;
}

.login_label {
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 19px;
    letter-spacing: 0.3px;
    color: #444E61;
}

.login_from_comtrol {
    /* box-shadow: 0px 0px 10px #0086FF2E; */
    font-size: 15px;
    line-height: 19px;
    border: 1px solid #EAEAF3;
    border-radius: 15px;
    padding: 20px 65px;
    letter-spacing: 0.3px;
    color: #7A879F;
    background-color: #fff;
    position: relative;
    outline: none;
}

.email_icon {
    position: absolute;
    left: 26px;
    bottom: 20px;
}

.rember_password {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
    margin-bottom: 30px;
}

.Forgot_Password,
.Forgot_Password:hover {
    font-size: 15px;
    line-height: 19px;
    letter-spacing: 0.3px;
    color: #22437F;
}

.login_from_check .form-check-label {
    font-size: 15px;
    line-height: 19px;
    letter-spacing: 0.3px;
    color: #444E61;
    padding-top: 6px;
}

.login_from_check .form-check-input {
    width: 23px;
    height: 23px;
    border: 1px solid #EAEAF3;
    border-radius: 5px;
    outline: none;
    box-shadow: none;
    margin-right: 12px;
}

.login_from_check .form-check-input:checked {
    background-color: #023E87;
    border-color: #023E87;
}

.login_from_check .form-check-input:focus {
    box-shadow: none;
    outline: none;
}

.login_now_btn {
    width: 100%;
    font-size: 15px;
    line-height: 19px;
    letter-spacing: 0.3px;
    color: #fff;
    padding: 20px;
    border-radius: 15px;
    background-color: #0086FF;
    border: 1px solid #0086FF;
    margin-bottom: 34px;
    display: block;
    text-align: center;
    cursor: pointer;
}

.login_now_btn:hover {
    color: #fff;
    background-color: #0086FF;
    border: 1px solid #0086FF;
    box-shadow: none;
    outline: none;
}

.login_form_group+.login_form_group {
    margin-top: 23px;
}

.Sign_in_with_Google_btn,
.Sign_in_with_Google_btn:hover {
    width: 100%;
    font-size: 15px;
    line-height: 19px;
    letter-spacing: 0.3px;
    color: #444E61;
    padding: 22px;
    border-radius: 15px;
    background-color: #fff;
    border: 1px solid #fff;
    margin-bottom: 46px;
    display: block;
    text-align: center;
}

.Sign_in_with_Google_btn img {
    margin-right: 5px;
}

.divider_text {
    position: relative;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 19px;
    font-weight: 500;
    letter-spacing: 0.3px;
    color: #444E61;
    margin-bottom: 28px;
}

.divider_text::before,
.divider_text::after {
    content: '';
    display: block;
    flex: 1;
    height: 1px;
    background-color: #EBECF3;
}

.divider_text::before {
    margin-right: 10px;
}

.divider_text::after {
    margin-left: 10px;
}

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

.have_text {
    letter-spacing: 0.3px;
    color: #444E61;
    font-size: 15px;
    line-height: 19px;
    margin-bottom: 0;
}

.Forgot_Password,
.Forgot_Password:hover {
    font-size: 15px;
    line-height: 19px;
    letter-spacing: 0.3px;
    color: #22437F;
}

.login_card_right {
    height: 100vh;
    position: relative;
}

.login_card_right img {
    width: 100%;
    height: 100%;
}

.mb_25 {
    margin-bottom: 25px;
}

.error-msg {
    padding-left: 10px;
    margin-bottom: 20px;
    color: red;
}

.statement_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.statement_heading {
    color: #22437F;
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 0px;
    text-transform: capitalize;
}

.find_View_xls_btn {
    padding: 8px 18px;
    background-color: #0086FF;
    color: #22437F;
    letter-spacing: 0.28px;
    font-weight: 500;
    font-size: 14px;
    border: 1px solid #0086FF;
    transition: .6s all ease-out;
    border-radius: 0px;
    min-width: 120px;
}

.find_View_xls_btn:hover,
.find_View_xls_btn:focus {
    color: #22437F;
    border: 1px solid #0086FF;
    outline: none;
    background-color: #fff;
}

.manage_table_card {
    background-color: #fff;
    border: 1px solid #DFDFE6;
}

.manage_table {
    margin-bottom: 0;
}

.manage_table>tbody>tr>td {
    padding: 15px 20px;
    letter-spacing: 0.3px;
    color: #444E61;
    font-size: 15px;
    line-height: 22px;
    vertical-align: middle;
    white-space: nowrap;
    font-weight: 400;
    border-bottom: 1px solid #DFDFE6;
}

.manage_table>tbody>tr>td:first-child {
    text-transform: capitalize;
}

.manage_table>thead>tr>th {
    letter-spacing: 0.32px;
    color: #444E61;
    font-size: 15px;
    line-height: 22px;
    padding: 15px 20px;
    border-bottom: 0px;
    font-weight: 500;
    background-color: #fff;
    border-bottom: 1px solid #DFDFE6;
    white-space: nowrap;
}

.find_search_btn {
    padding: 8px 18px;
    background-color: #FE5B63;
    color: #fff;
    letter-spacing: 0.28px;
    font-weight: 500;
    font-size: 14px;
    border: 1px solid #FE5B63;
    transition: .6s all ease-out;
    border-radius: 0px;
    min-width: 120px;
}

.find_search_btn:hover,
.find_search_btn:focus {
    color: #FE5B63;
    border: 1px solid #FE5B63;
    outline: none;
    background-color: #fff;
}

.form_switch {
    padding-left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.form_switch .form-check-input {
    margin: 0 10px 0 0;
    padding: 0;
    width: 55px;
    border: 1px solid #EAEAF3;
    border-radius: 23px;
    height: 24px;
}

.form_switch .form-check-input:checked {
    background-color: #0086FF;
    border-color: #0086FF;
}

.form_switch .form-check-input:focus {
    box-shadow: none;
    outline: none;
}

#createadminmodal .modal-dialog {
    max-width: 860px;
}

#createadminmodal .modal-content {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 0px;
}

#createadminmodal .modal-header {
    padding: 20px 30px 20px 30px;
}

#createadminmodal .modal-header .modal-title {
    color: #22437F;
    font-size: 24px;
    line-height: 34px;
    font-weight: 500;
    margin-bottom: 0;
}

#createadminmodal .modal-body {
    padding: 30px 30px 0px 30px;
}

.steper_header_card {
    width: 100%;
    background-color: #fff;
    transition: all .2s linear;
    padding: 20px 20px;
    border: 1px solid #EAEAF3;
    border-radius: 0px;
    margin-bottom: 30px;
}

.top_riight_navbar {
    margin-bottom: 0;
}

.top_riight_navbar .nav-item .nav-link {
    padding: 0;
    font-size: 14px;
    line-height: 14px;
    color: #0B1623;
    font-weight: normal;
    background-color: transparent;
    border: 0px;
    transition: all .6s ease-in-out;
    position: relative;
}

.top_riight_navbar .nav-item .nav-link.active,
.top_riight_navbar .nav-item .nav-link:hover {
    color: #0B1623;
    font-weight: 600;
}

.top_riight_navbar .nav-item .nav-link.active::before {
    content: '';
    position: absolute;
    bottom: -25px;
    left: 0;
    width: 100%;
    border-bottom: 4px solid #0086FF;
}

.top_riight_navbar .nav-item+.nav-item {
    margin-left: 25px;
}

.plan_card_box {
    background-color: #fff;
    margin-bottom: 30px;
    border: 1px solid #EAEAF3;
    border-radius: 10px;
}

.plan_card_header {
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    border-bottom: 1px solid #EAEAF3;
    padding: 10px;
    font-weight: 500;
    background-color: #f6fafd;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.plan_card_body {
    padding: 40px 15px 15px 15px;
    text-align: center;
    position: relative;
}

.plan_number_text {
    position: relative;
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
    margin-bottom: 5px;
    letter-spacing: 0.28px;
    color: #11306F;
}

.plan_number_text span {
    font-weight: normal;
    color: #11306F;
    font-size: 14px;
    line-height: 24px;
    position: absolute;
    bottom: 0;
    margin-left: 4px;
}

.included_text {
    letter-spacing: 0.32px;
    color: #11306F;
    font-size: 15px;
    margin-bottom: 5px;
    line-height: 16px;
}

.text_storage_text {
    letter-spacing: 0.32px;
    color: #11306F;
    font-size: 15px;
    margin-bottom: 5px;
    line-height: 25px;
}

.plan_card_footer {
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    border-top: 1px solid #EAEAF3;
    padding: 10px;
    font-weight: 500;
    background-color: #fff;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.plan_started_btn {
    display: block;
    font-size: 15px;
    line-height: 25px;
    text-transform: uppercase;
    color: #0086FF;
}

.plan_started_btn:hover {
    color: #0086FF;
}

.current_box {
    background-color: #0086FF;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    font-size: 12px;
    line-height: 24px;
    color: #fff;
}

.invoice_section {
    width: 100%;
    background-color: #fff;
    transition: all .2s linear;
    border-radius: 0px;
}

.history_heading {
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0.32px;
    color: #11306F;
    margin-bottom: 0;
    text-align: left;
    padding-top: 15px;
    padding-left: 15px;
    border-bottom: 1px solid #EAEAF3;
    padding-bottom: 15px;
}

.invoice_section+.invoice_section {
    margin-top: 20px;
}

.subs_media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}

.why_icon {
    letter-spacing: 0.32px;
    color: #444E61;
    font-size: 14px;
    line-height: 24px;
    width: 200px;
}

.subs_media_body {
    -ms-flex: 1;
    flex: 1;
}

.subs_media_body h5 {
    letter-spacing: 0.32px;
    color: #444E61;
    font-size: 14px;
    line-height: 24px;
    white-space: nowrap;
    margin-bottom: 0;
}

.subs_box {
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.method_list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

.method_list li {
    flex: 0 0 25%;
    max-width: 25%;
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 0px;
}

.method_box {
    background-color: #f6fafd;
    margin-bottom: 0px;
    padding: 15px 15px 15px 15px;
    border: 1px solid #EAEAF3;
    border-radius: 10px;
    cursor: pointer;
}

.method_box_inner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.method_box_inner p {
    letter-spacing: 0.32px;
    color: #444E61;
    font-size: 15px;
    line-height: 25px;
    white-space: nowrap;
    margin-bottom: 0;
    font-weight: 400;
}

.method_box_inner p:first-child {
    width: 100px;
}

.method_box.active,
.method_box:hover {
    border: 1px solid #0086FF;
}

.admin_media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: center;
    margin-bottom: 30px;
}

.admin_media_icon {
    width: 60px;
    height: 60px;
    background-color: transparent;
    border-radius: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 25px;
}

.admin_media_icon img {
    max-width: 100%;
    height: auto;
}

.admin_media_body {
    -ms-flex: 1;
    flex: 1;
}

.admin_heading {
    letter-spacing: 0.48px;
    color: #031044;
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
    margin-bottom: 0px;
}

.admin_cat {
    letter-spacing: 0.36px;
    color: #031044;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 0;
}

.general_box {
    width: 100%;
    background-color: #fff;
    transition: all .2s linear;
    border-radius: 0px;
    padding: 15px;
}

.password_eye_login {
    position: absolute;
    top: 45px;
    right: 15px;
    cursor: pointer;
    color: #9ba0b5;
    font-size: 18px;
    line-height: 18px;
}

.logo_img {
    width: 186px;
    height: 50px;
    padding: 0;
    background-color: transparent;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: hidden;
}

.logo_img img {
    max-width: 100%;
    height: 100%;
}

.logo_des {
    max-width: 660px;
    white-space: initial;
}

.nav-aside .with-sub .nav-link::after {
    content: "\f107";
    font: normal normal normal 16px/16px FontAwesome;
    display: inline-block;
    position: relative;
    margin-left: auto;
    color: #11306F;
    right: 10px;
}

.visibility_h {
    visibility: hidden;
}

.mt_15 {
    margin-top: 15px;
}

.box_price {
    max-width: 270px;
    margin: auto;
    text-align: left;
}

.inner_progress_media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: center;
}

.inner_progress_icon {
    letter-spacing: 0.36px;
    font-size: 18px;
    color: #444E61;
    width: 55px;
    height: 55px;
    background-color: #f6fafd;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    margin-right: 15px;
}

.inner_progress_icon svg {
    color: #444E61;
    width: 24px;
    height: 24px;
}

.inner_progress_media_body {
    -ms-flex: 1;
    flex: 1;
}

.inner_progress_heading {
    color: #444E61;
    font-size: 24px;
    line-height: 28px;
    font-weight: 500;
    margin-bottom: 0px;
    text-transform: capitalize;
    letter-spacing: 0.32px;
}

.inner_progress {
    background-color: #fff;
    margin-bottom: 30px;
    padding: 20px;
    border: 1px solid #EAEAF3;
    border-radius: 10px;
}

.progress_heading {
    letter-spacing: 0.32px;
    color: #11306F;
    font-size: 16px;
    margin-bottom: 0;
    text-align: left;
    line-height: 25px;
    font-weight: 500;
}

.single_case_card {
    background-color: #fff;
    border: 1px solid #EAEAF3;
    border-radius: 10px;
    margin-bottom: 30px;
}

.single_case_card_header {
    border-radius: 10px;
    background-color: #ffffff;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #EAEAF3;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.single_case_heading {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.36px;
    color: #444E61;
    font-weight: 500;
    margin-bottom: 0px;
}

.single_case_card_body {
    padding: 25px;
}

.graph_box {
    width: 100%;
    height: 320px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.graph_box img {
    width: 100%;
    height: 100%;
}

.place_order_btn {
    display: block;
    padding: 15px 30px;
    text-align: center;
    font-size: 15px;
    line-height: 16px;
    letter-spacing: 0.34px;
    color: #FFFFFF;
    background-color: #5296D5;
    border: 1px solid #5296D5;
    border-radius: 3px;
    box-shadow: none;
    outline: none;
}

.place_order_btn:hover {
    box-shadow: none;
    outline: none;
    color: #FFFFFF;
    background-color: #5296D5;
    border: 1px solid #5296D5;
}

.password_eye_subs {
    position: absolute;
    right: 20px;
    top: 43px;
}

.card_from_check {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 0;
}

.card_from_check .form-check-input {
    width: 20px;
    height: 20px;
    border: 1px solid #C9CACD;
    border-radius: 100%;
    margin-right: 12px;
    margin-top: 0;
}

.card_from_check .form-check-input:checked {
    background-color: #023E87;
    border-color: #023E87;
}

.card_from_check .form-check-input:focus {
    box-shadow: none;
    outline: none;
}

.card_from_check .form-check-label {
    letter-spacing: 0.34px;
    color: #031044;
    font-size: 15px;
    line-height: 25px;
    flex: 1;
}

.paypal_box {
    background-color: whitesmoke;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.secure_text {
    letter-spacing: 0.34px;
    color: #031044;
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 0;
}

.bg_secure {
    background-color: #fff;
}

.img_one {
    width: 182px;
    height: 24px;
    border-radius: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.img_one img {
    width: 100%;
    height: 100%;
}

.img_one_two {
    width: 66px;
    height: 24px;
    border-radius: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.img_one_two img {
    width: 100%;
    height: 100%;
}

.have_a_text {
    color: #031044;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 0;
}

.have_a_text a {
    color: #5296D5;
    font-size: 16px;
    line-height: 25px;
}

.have_a_text a:hover {
    color: #5296D5;

    .user_media {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }

    .user_icon {
        width: 45px;
        height: 45px;
        background-color: transparent;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        margin-right: 10px;
        border-radius: 50%;
    }

    .user_icon img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .user_media_body {
        -ms-flex: 1;
        flex: 1;
    }

    .user_heading_text {
        font-stretch: normal;
        font-style: normal;
        margin-bottom: 0;
        letter-spacing: 0.3px;
        color: #444E61;
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 0;
    }

    .upload_box {
        width: 80px;
        height: 80px;
        background-color: transparent;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        border-radius: 50%;
        margin: 0 auto 5px auto;
        position: relative;
    }

    .upload_box img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .upload_image_link {
        display: block;
        text-transform: uppercase;
        color: #444E61;
        font-size: 15px;
        line-height: 22px;
        text-align: center;
        margin-bottom: 30px;
    }

    .breadcrumb_style .breadcrumb-item+.breadcrumb-item::before {
        float: left;
        padding: 0;
        margin: 0 15px;
        color: #adacd2;
        content: "\f105";
        font: normal normal normal 14px/1 FontAwesome;
    }

    .breadcrumb_style .breadcrumb-item:nth-child(2):before {
        display: none;
    }

    .mobile_asside_menu_btn svg {
        width: 20px;
        height: 20px;
        margin-top: -4px;
    }

    .breadcrumb_style .breadcrumb-item a {
        color: #B1BBCE;
        text-decoration: none;
    }

    /* .mobile_asside_menu_btn {
    display: none;
} */

    #are_you_sure_modal .modal-content {
        border-radius: 0px;
        border: 0px;
    }

    #are_you_sure_modal .modal-dialog {
        max-width: 480px;
    }

    #are_you_sure_modal .modal-body {
        position: relative;
        padding: 50px 25px 20px 25px;
    }

    .close_img {
        position: absolute;
        top: 20px;
        right: 20px;
    }

    .are_text {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: 0.48px;
        color: #031044;
        margin-bottom: 0;
        font-weight: 400;
    }

    .model_footer_sure {
        justify-content: flex-start;
        border: 0px;
        padding: 0 25px 40px 25px;
    }

    .no_sbutton {
        padding: 8px 32px;
        border-radius: 3px;
        background-color: #fff;
        border: 1px solid #dc3545;
        letter-spacing: 0.34px;
        color: #dc3545;
        border-radius: 0;
        font-size: 16px;
        min-width: 100px;
        transition: all 0.2s ease;
    }

    .no_sbutton:hover {
        background-color: #ffff;
        border: 1px solid #dc3545;
        color: #dc3545;
        box-shadow: none;
        outline: none;
    }

    .yes_sbutton {
        padding: 8px 32px;
        border-radius: 3px;
        background-color: #5296D5;
        border: 1px solid #5296D5;
        letter-spacing: 0.34px;
        color: #FFFFFF;
        border-radius: 0;
        font-size: 16px;
        min-width: 100px;
        transition: all 0.2s ease;
    }

    .yes_sbutton:hover {
        background-color: #5296D5;
        border: 1px solid #5296D5;
        color: #FFFFFF;
        box-shadow: none;
        outline: none;
    }

    #companymodal .modal-dialog {
        max-width: 860px;
    }

    #companymodal .modal-content {
        background-color: #fff;
        border: 1px solid #fff;
        border-radius: 0px;
    }

    #companymodal .modal-header {
        padding: 20px 30px 20px 30px;
    }

    #companymodal .modal-header .modal-title {
        color: #22437F;
        font-size: 24px;
        line-height: 34px;
        font-weight: 500;
        margin-bottom: 0;
    }

    #companymodal .modal-body {
        padding: 30px 30px 0px 30px;
    }

    .com_logo_info {
        width: 4444px;
        height: 52px;
        background-color: transparent;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        overflow: hidden;
    }

    .com_logo_info img {
        max-width: 100%;
        height: 100%;
    }

    .update_logo,
    .update_logo:hover {
        letter-spacing: 0.34px;
        color: #0086FF;
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 8px;
    }

    .company_info_logo {
        width: 140px;
        height: 60px;
        background-color: transparent;
        border-radius: 0px;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        margin-right: 25px;
    }
}

.permission_user_media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.permission_user_icon {
    width: 45px;
    height: 45px;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    margin-right: 10px;
    border-radius: 50%;
}

.permission_user_icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.permission_user_media_body {
    -ms-flex: 1;
    flex: 1;
}

.permission_user_heading_text {
    font-stretch: normal;
    font-style: normal;
    margin-bottom: 0;
    letter-spacing: 0.3px;
    color: #444E61;
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 0;
}

.dialer_card {
    margin-bottom: 30px;
}

.dialer_card_header {
    padding: 8px 15px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
}

.dialer_total_emp {
    letter-spacing: 0.48px;
    color: #031044;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    margin-bottom: 0px;
}

.dialer_total_emp_num {
    letter-spacing: 0.48px;
    color: #0086FF;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    margin-bottom: 0px;
}

.btn_activated {
    font-size: 14px;
    font-weight: 400;
    background-color: #0086FF;
    border: 0px;
    padding: 8px 24px;
    color: #fff;
    border-radius: 4px;
    text-transform: uppercase;
}

.btn_activated:hover {
    background-color: #0086FF;
    color: #fff;
    border: 0px;
    box-shadow: none;
    outline: none;
}

.mb_10 {
    margin-bottom: 10px;
}

.dialer_box {
    margin-top: 10px;
    margin-bottom: 15px;
}

.dialer_box p {
    color: #031044;
    font-size: 17px;
    line-height: 27px;
    margin-bottom: 0px;
    position: relative;
    padding-left: 15px;
}

.dialer_box p::before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: #031044;
    top: 9px;
    left: 0;
}

.dialer_box p+p {
    margin-top: 5px;
}

.card_integration {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}

.card_integration_box {
    background-color: #fff;
    padding: 20px;
    margin-bottom: 30px;
}

.integration_icon {
    letter-spacing: 0.36px;
    font-size: 18px;
    color: #0F9D95;
    width: 55px;
    height: 55px;
    background-color: #0F9D941A;
    border: 1px solid #0F9D95;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    display: flex;
    margin-right: 25px;
}

/* .integration_icon svg{

} */
.integration_card_body {
    -ms-flex: 1;
    flex: 1;
}

.integration_card_body h5 {
    font-size: 20px;
    line-height: 30px;
    font-weight: bold;
    letter-spacing: 0.48px;
    color: #031044;
    margin-bottom: 10px;
}

.integration_card_body p {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.36px;
    color: #031044;
    margin-bottom: 0;
}

.back_page,
.back_page:hover {
    color: #22437F;
    margin-right: 5px;
}

.back_page svg {
    width: 24px;
    height: 24px;
    margin-top: -3px;
}

.writing_box {
    border-bottom: 1px solid #EAEAF3;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wiring_heading {
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0.32px;
    color: #11306F;
    margin-bottom: 0;
}

#createwiringmodal .modal-dialog {
    max-width: 860px;
}

#createwiringmodal .modal-content {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 0px;
}

#createwiringmodal .modal-header {
    padding: 20px 30px 20px 30px;
}

#createwiringmodal .modal-header .modal-title {
    color: #22437F;
    font-size: 24px;
    line-height: 34px;
    font-weight: 500;
    margin-bottom: 0;
}

#createwiringmodal .modal-body {
    padding: 30px 30px 0px 30px;
}

.mobile_text {
    letter-spacing: 0px;
    color: #031044;
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 0;
    display: none;
}

.delete {
    margin-right: 10px;
    color: red;
}


input,
.ui-widget select,
.ui-widget textarea {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1em;
}

/* a:hover{
    color: blue !important;
} */
.storage_section {
    background: white;
    border: 1px solid #e7eaec;
    color: #555555;
    height: 40rem;
}

.table_header {
    padding: 8px
}

.action_btn {
    border: 1px solid #e7eaec;
    background-color: white;
    color: #555555;
    padding: 6px 10px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
}

.leftR {
    border-left: none;
    border-right: none;
}

.action_radious {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.icon_right {
    display: flex;
    justify-items: center;
    margin-right: 25px;
}

.icon_right img {
    transform: translateY(60%);
}

.search_inp {
    border: 1px solid #e7eaec;
    background-color: #D7D7D7;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.search_inp::placeholder {
    display: inline;
    padding: 10px 12px;
    font-family: Verdana, Arial, sans-serif;
    font-size: 13px !important;
    font-weight: 540;
}

.search_btn {
    background-color: #0086FF;
    padding: 0px 15px;
    color: #fff;
    border: none;
}

.clear_btn {
    padding: 0px 15px;
    color: #fff;
    border: 1px solid #e7eaec;
    background-color: #D7D7D7;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.lab {
    width: 622px;
}

.table_col tr {
    text-align: center;
}

.table_col td {
    text-align: start;
}

.table_col th {
    background-color: rgb(250, 250, 250);
    line-height: 13px;
    font-weight: 700;
    color: #676a6c;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
    text-indent: initial;
    font-size: 11px;
    font-family: Verdana, Arial, sans-serif;
}

.bucket {
    cursor: pointer;
}

.bucket:hover {
    color: blue;
}

.scrollbar_table {
    overflow: auto;
}

.scrollbar_table::-webkit-scrollbar {
    width: 0px;
}

.action {
    position: absolute;
    z-index: 1000;
    height: 570px;
    width: 220px !important;
    background-color: white;
    border: 1px solid whitesmoke;
    border-radius: 3px;
    box-shadow: 0px 0px 0px 1px whitesmoke !important;
    margin-top: 39px !important;
    margin-left: 13px !important;
}

.action ul {
    list-style-type: none;
    margin-left: 0px;
    padding-left: 15px;
}

.action ul li {
    color: #cacaca !important;
    margin: 15px 0px 20px 0px;
    text-align: left;
    font-weight: 400;
}

.activeActionBorder {
    border: 3px solid black !important;
    border-radius: 3px;
}

.recent {
    margin-left: 100px !important;
    width: 400px !important;
    height: 500px !important;
}

.favorites {
    margin-left: 175px !important;
    width: 150px !important;
    height: 150px !important;
}

.recent ul li {
    color: #333 !important;
}

.timeV {
    margin-top: 2px;
    margin-left: 10px;
    font-size: .875rem;
    line-height: 20px;
}

.row_cent {
    padding-top: 10px;
}

.subtotal {
    font-weight: 700;
    font-size: 1rem;
    padding-left: 0px;
    color: black;
}

.subtotal h5 {
    font-size: 1.5rem;
}

.marginS {
    margin-top: 7px;
}

.card1 {
    width: 20px !important;
}

/* loader.component.css */
.loader-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    color: black;
}

.card_header_logo {
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

/* landing page start */

.transcend_section {
    padding-top: 160px;
    padding-bottom: 160px;
}

.trans_heading {
    font-size: 50px;
    line-height: 70px;
    font-weight: bold;
    color: #0B1623;
    text-align: center;
    max-width: 972px;
    font-family: 'Raleway', sans-serif;
    margin: auto;
    margin-bottom: 32px;
}

.trans_heading_content {
    font-size: 18px;
    line-height: 35px;
    color: #0B1623;
    text-align: center;
    max-width: 880px;
    margin: auto;
    margin-bottom: 80px;
}

.trans_list_box {
    padding: 55px 55px;
    background-color: #E3EDF8;
    max-width: 1396px;
    margin: auto;
}

.pres_heading {
    font-size: 21px;
    line-height: 35px;
    color: #0B1623;
    margin-bottom: 5px;
    font-weight: 600;
}

.pres_heading_contact {
    color: #0B1623;
    font-size: 18px;
    line-height: 35px;
    margin-bottom: 0;
    max-width: 395px;
}

.list_box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

.list_box li {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 0px;
}

.refine_auto_section {
    background-image: url('../images/refine-auto-bg.png');
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 130px;
    padding-bottom: 180px;
}

.refine_auto_heading {
    font-size: 50px;
    line-height: 70px;
    color: #fff;
    font-weight: bold;
    font-family: 'Raleway', sans-serif;
    margin-bottom: 32px;
    max-width: 1099px;
}

.refine_auto_sub_heading {
    color: #FFFFFF;
    font-size: 18px;
    line-height: 35px;
    max-width: 1022px;
    margin-bottom: 80px;
}

.auto_list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
    margin-right: -4px;
    margin-left: -4px;
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

.auto_list li {
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 4px;
    padding-left: 4px;
    margin-bottom: 0px;
}

.auto_list_box {
    border-radius: 16px;
    background-color: #fff;
    margin-bottom: 8px;
}

.auto_list_box {
    padding: 25px;
}

.auto_list_content {
    min-height: 220px;
}

.auto_list_content h4 {
    color: #0B1623;
    font-size: 21px;
    line-height: 30px;
    margin-bottom: 8px;
}

.auto_list_content p {
    color: #0B1623;
    font-size: 18px;
    line-height: 32px;
    max-width: 572px;
}

.auto_list_image {
    width: 100%;
    height: 246px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.auto_list_image img {
    width: 100%;
    height: auto;
}

.header_section {
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #E3EDF8;
    z-index: 20;
    transition: all .2s linear;
    padding: 10px 140px;
}

.header_navbar {
    padding: 0px;
    background-color: #fff;
}

.header_navbar .navbar-brand {
    width: 210px;
    height: 48px;
    padding: 0;
    background-color: transparent;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: hidden;
    margin-right: 0;
}

.header_navbar .navbar-brand img {
    max-width: 100%;
    height: 100%;
}

.header_navbar .navbar-nav {
    margin-left: auto;
    margin-right: 0;
}

.header_navbar .navbar-nav .nav-item .nav-link {
    font-size: 14px;
    line-height: 21px;
    color: #031044;
    transition: all .6s ease-in-out;
    padding: 8px 10px;
}

.header_navbar .navbar-nav .nav-item.dropdown .nav-link::after {
    content: '';
    width: 6px;
    height: 6px;
    border-right: 1.5px solid #163768;
    border-bottom: 1.5px solid #163768;
    display: inline-block;
    transform: rotate(45deg);
    margin-left: 6px;
    transition: all 0.2s ease-in-out;
    margin-bottom: 2px;
}

.header_navbar .navbar-nav .nav-item+.nav-item {
    margin-left: 24px;
}

.header_navbar .navbar-nav .nav-item .nav-link:hover,
.header_navbar .navbar-nav .nav-item .nav-link:focus,
.header_navbar .navbar-nav .nav-item .nav-link.active {
    color: #0086FF;
}

.header_navbar .navbar-nav .nav-item .signup_link {
    padding: 8px 16px;
    color: #0086FF;
    border: 1px solid #0086FF;
    background-color: #fff;
    width: 108px;
    text-align: center;
}

.header_navbar .navbar-nav .nav-item .signup_link:hover {
    color: #005CAF;
    border: 1px solid #005CAF;
    background-color: #fff;
}

.header_navbar .navbar-nav .nav-item .login_link {
    border-radius: 2px;
    padding: 8px 16px;
    color: #fff;
    background-color: #0086FF;
    border: 1px solid #0086FF;
    width: 108px;
    text-align: center;
}

.header_navbar .navbar-nav .nav-item .login_link:hover {
    color: #fff;
    background-color: #005CAF;
    border: 1px solid #005CAF;
    box-shadow: none;
    outline: none;
}

.header_navbar .navbar-toggler,
.header_navbar .navbar-toggler:hover,
.header_navbar .navbar-toggler:focus {
    color: rgba(0, 0, 0, 0.55);
    border-color: rgba(0, 0, 0, 0.1);
    border: 0;
    padding: 0;
    box-shadow: none;
    outline: none;
    border: 0;
}

.main_banner_section {
    background-image: url('../images/banner.png');
    position: relative;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 360px 0 270px 0;
}

.thousand_section {
    background-color: #0086FF;
    padding-top: 140px;
    padding-bottom: 140px;
}

.thousand_box {
    max-width: 691px;
}

.thousand_box_heading {
    font-size: 50px;
    line-height: 70px;
    font-weight: bold;
    color: #fff;
    font-family: 'Raleway', sans-serif;
    margin-bottom: 15px;
}

.thousand_box_content {
    color: #fff;
    font-size: 18px;
    line-height: 35px;
    margin-bottom: 25px;
}

.thousand_box_slide_footer {
    padding: 25px 25px;
    border: 1px solid #9ed0fd;
    border-radius: 0px 0px 16px 16px;
    background-color: #9ed0fd;
    height: 120px;
}

.slider_media_icon {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-right: 12px;
}

.slider_media_icon img {
    max-width: 100%;
    height: auto;
}

.slider_item_name {
    font-size: 21px;
    line-height: 35px;
    font-weight: 600;
    color: #0B1623;
    margin-bottom: 2px;
}

.slider_item_destination {
    font-size: 12px;
    line-height: 18px;
    color: #0B1623;
    margin-bottom: 0;
}

.slider_media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: flex-start;
    align-items: center;
}

.slider_media_body {
    -ms-flex: 1;
    flex: 1;
}

.thousand_box_slide_body {
    padding: 32px;
    background-color: #80c3ff;
    border-radius: 16px 16px 0px 0px;
}

.slider_item_des {
    color: #000000;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 0;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.fa_quote_text {
    color: #e8e8e8;
    font: normal normal normal 42px/52px FontAwesome;
}

.plans_section {
    padding-top: 120px;
    padding-bottom: 120px;
}

.accessible_plans_heading {
    font-size: 50px;
    line-height: 70px;
    font-weight: bold;
    margin-bottom: 40px;
    color: #0B1623;
}

.accessible_plans_sub_content {
    font-size: 18px;
    line-height: 35px;
    color: #0B1623;
    margin-bottom: 100px;
    max-width: 1033px;
}

.plans_card_box {
    border: 1px solid #E3EDF8;
    background-color: #fff;
}

.plans_card_header {
    height: 132px;
    background-color: #324BB2;
    padding: 34px 17px;
    position: relative;
}

.card_header_heading {
    font-size: 21px;
    line-height: 35px;
    color: #0B1623;
    margin-bottom: 5px;
}

.card_header_content {
    font-size: 21px;
    line-height: 35px;
    color: #fff;
    margin-bottom: 0;
}

.plans_card_body {
    padding: 15px;
    padding-top: 30px;
    height: 425px;
}

.plans_card_footer {
    padding: 15px;
}

.plans_price_text {
    font-size: 21px;
    line-height: 35px;
    color: #0B1623;
    margin-bottom: 15px;
}

.plans_price_text span {
    color: #0086FF;
    font-size: 32px;
    line-height: 35px;
    font-weight: bold;
}

.plans_list_text {
    font-size: 18px;
    line-height: 35px;
    color: #0B1623;
    margin-bottom: 0;
    padding-left: 30px;
    position: relative;
}

.list_text {
    color: #0B1623;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 0;
    margin-top: -5px;
}

.get_class_btn {
    border-radius: 5px;
    background-color: #0086FF;
    border: 1px solid #0086FF;
    padding: 20px;
    width: 100%;
    font-size: 18px;
    line-height: 27px;
    color: #fff;
}

.get_class_btn:hover {
    background-color: #005CAF;
    border: 1px solid #005CAF;
    color: #fff;
}

.plans_card_footer {
    padding-top: 30px;
}

.plans_media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}

.plans_media_icon {
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-right: 12px;
}

.plans_media_icon img {
    max-width: 100%;
    height: auto;
}

.plans_media_body {
    -ms-flex: 1;
    flex: 1;
}

.plans_media+.plans_media {
    margin-top: 20px;
}

.list_box_card img {
    margin-left: -15px;
}

.footer_bottom_section {
    background-color: #00294D;
    padding-top: 35px;
    padding-bottom: 35px;
}

.footer_bottom_section p {
    font-size: 18px;
    line-height: 35px;
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 0;
}

.footer_navbar_list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

.footer_inner_list {
    flex: 0 0 20%;
    max-width: 20%;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 0px;
}

.footer_top_section {
    background-color: #003462;
    padding-top: 115px;
    padding-left: 140px;
    padding-right: 140px;
    background-image: url('../images/footer-bg.png');
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.footer_logo {
    width: 215px;
    height: 97px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-bottom: 54px;
}

.footer_logo img {
    max-width: 100%;
    height: auto;
}

.address_text {
    color: #FFFFFF;
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 50px;
    max-width: 180px;
}

.email_text {
    font-size: 21px;
    line-height: 35px;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.email_subtext {
    font-size: 15px;
    line-height: 25px;
    color: #FFFFFF;
    margin-bottom: 50px;
}

.footer_heading {
    font-size: 21px;
    line-height: 35px;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.footer_list {
    padding-left: 0;
    list-style: none;
    margin-bottom: 80px;
}

.footer_list li+li {
    margin-top: 15px;
}

.footer_list li a {
    font-size: 15px;
    line-height: 25px;
    color: #fff;
    position: relative;
    transition: color .2s linear;
    display: inline-block;
}

.footer_list li a:hover {
    color: #0086FF;
}

.footer_box+.footer_box {
    margin-top: 60px;
}

.home_banner_heading {
    font-size: 50px;
    line-height: 70px;
    font-weight: bold;
    font-family: 'Raleway', sans-serif;
    margin-bottom: 15px;
    max-width: 610px;
    color: #fff;
}
.home_banner_heading span{
    font-weight: 600;
}
.home_banner_content {
    font-size: 18px;
    line-height: 35px;
    color: #fff;
    max-width: 631px;
    margin-bottom: 25px;
}

.home_banner_btn {
    border-radius: 4px;
    background-color: #0086FF;
    border: 1px solid #0086FF;
    padding: 25px 50px;
    font-size: 18px;
    line-height: 27px;
    color: #FFFFFF;
    transition: all .6s ease-in-out;
}

.home_banner_btn:hover {
    background-color: #005CAF;
    border: 1px solid #005CAF;
    color: #FFFFFF;
    box-shadow: none;
    outline: none;
}

.main_banner_img {
    position: relative;
    margin-left: 150px;
    width: 682px;
    height: 973px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.main_banner_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

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

.caption_bg {
    background-color: #028181;
}

.subscription_bg {
    background-color: #00509A;
}

.schdule_section {
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: #E3EDF8;
}

.schdule_box {
    background-color: #fff;
    padding: 40px 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.schdule_btn {
    border-radius: 4px;
    background-color: #0086FF;
    border: 1px solid #0086FF;
    padding: 20px 48px;
    font-size: 18px;
    line-height: 27px;
    color: #FFFFFF;
}

.schdule_btn:hover {
    background-color: #0086FF;
    border: 1px solid #0086FF;
    color: #FFFFFF;
    box-shadow: none;
    outline: none;
}

.schdule_box_left h5 {
    color: #0B1623;
    font-size: 50px;
    line-height: 70px;
    font-weight: bold;
    font-family: 'Raleway', sans-serif;
    margin-bottom: 30px;
    max-width: 668px;
}

.schdule_box_left p {
    font-size: 21px;
    line-height: 35px;
    color: #031044;
    max-width: 844px;
    margin-bottom: 0;
}

.video_visibility {
    visibility: hidden;
}

/* landing page end */
.account_pro_img {
    width: 40px;
    height: 40px;
    background-color: transparent;
    border-radius: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 50%;
}

.user_photo_name {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.vertical_center {
    display: grid;
    align-items: center;
}
/* 
input.ng-invalid.ng-touched {
    border: 1px solid red;
}

/* Apply green border to valid inputs */
/* input.ng-valid.ng-touched {
    border: 1px solid green;
}  */

.breadcrumb_style {
    margin-bottom: 0;
}

.breadcrumb_style .breadcrumb-item {
    position: relative;
}

.breadcrumb_style .breadcrumb-item a {
    font-size: 15px;
    line-height: 35px;
    letter-spacing: 0;
    text-align: left;
    color: #0B1623;
    transition: all .6s ease-in-out;
    font-weight: 500;
}

.breadcrumb_style .breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: 15px;
    color: #ADADAD;
    content: "\f105";
    font: normal normal normal 15px/35px FontAwesome;
}

.breadcrumb_style .breadcrumb-item+.breadcrumb-item {
    padding-left: 15px;
}

.header_right {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.header_right_left {
    margin-right: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.header_right_left a {
    padding: 0;
    color: #ADADAD;
    background-color: #fff;
    fill: #ADADAD;
}

.header_right_left a svg {
    color: #C6C6C6;
    width: 24px;
    height: 24px;
}

.header_right_left a+a {
    margin-left: 25px;
}

.mvp_account_header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.mvp_account_body p {
    font-size: 13px;
    line-height: 13px;
    color: #0B1623;
    margin-bottom: 0;
    text-align: right;
}

.mvp_account_body p span {
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 18px;
    color: #0B1623;
    margin-bottom: 4px;
}

.mvp_account_icon {
    width: 50px;
    height: 50px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent linear-gradient(133deg, #DA0058 0%, #8B53C1 100%) 0% 0% no-repeat;
    border-radius: 100%;
    font-size: 23px;
    line-height: 50px;
    font-weight: 600;
    font-family: 'Raleway', sans-serif;
    margin-left: 15px;
    overflow: hidden;
}

.mvp_account_icon img {
    max-width: 100%;
    height: auto;
    object-fit: cover;
}

.pro {
    position: relative;
    cursor: pointer;
  
  }
  #phone{
    position: relative;
    padding-left: 130px;
  }
  .custom-select{
   position: absolute;
   z-index: 9999;
   top: 8px;
   left: 8px;
  }
  .custom-select select{
    border: none;
  }
.flagImage{
    height: 20px;
    position: absolute;
    width: 20px;
    z-index: 9999;
   left: 65px;
   top: 17px;
}

  .pro::before{
   position: absolute;
   content: "";
   background-color: #23BC6A;
   height: 10px;
   width: 10px;
   bottom: 2px;
   right: 2px;
   border-radius: 50%;
  }
  .pro1::before{
    background-color: #E84D4D !important;
  }
  .pro2:before{
    background-color: #929292 !important;
  }
.pro::before {
    position: absolute;
    content: "";
    background-color: #23BC6A;
    height: 10px;
    width: 10px;
    bottom: 2px;
    right: 2px;
    border-radius: 50%;
}

.pro1::before {
    background-color: #E84D4D !important;
}

.pro2:before {
    background-color: #929292 !important;
}

.profile_card {
    position: absolute;
    width: 180px;
    height: 260px;
    z-index: 999;
    top: 8%;
    right: 2%;
    background-color: white;
    border-radius: 5px;
    box-shadow: 2px 2px 10px black;
    padding: 20px;

}

.profile_card h6 {
    line-height: 24px;
    letter-spacing: 0px;
    line-height: 1.375rem;
    letter-spacing: 0.025rem;
    color: black;
    font-size: 13px;
}

.profile_card_body ul li {
    list-style: none;
    padding-bottom: 5px;
    margin-right: 10px;
    cursor: pointer;
}

.white {
    color: #fff !important;
}

.red_cir {
    height: 9px;
    width: 9px;
    border-radius: 50%;
    background-color: #23BC6A;
    margin-top: 7px;
    margin-right: 10px;
}

.r_c {
    background-color: #E84D4D !important;
}

.g_c {
    background-color: #929292 !important;
}

.cursor {
    cursor: pointer;
}

.login_padding_section {
    background-color: #E3EDF8;
    padding: 50px;
}

.login_button,
.login_button:disabled {
    border-radius: 0.375rem;
    padding: 15px;
    color: #fff;
    background-color: #0086FF;
    border: 1px solid #0086FF;
    width: 100%;
    text-align: center;
    font-size: 14px;
}

.login_button:hover {
    color: #fff;
    background-color: #005CAF;
    border: 1px solid #005CAF;
    box-shadow: none;
    outline: none;
}

.category_card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
    list-style: none;
    padding: 0;
    margin-bottom: 35px;
}

.category_card li {
    flex: 0 0 25%;
    max-width: 25%;
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 0px;
}

.category_media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: center;
    background-color: #fff;
    padding: 8px;
    margin-bottom: 15px;
}

.category_media_body {
    -ms-flex: 1;
    flex: 1;
}

.category_media_icon {
    width: 85px;
    height: 85px;
    align-items: center;
    justify-content: center;
    display: flex;
    margin-right: 20px;
    background-color: #0074ef;
    border-radius: 8px;
}

.category_media_icon img {
    max-width: 100%;
    height: auto;
}

.category_number_text {
    font-size: 24px;
    line-height: 34px;
    color: #0B1623;
    font-weight: 600;
    margin-bottom: 6px;
}

.category_text {
    font-size: 14px;
    line-height: 24px;
    color: #0B1623;
    margin-bottom: 0;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.recent_heading{
    font-size: 18px;
    line-height: 28px;
    color: #0B1623;
    margin-bottom: 0px;
    font-weight: 600;
}
.recent_box_body{
    max-height: 400px;
    overflow: auto;
    background-color: #fff;
    border-radius: 8px 8px 8px 8px;
}
.recent_table_list{
    margin-bottom: 10px;
}
.recent_table_list>thead>tr>th {
    font-size: 10px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    color: #0B1623;
    padding: 10px 15px;
    background-color: #fff;
    border-bottom: 1px solid #DCE0E4;
    border-top: 1px solid #DCE0E4;
    white-space: nowrap;
    border-radius: 8px 8px 0px 0px;
  }
  
  .recent_table_list>tbody>tr>td {
    font-size: 14px;
    line-height: 24px;
    color: #0B1623;
    padding: 15px;
    background-color: #fff;
    border-bottom: 1px solid #DCE0E4;
    vertical-align: middle;
    white-space: nowrap;
  }
  .recent_table_list tbody tr td:first-child{
    font-weight: 600;
  }


  .recent_table_list tbody tr:last-child td{
    border-bottom: 0px;
    padding-bottom: 5px;
  }
  .processing_btn{
    padding: 4px 10px;
    font-size: 14px;
    line-height: 24px;
    color: #E08800;
    border-radius: 13px;
    background-color: #F4980A33;
  }
  .processing_btn:hover{
    background-color: #F4980A33;
    color: #E08800;
    box-shadow: none;
    outline: none;
  }
  .faild_btn{
    padding: 4px 10px;
    font-size: 14px;
    line-height: 24px;
    color: #E84D4D;
    border-radius: 13px;
    background-color: #E84D4D33;
  }
  .faild_btn:hover{
    background-color: #E84D4D33 ;
    color: #E84D4D;
    box-shadow: none;
    outline: none;
  }
  .complete_btn{
    padding: 4px 10px;
    font-size: 14px;
    line-height: 24px;
    color: #3B9E61;
    border-radius: 13px;
    background-color: #3B9E6133;
  }
  .complete_btn:hover{
    background-color: #3B9E6133 ;
    color: #3B9E61;
    box-shadow: none;
    outline: none;
  }
  .update_date_list{
    padding-left: 0;
    list-style: none;
    margin: 0;
  }
  .update_date_list li {
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    color: #0B1623;
    position: relative;
}
.update_date_list li:before {
    content: "";
    width: 1px;
    height: 12px;
    top: 1px;
    background: #DCE0E4;
    display: inline-block;
    position: relative;
    margin: 0 8px 0 8px;
}
.update_date_list li:first-child::before{
    display: none;
}

.action_link {
    color: #ADADAD;
}
.action_link svg{
    color: #ADADAD;
    height: 15px;
    width: 15px;
}
.action_link_download{
    font-size: 14px;
    line-height: 24px;
    color: #0086FF;
    cursor: pointer;
  }
  .action_link_download:hover{
    color: #0086FF;
    box-shadow: none;
    outline: none;
    text-decoration: none;
  }
  .recent_card_header{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-bottom: 8px;
    height: 44px;
  }
  .mb_40{
    margin-bottom: 40px;
  }
  .workspace_control{
    margin-left: 12px;
    border-radius: 2px;
    border: 1px solid #ADADAD;
    background-color: #fff;
    padding: 7px 12px;
    color: #0B1623;
    font-size: 12px;
    max-width: 320PX;
  }
  .workspace_admin_control{
    border-radius: 13px;
    border: 1px solid #E3EDF8;
    background-color: #E3EDF8;
    padding: 3px 10px;
    color: #0B1623;
    font-size: 12px;
    max-width: 98px;
  }
  .email_text{
    font-size: 14px;
    line-height: 24px;
    color: #0086FF;
  }
  .email_text:hover{
    color: #0086FF;
    box-shadow: none;
    outline: none;
    text-decoration: none;
  }
  .title_box{
    font-size: 10px;
    line-height: 20px;
    color: #0B1623;
    margin-bottom: 0;
  }
  .title_box span{
    display: block;
    font-size: 14px;
    line-height: 24px;
    color: #0B1623;
    margin-bottom: 1px;
  }
  .member_table_list{
    margin-bottom: 10px;
}
.member_table_list>thead>tr>th {
    font-size: 10px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    color: #0B1623;
    padding: 10px 15px;
    background-color: #fff;
    border-bottom: 1px solid #DCE0E4;
    border-top: 1px solid #DCE0E4;
    white-space: nowrap;
    border-radius: 8px 8px 0px 0px;
  }
  
  .member_table_list>tbody>tr>td {
    font-size: 14px;
    line-height: 24px;
    color: #0B1623;
    padding: 18px 15px;
    background-color: #fff;
    border-bottom: 1px solid #DCE0E4;
    vertical-align: middle;
    white-space: nowrap;
  }
  .member_table_list tbody tr td:first-child{
    font-weight: 600;
  }
  .member_table_list tbody tr:last-child td{
    border-bottom: 0px;
    padding-bottom: 5px;
  }
  .pie_text{
    color: #0B1623;
    font-size: 14px;
    line-height: 35px;
    margin-bottom: 0px;
    padding: 21px 23px 36px;
  }
  .storage_box{
    border-top: 1px solid #DCE0E4;
    padding: 21px 23px;
  }
  .storage_box p{
    color: #0B1623;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
    position: relative;
    padding-left: 24px;
  }
  .storage_box p span{
    font-weight: bold;
  }
  .storage_box p::before{
    content: "";
    position: absolute;
    left: 0;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    background-color: #F4980A;
    top: 4px;
  }
  .paymentStatus{
    list-style: none;
    padding-left: 0px;
  }
  .paymentStatus li label{
    font-size: 10px  !important;
  }
  .cursor{
    cursor: pointer;
  }

.wsI{
    width: 200px !important;
}
  .storage_box p+p{
    margin-top: 20px;
  }
  .graph_images{
    width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin: auto;
    margin-bottom: 20px;
  }
  .graph_images img{
    max-width: 100%;
    height: auto;
  }
  .nav_asside_dropdown{
    position: relative;
  }
  .nav_asside_dropdown .nav-item .nav-link{
    display: block;
    width: 100%;
    color: #ADADAD;
    font-size: 13px;
    line-height: 35px;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;

  }
  .nav_asside_dropdown::before{
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    background-color: #ADADAD;
    left: 0px;
    top: 0px;
  }
  
  .nav_asside_dropdown .nav-item.active .nav-link, .nav_asside_dropdown .nav-item .nav-link:hover{
    color: #0086FF;
    background-color: #daedff;
    position: relative;
  }
  .nav_asside_dropdown .nav-item.active .nav-link::before, .nav_asside_dropdown .nav-item .nav-link:hover::before {
    content: '';
    position: absolute;
    width: 2px;
    height: 100%;
    background-color: #0086FF;
    left: 0px;
}

.drop_toggle::after {
    content: '';
    width: 6px;
    height: 6px;
    border-right: 1.5px solid #163768;
    border-bottom: 1.5px solid #163768;
    display: inline-block;
    transform: rotate(45deg);
    transition: all 0.2s ease-in-out;
    position: absolute;
    right: 0;
    top: 7px;
}
.upload_new_vidoe_btn{
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    padding: 8px 16px;
    background-color: #0086FF;
    border: 1px solid #0086FF;
    border-radius: 4px;
}
.upload_new_vidoe_btn:hover{
    color: #0086FF;
    box-shadow: none;
    outline: none;
    background-color: #fff;
    border: 1px solid #0086FF;
}
.studio_heading{
    color: #0B1623;
    font-size: 18px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 5px;
    text-transform: capitalize;
}

.studio_sub_heading{
    color: #0B1623;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 0px;
}
.card_master_btn_group .btn+ .btn{
    margin-left: 15px;
}
.top_head_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}
.group_search{
    position: relative;
}
.type_form_control{
    color: #0B1623;
    font-size: 12px;
    line-height: 18px;
    padding: 12px 15px;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 4px;
    position: relative;
    margin-bottom: 40px;
}
.search_box_btn{
    position: absolute;
    right: 20px;
    top: 10px;
}
.table_first_heading{
    color: #0B1623;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
    font-weight: 600;
}
.table_first_heading img{
    margin-right: 12px;
}
.table_process_heading{
    color: #0B1623;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
}

.table_process_heading img{
    margin-right: 12px;
}

.workspace_table_list{
    margin-bottom: 0px;
}
.workspace_table_list>thead>tr>th {
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    color: #fff;
    padding: 10px 15px;
    background-color: #0086FF;
    border-bottom: 1px solid #0086FF;
    border-top: 1px solid transparent;
    white-space: nowrap;
    border-radius: 0px 0px 0px 0px;
  }
  .workspace_table_list>thead>tr th:first-child{
    border-top-left-radius: 8px;
  }
.workspace_table_list>thead>tr th:last-child{
    border-top-right-radius: 8px;
  }
  .workspace_table_list>tbody>tr td:last-child{
    text-align: center;
  }
  .workspace_table_list>thead>tr th:last-child{
    text-align: center;
  }
  .workspace_table_list>tbody>tr>td {
    font-size: 14px;
    line-height: 24px;
    color: #0B1623;
    padding: 15px;
    background-color: #fff;
    border-bottom: 1px solid #DCE0E4;
    vertical-align: middle;
    white-space: nowrap;
  }
  .workspace_table_list tbody tr td:first-child{
    font-weight: 600;
  }
  .box_search_table{
    border-radius: 8px;
    background-color: #fff;
  }
  .table_show_box{
    padding: 20px 25px;
  }
  .show_form_control{
    color: #0B1623;
    font-size: 14px;
    padding: 10px 16px;
    border-radius: 4px;
    background-color: #E3EDF8;
    border: 1px solid #E3EDF8;
    max-width: 137px;
  }
  .table_show_box{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .workspace_pagination {
    margin-bottom: 0;
}
.workspace_pagination .page-item:first-child .page-link{
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid #e3edf8;
    background-color: #e3edf8;
    color: #0B1623;
    border-radius: 100%;
}
.workspace_pagination .page-item .page-link{
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid #e3edf8;
    background-color: #e3edf8;
    color: #0B1623;
    border-radius: 100%;
    transition: all .6s ease-in-out;
}
.workspace_pagination .page-item .page-link:hover, .workspace_pagination .page-item .page-link:focus, .workspace_pagination .page-item .page-link.active{
    box-shadow: none;
    outline: none;
    background-color: #0086ff;
    border: 1px solid #0086ff;
    color: #fff;
}
.workspace_pagination .page-item:first-child .page-link{
    border-radius: 100%;
}
.workspace_pagination .page-item:last-child .page-link{
    border-radius:100%;
}
.workspace_pagination .page-item+ .page-item{
    margin-left: 8px;
}
.member_media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}
.media_icon{
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 100%;
    margin-right: 8px;
}
.media_icon img{
    max-width: 100%;
    height: auto;
}
.member_body {
    -ms-flex: 1;
    flex: 1;
}
.member_body_heading{
    font-size: 14px;
    line-height: 24px;
    color: #0B1623;
    font-weight: 600;
    margin-bottom: 0;
}
.email_text_member, .email_text_member:hover{
    color: #0086FF;
    font-size: 14px;
    line-height: 24px;
    color: #0086FF;
    text-transform: lowercase;
}
.email_text_member img{
    margin-right: 8px;
}
.table_call{
    color: #0B1623;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
}
.table_call img{
    margin-right: 8px;
}
.role_form_control{
    font-size: 14px;
    line-height: 24px;
    color: #0B1623;
    background-color: #E3EDF8;
    border: 0px;
    padding: 5px 15px;
    border-radius: 30px;
    max-width: 150px;
}

.add_model{
    margin-left: 50px;
}
.studeio_modal_header{
    padding: 15px;
    border-bottom: 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
#addnewstudiomodal .modal-dialog{
    max-width: 658px;
}
.cursor_pointer{
    cursor: pointer;
}
.studeio_modal_header .modal-title{
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 0;
}
#addnewstudiomodal .modal-content{
    border-radius: 8px;
    border: 1px solid #fff;
    background-color: #fff;
}
.studio_modal_body{
    padding: 9px 15px 24px 15px ;
}
.initiate_content{
    font-size: 14px;
    line-height: 23px;
    color: #0B1623;
    margin-bottom: 0;
    max-width: 471px;
}
.pop_label{
    font-size: 14px;
    line-height: 23px;
    color: #0B1623;
    margin-bottom: 8px;
}
.pop_studio_control{
    font-size: 13px;
    color: #ADADAD;
    padding: 10px 16px;
    background-color: #fff;
    border: 1px solid #E3EDF8;
    border-radius: 4px;
    margin-bottom: 15px;
}
 .Inpactive input{
    color: black !important;
    border: 1px solid black !important;
}
.studio_back_btn{
    color: #0B1623;
    font-size: 14px;
    padding: 10px 40px;
    border-radius: 4px;
    background-color: #E3EDF8;
    border: 1px solid #e3edf8;
    min-width: 112px;
}
.studio_back_btn:hover{
    background-color: #E3EDF8;
    border: 1px solid #e3edf8;
    color: #0B1623;
    box-shadow: none;
    outline: none;
}
.studio_create_btn{
    font-size: 14px;
    color: #fff;
    padding: 10px 15px;
    border-radius: 4px;
    background-color: #0086FF;
    border: 1px solid #0086FF;
    min-width: 112px;
}
.studio_create_btn:hover{
    background-color: #0086FF;
    border: 1px solid #0086FF;
    color: #fff;
    box-shadow: none;
    outline: none;
}
.modal_footer {
    padding: 25px 15px 24px 15px;
    border: 0;
}
.modal_footer > * {
    margin: 0;
}
.modal_footer .btn+ .btn{
    margin-left: 15px;
}
#addnewmembermodal .modal-dialog{
    max-width: 658px;
}
#addnewmembermodal .modal-content{
    border-radius: 8px;
    border: 1px solid #fff;
    background-color: #fff;
}
.mb_30{
    margin-bottom: 30px;
}
.role_form_check .form-check-input{
    display: none;
}
.role_select_btn{
    font-size: 13px;
    line-height: 18px;
    color: #ADADAD;
    padding: 11px 16px;
    background-color: #fff;
    font-weight: 600;
    border: 1px solid #E3EDF8;
    border-radius: 4px;
    margin-bottom: 12px;
    position: relative;
}
.role_select_btn img{
    visibility: hidden;
}
.role_select_btn:hover, .role_select_btn.active{
    font-size: 13px;
    line-height: 18px;
    color: #0B1623;
    background-color: #0086FF2B;
    border: 1px solid #0086FF;
    border-radius: 4px;
}
.role_select_btn:hover img, .role_select_btn.active img{
    visibility: visible;
}
.role_select_btn+ .role_select_btn{
    margin-left: 15px;
}
.export_vidoe_btn{
    color: #0086FF;
    font-size: 14px;
    line-height: 24px;
    padding: 10px 20px;
    background-color: transparent;
    border: 1px solid #0086FF;
    border-radius: 4px;
    max-width: 136px;
}
.export_vidoe_btn:hover{
    color: #0086FF;
    background-color: transparent;
    border: 1px solid #0086FF;
    box-shadow: none;
    outline: none;
}
.history_btn_group .btn+ .btn{
    margin-left: 15px;
}
.from_date_box{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.from_text{
    font-size: 12px;
    line-height: 18px;
    color: #0B1623;
    margin-bottom: 0;
    margin-right: 8px;
}
.from_control{
    width: 100%;
    margin-bottom: 0;
}
.order_box_card{
    margin-bottom: 40px;
}
.color_01{
    color: #0086FF;
}
.studio_setting_body{
    background-color: #fff;
    padding: 25px;
}
.setting_label{
    font-size: 12px;
    line-height: 18px;
    color: #ADADAD;
    margin-bottom: 9px;
}
.setting_form_control{
    font-size: 13px;
    line-height: 23px;
    color: #0B1623;
    border: 1px solid #E3EDF8;
    border-radius: 4px;
    padding: 10px 15px;
    background-color: #fff;
}
.setting_group{
    max-width: 626px;
    margin-bottom: 25px;
}
.setting_form_check {
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.setting_form_check .form-check-input {
	width: 20px;
    height: 20px;
    border: 1px solid #E3EDF8;
    background-color: #E3EDF8;
    border-radius: 50%;
    margin-right: 8px;
    margin-top: 0;
}

.setting_form_check .form-check-input:checked {
	background-color: #0086ff;
	border-color: #0086ff;
    background-image: url(../images/radio_check.png);
}

.setting_form_check .form-check-input:focus {
	box-shadow: none;
	outline: none;
}
.setting_form_check .form-check-label{
    color: #0B1623;
    font-size: 13px;
    line-height: 23px;
    flex: 1;
}
.date_box{
    margin-bottom: 48px;
}
.setting_form_check+ .setting_form_check{
    margin-top: 12px;
}
.delete_studio_btn{
    font-size: 14px;
    color: #E84D4D;
    padding: 10px 21px;
    border: 1px solid #E84D4D;
    border-radius: 4px;
    background-color: #FFFFFF;
}
.delete_studio_btn:hover{
    color: #E84D4D;
    border: 1px solid #E84D4D;
    background-color: #FFFFFF;
    box-shadow: none;
}
.save_changes_btn{
    font-size: 14px;
    color: #fff;
    padding: 10px 15px;
    border: 1px solid #0086FF;
    border-radius: 4px;
    background-color:#0086FF;
}
.save_changes_btn:hover{
    color: #fff;
    border: 1px solid #0086FF;
    background-color: #0086FF;
    box-shadow: none;
}
.save_cancel_btn{
    font-size: 14px;
    color: #0B1623;
    padding: 10px 30px;
    border: 1px solid #E3EDF8;
    border-radius: 4px;
    background-color:#E3EDF8;
}
.save_cancel_btn:hover{
    color: #0B1623;
    border: 1px solid #E3EDF8;
    background-color: #E3EDF8;
    box-shadow: none;
}
.button_group_left a+ a{
    margin-left: 16px;
}
.button_group{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#delete_studio_modal .modal-dialog{
    max-width: 495px;
}
#delete_studio_modal .modal-content{
    border-radius: 8px;
    background-color: #FFFFFF;
    border: 1px solid #fff;
}
.delete_studio_heading{
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: center;
    color: #0B1623;
}
.delete_studio_subheading{
    font-size: 14px;
    line-height: 23px;
    text-align: center;
    color: #0B1623;
    max-width: 378px;
    margin: auto;
    margin-bottom: 30px;
}
.delete_modal_body {
    padding: 55px 25px 25px 25px;
    position: relative;
}
.delete_btn_group{
    text-align: center;
}
.delete_cancel{
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 15px;
}
.delete_studio_btn{
    font-size: 14px;
    color: #E84D4D;
    padding: 10px 28px;
    border: 1px solid #E84D4D;
    border-radius: 4px;
    background-color: #FFFFFF;
    margin-left: 15px;
}
.delete_studio_btn:hover{
    color: #E84D4D;
    border: 1px solid #E84D4D;
    background-color: #E84D4D;
    box-shadow: none;
}
.member_edit_btn{
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    background-color: #E3EDF8;
    border: 1px solid #E3EDF8;
    padding: 10px;
    color: #ADADAD;
    font-size: 14px;
}
.member_edit_btn svg{
    width: 24px;
    height: 24px;
}
.member_edit_btn:hover{
    color: #0086FF;
    background-color: #E3EDF8;
    border: 1px solid #E3EDF8;
    box-shadow: none;
    outline: none;
}
.member_delete_btn{
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    background-color: #E3EDF8;
    border: 1px solid #E3EDF8;
    padding: 10px;
    color: #ADADAD;
    font-size: 14px;
}
.member_delete_btn svg{
    width: 24px;
    height: 24px;
}
.member_delete_btn:hover{
    color:#E84D4D;
    background-color: #E3EDF8;
    border: 1px solid #E3EDF8;
    box-shadow: none;
    outline: none;
}
.table_action_group{
    display: flex;
    align-items: center;
    justify-content: center;
}
.table_action_group a+ a{
    margin-left: 10px;
}
.dot_action_link{
    border-radius: 0px;
    background-color: #fff;
    border: 0px solid #fff;
    padding: 0px;
    color: #ADADAD;
    font-size: 14px;
}
.dot_action_link svg{
    width: 18px;
    height: 18px;
}
.dot_action_link:hover, .dot_action_link:focus{
    color: #ADADAD;
    background-color: #fff;
    border: 0px solid #fff;
    box-shadow: none;
    outline: none;
}
.table_action_dropdown{
    background: #fff;
    border-radius: 8px;
    border: 1px solid #E3EDF8;
    box-shadow: 0px 3px 6px #00000026;
    width: 185px;
    position: absolute;
    top: 0;
    padding: 15px;
}
.table_action_dropdown li .dropdown-item{
    padding: 0;
    background-color: transparent;
    color: #0B1623;
    font-size: 14px;
    line-height: 24px;
    transition: all .6s ease-in-out;
}
.table_action_dropdown li .dropdown-item:hover{
    background-color: transparent;
    color: #0086FF;
    box-shadow: none;
    outline: none;
}
.table_action_dropdown li:last-child .dropdown-item:hover{
    color: #E84D4D;
}
.table_action_dropdown li+ li{
    margin-top: 5px;
}
.order_details_top{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.download_details_btn{
    font-size: 14px;
    padding: 10px 0px 10px 15px;
    color: #0086FF;
    border: 1px solid transparent;
    background-color: transparent;
    border-radius: 4px;
}
.download_details_btn:hover{
    color: #0086FF;
    border: 1px solid transparent;
    background-color: transparent;
    box-shadow: none;
    outline: none;
}
.print_recipt_btn{
    font-size: 14px;
    padding: 10px 40px;
    color: #0086FF;
    border: 1px solid #0086FF;
    background-color: #E3EDF8;
    border-radius: 4px;
}
.print_recipt_btn:hover{
    color: #0086FF;
    border: 1px solid #0086FF;
    background-color: #E3EDF8;
    box-shadow: none;
    outline: none;
}
.order_details_top_right a+ a{
    margin-left: 12px;
}
.details_back_media{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}
.details_back_page{
    color: #ADADAD;
    padding: 4px 0px;
    border: 0px;
    background-color: transparent;
    margin-right: 15px;
}
.details_back_page svg{
    width: 18px;
    height: 18px;
    color: #ADADAD;
}
.details_back_page:hover{
    color: #ADADAD; 
    background-color: transparent;
    border: 0px;
    box-shadow: none;
    outline: none;
}
.order_details_middle{
    padding: 30px;
    background-color: #fff;
}
.order_place_text{
    font-size: 12px;
    line-height: 22px;
    color: #0B1623;
    margin-bottom: 5px;
}
.order_place_date{
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    color: #0B1623;
    margin-bottom: 0px;
}
.order_details_middle{
    margin-bottom: 25px;
}
.middle_details_list{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.details_list_inner+ .details_list_inner{
    margin-left: 50px;
} 
.cost_text{
    font-size: 16px;
    line-height: 25px;
    font-weight: 600;
    color: #3B9E61;
    padding: 4px 12px;
    border-radius: 2px;
    background-color: #c4e2cf;
    margin-bottom: 0px;
}
.upload_card_header {
    background-color: #fff;
    padding: 25px 40px 25px 25px;
    border-bottom: 2px solid #E3EDF8;
}
.upload_card{
    background-color: #fff;
    margin-bottom: 12px;
}
.tab_upload_box{
    padding: 30px;
}
.upload_box{
    padding: 40px;
    border-radius: 4px;
    border: 2px dashed #E3EDF8;
    text-align: center;
}
.upload_box_heading{
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    color: #0B1623;
    margin-bottom: 5px;
}
.upload_box_subheading{
    font-size: 14px;
    line-height: 24px;
    color: #ADADAD;
    margin-bottom: 10px;
}
.mb_15{
    margin-bottom: 15px;
}
.box_upload_btn{
    color: #FFFFFF;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid #0086FF;
    background-color: #0086FF;    
    padding: 8px 10px 8px 10px;
    position: relative;
}
.box_upload_btn svg{
    width: 18px;
    height: 18px;
    margin-right: 8px;
}
.box_upload_btn span{
    padding-left: 15px;
}
.box_upload_btn:hover{
    border: 1px solid #0086FF;
    background-color: #0086FF;
    color: #FFFFFF;
    box-shadow: none;
    outline: none;
}
.box_upload_btn:before {
    content: "";
    width: 1px;
    height: 100%;
    top: 0px;
    background: rgb(255, 255, 255, 0.16);
    display: inline-block;
    position: absolute;
    margin: 0 10px 0 10px;
    left: 30px;
}
.uploaded_video_box{
    background-color: #fff;
}
.uploaded_video_heading {
    padding-top: 20px;
    padding-left: 25px;
    padding-bottom: 20px;
    margin-bottom: 0;
    color: #0B1623;
    font-size: 14px;
    line-height: 24px;
    border-bottom: 1px solid #DCE0E4;
}
.aws_box{
    padding: 20px;
}
.aws_box::-webkit-scrollbar{
    width: 0px;
}
.uploaded_table_list{
    margin-bottom: 0px;
}
.uploaded_table_list>thead>tr>th {
    font-size: 10px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    color: #0B1623;
    padding: 10px 15px;
    background-color: #fff;
    border-bottom: 1px solid #DCE0E4;
    border-top: 1px solid transparent;
    white-space: nowrap;
}
.uploaded_table_list>thead>tr>th:first-child{
    padding-left: 30px;
}
.uploaded_table_list>tbody>tr>td {
    font-size: 14px;
    line-height: 24px;
    color: #0B1623;
    padding: 10px 15px;
    background-color: #fff;
    border-bottom: 1px solid #DCE0E4;
    border-top: 1px solid transparent;
    white-space: nowrap;
}
.uploaded_table_list>tbody>tr>td:first-child{
    padding-left: 30px;
    font-weight: 600;
}

.video_progress{
    height: 7px;
    width: 160px;
    border-radius: 13px;
    background-color: #E3EDF8;
}

.video_progress .progress-bar{
    background-color: #0086FF;
    width: 40%;
}
.process_btn_group{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.process_failed{
    font-size: 14px;
    line-height: 14px;
    color: #E84D4D;
    padding: 4px 10px;
    background-color: #E84D4D33;
    border-radius: 13px;
    margin-bottom: 0;
}
.process_retry{
    font-size: 14px;
    line-height: 14px;
    color: #E84D4D;
    padding: 4px 10px;
    background-color: #fff;
    border-radius: 13px;
    text-decoration: underline;
    margin-bottom: 0;
}
.process_completed{
    font-size: 14px;
    line-height: 14px;
    color: #3B9E61;
    padding: 4px 10px;
    background-color: #3B9E6133;
    border-radius: 13px;
    margin-bottom: 0;
}
.total_cost{
    color: #0B1623;
    font-size: 16px;
    line-height: 25px;
    font-weight: 600;
    margin-bottom: 0;
}
.cost_price_text{
    margin-bottom: 0;
    width: 78px;
    height: 29px;
    color: #3B9E61;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    border-radius: 2px;
    background-color: #c4e2cf;
    padding: 4px 12px;
}
.video_payment_box {
    padding: 45px 90px;
    text-align: end;
}
.make_payment_cancel_btn{
    color: #0B1623;
    font-size: 14px;
    line-height: 24px;
    padding: 8px 24px;
    border-radius: 4px;
    background-color: #E3EDF8;
    border: 1px solid #E3EDF8;
}
.make_payment_cancel_btn:hover{
    color: #0B1623;
    background-color: #E3EDF8;
    border: 1px solid #E3EDF8;
    box-shadow: none;
    outline: none;
}
.make_payment_btn{
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    padding: 8px 24px;
    border-radius: 4px;
    background-color: #0086FF;
    border: 1px solid #0086FF;
}
.make_payment_btn:hover{
    color: #fff;
    background-color: #0086FF;
    border: 1px solid #0086FF;
    box-shadow: none;
    outline: none;
}
.video_payment_box a+ a{
    margin-left: 15px;
}
.no_data_box {
    font-size: 24px;
    line-height: 34px;
    color: #ADADAD;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 80px;
    border-bottom: 1px solid #DCE0E4;
}
.add_new_url_btn {
    font-size: 13px;
    line-height: 23px;
    color: #0B1623;
    padding: 0;
    background: transparent;
    border: 0;
}
.add_new_url_btn:hover {
    color: #0B1623;
    background: transparent;
    border: 0;
    outline: none;
    box-shadow: none;
}
.add_new_url_btn img{
    margin-right: 5px;
}
.paste_form_control{
    padding: 12px 24px;
    color: #ADADAD;
    font-size: 14px;
    line-height: 24px;
    border: 2px dashed #E3EDF8;
    border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
    margin-bottom: 15px;
    margin-top: 15px;
}
.paste_form_control:focus{
    padding: 12px 24px;
    color: #0086FF !important;
    font-size: 14px;
    line-height: 24px;
    border: 2px solid #E3EDF8 !important;
    border-radius: 4px;
    background-color: #E3EDF8;
}
.aws_member_btn{
    font-size: 14px;
    line-height: 24px;
    color: #0086FF;
    padding: 0;
    border: 0;
    background-color: transparent;
}
.aws_member_btn:hover{
    color: #0086FF;
    border: 0;
    background-color: transparent;
    box-shadow: none;
    outline: none;
}

.aws_table_list{
    margin-bottom: 30px;
}
.aws_table_list>thead>tr>th {
    font-size: 10px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    color: #0B1623;
    padding: 10px 15px;
    background-color: #fff;
    border-bottom: 1px solid #DCE0E4;
    border-top: 1px solid transparent;
    white-space: nowrap;
}

.aws_table_list>tbody>tr>td {
    font-size: 14px;
    line-height: 24px;
    color: #0B1623;
    padding: 10px 15px;
    background-color: #fff;
    border-bottom: 1px solid #DCE0E4;
    border-top: 1px solid transparent;
    white-space: nowrap;
}
.aws_table_list>tbody>tr>td:nth-child(2){
    text-align: end;
    padding-right: 60px;
}
.aws_table_list>tbody>tr>td:first-child{
    padding-left: 40px;
}
#add_payment_card .modal-dialog{
    max-width: 658px;
}
#add_payment_card .modal-content{
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #fff;
    max-width: 658px;
}
.new_caed_modal_heading{
    font-size: 13px;
    line-height: 23px;
    color: #ADADAD;
    margin-bottom: 0;
}
.new_caed_modal_heading span{
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    color: #0B1623;
    margin-bottom: 0px;
    display: block;
}
.card_add_header{
    padding: 15px;
    border-bottom: 0;
}
.card_add_footer{
   padding: 24px;
   border: 0; 
}
.card_add_footer > * {
    margin: 0px;
}
.card_add_footer button+ button{
    margin-left: 15px;
}
.card_add_body{
    padding: 0 15px 15px 15px;
}
.billing_address_text{
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    color: #0B1623;
    margin-bottom: 15px;
}
.add_label{
    font-size: 14px;
    line-height: 24px;
    color: #0B1623;
    margin-bottom: 5px;
}
.add_form_control{
    font-size: 13px;
    color: #ADADAD;
    padding: 11px 16px;
    background-color: #fff;
    border: 1px solid #E3EDF8;
    border-radius: 4px;
    margin-bottom: 15px;
}
.save_form_check {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.save_form_check .form-check-input {
    width: 24px;
    height: 24px;
    border: 1px solid #0086FF;
    border-radius: 3px;
    margin-right: 8px;
    margin-top: 0;
}

.save_form_check .form-check-input:checked {
    background-color: #0086FF;
    border-color: #0086FF;
    background-image: url(../images/radio_check.png);
}

.save_form_check .form-check-input:focus {
    box-shadow: none;
    outline: none;
}

.save_form_check .form-check-label {
    color: #0B1623;
    font-size: 13px;
    line-height: 23px;
    flex: 1;
}
.valid_group{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 15px;
}
.slash_text{
    font-size: 13px;
    line-height: 23px;
    color: #ADADAD;
    margin-bottom: 0;
    margin-left: 8px;
    margin-right: 8px;
}
.valid_form_control{
    font-size: 13px;
    width: 80px;
    padding: 11px 16px;
    border: 1px solid #E3EDF8;
    border-radius: 4px;
    background-color: #fff;
    color: #ADADAD;
}

.profile_setting_box{
    background-color: #fff;
    border: 1px solid #8C99A54D;
    padding: 24px;
}
.profile_edit_btn{
    width: 32px;
    line-height: 32px;
    border-radius: 2px;
    background-color: black;
    border: 0px;
    color: white;
    padding: 0px;
    margin-left: 8px;
}
.profile_edit_btn svg{
    width: 14px;
    height: 14px;
    color: #ADADAD;
}
.profile_edit_btn:hover{
    background-color: #E3EDF8;
    border: 0px;
    box-shadow: none;
    outline: none;
    color: #ADADAD;
}
.profile_setting_inner {
    max-width: 625px;
    width: 100%;
}
.profile_setting_label{
    font-size: 12px;
    line-height: 18px;
    color: #ADADAD;
    margin-bottom: 8px;
}
.account_details_inner{
    border: 1px solid #E3EDF8;
    border-radius: 4px;
    background-color: #FFFFFF;
    padding: 12px;
    max-width: 625px;
}
.account_details_inner+ .account_details_inner{
    margin-top: 15px;
}
.payment_method_text{
    font-size: 14px;
    line-height: 24px;
    color: #0B1623;
    margin-bottom: 15px;
}
.update_card_btn{
    font-size: 14px;
    line-height: 24px;
    color: #0086FF;
    background-color: #fff;
    padding: 10px 20px;
    border: 1px solid #0086FF;
}
.update_card_btn:hover{
    color: #0086FF;
    background-color: #fff;
    border: 1px solid #0086FF;
    box-shadow: none;
    outline: none;
}
.card_master_box{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.card_master_icon{
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-color: #e3edf8;
    border-radius: 50%;
}
.card_master_icon svg{
    width: 18px;
    height: 18px;
}
.ending_text{
    font-size: 14px;
    line-height: 24px;
    color: #0B1623;
    margin-bottom: 0;
    margin-left: 8px;
}
.card_master_left{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

#printreciptmodal .modal-dialog {
    max-width:726px;
}
#printreciptmodal .modal-content {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 8px;
}
.recipt_header{
    padding: 20px;
    border: 0px;
    justify-content: center;
    position: relative;
    flex-direction: column;
}
.recipt_header_logo {
    width: 162px;
    height: 36px;
    background-color: transparent;
    display: flex;
    justify-content: flex-start;
    overflow: hidden;
    margin: auto;
}
.recipt_header_logo img{
    max-width: 100%;
    height: auto;
}
.recipt_header_logo_text{
    font-size: 13px;
    line-height: 18px;
    color: #0B1623;
    margin-bottom: 0;
}
.recipt_modal_body{
    padding: 0;
}
.recipt_modal_body_inner{
    padding: 15px 30px;
    border-top: 2px solid #DCE0E4;
}
.receipt_text{
    font-size: 16px;
    line-height: 25px;
    color: #0086FF;
    margin-bottom: 15px;
    text-decoration: underline;
    text-align: center;
    font-weight: 600;
}
.recipt_cancel {
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 20px;
}
.recipt_table_one {
    margin-bottom: 20px;
    border: 1px solid #DCE0E4;
}
.recipt_table_one>thead>tr>th {
    color: #0B1623;
    font-size: 13px;
    line-height: 18px;
    padding: 8px 15px;
    border-bottom: 0px;
    font-weight: 600;
    background-color: #fff;
    border-bottom: 1px solid #DCE0E4;
    white-space: nowrap;
}

.recipt_table_one>tbody>tr>td {
    color: #0B1623;
    font-size: 13px;
    line-height: 18px;
    padding: 8px 15px;
    border-bottom: 0px;
    font-weight: 500;
    background-color: #fff;
    border-bottom: 1px solid #DCE0E4;
    white-space: nowrap;
    vertical-align: middle;
    white-space: nowrap;
}
.recipt_table_one>tbody>tr>td:last-child, .recipt_table_one>thead>tr>th:last-child {
    text-align: end;
}
.caption_text{
    color: #0B1623;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 0;
    font-weight: 600;
}
.recipt_table_one>tbody>tr:last-child>td {
    border: 1px solid #DCE0E4;
    background-color: #E3EDF8;
}
.order_summary_text{
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 12px;
    color: #0B1623;
    font-weight: 600;
}
.recipt_table_two{
    margin-bottom: 15px;
    width: 500px;
}

.recipt_table_two>tbody>tr>td {
    color: #0B1623;
    font-size: 13px;
    line-height: 18px;
    padding: 4px 0px;
    border-bottom: 0px;
    font-weight: 500;
    background-color: #fff;
    border-bottom: 0px solid #DCE0E4;
    white-space: nowrap;
    vertical-align: middle;
    white-space: nowrap;
}
.width_td_recipt{
    width: 220px;
}
.footer_print_reciept_btn{
    font-size: 14px;
    line-height: 24px;
    color: #FFFFFF;
    padding: 10px 40px;
    border: 1px solid #0086FF;
    background-color: #0086FF;
    border-radius: 4px;
}
.footer_print_reciept_btn:hover{
    color: #FFFFFF;
    padding: 10px 40px;
    border: 1px solid #0086FF;
    background-color: #0086FF;
    box-shadow: none;
    outline: none;
}
.recipt_table_three{
    margin-bottom: 0;
}
.recipt_table_three>tbody>tr>td{
    color: #ADADAD;
    font-size: 12px;
    line-height: 18px;
    padding: 10px 0 0px 0px;
    border-bottom: 0px;
    font-weight: 500;
    background-color: #fff;
    border-top: 1px solid #DCE0E4;
    white-space: nowrap;
    vertical-align: middle;
    white-space: nowrap;
}
.recipt_table_three>tbody>tr>td:last-child {
    text-align: end;
}
.recipt_table_four{
    margin-bottom: 20px;
}
.recipt_table_four>tbody>tr>td{
    color: #ADADAD;
    font-size: 12px;
    line-height: 18px;
    padding: 0px 0 0px 0px;
    border-bottom: 0px;
    font-weight: 500;
    background-color: #fff;
    border-top: 0px solid #DCE0E4;
    white-space: nowrap;
    vertical-align: middle;
    white-space: nowrap;
}
.recipt_table_four>tbody>tr>td:last-child {
    padding-left: 50px;
}
.service_text{
    font-size: 14px;
    line-height: 24px;
    color: #0B1623;
    margin-bottom: 0;
    text-transform: uppercase;
}
.service_text span{
    font-weight: 600;
}
.customer_text{
    font-size: 13px;
    line-height: 23px;
    color: #0B1623;
    margin-bottom: 0;
    text-transform: uppercase;
}
.login_content{
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    overflow: hidden;
    padding: 15px;
    background-image: url(../images/login-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}
/* .login_box{
    background-color: #fff;
    max-width: 534px;
    height: 640px;
    position: relative;
    width: 500px;
} */
.login_box_inner {
    background-color: #fff;
    padding: 40px 30px 40px 30px;
    max-width: 530px;
    position: relative;
    width: 530px;
}
.login_logo{
    margin-bottom: 30px;
}
.welcome_text_login{
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    color: #0B1623;
    margin-bottom: 30px;
}
.welcome_text_login span{
    display: block;
}
.continue_with_google_btn{
    text-align: center;
    background-color: #0086FF;
    border-radius: 4px;
    font-size: 13px;
    line-height: 18px;
    color: #fff;
    border: 1px solid #0086ff;
    width: 100%;
    padding: 11px;
    margin-bottom: 30px;
}
.continue_with_google_btn img{
    margin-right: 8px;
}
.continue_with_google_btn:hover{
    background-color: #0086FF;
    color: #fff;
    border: 1px solid #0086ff;
    box-shadow: none;
    outline: none;
}
.or_with_text{
    font-size: 14px;
    line-height: 24px;
    color: #0B1623;
    margin-bottom: 10px;
}
.login_form_control{
    color: #0B1623;
    font-size: 14px;
    padding: 10px 15px;
    border-radius: 4px;
    background-color: #E3EDF8;
    border: 1px solid #E3EDF8;
    margin-bottom: 15px;
    position: relative;
}

.login_form_control:focus{
    background-color: #E3EDF8;
    border: 1px solid #E3EDF8;
    outline: none;
    box-shadow: none; 
}
.continue_login_btn{
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    padding: 10px;
    text-align: center;
    border-radius: 4px;
    background-color: #0086FF;
    border: 1px solid #0086FF;
    width: 100%;
    margin-bottom: 20px;
}
.continue_login_btn:hover,.continue_login_btn:focus{
    background-color: #0086FF;
    border: 1px solid #0086FF;
    color: #fff;
    box-shadow: none;
    outline: none;
}
.invitation_text_btn, .invitation_text_btn:hover {
    font-size: 14px;
    line-height: 24px;
    color: #0086FF;
    width: 100%;
    padding: 0;
    box-shadow: none;
    box-shadow: none;
}
.create_password_heading{
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    color: #0B1623;
    margin-bottom: 24px;
}
.login_password_label{
    font-size: 12px;
    line-height: 18px;
    color: #0B1623;
    margin-bottom: 5px;
}
.login_control{
    position: relative;
}
.password_eye_login{
    position: absolute;
    top: 35px;
    right: 15px;
    cursor: pointer;
    color: #9ba0b5;
    font-size: 18px;
    line-height: 18px;
}
.mb_24{
    margin-bottom: 24px;
}
.mb_75{
    margin-bottom: 75px;
}
.password_btn_group {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.pt_265{
    padding-top: 265px;
}
.password_cancel_btn{
    background-color: #E3EDF8;
    border: 1px solid #E3EDF8;
    border-radius: 4px;
    padding: 10px 30px;
    font-size: 14px;
    line-height: 24px;
    color: #0B1623;
}
.password_cancel_btn:hover{
    color: #0B1623;
    background-color: #E3EDF8;
    border: 1px solid #E3EDF8;
    box-shadow: none;
    outline: none;
}
.password_next_btn{
    background-color: #0086FF;
    border: 1px solid #0086FF;
    border-radius: 4px;
    padding: 10px 40px;
    font-size: 14px;
    line-height: 24px;
    margin-left: 15px;
    color: #fff;
}
.password_next_btn:hover{
    background-color: #0086FF;
    border: 1px solid #0086FF;
    color: #fff;
    box-shadow: none;
    outline: none;
}
.password_btn_group a+ a{
    margin-left: 15px;
}
.welcome_text_email{
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    color: #0B1623;
    margin-bottom: 12px;
}
.welcome_text_email span{
    display: block;
}
.were_text{
    font-size: 14px;
    line-height: 24px;
    color: #0B1623;
    margin-bottom: 0;
    max-width: 355px;
}
#logoutmodal .modal-dialog{
    max-width: 495px;
}
#logoutmodal .modal-content{
    border-radius: 8px;
    background-color: #fff;
    border: 0px solid #fff;
}
.logout_modal_body{
    position: relative;
    padding: 58px 58px 30px 58px;
}
.logout_cancel{
    position: absolute;
    cursor: pointer;
    top: 15px;
    right: 15px;
}
.logout_heading{
    font-size: 16px;
    line-height: 25px;
    font-weight: 600;
    color: #0B1623;
    margin-bottom: 15px;
    text-align: center;
}
.logout_sub_heading{
    font-size: 14px;
    line-height: 24px;
    color: #0B1623;
    margin-bottom: 0;
    text-align: center;
    max-width: 290px;
    margin: auto;
}
.logout_modal_cancel_btn{
    font-size: 14px;
    line-height: 24px;
    color: #0B1623;
    padding: 10px 30px;
    border-radius: 4px;
    background-color: #E3EDF8;
    border: 1px solid #E3EDF8;
}
.logout_modal_cancel_btn:hover{
    color: #0B1623;
    background-color: #fff;
    border: 1px solid #E3EDF8;
    box-shadow: none;
    outline: none;
}
.logout_modal_btn{
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    padding: 10px 43px;
    border-radius: 4px;
    background-color: #0086FF;
    border: 1px solid #0086FF;
}
.logout_modal_btn:hover{
    color: #0086FF;
    background-color: #fff;
    border: 1px solid #0086FF; 
    box-shadow: none;
    outline: none;
}
.logout_modal_footer {
    padding: 0 25px 25px 25px;
    border: 0;
    justify-content: center;
}
.logout_modal_footer > * {
    margin: 0;
}
.logout_modal_footer .btn+ .btn{
    margin-left: 15px;
}
.comming_soon_box {
    font-size: 12px;
    line-height: 18px;
    color: #0B1623;
    padding: 6px 8px;
    border-radius: 15px;
    background-color: #3FE1D1;
    /* width: 33%; */
    font-weight: 600;
    position: absolute;
    text-align: center;
    left: 33%;
    bottom: -13px;
}
.mb_16{
    margin-bottom: 16px;
}
.mb_8{
    margin-bottom: 8px;
}
.forget_password{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 25px;
}
.forgot_password_btn, .forgot_password_btn{
    font-size: 12px;
    line-height: 18px;
    color: #0086FF;
}
.forgot_password_btn{
    color: #0086FF;
    box-shadow: none;
    outline: none;
}
.have_account{
    font-size: 14px;
    line-height: 24px;
    color: #0B1623;
    margin-bottom: 0px;
    text-align: center;
}
.have_account_btn{
    color: #0086FF;
} 
.have_account_btn:hover{
    color: #0086FF;
    box-shadow: none;
    outline: none;
}
.details_form_inner{
    padding: 15px 15px 30px 15px;
}
.provide_heading{
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    color: #0B1623;
    margin-bottom: 4px;
}

.enter_heading{
    font-size: 13px;
    line-height: 23px;
    color: #ADADAD;
    margin-bottom: 15px;
}
.details_heading{
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    color: #0B1623;
    margin-bottom: 15px;
}
.optional_text{
    color: #ADADAD;
}
.image_input_group{
    margin-bottom: 0;
}
.login_details_check {
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.login_details_check .form-check-input {
	width: 24px;
    height: 24px;
    border: 1px solid #0086FF;
    background-color: #fff;
    border-radius: 3px;
    margin-right: 8px;
    margin-top: 0;
}

.login_details_check .form-check-input:checked {
	background-color: #0086ff;
	border-color: #0086ff;
    background-image: url(../images/radio_check.png);
}

.login_details_check .form-check-input:focus {
	box-shadow: none;
	outline: none;
}
.login_details_check .form-check-label{
    color: #0B1623;
    font-size: 13px;
    line-height: 23px;
    flex: 1;
}
.login_details_check{
    margin-bottom: 50px;
}
.details_btn_group{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.details_btn_group a+ a{
    margin-left: 15px;
}
.sorry_heading{
    font-size: 24px;
    line-height: 35px;
    color: #E84D4D;
    font-weight: 600;
    margin-bottom: 24px;
}
.sorry_box {
    padding-top: 25px;
}
.sorry_sub_heading{
    font-size: 14px;
    line-height: 23px;
    color: #0B1623;
    margin-bottom: 0;
}
.sorry_padding{
    padding-top: 370px;
}
.password_bottom_pading{
    padding-top: 265px;
}
.invitation_padding{
    padding-top: 354px;
}
.welcome_padding{
    padding-top: 353px;
}
.forgot_heading{
    font-size: 24px;
    line-height: 35px;
    font-weight: 600;
    color: #0B1623;
    margin-bottom: 24px;
}
.forgot_sub_heading{
    font-size: 14px;
    line-height: 23px;
    color: #0B1623;
    margin-bottom: 0;
}
.forgot_sub_heading span{
    font-weight: bold;
}
.term_main_box {
    background-color: #003462;
    color: #fff;
    text-align: center;
    padding: 60px 20px;
}
.term_box_heading{
    font-size: 36px;
    line-height: 46px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 0;
}
.term_main_box_body{
    padding-top: 100px;
    padding-bottom: 100px;
}
.term_heading{
    font-size: 21px;
    line-height: 35px;
    color: #0B1623;
    margin-bottom: 15px;
    font-weight: 600;
}
.term_subheading{
    color: #0B1623;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 30px;
}
.term_list{
    padding-left: 0;
    list-style: auto;
    margin-bottom: 30px;
    margin-left: 16px;
}
.term_list li{
    color: #0B1623;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 0px;
}
.term_list li+ li{
    margin-top: 20px;
}
.term_list > li::marker {
    font-weight: bold;
  }
  .term_list li a{
    color: #0086FF;
}
.term_list li a:hover{
    color: #0086FF;
    text-decoration: underline;
}
.coming_soon_q{
    font-size: 12px;
    line-height: 18px;
    color: #0B1623;
    padding: 6px 8px;
    border-radius: 15px;
    background-color: #3FE1D1;
    margin-left: 8px;
}
.blog_card_section {
    padding-bottom: 110px;
    padding-top: 110px;
}
.card_blog{
    background-color: #FFFFFF;
    box-shadow: 0px 0px 6px rgba(67, 82, 135, 0.14);
    border-radius: 6px;
    margin-bottom: 24px;
}
.blog_card_body{
    padding: 20px;
}
.blog_img{
    width: 100%;
    height: 185px;
    background-color: transparent;
    border-radius: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.blog_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.date_techNo{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.date_text{
    color: rgba(12, 27, 57, 0.45);
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.tech_tag, .tech_tag:hover {
    background: #3FE1D1;
    border-radius: 15px;
    color: #0B1623;
    font-size: 12px;
    line-height: 15px;
    padding: 6px 12px;
    font-weight: 600;
    pointer-events: none;
}
.blog_con{
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.5px;
    color: #0B1623;
    margin-bottom: 10px;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-transform: capitalize;
}
.blog_heading{
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #0B1623;
    margin-bottom: 10px;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.learn_btn_two {
    color: #0086FF;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    position: relative;
    transition: color .2s ease;
    cursor: pointer;
}
.learn_btn_two:hover{
    color: #005CAF;
}
.pagination_nav {
    padding-top: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
}
.pagination_nav .page-item .page-link{
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #0B1623;
    width: 45px;
    height: 45px;
    border-radius: 6px;
    transition: all .6s ease-in-out;
    border: 1px solid #0086FF;
    background-color: #fff;
    box-shadow: none;
    outline: none;
    cursor: pointer;
}
.pagination_nav .page-item .page-link:hover{
    color: #005CAF;
    border: 1px solid #005CAF;
    box-shadow: none;
    outline: none;
    background-color: #fff;
}
.pagination_nav .page-item .active-item{
    border: 1px solid #005CAF;

}
.pagination_nav .page-item+ .page-item{
    margin-left: 11px;
}
.pagination_nav .page-item:first-child .page-link, .pagination_nav .page-item:last-child .page-link {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border: 2px solid #0277F3;
    background-color: #0072F9;
}
.blog_details_right_card{
    padding: 30px 20px;
    background-color: #fff;
    box-shadow: 0px 0px 6px rgba(67, 82, 135, 0.14);
    border-radius: 15px;
}
.recent_text{
    font-weight: 700;
    font-size: 18px;
    line-height: 160%;
    letter-spacing: -0.02em;
    text-transform: capitalize;
    color: #0C1B39;
    margin-bottom: 15px;
}
.recent_date{
    text-align: left;
    margin-bottom: 0;
    color: rgba(12, 27, 57, 0.45);
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.recent_cont{
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    text-align: left;
    letter-spacing: 0.5px;
    color: #0B1623;
    margin-bottom: 0;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.recent_media{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;    
    padding-bottom: 15px;
    cursor: pointer;
}
.recent_media+ .recent_media{
    padding-top: 15px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.recent_media:last-child{
    padding-bottom: 0px;
}
.recent_media_body{
    -ms-flex: 1;
    flex: 1;
}
.recent_img {
    width: 64px;
    height: 64px;
    background-color: transparent;
    border-radius: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    margin-right: 11px;
}
.recent_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.blog_details_section{
    padding-top: 110px;
    padding-bottom: 110px;
}
.blog_details_card {
    padding-right: 60px;
}
.blog_details_date_techNo{
    margin-bottom: 15px;
}
.blog_details_date_techNo span{
    margin-left: 10px;
}
.blog_details_heading {
    font-weight: 600;
    font-size: 25px;
    line-height: 35px;
    letter-spacing: 0.5px;
    color: #0B1623;
    margin-bottom: 20px;
}
.blog_details_card p{
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.5px;
    color: #0B1623;
    margin-bottom: 30px;
}
.table-responsive {
    overflow-x: visible;
}
.backBucket{
cursor: pointer;
 margin-left: 10px;
 margin-right: 5px;
}
.payment_checkbox {
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.payment_from_check .form-check-label{
	font-size: 15px;
	line-height: 19px;
	letter-spacing: 0.3px;
	color: #444E61;
	padding-top: 6px;
}
.payment_from_check .form-check-input{
	width: 23px;
	height: 23px;
	border: 1px solid #0086FF;
	border-radius: 5px;
	outline: none;
	box-shadow: none;
	margin-right: 12px;
}
.payment_from_check .form-check-input:checked {
	background-color: #0086FF;
	border-color: #0086FF;
}

.payment_from_check .form-check-input:focus {
	box-shadow: none;
	outline: none;
}
.title_notes_btn {
	width: 38px;
	height: 38px;
	border-radius: 2px;
	background-color: #E3EDF8;
	border: 0px;
	color: #adadad;
	display: flex;
	align-items: center;
	justify-content: center;
    margin: auto;
}

.title_notes_btn svg {
	width: 13px;
	height: 15px;
}

.title_notes_btn:hover {
	color: #E84D4D !important;
	background-color: #E3EDF8;
	border: 0px;
	box-shadow: none;
	outline: none;
}

.title_notes_btn:hover svg {
	color: #E84D4D;
}

.manage_title_main_table{
    margin-bottom: 0px;
}
.manage_title_main_table>thead>tr>th {
    font-size: 12px;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 0.24px;
    text-transform: uppercase;
    color: #fff;
    padding: 10px 24px;
    background-color: #0086FF;
    border-bottom: 1px solid #0086FF;
    border-top: 1px solid transparent;
    white-space: nowrap;
    border-radius: 0px 0px 0px 0px;
  }
  .manage_title_main_table>thead>tr th:first-child{
    border-top-left-radius: 8px;
  }
.manage_title_main_table>thead>tr th:last-child{
    border-top-right-radius: 8px;
  }
  .manage_title_main_table>tbody>tr td:last-child{
    text-align: center;
  }
  .manage_title_main_table>thead>tr th:last-child{
    text-align: center;
  }
  .manage_title_main_table>tbody>tr>td {
    font-size: 14px;
    line-height: 35px;
    color: #0B1623;
    padding: 15px 24px;
    background-color: #fff;
    border-bottom: 1px solid #DCE0E4;
    vertical-align: middle;
    white-space: nowrap;
  }
  .manage_title_main_table tbody tr td:first-child{
    font-weight: 500;
  }
  .flexibleBox{
    height: 300px !important;
    overflow: auto;
  }
  
.video_body{
    position: relative;
    background-color: #F9FAFC;
}
.video_body_box{
    padding: 16px;
    max-width: 100%;
    margin: auto;
}
.video_list{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}
.video_list .video_list_inner{
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 0px;
}
.video_card{
    flex: 1 1 0%; 
    border-radius: 0.5rem; 
    border-top-width: 1px solid #E5E7EB;
    background-color: #ffffff; 
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); 
}
.video_card+ .video_card{
    margin-top: 10px;
}
.p_16{
    padding: 16px;
}
.video_card_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ai_text{
    font-size: .875rem;
    line-height: 1.25rem;
    color: #000;
}
.ai_text img{
    width: 16px;
    height: 16px;
}
.text-main-link{
    font-size: .75rem;
    line-height: 1rem;
    display: flex;
    align-items: center;
    color: rgb(74 75 76);
}
.text-main-link:hover{
    text-decoration: underline;
}
.text-main-link span svg{
    width: 12px;
    height: 12px;
}
.vidoe_btn_group{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 16px;
}
.vidoe_btn_group a{
    color: rgb(74 75 76);
    font-size: 13px;
    padding-left: .75rem;
    padding-right: .75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgb(226 226 226);
    margin-bottom: 8px;
    border-radius: 9999px;
    transition: .5s ease-in-out;
}
.vidoe_btn_group a:hover, .vidoe_btn_group a.active{
    color: rgb(105 95 238);
    border: 1px solid rgb(105 95 238);
}
.vidoe_btn_group a+ a{
    margin-left: 8px;
}
.tab_box{
    position: relative;
    padding: 40px 16px;
    background-color: #F7F9FE;
    border-radius: 10px;
    height: 100%;
    overflow-y: auto;
    text-align: center;
}
.create_link{
    color: #fff;
    background-color: rgb(105 95 238);
    border: 1px solid rgb(105 95 238);
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    border-radius: 9999px;
    padding: 10px 31px;
    position: relative;
    transition: .5s ease-in-out;
}
.create_link:hover{
    background-color: #fff;
    border: 1px solid rgb(105 95 238);
    color: rgb(105 95 238);
}
.tab_box p{
    text-align: center;
    font-size: .875rem;
    line-height: 1.25rem;
    margin-bottom: 10px;
    color: rgb(142 142 161);
}
.video_card_d{
    border-radius: 0.5rem; 
    border-top: 1px solid #E5E7EB;
    background-color: #ffffff; 
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); 
    padding: 16px 20px;
    border-radius: 0.5rem;
    border-top: 1px solid #E5E7EB;
    background-color: #ffffff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    padding: 16px 20px;
    position: relative;
    height: 100%;
}
.time_media{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}
.time_media_left{
    background-color: rgb(247 249 254);
    width: 190px;
    border-radius: 10px;
    white-space: nowrap;
    padding: 10px;
    font-size: 13px;
    line-height: 13px;
    color: rgb(79 79 79);
    margin-right: 10px;
}
.time_media_left span+ span{
    padding-left: 2px;
}
.time_media_body {
    -ms-flex: 1;
    flex: 1;
}
.video_text_control{
    font-size: .875rem;
    line-height: 1.25rem;
    color: rgb(33 41 60);
    margin-bottom: 0;
    padding: 10px 60px 10px 10px;
    background-color: rgb(247 249 254);
    border: 1px solid rgb(247 249 254);
    position: relative;
    resize: none;
}
.hover_link {
    display: none;
    position: absolute;
    top: 50%;
    left: 94%;
    transform: translate(-50%, -50%);
  }
  .hover_link_group{
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .time_media_body_inner:hover .hover_link {
    display: block;
  }
  .hover_btn_link img{
    width: 16px;
    height: 16px;
  }
  .hover_btn_link+ .hover_btn_link{
    margin-left: 5px;
  }
.time_media_body_inner{
    padding: 0px;
    min-height: 40px;
    border-radius: 10px;
    background-color: rgb(247 249 254);
    position: relative;
    position: relative;
}
.time_media+ .time_media{
    margin-top: 10px;
}
.video_card_d_header{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header_nav .nav-item .nav-link{
    color: rgb(55, 65, 81);
    font-size: 12px;
    line-height: 18px;
    padding: 6px 10px;
    border: 1px solid rgb(226 226 226);
    background-color: rgb(243 244 246);
    border-radius: 10px;
    transition: .5s ease-in-out;
    font-weight: 400;
    display: flex;
    align-items: center;
}
.speaker_heading{
    color: #000;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 4px;
}
.speaker_sub_heading{
    color: rgb(55, 65, 81);
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 8px;
}
.header_nav .nav-item .nav-link:hover{
    border: 1px solid rgb(243 244 246);
    background-color: rgb(243 244 246);
    color: rgb(74 75 76);
}
.header_nav .nav-item .nav-link img, .header_nav .nav-item .nav-link svg{
    width: 16px;
    height: 16px;
    margin-right: 4px;
}
.header_nav .nav-item+ .nav-item{
    margin-left: 4px;
}
.video_card_d_body {
    position: absolute;
    top: 8px;
    right: 0;
    left: 0;
    overflow-y: auto;
    bottom: 0;
    padding: 16px;
}
.video_card_d_body::-webkit-scrollbar {
    width: 3px;
}
.video_card_d_body::-webkit-scrollbar-track {
    background-color: transparent;
}
.video_card_d_body::-webkit-scrollbar-thumb{
    background: #97a3b9;
}
.keyboard_menu {
    background-color: #fff;
    border: 1px solid #F3F3F3;
    border-radius: 0px;
    box-shadow: 0px 5px 10px #00000029;
    width: 206px;
    padding: 4px;
    z-index: 1080;
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 15px!important;
    z-index: 10;
}
.speaker_menu{
    width: 340px;
    padding: 12px;
}
.keyboard_menu li .dropdown-item{
    color: rgb(55, 65, 81);
    font-size: .875rem;
    line-height: 1.25rem;
    padding: 4px 8px;
    border: 1px solid #fff;
    background-color: #fff;
    transition: .5s ease-in-out;
    font-weight: 400;
    display: flex;
    align-items: center;
}
.keyboard_menu li .dropdown-item img{
    width: 12px;
    height: 12px;
    margin-right: 8px;
}
.reflo_box{
    background-color: rgb(247 249 254);
    padding: 12px;
}
.max_text{
    font-size: 13px;
    line-height: 18px;
    color: rgb(33 41 60);
    margin-bottom: 8px;
}
.max_text span{
    color: rgb(105 95 238);
}
.max_slider{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.max_slider span{
    font-size: 13px;
    line-height: 18px;
    color: rgb(33 41 60);
}
.max_text_box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}
.max_text_box span{
    font-size: 13px;
    line-height: 18px;
    color: rgb(33 41 60);
}
.ai_check .form-check-input {
	width: 21px;
	height: 21px;
	border: 1px solid #000000;
	margin-right: 8px;
	border-radius: 4px;
}

.ai_check .form-check-label {
	font-size: 12px;
    line-height: 22px;
    color: #000000;
    font-weight: 500;
}

.ai_check .form-check-label span {
    font-size: 10px;
    line-height: 16px;
    background-color: rgb(73 205 38);
    border-radius: 4px;
    padding: 4px;
	font-weight: 500;
	color: #fff;
}

.ai_check .form-check-input:checked {
	background-color: #000000;
	border: 1px solid #000000;
}

.ai_check .form-check-input:focus {
	box-shadow: none;
	outline: none;
}
.auto_box{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.find_modal_header{
    padding: 25px 25px 2px 25px;
    justify-content: flex-end;
    border: 0px;
}
.find_modal_header img{
    cursor: pointer;
}
.find_modal_content{
    border-radius: 0px;
}
.find_modal_diologe{
    max-width: 800px;
    box-shadow: 0 0 0px rgba(0, 0, 0, 0.1);
}
.find_modal_body{
    padding: 0px 25px 25px 25px;
}
.find_from_box{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.find_from_box div+ div{
    margin-left: 1%;
}
.find_from_left{
    width: 70%;
}
.find_from_right{
    width: 29%;
}
.find_modal_check{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.find_modal_check div+ div{
    margin-left: 20px;
}
.text_main_box{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.text_main_box div+ div{
    margin-left: 80px;
}
.text_main_left{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.text_main_left p .text_main_right p{
    color: #000;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0px;
}
.text_main_left p span{
    opacity: 0.5;
}
.text_main_left p+ p{
    margin-left: 30px;
}
.no_result{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 280px;
    background-color: rgb(247 249 254);
    border: 1px solid #E5E7EB;
}
.find_modal_footer{
    justify-content: space-between;
    padding: 0 25px 25px 25px;
    border: 0px;
}
.find_modal_footer p{
    font-size: .875rem;
    line-height: 1.25rem;
    margin-bottom: 0px;
    color: rgb(142 142 161);
}
.translate_menu{
    width: 440px;
    padding: 16px;
}
.quality_box{
    padding: 16px;
    background-color: rgb(247 249 254);
    border: 1px solid #E5E7EB;
}
.microsoft_text{
    color: #000;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 4px;
}
.microsoft_text img{
    width: 16px;
    height: 16px;
    margin-right: 8px;
}
.good_text{
    font-size: .875rem;
    line-height: 1.25rem;
    margin-bottom: 0px;
    color: rgb(142 142 161);
    margin-bottom: 0;
}
.good_text span{
    padding: 2px 8px;
    border-radius: 4px;
    background-color: rgb(73 205 38);
    color: #fff;
}
.quality_box+ .quality_box{
    margin-top: 15px;
}
.translate_box {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 0px;
}
.translate_left{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.translate_box_bottom{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.translate_box_right{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.translate_list{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
    list-style: none;
    padding: 0;
    margin-bottom: 30px;
    height: 124px;
    overflow-y: auto;
}
.translate_list li{
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 0px;
}
.translate_link{
    color: rgb(74 75 76);
    font-size: 13px;
    padding-left: .75rem;
    padding-right: .75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgb(226 226 226);
    margin-bottom: 8px;
    border-radius: 9999px;
    transition: .5s ease-in-out;
}
.translate_link:hover, .translate_link.active{
    color: rgb(105 95 238);
    border: 1px solid rgb(105 95 238);
}

.speaker_control {
    padding: 2px 8px;
    font-size: 12px;
    color: #000;
    margin-top: 5px;
}
.me_4{
    margin-right: 12px;
}
.activate_header{
    border: 0px;
    padding: 20px;
}
.activate_heading{
    color: #000;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0px;
}
.activate_header img{
    cursor: pointer;
}
#activatemodal .modal-content{
    border-radius: 0px;
}
#activatemodal .modal-dialog{
    max-width: 320px;
}
#activatemodal .modal-body{
    padding: 0px 20px 20px 20px;
}
.upgrade_text{
    font-size: .875rem;
    line-height: 1.25rem;
    color: rgb(33 41 60);
    margin-bottom: 30px;
}
.upgrade_text img {
    width: 60px;
    height: 26px;
}