/* @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'); */
/* Regular  */
@font-face {
    font-family: 'Gellix';
    src: url('../fonts/gellix/Gellix-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Medium  */
@font-face {
    font-family: 'Gellix';
    src: url('../fonts/gellix/Gellix-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

/* SemiBold  */
@font-face {
    font-family: 'Gellix';
    src: url('../fonts/gellix/Gellix-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

/* Bold  */
@font-face {
    font-family: 'Gellix';
    src: url('../fonts/gellix/Gellix-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

*,
*::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 'Gellix', sans-serif;
    letter-spacing: 0px;
    color: #0b1623;
    padding: 0px;
    overflow-x: hidden;
    z-index: 0;
}

body.mat-typography {
    font-family: 'Gellix', 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;
    background-color: #111613;
    padding-top: 4px;
    padding-left: 4px;
}

.aside-inner {
    height: 100%;
    border: 1px solid #8c99a54d;
    overflow: hidden;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.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: #eeeeee;
}

.aside-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 59px;
    padding: 0 18px;
    /* updated background color here */
    background-color: #111613;
}

.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: 50%;
    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; */
    /* updated background color here */
    background-color: #111613;
    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;
}

.menu_aside {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 85vh;
    width: 100%;
}

.nav-aside {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    line-height: 1.6;
    font-size: 13px;
    padding-right: 10px;
}

.nav-aside .nav-label {
    font-size: 15px;
    line-height: 35px;
    /* updated color here */
    color: #94979c;
    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: 0px;
    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-aside.active .nav-item.active img {
    margin-right: 12px;
}

.nav-aside .nav-item_title img {
    margin-right: 10px;
}

.nav_asside_dropdown .nav-item .nav-link img {
    margin-right: 0px;
    visibility: hidden;
}

.nav-aside .nav-item.active svg {
    /* updated color here */
    color: #94979c;
}

.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,
.nav-aside .nav-item.active .nav-link:focus img {
    /* updated color here */
    color: #eeeeee;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
}

.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 {
    /* updated color here */
    color: #94979c;
}

.nav-aside .with-sub .nav-link::after {
    content: '\f3d1';
    font-family: 'Ionicons';
    font-size: 12px;
    display: inline-block;
    position: relative;
    margin-left: auto;
    opacity: 0.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;
    /* updated color here */
    color: #94979c;
    padding: 0;
    /* transition: all .6s ease-in-out; */
    position: relative;
    display: flex;
    flex-direction: row;
    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;
    font-weight: 600;
}

.nav-aside .nav-link-dropdown {
    font-size: 15px;
    line-height: 35px;
    text-align: left;
    /* updated color here */
    color: #94979c;
    padding: 0;
    /* transition: all .6s ease-in-out; */
    position: relative;
    display: flex;
    flex-direction: row;
    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;
    font-weight: 600;
}
.nav-aside .nav-item.active .nav-link:hover,
.nav-aside .nav-item.active .nav-link {
    /* updated color here */
    color: #eeeeee;
    border: 1px #2a3238 solid;
    background-color: #2a3238;
    border-radius: 6px;
    padding: 2px;
}

.nav-aside .nav-item.active .nav-link:hover,
.nav-aside .nav-item.active .nav-link-dropdown {
    color: #eeeeee;
    /* border: 1px #2a3238 solid; */
    /* background-color: #2a3238; */
    border-radius: 6px;
    padding: 2px;
}
.content-header {
    /* updated background color here */
    background-color: #111613;
    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;
    }
}

.icon {
    position: relative;

    transition: opacity 0.3s ease;
}

.color-icon {
    opacity: 0;
    position: absolute;
}

.nav-link:hover .color-icon,
.active .color-icon {
    opacity: 1;
}

.nav-link:hover .dark-icon,
.active .dark-icon {
    opacity: 0;
}

.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 {
    display: flex;
    flex-direction: row;
    gap: 5px;
    align-items: center;
}
.breadcrumb-item {
    display: flex;
    align-items: center;
}
.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 0.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 0.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;
}
.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 0.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 0.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 0.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 0.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;
}

.account_wrapper {
    display: flex;
    flex-direction: row;
    gap: 20px;
    width: 100%;
}

.account_wrapper_fields {
    width: 100%;
}

.account_wrapper_fields_inner {
    width: 30%;
}

.account_wrapper_fields_inner_two {
    width: 70%;
}

.field-star {
    color: #d2ff04;
    font-weight: 600;
}
.payment_form_control {
    border-radius: 8px;
    background-color: #111613;
    border: 1px solid #1d2226;
    padding: 10px 14px;
    letter-spacing: 0.36px;
    color: #94979c;
    font-size: 16px;
    line-height: 26px;
    position: relative;
    width: auto;
    font-family: 'Gellix' !important;
    margin-bottom: 3;
}

.payment_form_control:focus {
    border-radius: 8px;
    background-color: #111613;
    border: 1px solid #1d2226;
    padding: 10px 14px;
    letter-spacing: 0.36px;
    color: #94979c;
    font-size: 16px;
    line-height: 26px;
    position: relative;
    width: auto;
    font-family: 'Gellix' !important;
    margin-bottom: 3;
}

.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: 0.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: 0.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: #eee;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
}

#createadminmodal .modal-header .modal-subtitle {
    color: #eee;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
}

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

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

.top_riight_navbar {
    margin-bottom: 0;
    background: #eeeeee;
    width: fit-content;
    padding: 4px;
    border-radius: 8px;
}

.top_riight_navbar .nav-item .nav-link {
    padding: 12px;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    color: #5c5c5c;

    background-color: transparent;
    border: 0px;
    transition: all 0.6s ease-in-out;
    position: relative;
}

.top_riight_navbar .nav-item .nav-link.active,
.top_riight_navbar .nav-item .nav-link:hover {
    color: #2a3238;
    font-weight: 600;
    border-radius: 6px;
    border: 1px solid #dfdfdf;
    background: #ffffff;
    padding: 12px;
}

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

.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 0.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 0.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, 0.5);
    text-indent: initial;
    font-size: 11px;
}

.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: 0.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 0.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 0.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 0.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 0.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;
    /* updated color here */
    color: #eeeeee;
    transition: all 0.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: 0px;
}

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

.title_text {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: #2a3238;
    margin-bottom: 1px;
    margin-right: 1px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    padding: 8px 16px;
    background-color: #d2ff04;
    box-shadow: 0 0 0 1px rgba(10, 13, 18, 0.18) inset,
        0 -2px 0 0 rgba(10, 13, 18, 0.05) inset,
        0 1px 2px 0 rgba(10, 13, 18, 0.05);

    border-radius: 8px;
    width: 100%;
    cursor: pointer;
}

.header_right_right {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #1d2226;
    border-radius: 12px;
    margin-bottom: 12px;
    padding: 12px;
}

.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;
    justify-content: space-between;

    width: 100%;
}
.mvp_account_body {
    display: flex;
    flex-direction: row;
    justify-content: start;
    margin-left: 10px;
}

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

.mvp_account_body p span {
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    color: #eeeeee;
    margin-bottom: 4px;
    text-transform: capitalize;
}

.mvp_account_icon {
    position: relative;
    width: 40px;
    height: 40px;
    color: #2a3238;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d2ff04;
    border-radius: 100%;
    font-size: 16px;
    line-height: 50px;
    font-weight: 600;
    font-family: 'Raleway', sans-serif;
    /* margin-left: 15px; */
    overflow: visible;
    font-family: 'Gellix';
}
.mvp_account_header_inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.online-indicator {
    position: absolute;
    bottom: -2px;
    right: -2px;
}

.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;
    color: #eeeeee;
    font-weight: 600;
}

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

.login_button,
.login_button:disabled {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #2a3238;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    padding: 8px 16px;
    background-color: #d2ff04;
    border: 1px solid #d2ff04;
    border-radius: 8px;
    box-shadow: 0 0 0 1px rgba(10, 13, 18, 0.18) inset,
        0 -2px 0 0 rgba(10, 13, 18, 0.05) inset,
        0 1px 2px 0 rgba(10, 13, 18, 0.05);
    width: 100%;
}

.apply-reset-reset:hover {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #2a3238;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    padding: 8px 16px;
    background-color: #d2ff04;
    border: 1px solid #d2ff04;
    border-radius: 8px;
    width: auto;
    margin-right: 5px;
    box-shadow: 0 0 0 1px rgba(10, 13, 18, 0.18) inset,
        0 -2px 0 0 rgba(10, 13, 18, 0.05) inset,
        0 1px 2px 0 rgba(10, 13, 18, 0.05);
}

.apply-reset-reset:disabled {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #2a3238;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    padding: 8px 16px;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 8px;
    width: auto;
    margin-right: 5px;
    box-shadow: 0 0 0 1px rgba(10, 13, 18, 0.18) inset,
        0 -2px 0 0 rgba(10, 13, 18, 0.05) inset,
        0 1px 2px 0 rgba(10, 13, 18, 0.05);
}
.upload-plus-sign,
.upload-plus-sign:hover {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 35px;
    background-color: #d2ff04;
    border: 1px solid #d2ff04;
    border-radius: 8px;
    padding: 8px;
    box-shadow: 0 0 0 1px rgba(10, 13, 18, 0.18) inset,
        0 -2px 0 0 rgba(10, 13, 18, 0.05) inset,
        0 1px 2px 0 rgba(10, 13, 18, 0.05);
}

.upload-plus-sign:disabled {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 35px;
    background-color: #eeeeee;
    border: 1px solid #eeeeee;
    border-radius: 8px;
    padding: 8px;
    box-shadow: 0 0 0 1px rgba(10, 13, 18, 0.18) inset,
        0 -2px 0 0 rgba(10, 13, 18, 0.05) inset,
        0 1px 2px 0 rgba(10, 13, 18, 0.05);
}

.apply-reset-reset {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #414651;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    padding: 8px 16px;
    background-color: #ffffff;
    border: 1px solid #d5d7da;
    border-radius: 8px;
    width: auto;
}
.login_button:hover {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #2a3238;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    padding: 8px 16px;
    background-color: #d2ff04;
    border: 1px solid #d2ff04;
    border-radius: 8px;
    width: 100%;
}

.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: 18px;
}

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

.category_media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    -ms-flex-direction: column;
    flex-direction: column;
    align-items: start;
    background-color: #fff;
    padding: 20px;
    margin-bottom: 15px;
    border-radius: 12px;
    border: 1px solid #dfdfdf;
    height: 100%;
}
.category_media_title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -ms-flex-direction: column;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #d2ff04;
    padding: 10px 14px;
    border-radius: 8px;
    border: 1px solid #dfdfdf;
    height: 100%;
    cursor: pointer;
}

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

.category_media_title_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.category_media_title_image {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #2a3238;
    border: 4px solid #111613;
    border-radius: 8px;
    width: 40px;
    height: 40px;
}
.category_media_icon {
    width: 85px;
    height: 85px;
    align-items: center;
    justify-content: center;
    display: flex;
    margin-right: 20px;
    background-color: #0074ef;
    border-radius: 8px;
    margin-bottom: 20px;
}

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

.category_number_text {
    font-size: 60px;
    line-height: 34px;
    color: #2a3238;
    font-weight: 600;
    margin-bottom: 6px;
}

.category_text {
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 600;
    line-height: 24px;
    color: #2a3238;
    margin-bottom: 20px;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.recent_heading {
    font-size: 24px;
    line-height: 28px;
    color: #2a3238;
    margin-bottom: 0px;
    font-weight: 600;
}
.recent_box_body {
    max-height: 400px;
    overflow: auto;
}
.recent_table_list {
    margin-bottom: 10px;
    margin-top: 10px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.tab_container {
    padding: 10px 15px;
    background-color: #fff;
    border: 1px solid #dfdfdf;
    border-top: 1px solid #dfdfdf;
    border-radius: 8px;
}

.tab_inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.recent_table_list > thead > tr > th {
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.2px;
    text-transform: capitalize;
    color: #5c5c5c;
    border-bottom: 1px solid #eee;
    white-space: nowrap;
}

.recent_table_list > tbody > tr > td {
    font-size: 14px;
    line-height: 24px;
    color: #2a3238;
    padding: 15px;
    border-top: 1px solid #eee;
    vertical-align: middle;
    font-weight: 500;
    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 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border: 1px solid #eee;
    gap: 4px;
    padding: 2px 6px;
    font-size: 12px;
    color: #5c5c5c;
    border-radius: 6px;
    background-color: #fff;
    font-weight: 500;
}
.processing_btn:hover {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border: 1px solid #eee;
    gap: 4px;
    padding: 2px 6px;
    font-size: 12px;
    color: #5c5c5c;
    border-radius: 6px;
    background-color: #fff;
    font-weight: 500;
}
.faild_btn {
    padding: 4px 10px;
    font-size: 12px;
    line-height: 24px;
    /* color: #E84D4D; */
    border-radius: 13px;
    /* background-color: #E84D4D33; */
}
.faild_btn:hover {
    /* background-color: #E84D4D33 ; */
    /* color: #E84D4D; */
    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: #5c5c5c;
    font-weight: 500;
    position: relative;
}

.update_date_lists {
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    color: #5c5c5c;
    font-weight: 500;
    position: relative;
    text-transform: capitalize;
}

.file-convert-type {
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    color: #5c5c5c;
    font-weight: 500;
    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 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border: 1px solid #eee;
    gap: 4px;
    padding: 2px 6px;
    font-size: 12px;
    color: #5c5c5c;
    border-radius: 6px;
    background-color: #fff;
    font-weight: 500;
    width: 60%;
    cursor: pointer;
}
.action_link_download:hover {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border: 1px solid #eee;
    gap: 4px;
    padding: 2px 6px;
    font-size: 12px;
    color: #5c5c5c;
    border-radius: 6px;
    background-color: #fff;
    font-weight: 500;
    width: 60%;
    cursor: pointer;
}
.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: #5c5c5c;
    margin-bottom: 0;
}
.title_box span {
    display: block;
    font-size: 14px;
    line-height: 24px;
    color: #5c5c5c;
    margin-bottom: 1px;
}
.member_table_list {
    margin-bottom: 10px;
}
.member_table_list > thead > tr > th {
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.2px;
    text-transform: capitalize;
    color: #5c5c5c;
    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;
    font-weight: 600;
}

.member_table_list > tbody > tr > td {
    font-size: 12px;
    line-height: 24px;
    color: #5c5c5c;
    padding: 18px 15px;
    background-color: #fff;
    border-bottom: 1px solid #dce0e4;
    vertical-align: middle;
    white-space: nowrap;
    font-weight: 500;
}
.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;
    padding-bottom: 10px;
}

.cursor_meta {
    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;
}

.btn-generate-srt,
.btn-generate-srt:hover {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #2a3238;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    padding: 8px 16px;
    background-color: #d2ff04;
    border: 1px solid #d2ff04;
    border-radius: 8px;
    box-shadow: 0 0 0 1px rgba(10, 13, 18, 0.18) inset,
        0 -2px 0 0 rgba(10, 13, 18, 0.05) inset,
        0 1px 2px 0 rgba(10, 13, 18, 0.05);
}
.upload_new_vidoe_btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    color: #2a3238;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    padding: 8px 16px;
    background-color: #d2ff04;
    box-shadow: 0 0 0 1px rgba(10, 13, 18, 0.18) inset,
        0 -2px 0 0 rgba(10, 13, 18, 0.05) inset,
        0 1px 2px 0 rgba(10, 13, 18, 0.05);
    border-radius: 8px;
}
.upload_new_vidoe_btn:hover {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    color: #2a3238;
    box-shadow: none;
    outline: none;
    background-color: #d2ff04;
    box-shadow: 0 0 0 1px rgba(10, 13, 18, 0.18) inset,
        0 -2px 0 0 rgba(10, 13, 18, 0.05) inset,
        0 1px 2px 0 rgba(10, 13, 18, 0.05);
}
.studio_heading {
    color: #181d27;
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 5px;
}

.studio_sub_heading {
    color: #535862;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 0px;
    font-weight: 500;
}
.card_master_btn_group .btn + .btn {
    margin-left: 0px;
    margin-top: 10px;
}
.top_head_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}
.group_search {
    position: relative;
}
.type_form_control {
    color: #5c5c5c;
    font-size: 14px;
    line-height: 18px;
    padding: 12px 15px;
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #dfdfdf;
    position: relative;
    /* margin-top: 15px; */
    /* margin-bottom: 40px; */
    font-family: 'Gellix';
    font-weight: 600;
    box-shadow: 0 1px 3px 0 rgba(10, 13, 18, 0.1),
        0 1px 2px -1px rgba(10, 13, 18, 0.1);
}
.search_box_btn {
    position: absolute;
    right: 20px;
    top: 5px;
}
.table_first_heading span {
    color: #2a3238;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
    font-weight: 500;
    cursor: pointer;
}
.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;
    border-top: 1px solid #eee;
    border-collapse: separate;
}

.update_date_list {
    text-transform: none;
    font-weight: 500;
    font-size: 14px;
    color: #2a3238;
}
.workspace_table_list > thead > tr > th {
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0.2px;
    text-transform: capitalize;
    color: #5c5c5c;

    padding: 10px 15px;
    border-bottom: 1px solid #eee;
    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: #5c5c5c;
    font-weight: 500;
    padding: 15px;
    background-color: #fff;
    vertical-align: middle;
    white-space: nowrap;
    text-transform: capitalize;
}
.workspace_table_list tbody tr td:first-child {
    font-weight: 600;
}
.box_search_table {
    border-radius: 8px;
    background-color: #fff;
    padding-inline: 10px;
    padding-top: 20px;
    border: 1px solid #dfdfdf;
    box-shadow: '0 1px 2px 0 rgba(10, 13, 18, 0.05))';
}
.table_show_box {
    padding: 20px 25px;
}
.show_form_control {
    color: #5c5c5c;
    font-weight: 500;
    font-size: 14px;
    padding: 10px 16px;
    border-radius: 6px;
    border: 1px solid #eee;
    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 #eee;
    color: #2a3238;
}
.workspace_pagination .page-item .page-link {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid #eee;
    background-color: #eee;
    color: #2a3238;
    transition: all 0.6s ease-in-out;
    background: #fff;
}
.workspace_pagination .page-item .page-link:hover,
.workspace_pagination .page-item .page-link:focus,
.workspace_pagination .page-item .page-link.active {
    background-color: #eee;
    border-color: #eee;
    color: #2a3238;
}
.workspace_pagination .page-item:first-child .page-link {
    border-radius: 0px;
}
.workspace_pagination .page-item:last-child .page-link {
    border-radius: 0px;
}
.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: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 100%;
    margin-right: 8px;
}
.media_icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.member_body {
    -ms-flex: 1;
    flex: 1;
}

.metadata-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
}
.member_body_heading {
    font-size: 14px;
    line-height: 24px;
    color: #5c5c5c;
    font-weight: 500;
    margin-bottom: 0;
    text-transform: capitalize;
}
.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 {
    border-bottom: 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.studeio_modal_image {
    display: flex;
    flex-direction: row;
    align-items: center;
    border: 1px solid #2a3238;
    border-radius: 10px;
    padding: 12px;
}

.studeio_modal_inner_header {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

#addnewstudiomodal .modal-dialog {
    max-width: 658px;
}
.cursor_pointer {
    cursor: pointer;
}
.studeio_modal_header .modal-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
    color: #eee;
}

.studeio_modal_header .modal-subtitle {
    font-size: 14px;

    font-weight: 500;
    margin-bottom: 0;
    color: #94979c;
}
#addnewstudiomodal .modal-content {
    border-radius: 16px;
    border: 1px solid #151915;
    background-color: #151915;
}
.studio_modal_body {
    padding: 9px 15px 24px 15px;
}
.initiate_content {
    font-size: 14px;
    line-height: 23px;
    color: #94979c;
    margin-bottom: 0;
    max-width: 471px;
    font-weight: 500;
    margin-bottom: 10px;
}
.pop_label {
    font-size: 14px;
    line-height: 23px;
    color: #eee;
    margin-bottom: 8px;
    font-weight: 500;
}
.pop_studio_control {
    font-size: 16px;
    color: #94979c;
    padding: 10px 16px;
    background-color: #eee;
    border: 1px solid #dfdfdf;
    border-radius: 8px;
    margin-bottom: 15px;
    font-family: 'Gellix';
    font-weight: 400;
}
.pop_studio_control:focus,
pop_studio_control:disabled {
    font-size: 16px;
    color: #94979c;
    padding: 10px 16px;
    background-color: #eee;
    border: 1px solid #dfdfdf;
    border-radius: 8px;
    margin-bottom: 15px;
    font-family: 'Gellix';
    font-weight: 400;
}
.Inpactive input {
    color: black !important;
    border: 1px solid #dfdfdf !important;
}
.studio_back_btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #eee !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    padding: 8px 16px;
    background: #151915 !important;
    border: 1px solid #2a3238;
    width: 50%;

    border-radius: 8px;
}
.studio_back_btn:hover {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #eee !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    padding: 8px 16px;
    background: #151915 !important;
    border: 1px solid #2a3238;
    width: 50%;

    border-radius: 8px;
}

.save-changes-cancel {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #eee !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    padding: 8px 16px;
    background: #151915 !important;
    border: 1px solid #2a3238;
    border-radius: 8px;
}
.studio_create_btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #2a3238;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    padding: 8px 16px;
    background-color: #d2ff04;
    border: 1px solid #d2ff04;
    width: 50%;
}
.studio_create_btn:hover,
.studio_create_btn:disabled {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #2a3238;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    padding: 8px 16px;
    background-color: #d2ff04;
    border: 1px solid #d2ff04;
    width: 50%;
}
.modal_footer {
    display: flex;
    flex-direction: row;
    gap: 24px;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 0 25px 25px 25px;
    border: 0;
}
.modal_footer > * {
    margin: 0;
}
.modal_footer .btn + .btn {
    margin-left: auto;
}
#addnewmembermodal .modal-dialog {
    max-width: 658px;
}
#addnewmembermodal .modal-content {
    border-radius: 8px;
    border: 1px solid #111613;
    background-color: #111613;
}
.mb_30 {
    margin-bottom: 30px;
}
.role_form_check .form-check-input {
    display: none;
}
.role_select_btn {
    border-radius: 6px;
    font-size: 14px;
    line-height: 18px;
    color: #eee;
    font-weight: 600;
    font-family: 'Gellix';
    padding: 11px 16px;
    background-color: #111613;
    font-weight: 600;
    border: 1px solid #2a3238;
    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: #eee;
    background-color: #111613;
    border: 1px solid #eee;
    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 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    color: #2a3238;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    padding: 8px 16px;
    background-color: #d2ff04;
    border: 1px solid #d2ff04;
    max-width: 136px;
}
.export_vidoe_btn:hover {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    color: #2a3238;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    padding: 8px 16px;
    background-color: #d2ff04;
    border: 1px solid #d2ff04;
    outline: none;
}
.history_btn_group .btn + .btn {
    margin-left: 15px;
}
.from_date_box {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
}
.from_text {
    font-size: 12px;
    line-height: 18px;
    color: #2a3238;
    margin-bottom: 5px;
    font-weight: 600;
}
.from_control {
    width: 100%;
    margin-bottom: 0;
}
.order_box_card {
    margin-bottom: 40px;
}
.color_01 {
    color: #2a3238;
    font-weight: 500;
    font-size: 14px;
}
.studio_setting_body {
    background-color: #fff;
    padding: 25px;
    border-radius: 8px;
}
.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 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    color: #2a3238;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    padding: 8px 16px;
    background-color: #d2ff04;
    border: 1px solid #d2ff04;
    border-radius: 8px;
}
.save_changes_btn:hover,
.save_changes_btn:disabled {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    color: #2a3238;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    padding: 8px 16px;
    background-color: #d2ff04;
    border: 1px solid #d2ff04;
    border-radius: 8px;
}
.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 {
    display: flex;
    flex-direction: row;
}

.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 {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    font-size: 14px;
    cursor: pointer;
}

.member_delete_btn:hover {
    cursor: pointer;
    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 0.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 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    color: #2a3238;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    padding: 8px 16px;
    background-color: #d2ff04;
    box-shadow: 0 0 0 1px rgba(10, 13, 18, 0.18) inset,
        0 -2px 0 0 rgba(10, 13, 18, 0.05) inset,
        0 1px 2px 0 rgba(10, 13, 18, 0.05);
    border-radius: 8px;
}
.print_recipt_btn:hover {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    color: #2a3238;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    padding: 8px 16px;
    background-color: #d2ff04;
    box-shadow: 0 0 0 1px rgba(10, 13, 18, 0.18) inset,
        0 -2px 0 0 rgba(10, 13, 18, 0.05) inset,
        0 1px 2px 0 rgba(10, 13, 18, 0.05);
    border-radius: 8px;
    outline: none;
}

.order_details_top_right {
    display: flex;
    flex-direction: row;
}

.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;
    border-radius: 12px;
    margin-top: 10px;
    margin-bottom: 25px;
    border: 1px solid #dfdfdf;
}
.order_place_text {
    font-size: 12px;
    line-height: 22px;
    color: #5c5c5c;
    margin-bottom: 5px;
    text-transform: capitalize;
    font-weight: 500;
}
.order_place_date {
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    color: #2a3238;
    margin-bottom: 0px;
    text-transform: capitalize;
}

.middle_details_list {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
}

.status-text {
    color: #414651;
    font-size: 16px;
    font-weight: 600;
}

.please-upload {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    border: 1px solid #eee;
    border-radius: 6px;
    padding: 2px;
    width: 20%;
    color: #5c5c5c;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 5px;
}

.details_list_inner + .details_list_inner {
    margin-left: 50px;
}
.cost_text {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #2a3238;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    padding: 8px 16px;
    background-color: #d2ff04;
    box-shadow: 0 0 0 1px rgba(10, 13, 18, 0.18) inset,
        0 -2px 0 0 rgba(10, 13, 18, 0.05) inset,
        0 1px 2px 0 rgba(10, 13, 18, 0.05);
    width: auto;
    border-radius: 6px;
}
.upload_card_header {
    background-color: #fff;
    padding: 25px 40px 25px 25px;
    border-bottom: 2px solid #e3edf8;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.account_settings_header {
    margin-bottom: 38px;
    background-color: #fff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    overflow: hidden;
}
.tab-nav {
    display: flex;
    flex-direction: row;
    background: #eee;
    border-radius: 8px;
    border: 1px solid #dfdfdf;
    padding: 4px;
    gap: 8px;
    width: auto;
}

.tab-nav-button {
    color: #2a3238;
    font-size: 14px;
    font-weight: 600;
    border-radius: 6px;
    padding: 8px 12px;
    cursor: pointer;
    width: 100%;
    white-space: nowrap;
}
.tab-nav-button:hover,
.tab-nav-button.active {
    color: #2a3238;
    font-size: 14px;
    font-weight: 600;
    background: #fff;
    border-radius: 6px;
    padding: 8px 12px;
    cursor: pointer;
    width: 100%;
    white-space: nowrap;
}
.upload_card {
    background-color: #fff;
    margin-bottom: 12px;
    border: 1px solid #dfdfdf;
    border-radius: 12px;
}
.tab_upload_box {
    padding: 30px;
}
.upload_box {
    padding: 24px 16px;
    border-radius: 12px;
    border: 1px solid #dfdfdf;
    text-align: center;
    background: #eeeeee;
}
.upload_box_heading {
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    color: #0b1623;
    margin-bottom: 5px;
}
.upload_box_subheading {
    font-size: 14px;
    font-weight: 500;
    color: #5c5c5c;
    margin-top: 10px;
}

.upload_box_subheading span {
    font-weight: 600;
    color: #2a3238;
}
.mb_15 {
    margin-bottom: 15px;
}
.box_upload_btn {
    color: #ffffff;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid #fff;
    background-color: #ffffff;
    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 #fff;
    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;
    border-radius: 12px;
    border: 1px solid #dfdfdf;
}
.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;
    background: #eee;
    border-radius: 12px;
}
.aws_box::-webkit-scrollbar {
    width: 0px;
}
.uploaded_table_list {
    margin-bottom: 0px;
    border-radius: 12px;
}
.uploaded_table_list > thead > tr > th {
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.2px;
    text-transform: capitalize;
    color: #5c5c5c;
    padding: 10px 15px;

    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 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #2a3238;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    padding: 8px 16px;
    background-color: #d2ff04;
    box-shadow: 0 0 0 1px rgba(10, 13, 18, 0.18) inset,
        0 -2px 0 0 rgba(10, 13, 18, 0.05) inset,
        0 1px 2px 0 rgba(10, 13, 18, 0.05);
    width: 50%;
    border-radius: 6px;
}
.video_payment_box {
    padding: 45px 90px;
    text-align: end;
}
.make_payment_cancel_btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #eee !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    padding: 8px 16px;
    background: #151915 !important;
    border: 1px solid #2a3238;
    width: 50%;

    border-radius: 8px;
}
.make_payment_cancel_btn:hover {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #eee !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    padding: 8px 16px;
    background: #151915 !important;
    border: 1px solid #2a3238;
    width: 50%;

    border-radius: 8px;
}
.make_payment_btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #2a3238;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    padding: 8px 16px;
    background-color: #d2ff04;
    box-shadow: 0 0 0 1px rgba(10, 13, 18, 0.18) inset,
        0 -2px 0 0 rgba(10, 13, 18, 0.05) inset,
        0 1px 2px 0 rgba(10, 13, 18, 0.05);
    width: 50%;
}
.make_payment_btn:hover,
.make_payment_btn:disabled {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #2a3238;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    padding: 8px 16px;
    background-color: #d2ff04;
    box-shadow: 0 0 0 1px rgba(10, 13, 18, 0.18) inset,
        0 -2px 0 0 rgba(10, 13, 18, 0.05) inset,
        0 1px 2px 0 rgba(10, 13, 18, 0.05);
    width: 50%;
}
.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 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    color: #2a3238;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    padding: 8px 16px;
    background-color: #d2ff04;
    box-shadow: 0 0 0 1px rgba(10, 13, 18, 0.18) inset,
        0 -2px 0 0 rgba(10, 13, 18, 0.05) inset,
        0 1px 2px 0 rgba(10, 13, 18, 0.05);
    border-radius: 8px;
    width: fit-content;
}
.add_new_url_btn:hover {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    color: #2a3238;
    box-shadow: none;
    outline: none;
    background-color: #d2ff04;
    box-shadow: 0 0 0 1px rgba(10, 13, 18, 0.18) inset,
        0 -2px 0 0 rgba(10, 13, 18, 0.05) inset,
        0 1px 2px 0 rgba(10, 13, 18, 0.05);
}

.submit_url_btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;

    gap: 10px;
    color: #2a3238;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    padding: 8px 16px;
    background-color: #d2ff04;
    box-shadow: 0 0 0 1px rgba(10, 13, 18, 0.18) inset,
        0 -2px 0 0 rgba(10, 13, 18, 0.05) inset,
        0 1px 2px 0 rgba(10, 13, 18, 0.05);
    border-radius: 8px;
    width: fit-content;
}
.submit_url_btn:hover {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #2a3238;
    box-shadow: none;
    outline: none;
    background-color: #d2ff04;
    box-shadow: 0 0 0 1px rgba(10, 13, 18, 0.18) inset,
        0 -2px 0 0 rgba(10, 13, 18, 0.05) inset,
        0 1px 2px 0 rgba(10, 13, 18, 0.05);
}

.paste_form_control {
    padding: 12px 24px;
    color: #5c5c5c;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    font-family: 'Gellix';
    border: 1px solid #dfdfdf;
    border-radius: 8px;

    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: 1px solid #dfdfdf;
    border-radius: 8px;
    background-color: #fff;
}

.paste_box_main {
    background: #eee;
    padding: 24px;
    border-radius: 12px;
    border: 1px solid #dfdfdf;
}
.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: 16px;
    background-color: #151915;
    border: 1px solid #2a3238;
    max-width: 658px;
}
.new_caed_modal_heading {
    font-size: 16px;
    line-height: 23px;
    color: #eee;
    margin-bottom: 0;
    font-weight: 600;
}
.new_caed_modal_subheading {
    font-size: 14px;
    line-height: 23px;
    color: #94979c;
    margin-bottom: 0;
    font-weight: 400;
}
.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 {
    display: flex;
    flex-direction: row;
    gap: 24px;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 0 25px 25px 25px;
    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: #eee;
    margin-bottom: 15px;
}

.billing_address_subtext {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    color: #94979c;
    margin-top: -15px;
}
.add_label {
    font-size: 14px;
    line-height: 24px;
    color: #eeeeee;
    margin-bottom: 5px;
    font-weight: 600;
}
.add_form_control {
    font-size: 16px;
    color: #94979c;
    padding: 11px 16px;
    background-color: #111613;
    border: 1px solid #1d2226;
    border-radius: 8px;
    margin-bottom: 15px;
    font-family: 'Gellix';
}

.add_form_control:disabled {
    font-size: 16px;
    color: #94979c;
    padding: 11px 16px;
    background-color: #111613;
    border: 1px solid #1d2226;
    border-radius: 8px;
    margin-bottom: 15px;
    font-family: 'Gellix';
}

.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;
    border-radius: 12px;
}
.profile_edit_btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    color: #2a3238;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    padding: 8px 16px;
    background-color: #d2ff04;
    box-shadow: 0 0 0 1px rgba(10, 13, 18, 0.18) inset,
        0 -2px 0 0 rgba(10, 13, 18, 0.05) inset,
        0 1px 2px 0 rgba(10, 13, 18, 0.05);
    width: auto;
}

.profile_edit_btn:hover {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    color: #2a3238;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    padding: 8px 16px;
    background-color: #d2ff04;
    box-shadow: 0 0 0 1px rgba(10, 13, 18, 0.18) inset,
        0 -2px 0 0 rgba(10, 13, 18, 0.05) inset,
        0 1px 2px 0 rgba(10, 13, 18, 0.05);
    outline: none;
}
.profile_setting_inner {
    max-width: 625px;
    width: 100%;
}
.profile_setting_label {
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    color: #414651;
    margin-bottom: 8px;
}
.account_details_inner {
    border: 1px solid #e3edf8;
    border-radius: 12px;
    background-color: #151915;
    padding: 24px;
    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 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    color: #2a3238;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    padding: 8px 16px;
    background-color: #d2ff04;
    border: 1px solid #d2ff04;
}

.update_card_btn:disabled {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    color: #2a3238;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    padding: 8px 16px;
    background-color: #dfdfdf;
    border: 1px solid #dfdfdf;
}
.update_card_btn:hover {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    color: #2a3238;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    padding: 8px 16px;
    background-color: #d2ff04;
    border: 1px solid #d2ff04;
    outline: none;
}
.update_card_btn_card {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #2a3238;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    padding: 8px 16px;
    background-color: #fff;
    border: 1px solid #dfdfdf;
    border-radius: 8px;
    outline: none;
    width: 100%;
    box-shadow: 0 0 0 1px rgba(10, 13, 18, 0.18) inset,
        0 -2px 0 0 rgba(10, 13, 18, 0.05) inset,
        0 1px 2px 0 rgba(10, 13, 18, 0.05);
}

.video_body_wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    margin-bottom: 10px;
}

.update_card_btn_card:hover {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    color: #2a3238;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    padding: 8px 16px;
    background-color: #fff;
    border: 1px solid #dfdfdf;
    border-radius: 8px;
    box-shadow: 0 0 0 1px, rgba(10, 13, 18, 0.18) inset,
        0 -2px 0 0 rgba(10, 13, 18, 0.05) inset, 0 1px 2px 0,
        rgba(10, 13, 18, 0.05);
    outline: none;
}

.update_card_btn_card:disabled {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    color: #2a3238;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    padding: 8px 16px;
    background-color: #fff;
    border: 1px solid #dfdfdf;
    border-radius: 8px;
    box-shadow: 0 0 0 1px, rgba(10, 13, 18, 0.18) inset,
        0 -2px 0 0 rgba(10, 13, 18, 0.05) inset, 0 1px 2px 0,
        rgba(10, 13, 18, 0.05);
    outline: none;
}
.update_card_btn_header {
    outline: none;
    padding-bottom: 64px;
    color: #eeeeee;
    font-weight: 600;
    font-size: 16px;
}
.update_card_btn_header:hover {
    outline: none;
    padding-bottom: 64px;
    color: #eeeeee;
    font-weight: 600;
    font-size: 16px;
}
.card_master_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    border-radius: 8px;
    padding: 16px;
}
.card_master_icon {
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.ending_text {
    font-size: 14px;
    line-height: 24px;
    color: #2a3238;
    margin-bottom: 0;
    margin-left: 8px;
    text-transform: capitalize;
    font-weight: 600;
}

.expiry_text {
    font-size: 14px;
    line-height: 24px;
    color: #5c5c5c;
    margin-bottom: 0;
    margin-left: 8px;
    text-transform: capitalize;
    font-weight: 500;
}
.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_wrapper {
    background: #151915;
    padding: 21px 36px;
    min-height: 100vh;
    overflow: hidden;
}
.login_content {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 150px;
}
/* .login_box{
    background-color: #fff;
    max-width: 534px;
    height: 640px;
    position: relative;
    width: 500px;
} */
.login_box_inner {
    background-color: #151915;
    border: 1px solid #2a3238;
    border-radius: 16px;
    padding: 24px;
    max-width: 530px;
    position: relative;
    width: 530px;
}
.login_logo {
    margin-bottom: 10px;
}
.welcome_text_login {
    font-size: 16px;
    font-weight: 600;
    color: #eee;
}
.welcome_sub_text_login {
    font-size: 14px;
    font-weight: 500;
    color: #94979c;
}
.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: #94979c;
    font-size: 14px;
    padding: 10px 15px;
    border-radius: 8px;
    background-color: #111613;
    border: 1px solid #2a3238;
    position: relative;
    font-family: 'Gellix';
}

.login_form_control:focus {
    background-color: #e3edf8;
    border: 1px solid #e3edf8;
    outline: none;
    font-family: 'Gellix';

    box-shadow: none;
}
.continue_login_btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #2a3238;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    padding: 8px 16px;
    background-color: #d2ff04;
    border: 1px solid #d2ff04;
    width: 50%;
}
.continue_login_btn:hover,
.continue_login_btn:focus {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #2a3238;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    padding: 8px 16px;
    background-color: #d2ff04;
    border: 1px solid #d2ff04;
    width: 50%;
    outline: none;
}

.continue_login_btn_loading,
.continue_login_btn_loading:focus,
.continue_login_btn_loading:disabled {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #2a3238;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    padding: 8px 16px;
    background-color: #d2ff04 !important;
    border: 1px solid #d2ff04 !important;
    width: 100%;
    outline: none;
    flex: 1 1 auto;
}
.continue_login_btn:disabled {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #2a3238 !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    padding: 8px 16px;
    background: #d2ff04 !important;
    border: 1px solid #d2ff04;
    width: 50%;
    outline: none;
}

.continue_login_btn_forgot {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #2a3238;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    padding: 8px 16px;
    background-color: #d2ff04;
    border: 1px solid #d2ff04;
    width: 100%;
}
.continue_login_btn_forgot:hover,
.continue_login_btn_forgot:focus {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #2a3238;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    padding: 8px 16px;
    background-color: #d2ff04;
    border: 1px solid #d2ff04;
    width: 100%;
    outline: none;
}

.continue_login_btn_forgot:disabled {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #2a3238 !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    padding: 8px 16px;
    background: #d2ff04 !important;
    border: 1px solid #d2ff04;
    width: 100%;
    outline: none;
}

.loader_div {
    width: 50%;
}
.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: #eee;
    font-weight: 500;
    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: 10px;
}
.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: #151915;
    border: 0px solid #2a3238;
}
.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: #eee;
    margin-bottom: 15px;
    text-align: center;
}
.logout_sub_heading {
    font-size: 14px;
    line-height: 24px;
    color: #94979c;
    margin-bottom: 0;
    text-align: center;
    max-width: 290px;
    margin: auto;
}
.logout_modal_cancel_btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #eee;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    padding: 8px 16px;
    background-color: #151915;
    border: 1px solid #2a3238;
    width: 50%;
}
.logout_modal_cancel_btn:hover {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #eee;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    padding: 8px 16px;
    background-color: #151915;
    border: 1px solid #2a3238;
    width: 50%;

    outline: none;
}
.logout_modal_btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #2a3238;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    padding: 8px 16px;
    background-color: #d2ff04;
    border: 1px solid #d2ff04;
    width: 50%;
}
.logout_modal_btn:hover {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;

    gap: 10px;
    color: #2a3238;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    padding: 8px 16px;
    background-color: #d2ff04;
    border: 1px solid #d2ff04;
    width: 50%;
}
.logout_modal_footer {
    display: flex;
    flex-direction: row;
    gap: 24px;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 0 25px 25px 25px;
    border: 0;
}
.logout_modal_footer > * {
    margin: 0;
}
.logout_modal_footer .btn + .btn {
    margin-left: 0px;
}
.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: 5px;
}
.mb_8 {
    margin-bottom: 5pxpx;
}
.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;
    font-weight: 600;
    color: #eee;
    text-transform: capitalize;
}
.forgot_password_btn {
    color: #eee;
    box-shadow: none;
    outline: none;
    text-transform: capitalize;
}
.forgot_password_btn:hover {
    color: #eee;
    box-shadow: none;
    outline: none;
    text-transform: capitalize;
}

.login_form_footer {
    display: flex;
    flex-direction: row;
    gap: 5px;
}
.have_account {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #eee !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    padding: 8px 16px;
    background: #151915 !important;
    border: 1px solid #2a3238;
    width: 50%;

    border-radius: 8px;
}
.have_account_btn {
    color: #0086ff;
    width: 50%;
}
.have_account:hover {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #eee !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    padding: 8px 16px;
    background: #151915 !important;
    border: 1px solid #2a3238;
    width: 50%;

    border-radius: 8px;
}
.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 0.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;
}
.page-link span {
    color: #5c5c5c;
    font-weight: 500;
    font-size: 14px;
}

.page-link {
    border: 1px solid #eee;
    color: #2a3238;
    font-weight: 500;
    font-size: 14px;
}

.page-link.active,
.page-link:hover,
.page-link:focus {
    background: #eee;
    border: 1px solid #eee;
    color: #2a3238;
    font-weight: 500;
    font-size: 14px;
}
.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 0.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;
    flex-direction: row;
}
.payment_checkbox_right {
    width: 40%;
}

.payment_from_check {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.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 {
    border: 1px solid #d2ff04;
    border-radius: 5px;
    outline: none;
    box-shadow: none;
    margin-right: 12px;
}
.payment_from_check .form-check-input:checked {
    background-color: #d2ff04;
    border-color: #d2ff04;
    background-image: url('/assets/images/dashboard-icons/check.svg');
}
.role_check {
    accent-color: #d2ff04;
}
.payment_from_check .form-check-input:focus {
    box-shadow: none;
    outline: none;
}
.title_notes_btn {
    width: 38px;
    height: 38px;
    border-radius: 2px;
    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;
    margin-top: 20px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.manage_title_main_table > thead > tr > th {
    font-size: 12px;
    font-weight: 600;
    line-height: 35px;
    letter-spacing: 0.24px;
    text-transform: capitalize;
    color: #5c5c5c;
    padding: 10px 24px;

    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: end;
    border-top: 1px solid #eee;
}
.manage_title_main_table > thead > tr th:last-child {
    text-align: start;
}
.manage_title_main_table > tbody > tr > td {
    font-size: 14px;
    line-height: 35px;
    color: #5c5c5c;
    padding: 15px 24px;
    background-color: #fff;
    border-bottom: 1px solid #eee;
    vertical-align: middle;
    white-space: nowrap;
    font-weight: 500;
}
.manage_title_main_table tbody tr td:first-child {
    font-weight: 500;
}

.meta-search-title {
    font-weight: 600;
    color: #2a3238;
    font-size: 12px;
}
.flexibleBox {
    height: 300px !important;
    overflow: auto;
}

.video_body {
    position: relative;
}
.video_body_box {
    padding: 16px;
    max-width: 100%;
    margin: auto;
    background: #eee;
    border-radius: 8px;
    margin-top: 10px;
}

.upper-box {
    background: white;
    padding: 24px;
    border-radius: 12px;
}
.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: 0.875rem;
    line-height: 1.25rem;
    color: #000;
}
.ai_text img {
    width: 16px;
    height: 16px;
}
.text-main-link {
    font-size: 0.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: 0.75rem;
    padding-right: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgb(226 226 226);
    margin-bottom: 8px;
    border-radius: 9999px;
    transition: 0.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: 0.875rem;
    line-height: 1.25rem;
    font-weight: 500;
    border-radius: 9999px;
    padding: 10px 31px;
    position: relative;
    transition: 0.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: 0.875rem;
    line-height: 1.25rem;
    margin-bottom: 10px;
    color: rgb(142 142 161);
}
.video_card_d {
    padding: 16px 20px;
    position: relative;
    height: 100%;
}
.time_media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.4);
    cursor: pointer;
}
.time_media:hover,
.time_media.active {
    background: #fff;
}
.time_media_left {
    /* background-color: rgb(247 249 254); */
    width: 190px;
    border-radius: 10px;
    white-space: nowrap;
    padding: 10px;
    line-height: 13px;
    margin-right: 10px;
}

.time_media_left span {
    padding-left: 2px;
    color: #5c5c5c;
    font-size: 14px;
    font-family: 'Gellix';
    font-size: 500;
}
.time_media_left span + span {
    padding-left: 2px;
}
.time_media_body {
    -ms-flex: 1;
    flex: 1;
}
.column-video-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
    background: #eee;
    border: 1px solid #dfdfdf;
    border-radius: 8px;
    padding: 4px;
}
.column-video {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

.video_text_control {
    position: relative;
    width: 100%;
    min-height: 100px;
    resize: none;

    background: transparent;

    border: none;
    box-sizing: border-box;

    white-space: pre-wrap;
    word-wrap: break-word;
    line-height: 1.5rem;
    padding: 8px;
    z-index: 1;
    font-family: 'Gellix';
    color: #2a3238;
    font-weight: 600;
    font-size: 100%;
}
.hover_link {
    display: none;
    position: absolute;
    z-index: 999;
    top: 60%;
    left: 87%;
    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: 13px;
    height: 13px;
}
.hover_btn_link + .hover_btn_link {
    margin-left: 0px;
    cursor: pointer;
    background: transparent;
}
.time_media_body_inner {
    padding: 0px;
    min-height: 40px;
    border-radius: 10px;
    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: 0.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: 0.875rem;
    line-height: 1.25rem;
    padding: 4px 8px;
    border: 1px solid #fff;
    background-color: #fff;
    transition: 0.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: 0.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: 0.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: 0.75rem;
    padding-right: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgb(226 226 226);
    margin-bottom: 8px;
    border-radius: 9999px;
    transition: 0.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-left: 35px;
    font-size: 14px;
    color: #2a3238;
    margin-top: 5px;
    font-weight: 600;
    font-family: 'Gellix';
    appearance: none;
    border: 1px solid transparent;
    box-shadow: 0 1px 3px 0 rgba(10, 13, 18, 0.1),
        0 1px 2px -1px rgba(10, 13, 18, 0.1);
}

.speaker_control:focus {
    border: 1px solid transparent;
}

.speaker-select-wrapper {
    position: relative;
    display: inline-block;
}

.color-circle {
    position: absolute;
    top: 55%;
    left: 10px;
    transform: translateY(-50%);
    width: 17px;
    height: 17px;
    border: 2px solid #fff;
    border-radius: 99px;
    cursor: pointer;
    padding: 0;
    appearance: none;
    -webkit-appearance: none;
    z-index: 10;
}

.paint-color-icon {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    cursor: pointer;
    padding: 0;
    appearance: none;
    -webkit-appearance: none;
    z-index: 20;
}

.color-circle:hover {
    border: 2px solid #fff;
}
.color-circle:focus {
    outline: none;
    border: none;
    top: 55%;
}

.color-circle::-webkit-color-swatch-wrapper {
    padding: 0;
    background-color: transparent !important;
}
.color-circle::-webkit-color-swatch {
    border: none;
    border-radius: 50%;
    background-color: transparent !important;
}

.color-circle::-moz-color-swatch {
    border: none;
    border-radius: 50%;
    background: transparent !important;
}

.color-palette {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 40px;
    left: 0;
    background: #eee;
    border: 1px solid #dfdfdf;
    border-radius: 6px;
    padding: 15px 11px;
    gap: 6px;
    z-index: 100;
}

.color-option {
    width: 17px;
    height: 17px;
    border-radius: 50%;
    cursor: pointer;
    border: 2px solid #fff;
    transition: transform 0.2s;
}

.color-option:hover {
    border: 2px solid #2a3238;
}
.me_4 {
    margin-right: 12px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #1d2226;
    color: #eeeeee;
    font-weight: 600;
    border: 1px solid #1d2226;
    border-radius: 12px;
    padding: 6px;
}

.select_lang,
.select_lang:focus {
    background: #1d2226;
    background-image: url('/assets/images/dashboard-icons/chevron-selector-vertical.svg');
    background-repeat: no-repeat;
    background-position: right 10px center;
    border: 1px solid #2a3238;
    border-radius: 12px;
    padding: 12px;
    font-weight: 600;
    font-size: 16px;
    color: #eee;
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-size: 16px 16px;
}
.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: 0.875rem;
    line-height: 1.25rem;
    color: rgb(33 41 60);
    margin-bottom: 30px;
}
.upgrade_text img {
    width: 60px;
    height: 26px;
}

.button_text_wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.soon_wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 3px;
}

.soon_text {
    font-size: 14px;
    font-weight: 500;
    color: #2a3238;
}
.soon_wrapper img {
    width: 20px;
    height: 20px;
    aspect-ratio: 1/1;
}

.rotate-180 {
    transform: rotate(180deg);
}

.aside_menu {
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.2);
    transition: left 0.3s ease;
    z-index: 1000;
    /* padding: 20px; */
    background-color: #111613;
    overflow: scroll;
}

.aside_menu.open {
    left: 0;
}

.menu_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 900;
}

.mobile_asside_menu_btn {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
}
.group_search label {
    color: #2a3238;
    font-weight: 600;
    font-size: 16px;
}

.group_search select {
    background-color: #fff;
    background-image: url('../images/dashboard-icons//down-chevron.svg');
    background-repeat: no-repeat;
    background-position: right 10px center;
    color: #5c5c5c;
    font-weight: 600;
    font-size: 14px;

    box-shadow: 0 1px 3px 0 rgba(10, 13, 18, 0.1),
        0 1px 2px -1px rgba(10, 13, 18, 0.1);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 60px;
    width: 100%;
}

.group_search_arrow select {
    background-color: #fff;
    /* background-image: url('../images/dashboard-icons//chevron-selector-vertical.svg'); */
    background-repeat: no-repeat;
    background-position: right 10px center;
    color: #5c5c5c;
    font-weight: 600;
    font-size: 14px;

    box-shadow: 0 1px 3px 0 rgba(10, 13, 18, 0.1),
        0 1px 2px -1px rgba(10, 13, 18, 0.1);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 60px;
    width: 100%;
}
@media (min-width: 1024px) {
    .mobile_asside_menu_btn {
        display: none;
    }
}

.has-dropdown .arrow {
    margin: auto;
}

.arrow_div {
    margin-left: 5px;
}

/* .dropdown {
    list-style: none;
    padding-left: 30px;
    margin: 5px 0;
    overflow: hidden;
    height: 1000px;
}

.dropdown li a {
    display: block;
    padding: 6px 15px;
    font-size: 14px;
} */

.nav-item_mobile {
    position: relative;
    margin-bottom: 15px;
}

.nav-item_mobile img {
    margin-right: 15px;
}

@media (max-width: 500px) {
    .create_new_title {
        display: none;
    }
    .top_head_box_left {
        margin-bottom: 10px;
        width: 100%;
    }
    .top_head_box {
        display: flex;
        flex-direction: column;
        justify-self: start;
        width: 100%;
    }
    .profile_edit_btn {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .cost_price_text {
        width: 100%;
    }
    .add_new_url_btn {
        justify-content: center;
    }
    .history_btn_group {
        width: 100%;
    }
    .group_search {
        width: 100%;
    }

    .button_group_left {
        width: 100%;
    }
    .save-changes-cancel {
        width: 50%;
    }
    .save_changes_btn {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 50%;
    }

    .card_master_box {
        flex-direction: column;
    }
    .card_master_left {
        width: 100%;
    }
    .card_master_btn_group {
        width: 100%;
    }

    .button_text_wrapper {
        flex-direction: column;
        justify-content: start;
        width: 100%;
    }
    .soon_wrapper {
        display: flex;
        justify-content: start;
        width: 100%;
    }
    .update_card_btn {
        display: flex;
        justify-content: center;
        width: 100%;
    }
    .table_show_box {
        flex-direction: column;
        gap: 10px;
    }
    .please-upload {
        width: 100%;
    }
    .order_details_top {
        flex-direction: column;
        justify-content: start;
    }
    .order_details_top_right {
        flex-direction: column;
        margin-top: 10px;
        width: 100%;
        gap: 10px;
    }
    .order_details_top_right a + a {
        margin-left: 0px;
    }
    .print_recipt_btn {
        justify-content: center;
    }
    .order_details_top_left {
        width: 100%;
    }
    .upload_new_vidoe_btn {
        justify-content: center;
        width: 100%;
    }
    .middle_details_list {
        flex-direction: column;

        .details_list_inner {
            margin-left: 0px;
        }
    }
    .processing_btn {
        width: 100%;
    }
    .payment_checkbox {
        flex-direction: column;
    }
    .payment_checkbox_right {
        width: 100%;
    }
    .top_riight_navbar {
        width: 100%;
    }
    .add_new_url_btn {
        width: 100%;
    }
    .submit_url_btn {
        width: 100%;
    }
    .column-video-wrapper {
        flex-direction: column;
        width: 100%;
    }
    .column-video {
        flex-direction: column;
        width: 100%;
    }
    .btn-generate-srt {
        width: 100%;
    }
    .speaker_select {
        margin-left: 0px !important;
    }
}
@media (max-width: 1000px) {
    .create_new_title {
        display: none;
    }

    .video_card_d {
        padding: 10px 0px;
    }
}

.swal2-popup {
    background-color: #151915 !important;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
    color: #94979c;
    border-radius: 16px;
}

.swal2-title {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #eee;
    margin-bottom: 0px;
    display: block;
}
.swal2-confirm {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #2a3238;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    padding: 8px 16px;
    background-color: #d2ff04;
    border: 1px solid #d2ff04;
    width: 100%;
    width: 100%;
    min-width: 100%;
}

.swal2-confirm:hover {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 15px;
    color: #2a3238;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    padding: 8px 16px;
    background-color: #d2ff04;
    border: 1px solid #d2ff04;
    width: 100%;
}

.toggle-label {
    font-weight: 600;
    font-size: 14px;
    color: #2a3238;
}

.toggle-switch {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
    width: 200px;
    border: 1px solid #d2ff04;
    box-shadow: 0 0 0 1px rgba(10, 13, 18, 0.18) inset,
        0 -2px 0 0 rgba(10, 13, 18, 0.05) inset,
        0 1px 2px 0 rgba(10, 13, 18, 0.05);
    border-radius: 8px;
    padding: 8px 16px;
}

.form-check-input:checked,
form-check-input:focus {
    background-color: #d2ff04;
    border-color: #d2ff04;
}

.form-check-input:focus {
    border: 1px solid #d2ff04;
    box-shadow: 0 0 0 1px rgba(10, 13, 18, 0.18) inset,
        0 -2px 0 0 rgba(10, 13, 18, 0.05) inset,
        0 1px 2px 0 rgba(10, 13, 18, 0.05);
}