@charset "utf-8";

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
fieldset,
form,
label,
legend,
caption,
select,
input,
option,
ul,
li,
textarea {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    box-sizing: border-box;
    list-style-type: none;
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    color: #23255B;
}

/*a:hover, a:focus {
        color: #23255B;
    }*/

button,
html input[type="button"],
input[type="reset"],
input[type="submit"],
textarea {
    -webkit-appearance: none;
    border-radius: 0;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

a:hover {
    text-decoration: none;
}

a:hover {
    outline: none;
    cursor: pointer;
}

a:focus {
    outline: none;
    cursor: pointer;
}

:focus {
    outline: none;
}

/* End Clearfix */

/* For IE 6/7 (trigger hasLayout) */
a,
button,
.btn {
    outline: none !important;
    transition: all 0.3s ease-in-out 0s;
    text-decoration: none !important;
}

/*------ Segoe UI-------*/

@font-face {
    font-family: "Outfit";
    src: url('../fonts/Outfit-Thin.ttf');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: "Outfit";
    src: url('../fonts/Outfit-ExtraLight.ttf');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: "Outfit";
    src: url('../fonts/Outfit-Light.ttf');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Outfit";
    src: url('../fonts/Outfit-Regular.ttf');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Outfit";
    src: url('../fonts/Outfit-Medium.ttf');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Outfit";
    src: url('../fonts/Outfit-SemiBold.ttf');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Outfit";
    src: url('../fonts/Outfit-Bold.ttf');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Outfit";
    src: url('../fonts/Outfit-ExtraBold.ttf');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Outfit";
    src: url('../fonts/Outfit-Black.ttf');
    font-weight: 900;
    font-style: normal;
}
/*---------------------*/


html, body {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    font-family: "Outfit", serif;
    font-size: 16px;
    line-height: 24px;
    color: #343D48;
    background-color: #FAFAFA;
    overflow-x: hidden;
    position: relative;
    scroll-behavior: smooth;
}

/*************************** COMMON CSS START *****************************/

* {
    scrollbar-width: thin;
    scrollbar-color: rgba(36,37,92, 0.5) transparent;
}

    *::-webkit-scrollbar {
        width: 8px;
        height: 8px;
    }

    *::-webkit-scrollbar-track {
        background-color: transparent;
    }

    *::-webkit-scrollbar-thumb {
        background-color: rgba(36,37,92, 0.5);
    }

.form-group {
    margin-bottom: 1rem;
}

.form-label, .form-check-label {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.02em;
    color: #212529;
}

.form-control {
    font-weight: 300;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.02em;
    color: #343D48;
    height: 40px;
    border: 1px solid #d1d1d1;
    border-radius: 25px;
    padding: 15px;
}

    .form-control:focus {
        color: #212529;
        background-color: #fff;
        border-color: transparent;
        outline: 1px solid #23255B;
        box-shadow: 0px 0px 10px rgba(35, 37, 91, 0.15);
    }


.form-control,
.bootstrap-select > .dropdown-toggle {
    background-image: linear-gradient(45deg, #24255c38 50%, white 50%);
    background-size: 250% 100%;
    background-position: right bottom;
    transition: background-position .3s ease;
}

    .form-control:focus,
    .bootstrap-select > .dropdown-toggle:focus {
        background-position: left top;
    }

.form-group input:focus + label,
.form-group select:focus + label,
.form-group textarea:focus + label {
    color: #23255B;
}

textarea {
    height: auto !important;
    min-height: auto !important;
    resize: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #343D48 !important;
}

.input_icon {
    position: relative;
}

    .input_icon .form-control {
        padding: 15px 45px 15px 15px;
    }

    .input_icon .inputicon {
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 20px;
        color: #878499;
    }

.dropdown-toggle::after {
    content: "\f078";
    border: none;
    color: #4A4A4A;
    font-family: "FontAwesome";
    font-weight: 900;
    font-size: 12px;
    margin-left: 10px;
}

.dropup .dropdown-toggle::after {
    content: "\f077";
    border: none;
    color: #4A4A4A;
    font-family: "FontAwesome";
    font-weight: 900;
    font-size: 12px;
    margin-left: 10px;
}

.bootstrap-select {
    width: 100% !important;
}

    .bootstrap-select > .dropdown-toggle.btn-sm {
        padding: 0.25rem 0.5rem;
        font-size: 0.875rem;
        border-radius: 0.2rem;
        height: auto;
    }

    .bootstrap-select > .dropdown-toggle.btn-lg {
        min-height: calc(1.5em + (1.437rem + 2px));
        padding: 0.5rem 1rem;
        border-radius: 0.3rem;
    }

    .bootstrap-select .dropdown-toggle.btn-lg .filter-option {
        padding: 5px 0;
    }

    .bootstrap-select > .dropdown-toggle {
        font-weight: 300;
        font-size: 14px;
        line-height: 14px;
        letter-spacing: 0.02em;
        color: #343D48;
        height: 40px;
        border: 1px solid #d1d1d1;
        border-radius: 25px;
        padding: 12px 15px;
        background-color: #fff !important;
    }

        .bootstrap-select > .dropdown-toggle:hover,
        .bootstrap-select > .dropdown-toggle:focus {
            box-shadow: none;
            border-color: transparent !important;
            outline: 1px solid #23255B !important;
            box-shadow: 0px 0px 10px rgba(35, 37, 91, 0.15) !important;
        }

    .bootstrap-select .bs-searchbox input {
        outline: 0 !important;
        border: 1px solid #d1d1d1;
    }

    .bootstrap-select .dropdown-menu {
        padding: 0;
        border: 0;
    }

        .bootstrap-select .dropdown-menu li a span.text {
            display: inline-block;
            font-size: 14px;
            font-weight: 500;
        }

    .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
        display: flex;
        align-items: center;
    }

.select2-container {
    width: 100% !important;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #d1d1d1;
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 40px;
        padding-left: 15px;
        padding-right: 30px;
        font-weight: 500;
        font-size: 14px;
        color: #343D48;
        letter-spacing: 0.02em;
    }

        .select2-container--default .select2-selection--single .select2-selection__rendered span {
            display: flex;
            align-items: center;
        }

.select2-container .select2-selection--single {
    height: 40px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
    right: 10px;
}

    .select2-container--default .select2-selection--single .select2-selection__arrow::after {
        content: "\f107";
        font-family: "FontAwesome";
        font-weight: 900;
        color: #878499;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 13px;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        display: none;
    }

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #23255B;
    color: white;
}

.dropdown-menu, .select2-container--open .select2-dropdown {
    border: 0;
    -webkit-box-shadow: 0 0 12px 4px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 12px 4px rgba(0, 0, 0, 0.05);
    border-radius: .125rem;
    font-size: 16px;
    padding: 0;
    overflow: hidden;
}

    .dropdown-menu .dropdown-item {
        color: #343D48;
        font-size: 14px;
        letter-spacing: 0.3px;
        text-transform: capitalize;
        border-bottom: 1px solid #f5f5f5;
        font-weight: 500;
        line-height: normal;
        padding: 10px 15px 10px 15px;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }

.dropdown-item:focus {
    background-color: #23255B;
    color: #fff;
}

.dropdown-item:hover {
    background-color: #23255B;
    color: #fff;
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff !important;
    background-color: #23255B;
}

.dropdown-arrow-remove.dropdown-toggle::after {
    display: none;
}

.iti {
    width: 100%;
}

.iti__country-list {
    position: relative;
    overflow-x: hidden;
    z-index: 1010;
}

.iti__selected-flag {
    padding: 0 15px 0 15px;
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: transparent !important;
}

/*************************************** Radio & CheckBox Style Start ***********************************/

.form-check {
    margin-right: 0px;
    padding-left: 0;
    font-size: 0;
    line-height: normal;
    min-height: 0;
    margin-bottom: 1rem;
}

.form-check-input {
    display: none;
}

[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label {
    position: relative;
    cursor: pointer;
    display: inline-block;
    color: #4A4A4A;
    font-size: 14px;
    padding-left: 24px;
    line-height: 18px;
    margin-bottom: 8px;
    margin-top: 8px;
}

    [type="radio"]:checked + label:before,
    [type="radio"]:not(:checked) + label:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 18px;
        height: 18px;
        border: 1px solid #d1d1d1;
        border-radius: 100%;
        background: #fff;
    }

    [type="radio"]:checked + label:after,
    [type="radio"]:not(:checked) + label:after {
        content: '';
        width: 8px;
        height: 8px;
        background: #23255B;
        position: absolute;
        top: 5px;
        left: 5px;
        border-radius: 100%;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

    [type="radio"]:not(:checked) + label:after {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    [type="radio"]:checked + label:after {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    [type="radio"]:checked + label:before {
        border-color: #23255B;
    }

[type="checkbox"]:checked + label,
[type="checkbox"]:not(:checked) + label {
    position: relative;
    cursor: pointer;
    display: inline-block;
    color: #4A4A4A;
    font-size: 14px;
    padding-left: 25px;
    line-height: 19px;
    margin-bottom: 8px;
    margin-top: 8px;
}

    [type="checkbox"]:checked + label:before,
    [type="checkbox"]:not(:checked) + label:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 19px;
        height: 19px;
        border: 1px solid #d1d1d1;
        border-radius: 5px;
        background: #fff;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

    [type="checkbox"]:checked + label:after,
    [type="checkbox"]:not(:checked) + label:after {
        content: '';
        width: 19px;
        height: 19px;
        content: "\f00c";
        color: #23255B;
        font-family: "FontAwesome";
        font-weight: 900;
        text-rendering: auto;
        position: absolute;
        top: 0px;
        left: 0px;
        font-size: 11px;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
        text-align: center;
    }

    [type="checkbox"]:not(:checked) + label:after {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    [type="checkbox"]:checked + label:after {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        color: #fff;
    }

    [type="checkbox"]:checked + label:before {
        border-color: #23255B;
        background-color: #23255B;
    }

/*************************************** Radio & CheckBox Style End ***********************************/

.btn {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    border-radius: 10px;
    padding: 9px 20px;
    letter-spacing: 0.02em;
}

/*Hover Button Effect Start*/

.btn-ctm {
    position: relative;
    display: inline-block;
    background-color: transparent;
    font-weight: 500;
    font-size: clamp(0.875rem, 1vw, 1rem);
    line-height: 14px;
    border-radius: 10px;
    padding: 10px 20px;
    letter-spacing: 0.02em;
    border: 2px solid #23255B;
    text-align: center;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .btn-ctm:hover {
        border-color: #23255B;
    }

    .btn-ctm span {
        position: relative;
    }

    .btn-ctm i {
        font-size: 16px;
        padding-right: 5px;
    }

.btne::before {
    background-color: #23255B;
    transition: 0.40s ease-out;
    position: absolute;
    content: "";
}

.btne span {
    color: rgb(255,255,255);
    transition: 0.40s 0.1s;
}

.btne:hover span {
    color: #000;
    transition: 0.40s 0.1s;
}

.btn-ctm.filled::before {
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    content: "";
}

.btn-ctm.filled:hover::before {
    width: 0%;
    position: absolute;
    content: "";
}

/*Border Button*/

.btnf {
    position: relative;
    color: #878499;
    border-color: #D9D9D9;
    background-color: transparent;
}

    .btnf::before {
        content: "";
        background-color: #23255B;
        transition: 0.40s ease-out;
        border-radius: 5px;
    }

    .btnf:hover {
        border-color: #23255B;
        transition: 0.40s 0.1s;
        color: #fff;
    }

.btn-ctm.bordered::before {
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 0%;
    position: absolute;
}

.btn-ctm.bordered:hover::before {
    width: 100%;
}

/*Hover Button Effect End*/


.back-btn {
    color: #fff;
    background: #23255B;
    border-radius: 5px;
    border: 1px solid #23255B;
    padding: 8px 15px !important;
    display: flex;
    align-items: center;
}

    .back-btn:hover, .back-btn:focus {
        color: #fff;
        background: #23255B;
        border: 1px solid #23255B;
    }

    .back-btn i {
        margin-right: 5px;
        font-size: 22px;
    }


.btn:disabled, .btn.disabled, fieldset:disabled .btn {
    pointer-events: none;
    opacity: 0.65;
}


.btn-primary {
    color: #fff;
    background-color: #23255B;
    border: 1px solid transparent;
}

    .btn-primary:hover {
        color: #23255B !important;
        background-color: transparent !important;
        border-color: #23255B !important;
    }

    .btn-check:focus + .btn-primary,
    .btn-primary:focus {
        color: #23255B !important;
        background-color: transparent !important;
        border-color: #23255B !important;
    }

    .btn-check:checked + .btn-primary,
    .btn-check:active + .btn-primary,
    .btn-primary:active,
    .btn-primary.active,
    .show > .btn-primary.dropdown-toggle {
        color: #23255B !important;
        background-color: transparent !important;
        border-color: #23255B !important;
    }

    .btn-primary:disabled,
    .btn-primary.disabled {
        color: #fff;
        background-color: #23255B;
        border-color: #23255B;
        opacity: 0.5;
    }

.btn-secondary {
    color: #fff;
    background-color: #343D48;
    border-color: #343D48;
}

    .btn-secondary:hover {
        background-color: #293038 !important;
        border-color: #2F3640 !important;
    }

    .btn-check:focus + .btn-secondary,
    .btn-secondary:focus {
        background-color: #293038 !important;
        border-color: #2F3640 !important;
    }

    .btn-check:checked + .btn-secondary,
    .btn-check:active + .btn-secondary,
    .btn-secondary:active,
    .btn-secondary.active,
    .show > .btn-secondary.dropdown-toggle {
        background-color: #293038 !important;
        border-color: #2F3640 !important;
    }

    .btn-secondary:disabled, .btn-secondary.disabled {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

.btn-gray {
    color: #fff;
    background-color: #343D48;
    border-color: #343D48;
}

    .btn-gray:hover {
        color: #4A4A4A !important;
        border-color: #d1d1d1 !important;
        background-color: transparent !important;
    }

    .btn-check:focus + .btn-gray,
    .btn-gray:focus {
        color: #4A4A4A !important;
        border-color: #d1d1d1 !important;
        background-color: transparent !important;
        box-shadow: 0 0 0 0.25rem rgba(74, 74, 74, 0.5) !important;
    }

    .btn-check:checked + .btn-gray,
    .btn-check:active + .btn-gray,
    .btn-gray:active, .btn-gray.active,
    .show > .btn-gray.dropdown-toggle {
        color: #4A4A4A !important;
        border-color: #d1d1d1 !important;
        background-color: transparent !important;
    }

        .btn-check:checked + .btn-gray:focus,
        .btn-check:active + .btn-gray:focus,
        .btn-gray:active:focus,
        .btn-gray.active:focus,
        .show > .btn-gray.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.25rem rgba(74, 74, 74, 0.5) !important;
        }

    .btn-btn-gray:disabled,
    .btn-gray.disabled {
        color: #ddd;
        background-color: #4A4A4A;
    }


.btn-outline-primary {
    color: #4A4A4A;
    border-color: #f77db7;
    background-color: transparent;
}

    .btn-outline-primary:hover {
        color: #fff !important;
        background-color: #23255B !important;
        border-color: #23255B !important;
    }

    .btn-check:focus + .btn-outline-primary,
    .btn-outline-primary:focus {
        color: #fff !important;
        background-color: #23255B !important;
        border-color: #23255B !important;
    }

    .btn-check:checked + .btn-outline-primary,
    .btn-check:active + .btn-outline-primary,
    .btn-outline-primary:active,
    .btn-outline-primary.active,
    .show > .btn-outline-primary.dropdown-toggle {
        color: #fff !important;
        background-color: #23255B !important;
        border-color: #23255B !important;
    }

    .btn-outline-primary:disabled,
    .btn-outline-primary.disabled {
        color: #23255B;
        background-color: transparent;
    }


    .btn-primary:hover, .btn-outline-primary:hover,
    .btn-primary:focus, .btn-outline-primary:focus {
        box-shadow: 3px 3px 10px rgba(36,37,92, 0.35) !important;
    }

.btn-gray:hover, .btn-gray:focus {
    box-shadow: 0px 8px 24px rgba(53, 61, 72, 0.27) !important;
}

.btn-warning:hover, .btn-warning:focus {
    box-shadow: 0px 8px 24px rgba(255, 193, 7, 0.27) !important;
}

.required {
    color: #FF0000 !important;
}

.simplebar-scrollbar:before {
    background: rgba(115,115,116,0.8);
}


.border-top {
    border-top: none !important;
    position: relative;
}

    .border-top::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-image: linear-gradient(to right, rgba(217,217,217,0.1), rgba(217,217,217,0.5), rgba(217,217,217,0.1));
    }

.border-bottom {
    border-bottom: none !important;
    position: relative;
}

    .border-bottom::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-image: linear-gradient(to right, rgba(217,217,217,0.1), rgba(217,217,217,0.5), rgba(217,217,217,0.1));
    }

.border-start {
    border-left: none !important;
    position: relative;
}

    .border-start::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 1px;
        height: 100%;
        background-image: linear-gradient(to bottom, rgba(217,217,217,0.1), rgba(217,217,217,0.5), rgba(217,217,217,0.1));
    }

.border-end {
    border-right: none !important;
    position: relative;
}

    .border-end::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 1px;
        height: 100%;
        background-image: linear-gradient(to bottom, rgba(217,217,217,0.1), rgba(217,217,217,0.5), rgba(217,217,217,0.1));
    }

/*************************** COMMON CSS END *****************************/



.loginsec {
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

    .loginsec .lsbox {
        width: 100%;
        display: flex;
        align-items: center;
        padding: 30px 50px;
        height: 100vh;
    }

    .loginsec .logo_img_box {
        width: 100%;
        display: inline-block;
    }

        .loginsec .logo_img_box .logobox {
            margin-bottom: 50px;
        }

    .loginsec .lptitlebox {
        width: 100%;
        display: inline-block;
        margin-bottom: 40px;
    }

        .loginsec .lptitlebox h1 {
            font-weight: 700;
            font-size: 32px;
            line-height: 32px;
            letter-spacing: 0.02em;
            color: #23255B;
            margin-bottom: 20px;
        }

        .loginsec .lptitlebox h2 {
            font-weight: 500;
            font-size: 20px;
            line-height: 28px;
            color: #343D48;
        }

    .loginsec .remember_forgot {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 20px;
    }

    .loginsec .forgot_password {
        font-weight: 500;
        font-size: 16px;
        line-height: 16px;
        letter-spacing: 0.02em;
        color: #23255B;
    }

    .loginsec .donthave {
        font-weight: 500;
        font-size: 18px;
        line-height: 18px;
        color: #2D3748;
        margin-top: 30px;
    }

        .loginsec .donthave a {
            color: #23255B;
        }


.signupform {
    width: 100%;
    display: inline-block;
    height: 100%;
}

    .signupform .sufinner {
        width: 100%;
        display: inline-block;
        padding: 0px 50px;
        height: 100%;
        overflow: auto;
    }

    .signupform .sufboxes {
        width: 100%;
        display: inline-block;
    }

        .signupform .sufboxes:last-child {
            margin-bottom: 0px;
        }

    .signupform .boxestitle h2 {
        font-weight: 700;
        font-size: 25px;
        line-height: 25px;
        letter-spacing: 0.02em;
        color: #23255B;
        margin-bottom: 20px;
    }

    .signupform .sufboxes .form-group {
        margin-bottom: 8px;
    }

.centerdivsec {
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

    .centerdivsec .cdslogo img {
        width: 250px;
    }

.cdsinner {
    width: 100%;
    height: 100%;
}

.centerdivsec .cdsbmain {
    width: 100%;
    height: calc(100vh - 120px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.centerdivsec .cdsheadbox {
    width: 100%;
    display: flex;
    padding: 30px 80px;
    align-items: center;
    justify-content: space-between;
}

.centerdivsec .cdsbinner {
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
    border-radius: 15px;
    padding: 40px;
}

    .centerdivsec .cdsbinner .cdsbtitle {
        margin-bottom: 30px;
    }

        .centerdivsec .cdsbinner .cdsbtitle h2 {
            font-weight: 600;
            font-size: clamp(1.25rem, 1.8vw, 2.0rem);
            letter-spacing: 0.02em;
            color: #23255B;
            margin-bottom: 15px;
            text-shadow: 0px 4px 4px rgba(35, 37, 91, 0.3);
            text-transform: uppercase;
        }

        .centerdivsec .cdsbinner .cdsbtitle h6 {
            font-weight: 500;
            font-size: 17px;
            line-height: 24px;
            color: #343D48;
            margin-bottom: 15px;
            letter-spacing: 0.02em;
        }

            .centerdivsec .cdsbinner .cdsbtitle h6:last-child {
                margin-bottom: 0px;
            }

.redirect_url {
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0.02em;
    color: #000000;
}

    .redirect_url a {
        color: #23255B;
    }


.centerdivsec .cdsbmain.success .cdsbtitle h2 {
    color: #28A745;
    text-shadow: 0px 4px 4px rgba(40, 167, 69, 0.3);
}

.centerdivsec .cdsbmain.failed .cdsbtitle h2 {
    color: #FF0202;
    text-shadow: 0px 4px 4px rgba(255, 2, 2, 0.3);
}

.centerdivsec .btnbox {
    margin-top: 20px;
}

.centerdivsec .btn {
    letter-spacing: 0.06em;
    padding: 10px 15px;
}


.term_condi_sec {
    width: 100%;
    display: inline-block;
    padding: 20px 80px;
}

    .term_condi_sec .tcsinner {
        width: 100%;
        display: inline-block;
        background: #FFFFFF;
        border: 1px solid #D9D9D9;
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
        border-radius: 15px;
        padding: 20px;
        margin-bottom: 30px;
    }

    .term_condi_sec .titlemdata {
        padding-left: 15px;
    }

        .term_condi_sec .titlemdata h2 {
            font-weight: 400;
            font-size: 25px;
            line-height: 25px;
            letter-spacing: 0.02em;
            color: #23255B;
            margin-bottom: 20px;
        }

        .term_condi_sec .titlemdata p {
            font-weight: 400;
            font-size: 16px;
            line-height: 24px;
            color: #343D48;
            margin-bottom: 20px;
            text-align: justify;
            letter-spacing: 0.02em;
        }


    .term_condi_sec .tcinnertitle {
        border-bottom: 1px solid;
        border-top: 1px solid;
        border-color: rgba(217, 217, 217, 0.5);
        padding-top: 20px;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

        .term_condi_sec .tcinnertitle h3 {
            font-weight: 400;
            font-size: 20px;
            line-height: 20px;
            letter-spacing: 0.02em;
            color: #343D48;
        }

    .term_condi_sec .tcinnertitle,
    .term_condi_sec .tcdbinner {
        padding-left: 35px;
        padding-right: 35px;
    }

        .term_condi_sec .tcdbinner p {
            margin-bottom: 15px;
            text-align: justify;
            letter-spacing: 0.02em;
            font-size: 15px;
        }


.signupsec .back-btn-main {
    display: inline-block;
    float: right;
}


.fitscreen-height-main {
    position: relative;
    border-top-left-radius: 0px;
    padding: 15px;
}

.page_main {
    width: 100%;
    display: inline-block;
    border: 1px solid #E7E7E7;
    background-color: #fff;
    padding: 15px;
}

.main-panel .page-header-name {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 10px;
    margin: 0 0 10px;
    position: relative;
}

    .main-panel .page-header-name::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 1px;
        background-image: linear-gradient(to right, rgba(217,217,217,0.1), rgba(217,217,217,0.5), rgba(217,217,217,0.1));
        margin: 0 15px;
    }

    .main-panel .page-header-name h1 {
        font-weight: 500;
        font-size: 20px;
        line-height: 20px;
        letter-spacing: 0.02em;
        color: #2E2C2C;
        text-transform: capitalize;
    }

.main-panel .page-header-plain h1 {
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 0.02em;
    color: #4A4A4A;
    text-transform: uppercase;
}

.hbtngroup {
    width: auto;
    display: inline-block;
}

    .hbtngroup .hbtn {
        background: #FFFFFF;
        border: 1px solid #EAEAEA;
        font-size: 16px;
        line-height: 16px;
        padding: 10px 15px;
        display: flex;
        align-items: center;
    }

        .hbtngroup .hbtn i {
            padding-right: 5px;
        }

        .hbtngroup .hbtn:hover {
            background-color: #23255B;
            color: white;
        }

.dashboxes {
    display: flex;
}

.hr {
    position: relative;
    width: 100%;
    display: inline-block;
    padding: 0px;
    margin: 10px 0px;
    line-height: 10px;
}

    .hr::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 2px;
        background-image: linear-gradient(to right, rgba(217,217,217,0.1), rgba(217,217,217,0.5), rgba(217,217,217,0.1));
        line-height: 10px;
    }


.dash-shadow-box-wrapper {
    width: 100%;
    display: inline-block;
}

.dash-stone-info-row {
    width: 100%;
    display: inline-block;
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
    box-shadow: 0px 1px 14px rgba(0, 0, 0, 0.07);
    border-radius: 15px;
    padding: 20px 25px;
}

.header-notification-inner .dropdown-toggle::after {
    display: none;
}

.header-notification-inner .notiicon {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #FFFAF1;
    border-radius: 8px;
    position: relative;
    color: #FFA412;
    font-size: 20px;
}

    .header-notification-inner .notiicon.red-icon {
        color: #ff1d12;
        background: #fff1f1;
    }

.header-notification-inner .badge {
    width: 7px;
    height: 7px;
    background: #EB5757;
    border-radius: 100%;
    padding: 0;
    position: absolute;
    right: 5px;
    top: 5px;
}

.notification-author {
    min-width: 367px;
    margin-left: -10px;
    margin-right: -10px;
}

.notification-single-top .noti_sin_title {
    border-bottom: 1px solid #F0F0F0;
    padding: 15px;
}

    .notification-single-top .noti_sin_title span {
        font-size: 20px;
        line-height: 20px;
        color: #23255B;
    }

.notification-single-top h1 {
    font-size: 16px;
    color: #63666a;
    font-weight: 600;
    text-align: center;
    margin: 0px;
}

.notification-menu {
    max-height: 230px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.header-right-menu li {
    display: inline-block;
}

.notification-menu li a {
    display: flex;
    text-decoration: none;
    color: #00968f;
    padding: 15px 20px;
    background-color: transparent !important;
    border-bottom: 1px solid #F0F0F0;
}

.notification-menu li:last-child a {
    border-bottom: none;
}

.notification-menu li .notification-icon i {
    font-size: 25px;
    line-height: 50px;
    width: 50px;
    height: 50px;
    background: #f0f0f0;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    margin: 0px 10px 0px 0px;
    color: #23255B;
}

.notification-author li .notification-content {
    position: relative;
    -ms-flex: 1;
    flex: 1;
}

    .notification-author li .notification-content .notification-date {
        position: absolute;
        top: -2px;
        right: 0px;
        font-size: 13px;
        font-style: italic;
        color: #5a5a5a;
    }

    .notification-author li .notification-content h2 {
        font-size: 16px;
        font-weight: 600;
        color: #63666a;
        margin-bottom: 5px;
    }

    .notification-author li .notification-content p {
        font-size: 14px;
        line-height: 20px;
        color: #5a5a5a;
    }

        .notification-author li .notification-content p:last-child {
            margin-bottom: 0px;
        }

.notification-author .notification-view a {
    display: block;
    font-size: 16px;
    line-height: 16px;
    border-top: 1px solid #F0F0F0;
    padding: 15px 0px;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    color: #23255B;
}

.header-rght-side .select2-container .select2-selection--single {
    border-radius: 15px;
}

.header-rght-side .select2-container--default .select2-selection--single .select2-selection__rendered {
    /*    line-height: normal;
    padding-left: 0;
    padding-right: 25px;*/
    text-transform: uppercase;
}

.header-rght-side .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
    right: 10px;
}

.dash-stone-info-icon {
    width: 55px;
    height: 55px;
    min-width: 55px;
    min-height: 55px;
    border-radius: 50px;
    padding: 15px 15px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

    .dash-stone-info-icon img {
        position: relative;
        z-index: 1;
        transition: all 0.3s;
    }

    .dash-stone-info-icon:before {
        content: '';
        background-color: var(--tooltip-color);
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        opacity: 0.27;
        transition: all 0.3s;
    }

.dash-stone-info-row:hover .dash-stone-info-icon:before {
    opacity: 1;
}

.dash-stone-info-row:hover .dash-stone-info-icon img {
    filter: grayscale(1) brightness(5);
}

.dash-stone-info-1 h2 {
    font-size: 26px;
    line-height: 55px;
    letter-spacing: 0.02em;
    color: #4A4A4A;
    font-weight: 500;
    margin-bottom: 0;
}

.dash-stone-info-1 p {
    margin: 5px 0 0px 0;
    color: #343D48;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
}

.dash-contact-executive-heading {
    padding: 5px 10px;
}

    .dash-contact-executive-heading h4 {
        color: #4A4A4A;
        font-size: 15px;
        font-weight: 500;
        margin: 0 0 0 10px;
        letter-spacing: 0.02em;
    }

.dash-contact-executive-info {
    padding: 20px 0;
}

.c-executive-profile {
    padding: 0 15px;
}

    .c-executive-profile img {
        width: 60px;
        height: 60px;
        min-width: 60px;
        min-height: 60px;
        object-fit: cover;
        border-radius: 100%;
    }

.c-executive-name h4 {
    color: #4A4A4A;
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 6px 0;
}

.c-executive-name h6 {
    color: #4A4A4A;
    font-size: 13px;
    font-weight: 400;
    margin: 0;
}

.c-executive-name a {
    color: #737791;
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    margin: 0;
    display: inline-block;
    width: 100%;
}

ul.contact-executive-socialmedia {
    padding: 10px 0 0;
}

    ul.contact-executive-socialmedia li a {
        display: block;
        background: #fff;
        width: 30px;
        height: 30px;
        line-height: 30px;
        /*        padding: 8px 9px;*/
        margin: 0 10px 0 0;
        border-radius: 50%;
        transition: all 0.3s;
        border: 1px solid #23255B;
        font-size: 18px;
        text-align: center;
    }

        ul.contact-executive-socialmedia li a:hover {
            background: #23255B;
            color: #fff;
        }

            ul.contact-executive-socialmedia li a:hover img {
                filter: grayscale(1) brightness(5);
            }

.dash-card-heading-row h4 {
    margin: 0;
    color: #4A4A4A;
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    padding-left: 5px;
    text-transform: capitalize;
    letter-spacing: 0.02em;
}

.dash-card-heading-row .color-white-fancy-tab h4 {
    color: #787878;
}

.dash-card-heading-row .color-white-fancy-tab li a.active h4 {
    color: #333f68;
}

.dash-seeall-link {
    color: #4A4A4A;
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    white-space: nowrap;
    text-transform: capitalize;
}

.dash-card-heading-row {
    margin-bottom: 5px;
}

.save-src-height {
    min-height: 177px;
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
    box-shadow: 0px 1px 14px rgba(0, 0, 0, 0.07);
    border-radius: 15px;
}

.save-src-row {
    margin: 0;
    transition: all 0.3s;
}

    .save-src-row:first-child {
        border-radius: 15px 15px 0px 0px;
    }

    .save-src-row:nth-child(5) {
        border-radius: 0px 0px 15px 15px;
    }

.save-src-cretarea {
    color: #2E2C2C;
    font-weight: 500;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: 0.05em;
    padding: 5px 0px;
}

.save-src-date-tlt ul {
    display: flex;
}

    .save-src-date-tlt ul li {
        color: #878499;
        font-size: 13px;
        margin: 0 5% 0 0;
        white-space: nowrap;
        letter-spacing: 0.02em;
    }

.save-src-arrow-right {
    max-width: 13px;
    opacity: 0.75;
    display: inline-block;
    padding: 2px 0;
    transition: all 0.3s;
    color: #212529;
}

    .save-src-arrow-right:hover {
        opacity: 1;
    }

.dash-src-table {
    margin: 5px 0 10px 0;
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
    box-shadow: 0px 1px 14px rgba(0, 0, 0, 0.07);
    border-radius: 15px;
}

    .dash-src-table .table-bordered > :not(caption) > * {
        border-width: 0;
    }

    .dash-src-table .table-bordered td,
    .dash-src-table .table-bordered th {
        border-right: 1px solid #D9D9D9;
        background-color: #fff;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        padding: 3px 8px;
    }

        .dash-src-table .table-bordered td:last-child,
        .dash-src-table .table-bordered th:last-child {
            border-right: 0;
        }

    .dash-src-table .table thead th {
        background-color: rgba(244, 244, 244, 1);
        color: #4A4A4A;
        font-weight: 700;
        font-size: 13px;
        letter-spacing: 0.02em;
        border-left: 0;
        text-transform: uppercase;
    }

    .dash-src-table .table tbody td {
        padding: 3px 8px;
        color: #343D48;
        font-weight: 400;
        font-size: 13px;
        letter-spacing: 0.02em;
        border-left: 0;
    }

        .dash-src-table .table tbody td i {
            color: #D9D9D9;
        }

.table-striped > tbody > tr:nth-of-type(odd) > * {
    background: #FFFFFF !important;
    --bs-table-accent-bg: #FFFFFF !important;
}

.table-striped > tbody > tr:nth-of-type(even) > * {
    background: #FBFBFB !important;
    --bs-table-accent-bg: #FBFBFB !important;
}

.dash-card-heading-row h4 span {
    color: #787878;
}

.excusive-detail-row {
    padding: 10px;
    position: relative;
    overflow: hidden;
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
    box-shadow: 0px 1px 14px rgba(0, 0, 0, 0.07);
    border-radius: 15px;
    min-height: 204px;
    height: 204px;
}

.excusive-main-image {
    position: relative;
    text-align: center;
    z-index: 1;
    width: 84px;
    height: 84px;
    background: #FFFFFF;
    border: 1px solid #E7E7E7;
    /*    box-shadow: 0px 1px 14px rgba(0, 0, 0, 0.07);*/
    border-radius: 15px;
    padding: 10px;
}

    .excusive-main-image img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.slider-navigation-custom .slick-dots li {
    width: auto;
    height: auto;
    margin: 0 8px;
    position: relative;
}

    .slider-navigation-custom .slick-dots li::before {
        content: "";
        width: 16px;
        height: 16px;
        border: 1px solid #23255B;
        position: absolute;
        left: -4px;
        top: -4px;
        line-height: 10px;
        border-radius: 100%;
    }

    .slider-navigation-custom .slick-dots li button {
        width: 8px;
        height: 8px;
        padding: 0;
        background: transparent;
        border-radius: 100%;
        transition: all 0.3s;
        position: relative;
    }

    .slider-navigation-custom .slick-dots li.slick-active button {
        background: #23255B;
    }

    .slider-navigation-custom .slick-dots li button:before {
        display: none;
    }


.excusive-diamond-details .stoneid {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.02rem;
    color: #212529;
    margin-bottom: 5px;
}

.excusive-diamond-details .stoneinfo {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    margin-bottom: 5px;
}

    .excusive-diamond-details .stoneinfo li {
        font-weight: 400;
        font-size: 14px;
        color: #212529;
        margin: 0 10px 0 0;
    }

.excusive-diamond-details .stoneprice {
    display: flex;
    flex-wrap: wrap;
}

    .excusive-diamond-details .stoneprice li {
        flex: 0 0 calc(50% + -0px);
        box-sizing: border-box;
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

        .excusive-diamond-details .stoneprice li .title {
            font-weight: 400;
            font-size: 14px;
            letter-spacing: 0.02rem;
            color: #878499;
        }

        .excusive-diamond-details .stoneprice li .data {
            font-weight: 400;
            font-size: 14px;
            letter-spacing: 0.02rem;
            color: #212529;
        }

/*    .excusive-diamond-details ul li {
        color: #4A4A4A;
        font-size: 14px;
        font-weight: 500;
        margin: 0 5% 0 0;
        display: inline-block;
        letter-spacing: 0.02em;
    }

    .excusive-diamond-details ul li:last-child {
        margin: 0;
    }*/

.excusive-diamond-details .iconul {
    display: flex;
    align-items: center;
}

    .excusive-diamond-details .iconul li {
        margin-right: 10px;
    }


        .excusive-diamond-details .iconul li:last-child {
            margin-right: 0px;
        }

        .excusive-diamond-details .iconul li a {
            width: 30px;
            height: 30px;
            line-height: 30px;
            margin-top: 10px;
            font-size: 18px;
            text-align: center;
            border: 1px solid #23255B;
            display: inline-block;
            border-radius: 100%;
        }

            .excusive-diamond-details .iconul li a:hover {
                background-color: #23255B;
                color: #fff;
            }

.excusive-diamond-details ul li.bold-text {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.02em;
}

.excusive-detail-row .bottom-btn-name a {
    color: #23255B;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #23255B;
    border-radius: 100%;
    display: inline-block;
}

    .excusive-detail-row .bottom-btn-name a:hover {
        background-color: #23255B;
        color: #fff;
    }

    .excusive-detail-row .bottom-btn-name a i {
        font-size: 14px;
    }

.excusive-detail-row .view-more a {
    color: #4e575d !important;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
}

    .excusive-detail-row .view-more a.btn.focus,
    .excusive-detail-row .view-more a.btn:focus {
        box-shadow: none !important;
    }

.border-custom {
    border-bottom: 1px solid #DDDBDC !important;
}

.stn-serch-bdr-btm {
    position: relative;
}

.stn-src-left-heading h2 {
    font-size: 16px;
    font-weight: 500;
    color: #2E2C2C;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
}

.src-shape-main-pcscroll {
    position: relative;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    padding-bottom: 10px;
}

ul.row-shape li {
    text-align: center;
    padding-left: 7px;
    padding-right: 7px;
    cursor: pointer;
}

    ul.row-shape li:first-child {
        padding-left: 0;
    }

.shape-img, .color_img {
    min-width: 100px;
    max-width: 100px;
    margin: 0;
    padding: 10px;
    background: #fff;
    text-align: center;
    transition: all 0.3s;
    border: 1px solid #E7E7E7;
    border-radius: 10px;
}

    .shape-img img, .color_img img {
        display: inline-block;
        width: 50px;
        transition: all 0.3s;
    }

.shape-name {
    color: #212529;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    padding-top: 10px;
    transition: all 0.3s;
    text-transform: capitalize;
}

ul.row-shape li .shape-img:hover,
ul.row-shape li .color_img:hover {
    background: rgba(36,37,92, 0.2);
}

ul.row-shape li.active .shape-img,
ul.row-shape li.active .color_img {
    background: rgba(36,37,92, 0.2);
    border-color: #23255B;
}

.carat-weight-plus {
    cursor: pointer;
    border: none;
    margin: 0;
    padding: 0 0;
    background: #fff;
    color: #23255B;
    border-radius: 5px;
    text-align: center;
    transition: all 0.3s;
    width: 40px;
    height: 40px;
    line-height: 40px;
    box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,.075);
}

.carat-weight-dropdown {
    min-width: 500px;
    max-height: 110px;
    cursor: default;
    overflow-y: auto;
}

    .carat-weight-dropdown li {
        border-bottom: 1px solid #dee2e6;
    }

ul.size-whit-box li {
    padding: 4px 10px;
    border: 1px solid #E6E6E6;
    margin: 1px 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 14px;
    line-height: 14px;
    color: #343D48;
    font-weight: 500;
    background: #fff;
    white-space: nowrap;
    transition: all 0.3s;
}

    ul.size-whit-box li:hover {
        color: #433a3e;
    }

    ul.size-whit-box li i {
        color: #AAAAAA;
    }

ul.color-whit-box li {
    font-size: 13px;
    line-height: 22px;
    font-weight: 400;
    color: #212529;
    border: 1px solid #E7E7E7;
    border-radius: 5px;
    padding: 4px 10px;
    margin: 0 10px 0 0;
    text-align: center;
    cursor: pointer;
    /*    font-size: clamp(0.875rem, 1vw, 1rem);*/
    background: #fff;
    white-space: nowrap;
    transition: all 0.3s;
}

    ul.color-whit-box li:last-child {
        margin-right: 0;
    }

    ul.color-whit-box li:hover {
        background: rgba(36,37,92, 0.2);
        border-color: #23255B;
    }

    ul.color-whit-box li.active {
        background: rgba(36,37,92, 0.2);
        border-color: #23255B;
    }

    ul.color-whit-box li i {
        color: #AAAAAA;
    }

.calender-icon {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(-50%, -50%);
    color: #C8C8C8;
    font-size: 16px;
}

.search_main textarea {
    height: 40px;
    padding: 11px 15px;
}

/*.offcanvas-header,
.offcanvas-body,
.offcanvas-footer {
    padding: 20px;
}

    .offcanvas-header h5 {
        font-weight: 600;
        font-size: 24px;
        line-height: 24px;
        color: #000000;
    }

    .offcanvas-header .btn-close {
        padding: 0;
        margin: 0;
        background: no-repeat;
        background-color: var(--primary);
        opacity: 1;
        color: #fff !important;
        width: 30px;
        height: 30px;
        line-height: 30px;
        border-radius: 14px;
        font-size: 11px;
    }

.offcanvas.offcanvas-end .offcanvas-header {
    padding-bottom: 0px;
}

.offcanvas-footer {
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
    display: flex;
    align-items: center;
    justify-content: end;
}*/

.offcanvas {
    border: 0 !important;
    margin: 20px;
    transform: inherit;
    border-radius: 10px;
    background: #FFF;
}

.offcanvas-header .btn-close {
    padding: 0;
    margin: 0;
    background: no-repeat;
    background-color: #fff;
    opacity: 1;
    color: #3B5872;
    border-radius: 14px;
    z-index: 99;
    font-size: 25px;
    box-shadow: none;
}

/*    .offcanvas-header .btn-close:hover {
        background-color: var(--primary);
        border-color: var(--primary);
        color: #fff;
    }*/

.offcanvas-header {
    padding: 20px 0px;
    margin: 0 20px;
}

    .offcanvas-header h5 {
        flex: 1;
        font-weight: 600;
        font-size: 20px;
        line-height: 20px;
        color: #2E2C2C;
        letter-spacing: .02em;
    }

.offcanvas-body {
    padding: 0px 20px 20px;
    overflow-x: hidden;
}

.offcanvas .modal-footer {
    box-shadow: 0px 3px 17px 0px rgb(0 0 0 / 15%);
    padding: 15px 20px;
    border: none;
}

    .offcanvas .modal-footer .btn {
        padding: 12px 20px;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.05em;
        margin: 0 15px 0 0;
    }

        .offcanvas .modal-footer .btn:last-child {
            margin-right: 0
        }

.offcanvas-footer {
}

.offcanvas {
    border: none
}

    .offcanvas.show {
        opacity: 1;
        animation: fadein .6s
    }

@keyframes fadein {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.offcanvas-end {
    transform: inherit;
    opacity: 0;
    animation: fadeOut ease .6s;
    width: 400px !important;
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.modal .modal-header {
    border: none;
    padding: 20px 20px 10px;
    position: relative;
    margin-bottom: 20px;
}

    .modal .modal-header:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background-image: linear-gradient(to right, #e9ebec1a, #e9ebec80, #e9ebec1a);
    }

.modal-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    color: #2E2C2C;
    letter-spacing: .02em;
}

.modal .modal-header .btn-close {
    padding: 0;
    margin: 0;
    background: no-repeat;
    background-color: #fff;
    opacity: 1;
    color: #3B5872;
    border-radius: 14px;
    z-index: 99;
    font-size: 25px;
    box-shadow: none;
}

.modal .modal-content {
    border: none;
    background: #fff;
    border-radius: 10px;
}

.modal .modal-body {
    padding: 0 20px 20px;
    overflow-x: hidden;
}

.modal .modal-footer {
    padding: 0px 20px 15px;
    border: none;
}

    .modal .modal-footer .btn,
    .modal .modal-footer .btn-ctm {
        padding: 12px 35px;
        margin: 0 15px 0 0;
        border-radius: 90px;
    }

        .modal .modal-footer .btn:last-child,
        .modal .modal-footer .btn-ctm:last-child {
            margin: 0;
        }

.btn-close-red {
    background-image: url('../images/modal-close-img.svg');
    opacity: 1;
}

.contains-checkbox-main {
    background-color: #F5F5F5;
    padding: 8px 7px;
    border: 1px solid #E6E6E6;
    border-radius: 5px;
}

.search-result-btns {
    font-size: 11px;
    line-height: 10px;
    white-space: nowrap;
    padding: 0.375rem 0.6rem;
}

.search-result-btn-scroll {
    overflow: auto;
}

    .search-result-btn-scroll li {
        padding: 5px 5px;
    }

.src-result-row {
    background-color: #FCFCFC;
}

.src-result-fcs-main ul li {
    padding: 10px 10px;
    color: #23255B;
}

    .src-result-fcs-main ul li:first-child {
        padding-left: 0px;
    }

.src-result-fcs-icn {
    font-size: 16px;
}

.src-result-fcs-txt {
    padding-left: 5px;
    font-size: 13px;
}

.advance-src-wrapper ul li .mbl-menu-icn {
    display: none;
    color: #fff;
    text-align: center;
    font-size: 18px;
    position: relative;
    z-index: 1;
}

.advance-src-wrapper ul li .btn-ctm.bordered .mbl-menu-icn {
    color: #878499;
}

.advance-src-heding-main {
    color: #4A4A4A;
    font-size: 25px;
    font-weight: 500;
    padding: 30px 0 30px 0;
    position: relative;
    text-align: center;
}

    .advance-src-heding-main:before {
        content: '';
        background: #D9D9D9;
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        height: 1px;
        z-index: 0;
    }

    .advance-src-heding-main span {
        background: #fff;
        padding: 0 10px;
        display: inline-block;
        position: relative;
    }

.ctm-rl-p {
    padding-right: 3rem;
    padding-left: 3rem;
}


.tooltip-inner {
    max-width: 210px;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    border-bottom-color: #23255B;
}

.tooltip-inner {
    background-color: #23255B;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.4px;
}

.tooltip .tooltip-arrow::before {
    border-top-color: #23255B !important;
    border-bottom-color: #23255B !important;
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.bs-tooltip-start .tooltip-arrow::before {
    border-left-color: #23255B;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
}

.cart-status-color-bottom {
    white-space: nowrap;
    line-height: normal;
    font-size: 0;
}

    .cart-status-color-bottom ul {
        padding: 0px;
    }

        .cart-status-color-bottom ul li {
            font-size: 12px;
            text-align: center;
            display: inline-block;
            font-weight: 400;
            margin-right: 10px;
            color: #212529;
            text-transform: capitalize;
        }

            .cart-status-color-bottom ul li span {
                width: 18px;
                height: 18px;
                line-height: 18px;
                display: inline-block;
                text-transform: capitalize;
                margin-right: 5px;
                text-align: center;
                margin: 0 auto;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
                margin-right: 5px;
                font-weight: 500;
            }

.status-available {
    color: #1AAF5D;
}

    .status-available span {
        background: #41CC4F;
        color: #fff;
    }

        .status-available span:before {
            content: 'A';
        }

.status-new span {
    background: #2693ff;
    color: #fff;
}

    .status-new span:before {
        content: 'N';
    }

.status-memo span {
    background: #f39c12;
    color: #fff;
}

    .status-memo span:before {
        content: 'M';
    }

.status-out span {
    background: #ffc21c;
    color: #fff;
}

    .status-out span:before {
        content: 'O';
    }

.status-hold span {
    background: #FF0004;
    color: #fff;
}

    .status-hold span:before {
        content: 'H';
    }

.status-block {
    padding: 2px 5px;
    border-radius: 4px;
    color: #fff;
    width: 25px;
    text-transform: capitalize;
    font-size: 12px;
    padding-top: 1px;
}

.status-A {
    background: #1aaf5d;
}

.status-M {
    background: #f39c12;
}

.status-O {
    background: #ffc21c;
}

.status-H {
    background: #FF0000;
}

.al-table-top-info ul li {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.02em;
    padding: 0 10px 0 10px;
    text-transform: capitalize;
    position: relative;
}

    .al-table-top-info ul li .title {
        color: #868686;
        font-weight: 400;
        margin-right: 2px;
    }

    .al-table-top-info ul li .data {
        color: #213254;
        font-weight: 500;
    }

    .al-table-top-info ul li::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 2px;
        height: 100%;
        background-image: linear-gradient(to bottom, rgba(217, 217, 217, 0.1), rgba(217, 217, 217, 0.5), rgba(217, 217, 217, 0.1));
    }

    .al-table-top-info ul li:first-child {
        padding-left: 0;
    }

    .al-table-top-info ul li:last-child {
        padding-right: 0;
    }

        .al-table-top-info ul li:last-child::after {
            display: none;
        }

/*.src-rest-topbtn {
    margin: 0 0 0 0;
    position: relative;
    border-left: 1px solid #dfe4f7;
    z-index: 50;
}

    .src-rest-topbtn ul {
        line-height: 0 !important;
    }

        .src-rest-topbtn ul li {
            display: inline-block;
            margin: 0 0 0 4px;
        }

            .src-rest-topbtn ul li:first-child {
                margin-left: 0px;
            }

            .src-rest-topbtn ul li a {
                border: 1px solid #E7E7E7;
                border-radius: 5px;
                display: block;
                background: #ffffff;
                color: #4A4A4A;
                transition: all 0.3s;
                position: relative;
                width: 35px;
                height: 35px;
                line-height: 35px;
                text-align: center;
                overflow: hidden;
            }

                .src-rest-topbtn ul li a:hover {
                    background: #23255B;
                    color: #fff;
                }*/

/*i.src-img-btn {
    position: relative;
    top: 0px;
    font-size: 19px;
    line-height: 37px;
}*/

.result-view-change-wrapper {
    padding-left: 10px;
    margin-left: 10px;
}

    .result-view-change-wrapper ul {
        background: #343D48;
        border-radius: 5px;
        overflow: hidden;
        padding: 2px 2px;
        margin-top: -1px;
    }

        .result-view-change-wrapper ul li a {
            display: block;
            width: 37px;
            height: 37px;
            line-height: 37px;
            text-align: center;
            padding: 0 9px;
            border-radius: 3px;
            font-size: 19px;
            color: #fff;
        }

            .result-view-change-wrapper ul li a.active {
                background: #fff;
                color: #4e575d;
            }



.datatable-custom-wrapper table thead tr th {
    background: #23255B;
    color: #fff;
    text-transform: capitalize;
    font-size: 12px;
    padding: 5px 10px 5px 10px;
    border-top: 1px solid #F0F0F0;
    border-right: 1px solid #F0F0F0;
    border-bottom: 1px solid #F0F0F0;
    white-space: nowrap;
    font-weight: 400;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}

.datatable-custom-wrapper table tbody tr td {
    color: #4e575d;
    font-weight: 400;
    border-right: 1px solid #F0F0F0;
    border-bottom: 1px solid #F0F0F0;
    border-top: 0 solid #e0e3ef !important;
    padding: 3px 10px;
    white-space: nowrap;
    font-size: 12px;
}

div.dataTables_scrollHead table.dataTable {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

.srv_boxes_main {
    display: flex;
}

.srv_box_inner {
    width: 100%;
    display: inline-block;
    background-color: #fff;
    border: 1px solid #D9D9D9;
    /*    filter: drop-shadow(0px 0px 26px rgba(0, 0, 0, 0.059));*/
    padding: 10px;
    border-radius: 15px;
    margin-bottom: 25px;
    position: relative;
    cursor: pointer;
}

    .srv_box_inner.active {
        background: #F8F8FC;
        border: 1px solid #23255B;
        /*        box-shadow: 0px 0px 3px rgba(36,37,92, 0.25);*/
    }

.products_main_img_box {
    width: 100%;
    overflow: hidden;
    height: 250px;
    object-fit: contain;
}

.products_inner_img_box {
    width: 100%;
    height: 100%;
    display: inline-block;
    text-align: center;
}

    .products_inner_img_box img {
        transition: all 0.2s;
        border-radius: 5px;
        max-width: 100%;
        max-height: 100%;
    }

    .products_inner_img_box.small_img {
        transform: scale(1.5);
    }

    .products_inner_img_box.big_img {
        transform: scale(1);
    }

.srv_box_inner .srv_content_box {
    width: 100%;
    display: inline-block;
    padding: 15px 0px 0px;
}

    .srv_box_inner .srv_content_box h6 {
        font-size: 14px;
        line-height: 22px;
        color: #878499;
        margin-bottom: 0px;
        font-weight: 400;
        display: inline-block;
    }

        .srv_box_inner .srv_content_box h6 a {
            padding-right: 5px;
            color: #23255B;
            font-weight: 500;
        }

        .srv_box_inner .srv_content_box h6 .cart-status-color-bottom {
            display: inline-block;
        }

.srv_box_inner .cart-status-color-bottom ul li {
    margin-right: 5px;
}

    .srv_box_inner .cart-status-color-bottom ul li span {
        margin-right: 0px;
    }

.srv_box_inner .srv_content_box .srv_ul {
    width: 100%;
    display: inline-block;
}

    .srv_box_inner .srv_content_box .srv_ul li h5 {
        margin-bottom: 0px;
        font-size: 14px;
        color: #23255B;
        font-weight: 500;
    }

.srv_box_inner .img_txt {
    position: absolute;
    top: -1px;
    left: -5px;
}

    .srv_box_inner .img_txt p {
        font-size: 14px;
        line-height: 14px;
        margin-bottom: 0px;
        color: #ffffff;
        font-weight: 500;
        position: absolute;
        top: 7px;
        left: -3px;
        width: 100%;
        height: auto;
        text-align: center;
        text-transform: uppercase;
    }

.srv_box_inner .diamondnew {
    position: absolute;
    top: 20px;
    right: 20px;
    background: rgba(35, 37, 91, 0.27);
    font-size: 11px;
    line-height: 11px;
    border-radius: 50px;
    padding: 5px 9px;
    color: #23255B;
    font-weight: 700;
    text-transform: uppercase;
}

.srv_box_inner .info-icon {
    position: absolute;
    bottom: 20px;
    right: 25px;
    background: #23255B;
    font-size: 11px;
    line-height: 11px;
    border-radius: 50px;
    padding: 5px 9px;
    color: #ffffff;
    font-weight: 700;
}

.srv_box_inner .zoom-icon {
    position: absolute;
    bottom: 20px;
    left: 25px;
    font-size: 20px;
    line-height: 20px;
    border-radius: 50px;
    font-weight: 700;
    color: #23255B;
}

.srv_box_inner .zoom-icon-1 {
    position: absolute;
    bottom: 55px;
    right: 10px;
    font-size: 20px;
    line-height: 20px;
    border-radius: 50px;
    font-weight: 700;
    color: #23255B;
}

.pagination .page-item .page-link {
    font-size: 16px;
    font-weight: 500;
    margin-left: 5px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    padding: 0px;
    color: #4e575d;
    border-radius: 5px;
    border-color: #D9D9D9;
    margin: 0;
    padding: 0;
}

.srv_box_inner.active .hr::before {
    background-image: linear-gradient(to right, rgba(248,130,186,0.1), rgb(36 50 85), rgba(248,130,186,0.1));
}

.pagination .page-item.active .page-link,
.pagination .page-item.active .page-link:hover {
    border: 1px solid #23255B !important;
    background: #23255B !important;
    color: #fff !important;
}

    .pagination .page-item.active .page-link:focus {
        box-shadow: 0 0 0 0.25rem rgba(0,98,114,0.25);
    }

.pagination-sticky {
    position: fixed;
    bottom: 0;
    background: #fff;
    z-index: 10;
    left: 0;
    right: 0;
    margin-left: 0;
    margin-right: 0;
    box-shadow: 0 0 5px rgba(0,0,0,0.15);
    border-top: 1px solid #EAEAEA;
    padding: 10px 0 10px 0;
}

.pagination-cust .page-item {
    margin-right: 4px;
}

.pagination-sticky .al-table-top-info ul li {
    border: 1px solid #EAEAEA;
    padding: 10px 15px;
    border-radius: 5px;
    margin-right: 10px;
}

    .pagination-sticky .al-table-top-info ul li:last-child {
        margin-right: 0px;
    }

.gvd_main {
    /*height: calc(100vh - 235px);*/
    overflow: auto;
    border: 1px solid #E7E7E7;
    padding: 15px;
}

.tab-pane {
    display: none;
}

.pboxtitle {
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
}

    .pboxtitle h2 {
        font-weight: 500;
        font-size: 20px;
        line-height: 20px;
        color: #4A4A4A;
    }

.profile_picture {
    width: 100%;
    display: inline-block;
    position: relative;
}

.profile-pic {
    width: 128px;
    height: 128px;
    line-height: 128px;
    display: inline-block;
    object-fit: contain;
}

.file-upload {
    display: none;
}

.circle {
    border-radius: 100% !important;
    overflow: hidden;
    border: 2px solid #ddd;
}

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

.p-image {
    position: absolute;
    bottom: -10px;
    left: 50%;
    color: #666666;
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
    transform: translateX(-50%);
}

    .p-image:hover {
        transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
    }

.upload-button {
    width: 30px;
    height: 30px;
    line-height: 27px !important;
    text-align: center;
    margin-bottom: 0;
    border-radius: 100%;
    background: #FFFFFF;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    border: 2px solid #D9D9D9;
    color: #343D48;
    font-size: 14px;
}

    .upload-button:hover {
        transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
        color: #999;
    }


/*============= Ag Grid Custome ===========*/

.ag-theme-balham .ag-header {
    font-weight: 400 !important;
    font-size: 15px !important;
    background-color: #F3F4F9 !important;
    color: #2E2C2C !important;
    border-bottom: 1px solid #E7E7E7 !important;
}

.ag-root-wrapper {
    border: 1px solid #E7E7E7 !important;
}

.ag-theme-balham {
    border-bottom: 3px solid #E7E7E7;
}

    .ag-theme-balham .ag-icon {
        color: #4A4A4A !important;
    }

.ag-header-cell-menu-button {
    position: absolute;
    right: 3px;
}

.ag-cell {
    text-align: center;
}

.ag-theme-balham .ag-row {
    border-color: #E7E7E7 !important;
}

.ag-theme-balham .ag-row-odd {
    background-color: #FBFBFB !important;
}

.ag-theme-balham .ag-row-selected {
    background-color: rgba(35, 37, 91, 0.10) !important;
    border-color: #fff !important;
}

.ag-row-selected:before {
    background-color: rgba(35, 37, 91, 0.10) !important;
}

.ag-row-hover.ag-row-selected:before {
    background-color: rgba(35, 37, 91, 0.10) !important;
    background-image: none !important;
}

.ag-theme-balham .ag-row:hover {
    background-color: rgba(35, 37, 91, 0.10) !important;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-1 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.ag-theme-balham .ag-ltr .ag-cell {
    font-size: 13px !important;
    line-height: 18px;
    font-weight: 400;
    color: #212529 !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    letter-spacing: 0.02em;
    border-right: 1px solid #E7E7E7 !important;
}

.ag-theme-balham .ag-row-selected .ag-cell {
    border-right-color: #fff !important;
}

.ag-theme-balham .ag-cell {
    padding-left: 0;
    padding-right: 0;
}

.ag-header-cell {
    display: inline-block;
    text-align: center;
    text-transform: capitalize;
}

.ag-cell-wrapper {
    text-align: center;
    height: 100%;
}

    .ag-cell-wrapper .ag-selection-checkbox {
        margin-right: 0 !important;
    }

.ag-theme-balham .ag-icon-checkbox-checked:before,
.ag-theme-balham .ag-icon-checkbox-checked-readonly:before {
    content: none;
}

.ag-theme-balham .ag-icon-checkbox-unchecked:before,
.ag-theme-balham .ag-icon-checkbox-unchecked-readonly:before {
    content: none;
}

.ag-theme-balham .ag-icon-checkbox-indeterminate:before,
.ag-theme-balham .ag-icon-checkbox-indeterminate-readonly:before {
    content: none;
}

.ag-theme-balham .ag-icon-checkbox-unchecked {
    background-image: url('../images/blank-check-box.svg') !important;
}

.ag-theme-balham .ag-icon-checkbox-indeterminate {
    background-image: url('../images/check-minus.svg') !important;
}

.ag-theme-balham .ag-icon-checkbox-checked,
.ag-theme-balham .ag-icon-checkbox-indeterminate,
.ag-theme-balham .ag-icon-checkbox-unchecked {
    background-color: transparent;
}

.ag-theme-balham .ag-icon-checkbox-checked {
    background-image: url('../images/check-mark-check.svg') !important;
}

.ag-cell-wrapper.ag-row-group {
    align-items: center !important;
}

.ag-theme-balham .ag-group-expanded {
    margin-right: 0 !important;
    width: 20px !important;
    height: 20px !important;
    cursor: pointer;
    position: relative;
}

    .ag-theme-balham .ag-group-expanded::before {
        content: "\ee57";
        font-family: remixicon !important;
        font-style: normal;
        font-size: 20px;
        color: #213254;
    }

    .ag-theme-balham .ag-group-expanded .ag-icon {
        display: none;
    }

.ag-theme-balham .ag-group-contracted {
    margin-right: 0 !important;
    width: 20px !important;
    height: 20px !important;
    cursor: pointer;
    position: relative;
}

    .ag-theme-balham .ag-group-contracted::before {
        content: "\ea11";
        font-family: remixicon !important;
        font-style: normal;
        font-size: 20px;
        color: #213254;
    }

    .ag-theme-balham .ag-group-contracted .ag-icon {
        display: none;
    }

.ag-theme-balham .ag-header-cell::after,
.ag-theme-balham .ag-header-group-cell::after {
    top: 0;
}

span.ag-selection-checkbox {
    width: 100%;
    margin-top: -10px;
}

.ag-paging-panel {
    height: 50px !important;
    border-top-color: inherit !important;
    border-top: inherit !important;
}

.ag-paging-page-summary-panel .ag-icon {
    background: #23255B;
    color: #ffffff !important;
    border-radius: 5px;
    box-shadow: 0px 8px 24px rgba(231, 146, 182, 0.27);
    -webkit-box-shadow: 0px 8px 24px rgba(231, 146, 182, 0.27);
    -moz-box-shadow: 0px 8px 24px rgba(231, 146, 182, 0.27);
    width: 25px !important;
    height: 25px !important;
    line-height: 25px !important;
    text-align: center;
    font-size: 20px !important;
}

.ag-cell-focus, .ag-cell-no-focus {
    border-left: 1px solid #fff0 !important;
    border-right: 1px solid #ddd !important;
    border-top: 1px solid #fff0 !important;
    border-bottom: 1px solid #fff0 !important;
}

.no-border.ag-cell:focus {
    border: none !important;
    outline: none;
}

.ag-theme-balham .ag-header-row:first-child .ag-header-cell,
.ag-theme-balham .ag-header-row:first-child .ag-header-group-cell {
    border-top-width: 0;
    border-right-width: 1px;
    padding-left: 5px !important;
    padding-right: 5px !important;
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #E7E7E7;
}

.ag-theme-balham .ag-header-cell::after,
.ag-theme-balham .ag-header-group-cell::after {
    border-right: 1px solid rgba(255, 255, 255,0.8) !important;
    height: 100% !important;
    margin-top: 0 !important;
    content: inherit;
    background-color: transparent !important;
    border: none !important;
}

.grid-expand-colm {
    background: #fafafa;
    overflow: auto;
}

    .grid-expand-colm table tr td {
        padding: 5px 3px;
        font-size: 13px;
        color: #323232;
        font-weight: 400;
        white-space: normal;
        border-bottom: 1px solid #dee2e6;
        font-weight: 600 !important;
    }

        .grid-expand-colm table tr td:first-child {
            font-weight: 500;
            white-space: nowrap;
        }

        .grid-expand-colm table tr td:last-child {
            color: #222;
            font-weight: 400;
        }

.ag-header-cell-menu-button {
    position: absolute;
    right: 3px;
    opacity: 1 !important;
}

.ag-theme-balham .ag-header-cell-label {
    width: calc(100% - 0px) !important;
    justify-content: center;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    text-transform: capitalize;
    color: #2E2C2C;
    letter-spacing: 0.02em;
}

.ag-theme-balham .ag-tooltip {
    border-radius: 2px;
    padding: 8px 12px;
    font-size: 13px;
    transition: all 0.2s ease-in-out;
    color: #000;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset !important;
}

/*.grd-ImgVido ul li {
    display: inline-block;
    margin: 0 5px 0 0;
    text-align: center;
}

    .grd-ImgVido ul li a {
        display: block;
    }

        .grd-ImgVido ul li a i {
            font-size: 18px;
            color: #343D48;
        }

        .grd-ImgVido ul li a img {
            width: 16px;
        }


.StoneImageUl a img {
    width: 35px;
    height: 35px;
    line-height: 35px;
    object-fit: cover;
    transform: scale(2.2);
}*/

.ag-theme-balham .ag-paging-number,
.ag-theme-balham .ag-paging-row-summary-panel-number {
    font-weight: 700;
    color: #4A4A4A;
    font-size: 14px;
}

.ag-theme-balham .ag-paging-panel {
    height: 45px !important;
    font-size: 15px;
    font-weight: 600;
}

.grid-expand-view-img {
    max-width: 22%;
}

.grid-expand-view-tbl {
    -ms-flex: 0 0 14%;
    flex: 0 0 14%;
    max-width: 14%;
}

.grid-expand-view-tbl-last {
    -ms-flex: 0 0 18%;
    flex: 0 0 18%;
    max-width: 18%;
}

.ag-theme-balham .ag-checkbox-input-wrapper.ag-checked:after {
    color: #23255B !important;
}

.ag-theme-balham .ag-checkbox-input-wrapper:after {
    color: #D9D9D9 !important;
}

.ag-header-cell-menu-button {
    display: none;
}

span.ag-group-value {
    padding-left: 10px;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    color: #23255B;
}

.ag-group-child-count {
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    color: #23255B;
}

.symbol-check-box li {
    margin: 0 10px 10px 0;
}

.src-result-table-main {
    overflow: hidden;
}

.quick-view-lrg-img {
    overflow: hidden;
    width: 85%;
    margin: 0 auto;
}

    .quick-view-lrg-img .slick-slide img {
        display: inline-block;
        object-fit: cover;
        -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.6);
        -moz-box-shadow: 0 0 3px rgba(0,0,0,0.6);
        box-shadow: 0 0 3px rgba(0,0,0,0.6);
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        overflow: hidden;
        width: 100% !important;
        margin: 0 auto;
    }

    .quick-view-lrg-img .slick-slide {
        text-align: center;
        padding: 5px 5px;
    }

.quick-view-thum-img .slick-slide {
    margin: 5px;
    width: 45px !important;
    opacity: 0.5;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.6);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.6);
    box-shadow: 0 0 3px rgba(0,0,0,0.6);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
    padding-top: 0;
}

    .quick-view-thum-img .slick-slide img {
        display: inline-block;
    }

    .quick-view-thum-img .slick-slide.slick-current.slick-center {
        opacity: 1;
    }

.quick-view-thum-img .slick-track {
    width: 80% !important;
}

.quick-view-thum-img .slick-list {
    padding: 0 !important;
}

.quick-view-thum-img {
    margin: 0 0 5px 0;
    padding: 0 0;
}

.collapse-col-rgt-bder {
    border-left: 1px solid rgba(189, 195, 199, 0.5);
    padding-top: 0;
    padding-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
}

.addnotecanvas {
    height: 25vh !important;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #23255B;
}

.tableexpandbox {
    width: 100%;
    display: inline-block;
    border: 1px solid #D9D9D9;
    border-radius: 10px;
}

    .tableexpandbox .teiboxes:first-child {
        border-radius: 10px 10px 0px 0px;
    }

    .tableexpandbox .teiboxes:last-child {
        border-radius: 0px 0px 10px 10px;
    }

    .tableexpandbox .teiboxes {
        border-bottom: 1px solid #E7E7E7;
    }

        .tableexpandbox .teiboxes:last-child {
            border-bottom: none;
        }

        .tableexpandbox .teiboxes p {
            font-weight: 400;
            font-size: 13px;
            line-height: 13px;
            color: #212529;
            padding: 10px 10px;
            word-wrap: break-word;
            max-width: 300px;
            white-space: break-spaces;
            letter-spacing: 0.05rem;
        }

            .tableexpandbox .teiboxes p:first-child {
                white-space: nowrap;
                text-align: left;
            }

            .tableexpandbox .teiboxes p:last-child {
                padding-left: 0px;
                text-align: right;
            }

        .tableexpandbox .teiboxes:nth-child(odd) {
            background: #fff;
        }

        .tableexpandbox .teiboxes:nth-child(even) {
            background: #FBFBFB;
        }


.inputwithicon {
    position: relative;
}

    .inputwithicon input {
        padding-right: 40px;
    }

    .inputwithicon i {
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
    }


/*.inputwithicon {
    position: relative;
}

    .inputwithicon input {
        padding: 10px 40px 10px 15px;
    }

    .inputwithicon .inputicon {
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 18px;
        color: #BFBFBF;
        z-index: 99;
    }*/

.order_details_main {
    width: 100%;
    display: inline-block;
}

    .order_details_main .odmboxes {
        display: flex;
    }

    .order_details_main .odmbox {
        width: 100%;
        display: inline-block;
        border-right: 1px solid #D9D9D9;
        padding: 0 50px;
    }

    .order_details_main .odmboxes:last-child .odmbox {
        border-right: 0;
    }

    .order_details_main .odbtitle {
        font-weight: 500;
        font-size: 16px;
        line-height: 16px;
        color: #4A4A4A;
        margin-bottom: 15px;
    }

    .order_details_main .odi_main {
        width: 100%;
        display: inline-block;
        background: #FFFFFF;
        border: 1px solid #D9D9D9;
        border-radius: 10px;
        padding: 15px;
        height: calc(100% - 35px);
    }

        .order_details_main .odi_main .odibox {
            margin-bottom: 10px;
        }

            .order_details_main .odi_main .odibox:last-child {
                margin-bottom: 0px;
            }

        .order_details_main .odi_main p {
            font-weight: 400;
            font-size: 14px;
            line-height: 22px;
            color: #4A4A4A;
        }


.compare_stone_sec table {
    background: #FFFFFF;
    border: 1px solid #E7E7E7;
    /*    box-shadow: 0px 1px 14px rgba(0, 0, 0, 0.07);*/
    /*    border-radius: 15px;*/
    overflow: hidden;
}

.compaire-stone-left-heading tr td {
    border: 1px solid #E7E7E7;
    padding: 5px 10px;
    font-size: 14px;
    color: #212529 !important;
    font-weight: 400;
    text-align: center;
}

    .compaire-stone-left-heading tr td.tabletitle {
        font-weight: 600;
        font-size: 15px;
        letter-spacing: 0.02em;
        color: #212529 !important;
        height: 38px;
    }

.compaire-stone-table tr,
.compaire-stone-left-heading tr {
    background-color: #fff !important;
}

    .compaire-stone-table tr td {
        color: #212529;
        font-size: 14px;
        font-weight: 400;
        padding: 5px 10px;
        text-align: center;
        border-bottom: 1px solid #E7E7E7;
        border-left: 1px solid #E7E7E7;
    }

        .compaire-stone-table tr td.compaire-stn-head {
            font-weight: 500;
            font-size: 15px;
            letter-spacing: 0.02em;
            color: #212529;
        }

.compaire-stn-head {
    font-weight: 500;
}

.compaire-stn-btn {
    padding: 0;
    /*    width: 25px;
    height: 25px;
    line-height: 25px;*/
    text-align: center;
    /*    background: #4A4A4A;*/
    border-radius: 50px;
    color: #212529;
    font-size: 27px;
    /*    margin-left: 5px;*/
    border: none;
    padding: 0px;
}

/*    .compaire-stn-btn:hover,
    .compaire-stn-btn:focus {
        color: #fff !important;
        background: #4A4A4A;
    }*/

.over-flow-scroll {
    overflow: auto;
    flex-wrap: nowrap;
}

.campareimg {
    width: 84px;
    height: 84px;
    object-fit: contain;
    background: #FFFFFF;
    border: 1px solid #E7E7E7;
    border-radius: 12px;
    padding: 10px;
}

.compareimglabel {
    height: 95px;
}

.commentlabel {
    height: 60px;
}

.addbtnlabel {
    height: 50px;
}

.quick_search_table {
    height: calc(100vh - 190px);
}

    .quick_search_table .table > thead {
        vertical-align: bottom;
        position: sticky;
        top: -1px;
        background-color: #fff;
        z-index: 10;
    }

    .quick_search_table thead tr th {
        vertical-align: middle;
        font-weight: 500;
        font-size: 14px;
        line-height: 14px;
        padding: 10px 15px;
        text-transform: uppercase;
        color: #4A4A4A;
        white-space: nowrap;
    }

    .quick_search_table tbody tr td {
        vertical-align: middle;
        font-weight: 500;
        font-size: 13px;
        line-height: 13px;
        padding: 10px 15px;
        text-transform: uppercase;
        color: #4A4A4A;
        white-space: nowrap;
    }

    .quick_search_table .table_title {
        font-weight: 500;
        font-size: 14px;
        text-transform: uppercase;
        color: #4A4A4A;
        background: rgba(35, 37, 91, 0.1);
    }

    .quick_search_table .table_sub_title {
        background: #23255B;
        color: #fff;
    }

        .quick_search_table .table_sub_title a {
            background: #23255B;
            color: #fff;
        }

.QuiSeamodal .modal-header {
    border-bottom: none;
    padding-bottom: 0;
}

.QuiSeamodal .modal-footer {
    border-top: none;
    padding-top: 0;
}

.main-panel .page-header-name .shape-img,
.main-panel .page-header-name .color_img {
    padding: 2px 5px 10px;
    border: 1px solid #D9D9D9;
    border-radius: 10px;
}

    .main-panel .page-header-name .shape-img img,
    .main-panel .page-header-name .color_img img {
        width: 40px;
    }

.main-panel .page-header-name .shape-name {
    padding: 7px 0 0 0;
}

.dvpdata {
    width: 100%;
    display: inline-block;
}

    .dvpdata .box_title {
        width: 100%;
        display: inline-block;
        margin-bottom: 20px;
    }

        .dvpdata .box_title h2 {
            font-weight: 500;
            font-size: 20px;
            line-height: 20px;
            color: #2E2C2C;
        }

.Diamond_View_sec .dvheader {
    padding: 5px 0 15px;
}

.Diamond_View_sec .nav-tabs {
    border: none;
}

    .Diamond_View_sec .nav-tabs .nav-link {
        border: none;
        position: relative;
        text-transform: capitalize;
        font-size: 16px;
        line-height: 16px;
        font-weight: 700;
        padding: 0 20px;
        color: #4A4A4A;
        background-color: transparent;
    }

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #FF017E;
}

.Diamond_View_sec .nav-tabs .nav-link::before {
    content: "";
    width: 16px;
    height: 16px;
    border: 1px solid #EAEAEA;
    position: absolute;
    left: -4px;
    top: 0px;
    line-height: 10px;
    border-radius: 100%;
}

.Diamond_View_sec .nav-tabs .nav-link.active::before,
.Diamond_View_sec .nav-tabs .nav-item.show .nav-link::before {
    border-color: #23255B;
}

.Diamond_View_sec .nav-tabs .nav-link.active::after,
.Diamond_View_sec .nav-tabs .nav-item.show .nav-link::after {
    content: "";
    width: 8px;
    height: 8px;
    background-color: #23255B;
    position: absolute;
    left: 0px;
    top: 4px;
    line-height: 10px;
    border-radius: 100%;
}

.diamond-dtl-image-slider-nav .slick-track {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.multi-img-slct-nav-iteam {
    padding: 5px;
    width: 74px !important;
    height: 74px !important;
}

    .multi-img-slct-nav-iteam img {
        border: 1px solid;
        cursor: pointer;
        border-color: rgba(217, 217, 217, 0.5);
        border-radius: 15px;
        padding: 5px;
    }

    .multi-img-slct-nav-iteam.slick-current.slick-center img {
        border-color: #273972;
    }

.Diamond_View_sec .diamond-dtl-image-slider-nav img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.Diamond_View_sec .slick-prev,
.Diamond_View_sec .slick-next {
    width: auto;
    height: auto;
    z-index: 1030;
}

.Diamond_View_sec .slick-next {
    right: 0px;
}

.Diamond_View_sec .slick-prev {
    left: 0px;
}

    .Diamond_View_sec .slick-prev:before {
        content: '\e92b';
        font-family: 'icomoon' !important;
    }

.Diamond_View_sec .slick-next:before {
    content: '\e92c';
    font-family: 'icomoon' !important;
}

.Diamond_View_sec .slick-prev:before,
.Diamond_View_sec .slick-next:before {
    border: 1px solid #EAEAEA;
    border-radius: 10px;
    color: #4A4A4A;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
}

.Diamond_View_sec .dvsimg_video {
    width: 100%;
    display: inline-block;
    border: 1px solid;
    border-color: rgba(217,217,217,0.5);
    border-radius: 15px;
    padding: 30px 20px;
    position: relative;
    background-color: #fff;
}

.Diamond_View_sec .dvpdata .nav-tabs {
    margin-bottom: 0;
}

/*.dtl-right-share-downlod {
    position: absolute;
    top: 30px;
    right: 25px;
}*/

.dtl-right-share-downlod ul li {
    margin-right: 5px;
}

    .dtl-right-share-downlod ul li:last-child {
        margin-right: 0px;
    }

    .dtl-right-share-downlod ul li a {
        display: block;
        border-radius: 10px !important;
        transition: all 0.3s;
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 18px;
        text-align: center;
        border: 1px solid #E7E7E7;
        color: #212529;
        background-color: #fff;
        border-radius: 10px;
    }

        .dtl-right-share-downlod ul li a:hover {
            border: 1px solid #212529;
            color: #fff;
            background-color: #212529;
        }

            .dtl-right-share-downlod ul li a:hover i {
                color: #fff;
            }

        .dtl-right-share-downlod ul li a img {
            padding: 0;
            line-height: 40px;
        }

.Diamond_View_sec .dvstable {
    border-radius: 10px;
    border: 1px solid #E7E7E7;
}

    .Diamond_View_sec .dvstable table {
        margin-bottom: 0px;
    }

    .Diamond_View_sec .dvstable thead tr th {
        font-weight: 400;
        font-size: 14px;
        line-height: 14px;
        color: #4A4A4A;
        background: #F4F4F4;
        border-color: #E7E7E7;
        text-transform: uppercase;
        padding: 10px 15px;
    }

    .Diamond_View_sec .dvstable tbody tr td {
        font-weight: 400;
        font-size: 14px;
        line-height: 14px;
        color: #212529;
        border-color: #E7E7E7;
        padding: 10px 15px;
        white-space: nowrap;
    }

/*.Diamond_View_sec .dvstable_box tbody tr td:first-child {
    color: #212529;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 14px;
}*/

/*.Diamond_View_sec .dvstable tbody tr:nth-child(even) {
    background-color: #F3F4F9;
}

.Diamond_View_sec .dvstable tbody tr:nth-child(odd) {
    background-color: #FFFFFF;
}*/

tr:nth-child(even) {
    background-color: #f2f2f2;
}

tr:nth-child(odd) {
    background-color: #ffffff;
}

.Diamond_View_sec .dvstable tbody tr:last-child td {
    border: none;
}

.Diamond_View_sec .dvstable_boxes {
    display: flex;
}

.Diamond_View_sec .dvstable_box {
    width: 100%;
    display: inline-block;
}

.Diamond_View_sec .certificate_box {
    width: 100%;
    display: inline-block;
    border: 1px solid;
    border-color: rgba(217,217,217,0.5);
    border-radius: 15px;
    padding: 20px;
    background-color: #fff;
}

.borderright {
    border-right: 1px solid;
    border-color: rgba(217, 217, 217, 0.5);
}

.borderleft {
    border-left: 1px solid;
    border-color: rgba(217, 217, 217, 0.5);
}

.imagemodal .modal-header {
    background-color: transparent;
    border: none;
    padding: 0;
}

.imagemodal .modal-content {
    background-color: transparent;
}

.imagemodal .modal-header .btn-close {
    position: absolute;
    right: -18px;
    top: 3px;
    background-color: transparent;
    line-height: 0;
    text-align: center;
    box-shadow: 3px 3px 10px rgba(74, 74, 74, 0.35) !important;
    font-size: 30px;
    color: #fff !important;
}

.imagemodal .modal-header:after {
    display: none;
}

#langselect .select2-results__option,
#currencyselect .select2-results__option,
#select_operator .select2-results__option {
    text-transform: uppercase !important;
}

    #currencyselect .select2-results__option img,
    #currencyselect .select2-selection__rendered img,
    #langselect .select2-results__option img,
    #langselect .select2-selection__rendered img {
        border: 1px solid rgba(0, 17, 51, 0.15);
        border-radius: 2px;
        margin-right: 5px;
        margin-top: 0px;
        border-radius: 100%;
        width: 20px;
        height: 20px;
    }

.listtoneinfo {
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
}

    .listtoneinfo .tableexpandboxes {
        margin-bottom: 25px;
        display: table-cell;
        vertical-align: top;
        white-space: nowrap;
        margin: 0 5px;
    }

.size-carat-click-div {
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
    padding: 8px 2px;
    margin: 0;
    border-radius: 3px;
    width: 100%;
    transition: all 0.3s;
}

.Loader-main {
    background: rgba(51, 63, 104,0.7);
    background-size: 25vmin;
    background-repeat: no-repeat;
    background-position: center 40%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    display: none;
}

.loader-logo {
    position: absolute;
    height: 75px;
    width: 75px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}




.header-main-fix .navbar-brand img {
    height: 40px;
    width: auto;
}




.pageboxes .boxtitle {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.05em;
    color: #3B5872;
    margin-bottom: 10px;
}


.dashtopboxes .dtbox {
    width: 100%;
    display: inline-block;
    border: 1px solid #E7E7E7;
    border-radius: 15px;
    padding: 25px;
}

    .dashtopboxes .dtbox .dtimg {
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        border-radius: 10px;
    }

        .dashtopboxes .dtbox .dtimg i {
            font-size: 30px;
            color: #fff;
        }

.dashtopboxes .dtboxes:nth-child(1) .dtimg {
    box-shadow: 0px 4px 4px 0px #F04E3759;
    background-color: #F04E37;
}

.dashtopboxes .dtboxes:nth-child(2) .dtimg {
    box-shadow: 0px 4px 4px 0px #0097D659;
    background-color: #0097D6;
}

.dashtopboxes .dtboxes:nth-child(3) .dtimg {
    box-shadow: 0px 4px 4px 0px #009A5A59;
    background-color: #009A5A;
}

.dashtopboxes .dtboxes:nth-child(4) .dtimg {
    box-shadow: 0px 4px 4px 0px #23255B59;
    background: #23255B;
}

.dashtopboxes .dtbox .dtdata {
    text-align: right;
}

    .dashtopboxes .dtbox .dtdata h3 {
        font-size: 32px;
        font-weight: 500;
        letter-spacing: 0.02em;
        margin-bottom: 5px;
        color: #3B5872;
    }

    .dashtopboxes .dtbox .dtdata h6 {
        font-size: 20px;
        font-weight: 400;
        letter-spacing: 0.02em;
        color: #868686;
    }




.dashsectwo .dstboxes {
    display: flex;
}

.dashsectwo .dstbox {
    width: 100%;
    display: inline-block;
    border: 1px solid #E7E7E7;
    padding: 15px;
    border-radius: 15px;
}

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

    .boxtitle h3 {
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 0.05em;
        color: #2E2C2C;
        display: flex;
        align-items: center;
    }

        .boxtitle h3 i {
            font-size: 20px;
            padding-right: 5px;
            color: #878499;
        }

    .boxtitle a {
        font-size: 14px;
        line-height: 14px;
        font-weight: 400;
        letter-spacing: 0.05em;
        color: #878499;
    }

        .boxtitle a.btn {
            color: #fff;
        }

            .boxtitle a.btn:hover {
                color: var(--primary);
            }

.dashsectwo .dstbox .table {
    margin-bottom: 0;
}

    .dashsectwo .dstbox .table tbody td {
        border: none;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0.05em;
        padding: 5px 10px;
    }

        .dashsectwo .dstbox .table tbody td a {
            color: #213254;
            font-size: 16px;
            line-height: 16px;
            text-align: right;
            width: 100%;
            display: inline-block;
        }

    .dashsectwo .dstbox .table .ttitle {
        color: #213254;
    }

    .dashsectwo .dstbox .table .tdate {
        color: #868686;
        text-align: right;
        width: 100%;
        display: inline-block;
    }

.dashsectwo .ammedia .amimg {
    width: 55px;
    height: 55px;
    text-align: center;
    border: 1px solid #23255B;
    background: #EDEDF8;
    border-radius: 100%;
}

    .dashsectwo .ammedia .amimg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 100%;
    }

    .dashsectwo .ammedia .amimg .snm {
        font-size: 25px;
        font-weight: 500;
        letter-spacing: 0.05em;
        color: #23255B;
        text-transform: uppercase;
        line-height: 55px;
    }

.dashsectwo .ammedia .amdata h3 {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.05em;
    color: #212529;
    margin-bottom: 5px;
}

.dashsectwo .ammedia .amdata h6 {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.05em;
    color: #878499;
    margin-bottom: 10px;
}


.profileinfo {
    background-repeat: no-repeat;
    background-position: bottom right;
}

.imgvidmain {
    height: 100%;
    width: 100%;
    display: block;
    background-color: #fff;
    overflow: hidden;
    text-align: center;
}

.imgvidinner {
    width: 100%;
    height: 100%;
    display: inline-block;
}

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

    .imgvidinner video {
        max-width: 100%;
        max-height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        object-fit: cover;
    }


.ltname {
    color: #868686;
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    letter-spacing: 0.02em;
    margin-bottom: 20px;
}

.VideoView .imgvidmain {
    height: 450px;
    // height: 100%;
    width: 100%;
    display: block;
    background-color: #fff;
    overflow: hidden;
    text-align: center;
}

.VideoView .imgvidinner {
    width: 100%;
    height: 100%;
    display: inline-block;
}

    .VideoView .imgvidinner img {
        max-width: 100%;
        max-height: 100%;
        margin: 0 auto;
        object-fit: cover;
    }

    .VideoView .imgvidinner video {
        max-width: 100%;
        max-height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        object-fit: cover;
    }


.btn-back {
    border-radius: 5px;
    padding: 8px 18px;
}




/*Ashvin Malaviya 27-02-2025*/

.login_main {
    width: 100%;
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    padding-right: 10%;
}

    .login_main .login_inner {
        width: 100%;
        height: 100vh;
    }

.loginboxform {
    width: 100%;
    display: inline-block;
    background-color: #FFFFFF;
    border-radius: 15px;
    padding: 20px;
    /*    margin-right: 10%;*/
}

/*.login_inner .row {
    margin-right: 50px;
}

    .login_inner .row.rfgrid {
        margin-right: 0px;
    }*/

.login_inner .loginhead {
    text-align: center;
}

    .login_inner .loginhead .logo_box {
        margin-bottom: 20px;
    }

    .login_inner .loginhead h1 {
        font-size: 17px;
        color: #6D7080;
        font-weight: 600;
        margin-bottom: 5px;
    }

.login_inner .lhtitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

    .login_inner .lhtitle a {
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        border: 1px solid #E7E7E7;
        border-radius: 10px;
        font-size: 18px;
        color: #213254;
    }

    .login_inner .lhtitle h1 {
        font-size: 20px;
        font-weight: 500;
        letter-spacing: 0.02em;
        color: #3B5872;
    }

.login_inner .loginhead p {
    font-size: 14px;
    font-weight: 400;
    color: #878499;
    width: 80%;
    margin: 0 auto 15px;
}

.form-label a {
    color: #878499;
}


.dohave {
    width: 100%;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .05em;
    padding-top: 20px;
}

    .dohave a {
        font-weight: 700;
    }


.forgot_password {
    font-weight: 300;
    font-size: 14px;
    letter-spacing: 0.2px;
    color: #878499;
}

.donthave {
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 0.5px;
    text-align: center;
    color: #000000;
}

    .donthave a {
        font-weight: 700;
    }



.login_main .btn {
    font-weight: 700;
    font-size: 18px;
    border-radius: 25px;
    letter-spacing: 0.05rem;
}


.login_main .btn-ctm {
    overflow: hidden;
    font-weight: 700;
    font-size: 18px;
    border-radius: 25px;
    letter-spacing: 0.05rem;
    width: 80%;
}

.file_upload_main {
    width: 100%;
    display: inline-block;
    position: relative;
}

    .file_upload_main .fum_inner {
        width: 100%;
        display: inline-block;
        border-radius: 10px;
        border: 1px dashed #E5EAEF;
        background: #FBFBFB;
        padding: 15px;
        text-align: center;
    }

    .file_upload_main .fuicon {
        width: 40px;
        height: 40px;
        margin: 0 auto 10px;
    }

        .file_upload_main .fuicon img {
            width: 100%;
            height: 100%;
            max-height: 100px;
            object-fit: contain;
        }

    .file_upload_main .selectarea {
        color: #212529;
        font-size: 13px;
        font-weight: 400;
        line-height: 15px;
        letter-spacing: 0em;
    }

        .file_upload_main .selectarea .btn {
            font-weight: 400;
            font-size: 12px;
            line-height: 12px;
        }

    .file_upload_main .notetxt {
        color: rgba(42, 53, 71, 0.40);
        text-align: center;
        font-size: 14px;
        font-weight: 400;
        line-height: 26px;
        letter-spacing: 0.7px;
        max-width: 650px;
        margin: 0 auto;
    }


    .file_upload_main .invoicebox {
        height: 180px;
        width: 100%;
        background-color: white;
        border: 1px solid #E9EBEC;
        border-radius: 5px;
        position: relative;
        padding: 10px;
    }

    .file_upload_main .invoiceboxinner {
        width: 100%;
        height: 100%;
        display: inline-block;
    }

        .file_upload_main .invoiceboxinner img {
            max-width: 100%;
            max-height: 100%;
            margin: 0 auto;
        }

    .file_upload_main .invoicebox a {
        position: absolute;
        top: -10px;
        right: -10px;
        width: 25px;
        height: 25px;
        line-height: 25px;
        background-color: #FF0000;
        text-align: center;
        border-radius: 100%;
        color: #fff;
        font-size: 17px;
    }

    .file_upload_main .closebtn {
        position: absolute;
        top: -10px;
        right: 0px;
        border: none;
        background-color: #23255B !important;
        color: #fff !important;
        width: 20px;
        height: 20px;
        line-height: 20px;
        border-radius: 100%;
        font-size: 12px;
        padding: 0;
        margin: 0;
    }

    .file_upload_main input[type="file"] {
        display: none;
    }




.p-0 {
    padding: 0 !important;
}

.ptb-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.plr-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.pt-0 {
    padding-top: 0px !important;
}

.pb-0 {
    padding-bottom: 0px !important;
}

.pl-0 {
    padding-left: 0px !important;
}

.pr-0 {
    padding-right: 0px !important;
}

.p-5 {
    padding: 5px !important;
}

.pt-5 {
    padding-top: 5px !important;
}

.pb-5 {
    padding-bottom: 5px !important;
}

.pl-5 {
    padding-left: 5px !important;
}

.pr-5 {
    padding-right: 5px !important;
}

.ptb-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.plr-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}


.p-10 {
    padding: 10px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.pl-10 {
    padding-left: 10px !important;
}

.pr-10 {
    padding-right: 10px !important;
}

.ptb-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.plr-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}



.p-15 {
    padding: 15px !important;
}

.pt-15 {
    padding-top: 15px !important;
}

.pb-15 {
    padding-bottom: 15px !important;
}

.pl-15 {
    padding-left: 15px !important;
}

.pr-15 {
    padding-right: 15px !important;
}

.ptb-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.plr-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.p-20 {
    padding: 20px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.pl-20 {
    padding-left: 20px !important;
}

.pr-20 {
    padding-right: 20px !important;
}

.ptb-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.plr-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}


.p-25 {
    padding: 25px !important;
}

.pt-25 {
    padding-top: 25px !important;
}

.pb-25 {
    padding-bottom: 25px !important;
}

.pl-25 {
    padding-left: 25px !important;
}

.pr-25 {
    padding-right: 25px !important;
}

.ptb-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

.plr-25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
}


.p-30 {
    padding: 30px !important;
}

.pt-30 {
    padding-top: 30px !important;
}

.pb-30 {
    padding-bottom: 30px !important;
}

.pl-30 {
    padding-left: 30px !important;
}

.pr-30 {
    padding-right: 30px !important;
}

.ptb-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.plr-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
}


.p-35 {
    padding: 35px !important;
}

.pt-35 {
    padding-top: 35px !important;
}

.pb-35 {
    padding-bottom: 35px !important;
}

.pl-35 {
    padding-left: 35px !important;
}

.pr-35 {
    padding-right: 35px !important;
}

.ptb-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
}

.plr-35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
}


.p-40 {
    padding: 40px !important;
}

.pt-40 {
    padding-top: 40px !important;
}

.pb-40 {
    padding-bottom: 40px !important;
}

.pl-40 {
    padding-left: 40px !important;
}

.pr-40 {
    padding-right: 40px !important;
}

.ptb-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.plr-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
}


.p-45 {
    padding: 45px !important;
}

.pt-45 {
    padding-top: 45px !important;
}

.pb-45 {
    padding-bottom: 45px !important;
}

.pl-45 {
    padding-left: 45px !important;
}

.pr-45 {
    padding-right: 45px !important;
}

.ptb-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
}

.plr-45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
}


.p-50 {
    padding: 50px !important;
}

.pt-50 {
    padding-top: 50px !important;
}

.pb-50 {
    padding-bottom: 50px !important;
}

.pl-50 {
    padding-left: 50px !important;
}

.pr-50 {
    padding-right: 50px !important;
}

.ptb-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.plr-50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
}


.pt-55 {
    padding-top: 55px !important;
}

.pb-55 {
    padding-bottom: 55px !important;
}

.pl-55 {
    padding-left: 55px !important;
}

.pr-55 {
    padding-right: 55px !important;
}

.ptb-55 {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
}

.plr-55 {
    padding-left: 55px !important;
    padding-right: 55px !important;
}


.pt-60 {
    padding-top: 60px !important;
}

.pb-60 {
    padding-bottom: 60px !important;
}

.pl-60 {
    padding-left: 60px !important;
}

.pr-60 {
    padding-right: 60px !important;
}

.ptb-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

.plr-60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
}


.pt-65 {
    padding-top: 65px !important;
}

.pb-65 {
    padding-bottom: 65px !important;
}

.ptb-65 {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
}

.pt-70 {
    padding-top: 70px !important;
}

.pb-70 {
    padding-bottom: 70px !important;
}

.ptb-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}


.pt-75 {
    padding-top: 75px !important;
}

.pb-75 {
    padding-bottom: 75px !important;
}

.ptb-75 {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
}


.pt-80 {
    padding-top: 80px !important;
}

.pb-80 {
    padding-bottom: 80px !important;
}

.ptb-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}


.pt-85 {
    padding-top: 85px !important;
}

.pb-85 {
    padding-bottom: 85px !important;
}

.ptb-85 {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
}


.pt-90 {
    padding-top: 90px !important;
}

.pb-90 {
    padding-bottom: 90px !important;
}

.ptb-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
}


.pt-100 {
    padding-top: 100px !important;
}

.pb-100 {
    padding-bottom: 100px !important;
}

.ptb-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}



/* Margin */

.m-0 {
    margin: 0px !important;
}

.mtb-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.mlr-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.mt-0 {
    margin-top: 0px !important;
}

.mb-0 {
    margin-bottom: 0px !important;
}

.ml-0 {
    margin-left: 0px !important;
}

.mr-0 {
    margin-right: 0px !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.ml-5 {
    margin-left: 5px !important;
}

.mr-5 {
    margin-right: 5px !important;
}

.mtb-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.mlr-5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
}


.mt-10 {
    margin-top: 10px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.mtb-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.mlr-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}


.mt-15 {
    margin-top: 15px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.ml-15 {
    margin-left: 15px !important;
}

.mr-15 {
    margin-right: 15px !important;
}

.mtb-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.mlr-15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
}


.mt-20 {
    margin-top: 20px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.ml-20 {
    margin-left: 20px !important;
}

.mr-20 {
    margin-right: 20px !important;
}

.mtb-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.mlr-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
}


.mt-25 {
    margin-top: 25px !important;
}

.mb-25 {
    margin-bottom: 25px !important;
}

.ml-25 {
    margin-left: 25px !important;
}

.mr-25 {
    margin-right: 25px !important;
}

.mtb-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}

.mlr-25 {
    margin-left: 25px !important;
    margin-right: 25px !important;
}


.mt-30 {
    margin-top: 30px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.ml-30 {
    margin-left: 30px !important;
}

.mr-30 {
    margin-right: 30px !important;
}

.mtb-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.mlr-30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
}


.mt-35 {
    margin-top: 35px !important;
}

.mb-35 {
    margin-bottom: 35px !important;
}

.ml-35 {
    margin-left: 35px !important;
}

.mr-35 {
    margin-right: 35px !important;
}

.mtb-35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
}

.mlr-35 {
    margin-left: 35px !important;
    margin-right: 35px !important;
}


.mt-40 {
    margin-top: 40px !important;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.ml-40 {
    margin-left: 40px !important;
}

.mr-40 {
    margin-right: 40px !important;
}

.mtb-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

.mlr-40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
}


.mt-45 {
    margin-top: 45px !important;
}

.mb-45 {
    margin-bottom: 45px !important;
}

.ml-45 {
    margin-left: 45px !important;
}

.mr-45 {
    margin-right: 45px !important;
}

.mtb-45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
}

.mlr-45 {
    margin-left: 45px !important;
    margin-right: 45px !important;
}


.mt-50 {
    margin-top: 50px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

.ml-50 {
    margin-left: 50px !important;
}

.mr-50 {
    margin-right: 50px !important;
}

.mtb-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}

.mlr-50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
}


.mt-55 {
    margin-top: 55px !important;
}

.mb-55 {
    margin-bottom: 55px !important;
}

.ml-55 {
    margin-left: 55px !important;
}

.mr-55 {
    margin-right: 55px !important;
}

.mtb-55 {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
}

.mlr-55 {
    margin-left: 55px !important;
    margin-right: 55px !important;
}


.mt-60 {
    margin-top: 60px !important;
}

.mb-60 {
    margin-bottom: 60px !important;
}

.ml-60 {
    margin-left: 60px !important;
}

.mr-60 {
    margin-right: 60px !important;
}

.mtb-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
}

.mlr-60 {
    margin-left: 60px !important;
    margin-right: 60px !important;
}


.mt-70 {
    margin-top: 70px !important;
}

.mb-70 {
    margin-bottom: 70px !important;
}

.mtb-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
}


.mt-75 {
    margin-top: 75px !important;
}

.mb-75 {
    margin-bottom: 75px !important;
}

.mtb-75 {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
}


.mt-80 {
    margin-top: 80px !important;
}

.mb-80 {
    margin-bottom: 80px !important;
}

.mtb-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
}


.mt-85 {
    margin-top: 85px !important;
}

.mb-85 {
    margin-bottom: 85px !important;
}

.mtb-85 {
    margin-top: 85px !important;
    margin-bottom: 85px !important;
}


.mt-90 {
    margin-top: 90px !important;
}

.mb-90 {
    margin-bottom: 90px !important;
}

.mtb-90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
}


.mt-100 {
    margin-top: 100px !important;
}

.mb-100 {
    margin-bottom: 100px !important;
}

.mtb-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
}

.mtb-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
}


.header-search-main {
    display: inline-block;
    width: 320px;
    margin-left: 30px;
    position: relative;
}

.input-group {
    border: 1px solid #E9EBEC;
    border-radius: 10px;
}

    .input-group .input-group-text {
        background-color: transparent;
        border-right: none;
        position: relative;
        border-radius: 10px;
        color: #BFBFBF;
        font-size: 18px;
        width: 40px;
        height: 40px;
        border: none;
    }

        .input-group .input-group-text::after {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            width: 1px;
            height: 100%;
            background-image: linear-gradient(to bottom, rgb(195 195 195 / 10%), rgb(205 206 205 / 50%), rgb(195 195 195 / 10%));
            z-index: 9;
        }

    .input-group input,
    .input-group .form-control {
        border: none !important;
    }




.mycarthead .mchimg,
.comparehead .chimg {
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 8px;
    position: relative;
}

.mycarthead .mchimg {
    background-color: #0097D6;
    box-shadow: 0px 4px 4px 0px #0097D640;
}

.comparehead .chimg {
    background-color: #23255B;
    box-shadow: 0px 4px 4px 0px #23255B40;
}

    .mycarthead .mchimg img,
    .comparehead .chimg img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        padding: 8px;
    }

    .mycarthead .mchimg .count,
    .comparehead .chimg .count {
        position: absolute;
        right: -10px;
        top: -10px;
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        color: #fff;
        border-radius: 100%;
        font-size: 11px;
        font-weight: 600;
    }

.mycarthead .mchimg .count {
    background-color: #0097D6;
}

.comparehead .chimg .count {
    background-color: #23255B;
}

.mycarthead .mchdata h5,
.comparehead .chdata h5 {
    color: #2E2C2C;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.05em;
}



.dashsectwo tr:nth-child(even) {
    background-color: #fff;
}




.tactionicon ul li a {
    margin-right: 5px !important;
    display: inline-block;
}

.tactionicon.bordericon ul li a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #E7E7E7;
    border-radius: 5px;
}

.tactionicon ul li:last-child a {
    margin-right: 0px !important;
}

.tactionicon ul li i {
    color: #212529;
    font-size: 20px;
}

.tactionicon ul li img {
    width: 18px;
    height: 18px;
    line-height: 18px;
    object-fit: contain;
}

.timgboxmain {
    background: #FFF;
    margin: 0 auto;
    width: 30px;
    height: 30px;
    line-height: normal;
    border-radius: 5px;
    border: 1px solid #E7E7E7;
    overflow: hidden;
}

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


.scrolldiv {
    height: calc(100vh - 235px);
    overflow-y: scroll;
    overflow-x: hidden;
}

    .scrolldiv.scrolldivfull {
        height: calc(100vh - 187px);
        overflow-y: scroll;
        overflow-x: hidden;
    }



.sticky_bottom_btn {
    width: calc(100% - 240px);
    background: #fff;
    padding: 10px 15px;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1019607843);
    text-align: right;
    position: fixed;
    bottom: 0;
    right: 0;
}

.sidebar-mini .sticky_bottom_btn {
    width: calc(100% - 70px);
}


/*.text-danger {
    color: red !important;
}*/


.text-success {
    color: #41CC4F !important;
}

.text-warning {
    color: #FDAC42 !important;
}

.text-danger {
    color: #EA4335 !important;
}


.src-rest-topbtn {
    width: 100%;
    display: flex;
    justify-content: end;
    align-items: center;
}

    .src-rest-topbtn ul li {
        margin: 0px 5px;
        font-size: 0;
        line-height: normal;
    }

        .src-rest-topbtn ul li .dropdown-toggle::after {
            font-size: 15px;
        }

        .src-rest-topbtn ul li .custompicker input {
            padding: 0px;
        }

        .src-rest-topbtn ul li a.iconbox,
        .src-rest-topbtn ul li a.imgbox {
            position: relative;
            display: inline-block;
            width: 35px;
            height: 35px;
            font-size: 20px;
            text-align: center;
            border-radius: 10px;
            border: 1px solid #E7E7E7;
            background: #FFF;
            color: #212529;
            padding: 0;
        }

        .src-rest-topbtn ul li a.iconbox {
            line-height: 35px;
        }

        .src-rest-topbtn ul li a.imgbox {
            line-height: 30px;
        }

            .src-rest-topbtn ul li a.imgbox img {
                width: 20px;
                height: 20px;
                object-fit: contain;
                line-height: 20px;
            }

        .src-rest-topbtn ul li .nav-link {
            line-height: 32px !important;
            border-radius: 4px !important;
            border: 1px solid #E9EBEC !important;
        }

        .src-rest-topbtn ul li.nav-item {
            margin-right: 5px !important;
        }

        .src-rest-topbtn ul li a.iconbox:hover,
        .src-rest-topbtn ul li a.iconbox:focus,
        .src-rest-topbtn ul li a.iconbox.active,
        .src-rest-topbtn ul li a.imgbox:hover,
        .src-rest-topbtn ul li a.imgbox:focus,
        .src-rest-topbtn ul li a.imgbox.active {
            background: #23255B;
            color: #fff;
            border-color: #23255B;
        }

            .src-rest-topbtn ul li a.imgbox:hover img,
            .src-rest-topbtn ul li a.imgbox:focus img,
            .src-rest-topbtn ul li a.imgbox.active img {
                filter: brightness(100);
            }

        .src-rest-topbtn ul li .btn, .src-rest-topbtn ul li .btn-ctm {
            padding: 8px 15px;
        }

        .src-rest-topbtn ul li input.form-control,
        .src-rest-topbtn ul li .ng-select .ng-select-container,
        .src-rest-topbtn ul li .mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper {
            width: 200px;
            height: 32px;
        }

        .src-rest-topbtn ul li .mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper {
            padding: 6px 15px !important;
            padding-right: 15px !important;
        }


    .src-rest-topbtn .tbtn {
        padding: 9px 15px;
        line-height: 32px;
    }


.statusgroup .src-rest-topbtn ul {
    flex-wrap: wrap;
}

.result-view-change-wrapper {
    margin-left: 5px;
    display: inline-block;
}

    .result-view-change-wrapper ul.listgridtab {
        background: #213254;
        border-radius: 5px;
        padding: 5px;
        margin-top: 0px;
        display: flex;
        align-items: center;
    }

        .result-view-change-wrapper ul.listgridtab li a {
            display: block;
            width: 25px;
            height: 25px;
            line-height: 27px;
            text-align: center;
            padding: 0;
            border-radius: 5px;
            font-size: 16px;
            color: #fff;
        }

            .result-view-change-wrapper ul.listgridtab li a.active {
                background: #FFFFFF;
                color: #213254;
            }


.header-user-profile .dropdown-item .icon {
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border: 1px solid #E7E7E7;
    border-radius: 5px;
    display: inline-block;
    margin-right: 5px;
}



/*.myprofile .scrolldiv {
    height: calc(100vh - 254px);
}*/


.srv_content_box .Lotno-text {
    color: #23255B;
    font-weight:500;
    font-size:14px;
}

.srv_box_inner .proinfo li {
    margin-right: .5rem;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #878499;
}

.srv_box_inner .dicount {
    color: #FDAC42;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
}

.srv_box_inner .srv_ul .dicount {
    color: #FDAC42;
}

.srv_box_inner .srv_ul li {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #23255B;
}



.tbtn {
    border-radius: 4px;
    text-align: center;
    font-size: 12px;
    line-height: 12px;
    font-weight: 400;
    letter-spacing: 0.7px;
    padding: 5px 10px;
    text-transform: capitalize;
}

    .tbtn i {
        color: #fff;
        font-size: 12px;
        line-height: 12px;
        padding: 0 2px;
    }


    .tbtn.btn-success {
        background: #41CC4F;
        color: #fff;
    }

    .tbtn.btn-warning {
        background: #FDAC42;
        color: #fff;
    }

    .tbtn.btn-danger {
        background: #EA4335;
        color: #fff;
    }
    .tbtn.btn-info {
        background: #0dcaf0;
        color: #fff;
    }
    .tbtn.btn-transit {
        background: #8451d7;
        color: #fff;
    }


.snddls {
    width: 100%;
    display: inline-block;
    border: 1px solid #E7E7E7;
    background-color: #fff;
    border-radius: 15px;
    padding: 15px;
}

    .snddls .boxtitle {
        font-weight: 500;
        font-size: 16px;
        line-height: 16px;
        color: #2E2C2C;
        margin-bottom: 15px;
    }


.tablebox .table-striped > tbody > tr:nth-of-type(even) > * {
    background-color: #F3F4F9 !important;
    --bs-table-color-type: #F3F4F9;
    --bs-table-bg-type: #F3F4F9;
}

.tablebox .table tbody tr td {
    text-align: left;
    width: 50%;
    border-left: 0;
    color: #212529;
}

    .tablebox .table tbody tr td:nth-child(1) {
        border-right: 0;
        border-left: 1px solid #E7E7E7;
        text-align: left;
    }

    .tablebox .table tbody tr td:nth-child(2) {
        text-align: right;
    }



.ctmtablemain {
    border-radius: 10px;
    overflow: hidden;
}

    .ctmtablemain .table {
        margin-bottom: 0px;
    }

        .ctmtablemain .table thead tr th {
            color: #3B5872;
            font-size: 13px;
            line-height: 13px;
            font-weight: 500;
            letter-spacing: 0.05em;
            background: #F3F4F9;
            padding: 10px;
            border-color: #E7E7E7;
            white-space: nowrap;
            text-align: center;
        }

        .ctmtablemain .table tbody tr td {
            color: #213254;
            font-size: 13px;
            line-height: 13px;
            font-weight: 400;
            letter-spacing: 0.05em;
            border-color: #E7E7E7;
            border-top: 0 solid #e0e3ef !important;
            text-align: center;
            padding: 10px 10px;
            white-space: nowrap;
            vertical-align: middle;
            background-color: transparent;
        }

        .ctmtablemain .table tfoot tr td {
            background: #F3F4F9;
            border-color: #E7E7E7;
        }

        .ctmtablemain .table tbody tr td.number-align {
            text-align: right;
        }

        .ctmtablemain .table thead tr th.number-align {
            text-align: right;
        }

        .ctmtablemain .table .ng-select-multiple {
            width: 400px;
            min-width: 400;
        }

            .ctmtablemain .table .ng-select-multiple .ng-select-container {
                height: auto;
            }



.certificatemain {
    width: 100%;
    display: inline-block;
}

    .certificatemain .titlewithicon .boxtitle {
        font-weight: 500;
        font-size: 20px;
        line-height: 20px;
        color: #2E2C2C;
    }

    .certificatemain .ccatbox {
        border: 1px solid #E7E7E7;
        border-radius: 15px;
        padding: 20px;
    }


.Rorderssec .boxtitle h3 {
    font-weight: 500;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 0.02em;
    color: #2E2C2C;
    text-transform: capitalize;
}



.order_top {
    width: 100%;
    display: inline-block;
    border: 1px solid #E7E7E7;
    padding: 15px;
}

.odrdtls_top {
    width: 100%;
    display: inline-block;
    border: 1px solid #E7E7E7;
    padding: 15px;
}

    .odrdtls_top .odrtbox .boxtitle {
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 0.02rem;
        color: #212529;
        margin-bottom: 10px;
    }

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


        .odrdtls_top .otbboxes .title, .odrdtls_top .otbboxes .data {
            font-weight: 400;
            font-size: 14px;
            letter-spacing: 0.02rem;
            vertical-align: middle;
            margin-bottom: 10px;
        }

        .odrdtls_top .otbboxes .title {
            color: #878499;
            flex-shrink: 0;
            padding-right: 10px;
            text-align: left;
        }

        .odrdtls_top .otbboxes .data {
            color: #212529;
            flex-grow: 1;
            text-align: right;
        }


/*        .odrdtls_top .otbboxes:last-child .title, .odrdtls_top .otbboxes:last-child .data {
            margin-bottom: 0px;
        }*/


.Lotno-text {
    text-decoration: underline !important;
}

@media (max-width: 1680.98px) {
    .excusive-main-image {
        padding: 10px;
    }

/*        .excusive-main-image img {
            width: 95px !important;
            height: 95px;
        }*/

    .excusive-diamond-details ul li.bold-text {
        font-size: 14px;
        line-height: 14px;
    }

    .excusive-diamond-details ul li {
        font-size: 12px;
    }
}


@media (max-width: 1440.98px) {
    .form-label, .form-check-label {
        font-size: 14px;
        line-height: 14px;
    }

    .bootstrap-select > .dropdown-toggle {
        font-size: 14px;
        line-height: 17px;
        height: 40px;
        padding: 10px 12px;
    }

    .form-control {
        font-size: 14px;
        line-height: 14px;
        height: 40px;
        padding: 10px 12px;
    }

    .header-search-main input {
        font-size: 14px;
        line-height: 18px;
        height: 40px;
    }

    .header-search-main i {
        font-size: 18px;
    }

    .input_icon .form-control {
        padding: 10px 35px 10px 15px;
    }

    .select2-container .select2-selection--single {
        height: 40px;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 40px;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        padding-left: 10px;
        line-height: 40px;
        font-size: 14px;
    }

    .dropdown-menu .dropdown-item {
        font-size: 14px;
    }

    .input_icon .inputicon {
        font-size: 15px;
    }

    .signupform .boxestitle h2 {
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 15px;
    }

    .loginsec .forgot_password {
        font-size: 15px;
        line-height: 15px;
    }

    .loginsec .donthave {
        font-size: 16px;
        line-height: 16px;
    }

    .loginsec .logo_img_box .logobox img {
        width: 250px;
    }

    .loginsec .lptitlebox {
        margin-bottom: 20px;
    }

        .loginsec .lptitlebox h1 {
            font-size: 25px;
            line-height: 25px;
            margin-bottom: 10px;
        }

        .loginsec .lptitlebox h2 {
            font-size: 14px;
            line-height: 22px;
        }

    .signupsec .loginsleft {
        flex: 0 0 auto;
        width: 35%;
    }

    .signupsec .loginsright {
        flex: 0 0 auto;
        width: 65%;
    }

    .loginsec .lsbox {
        padding: 15px 15px;
    }

    .centerdivsec .cdslogo img {
        width: 250px;
    }

    .centerdivsec .cdsbinner .cdsbtitle {
        margin-bottom: 15px;
    }

    .redirect_url {
        font-size: 14px;
        line-height: 14px;
    }

    .centerdivsec .cdsheadbox {
        padding: 20px 30px;
    }

    .centerdivsec .cdsbinner {
        padding: 40px;
    }

    .term_condi_sec .titlemdata p {
        font-size: 14px;
        line-height: 24px;
    }

    .header-user-profile-inner img {
        width: 45px;
        height: 45px;
        border-radius: 12px;
    }

    .header-user-profile-inner h6 {
        font-size: 14px;
    }

    .header-user-profile-inner span {
        font-size: 13px;
    }

    .header-notification-inner .notiicon {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 20px;
    }

    .navbar-brand img {
        width: 180px;
    }

    .sidebar {
        top: 66px;
    }

    .dash-stone-info-1 h2 {
        font-size: 20px;
    }

    .dash-stone-info-row {
        border-radius: 12px;
        padding: 10px 15px;
    }

    .save-src-height {
        border-radius: 12px;
    }

    .dash-src-table {
        border-radius: 12px;
    }

    .order_details_main .odmboxes .odmbox {
        padding: 0 15px 0 0;
    }

    .order_details_main .odmboxes .odmbox {
        padding-right: 25px;
    }

    .order_details_main .odi_main .odibox {
        margin-bottom: 5px;
    }

    .hr {
        margin: 10px 0px;
    }

    .dvpdata .box_title {
        margin-bottom: 10px;
    }

        .dvpdata .box_title h2 {
            font-size: 20px;
            line-height: 20px;
        }

    .Diamond_View_sec .slick-prev:before, .Diamond_View_sec .slick-next:before {
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
    }

    .dtl-right-share-downlod ul li a {
        width: 35px;
        height: 35px;
        line-height: 30px;
    }

        .dtl-right-share-downlod ul li a img {
            padding: 0;
            line-height: 30px;
            height: 18px;
        }

    .Diamond_View_sec .dvheader img {
        width: 250px;
    }

    .Diamond_View_sec .dvsleftbox {
        flex: 0 0 auto;
        width: 40%;
    }

    .Diamond_View_sec .dvsrightbox {
        flex: 0 0 auto;
        width: 60%;
    }

    .ag-overlay-no-rows-center img {
        width: 250px;
        height: 250px;
    }

    .grd-ImgVido ul li a i {
        font-size: 16px;
    }

    .fitscreen-height-main {
        height: auto;
        max-height: inherit !important;
        overflow-y: inherit !important;
        overflow-x: inherit !important;
    }

    .main-panel .page-header-name h1 {
        font-size: 20px;
        line-height: 20px;
    }

    .stn-src-left-heading h2 {
        font-size: 15px;
        line-height: 15px;
        margin-bottom: 5px;
    }

    .search_main [type="radio"]:checked + label, .search_main [type="radio"]:not(:checked) + label {
        font-size: 14px !important;
        padding-left: 20px;
        padding-right: 10px;
    }

    .search_main .form-control {
        height: 35px;
        padding: 8px 10px;
        resize: none;
        min-height: auto;
    }

    .shape-img img, .color_img img {
        width: 45px;
    }

    .carat-weight-plus {
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
    }

    .search_main .bootstrap-select > .dropdown-toggle {
        height: 35px;
        padding: 8px 10px;
    }

    .bootstrap-select > .dropdown-toggle:after {
        margin-top: 0;
    }

    /*    .advance-src-wrapper {
        padding-top: 10px;
        padding-bottom: 10px;
    }*/

    .pagination .page-item .page-link {
        font-size: 14px;
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .header-main-fix {
        padding: 10px 20px;
    }

    .login_inner .loginhead .logo_box img {
        width: 100px;
    }

    .login_main .loginbox {
        flex: 0 0 auto;
        width: 28%;
    }

    .login_main.reg_main .loginbox {
        flex: 0 0 auto;
        width: 50%;
    }

    .login_main.reg_main,
    .login_main.reg_main .login_inner {
        height: auto;
    }

    .login_main.reg_main {
        padding-right: 2%;
    }

        .login_main.reg_main .loginboxform {
            margin-top: 30px;
            margin-bottom: 30px;
        }

    .dashsectwo .dstboxes {
        flex: 0 0 auto;
        width: 50%;
        margin-bottom: 20px;
    }
}


@media (max-width: 1399.98px) {
}


@media (max-width: 1280.98px) {
    .pagination-sticky {
        justify-content: center !important;
    }

        .pagination-sticky .psboxes {
            flex: 0 0 auto;
            width: 100%;
            text-align: center !important;
        }

            .pagination-sticky .psboxes:first-child {
                margin-bottom: 10px;
            }

            .pagination-sticky .psboxes .pagination {
                justify-content: center !important;
            }

    .modify_table_page .page-header-name {
        display: inline-block !important;
        width: 100%;
    }

    .modify_table_page .hbtngroup {
        margin-top: 15px;
        width: 100%;
        display: inline-block;
    }

    .quick_search_table {
        height: calc(100vh - 300px);
    }

    .search_main .form-control {
        height: 40px;
        padding: 11px 10px;
        resize: none;
        min-height: auto;
        font-size: 14px;
        line-height: 14px;
    }

    .search_main .bootstrap-select > .dropdown-toggle {
        height: 40px;
        padding: 11px 15px;
    }

    .fitscreen-height-main {
        padding: 10px 15px;
        height: auto;
        max-height: inherit !important;
        overflow-y: inherit !important;
        overflow-x: inherit !important;
    }

    .main-panel {
        height: auto;
    }

    .login_main .loginbox {
        flex: 0 0 auto;
        width: 33.33%;
    }
}


@media (max-width: 1199.98px) {
    .dashinfoboxes {
        margin-bottom: 20px;
    }

    .ctm-rl-p {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }

    .header-search-main {
        display: inline-block;
        width: 220px;
    }

    .header-user-profile, .header-notification-wrap, .currencyselect, .langselect {
        margin-left: 1rem !important;
    }

    .srv_boxes_main {
        flex: 0 0 auto;
        width: 33.33%;
    }

    .order_details_main .odmboxes {
        flex: 0 0 auto;
        width: 50%;
        margin-bottom: 25px;
    }

        .order_details_main .odmboxes .odmbox {
            padding-right: 0;
        }

        .order_details_main .odmboxes .odmbox {
            padding: 0;
        }

    .order_details_main .odmbox {
        border-right: 0;
    }

    .dashtopboxes .dtboxes {
        flex: 0 0 auto;
        width: 50%;
        margin-bottom: 20px;
    }

    .login_main.reg_main .loginbox {
        flex: 0 0 auto;
        width: 60%;
    }

    .odrdtls_top .odrtboxes {
        flex: 0 0 auto;
        width: 33.33%;
    }
}


@media (max-width: 1024.98px) {
    .centerdivsec .cdsheadbox {
        padding: 20px 0px;
    }

    .term_condi_sec {
        padding: 20px 0px;
    }

    .login_main .loginbox {
        flex: 0 0 auto;
        width: 50%;
    }
}


@media (max-width: 991.98px) {
    .signupform .sufinner {
        padding: 0px 20px;
    }

    .signupsec .back-btn-main {
        padding: 0px 20px 30px;
    }

    .loginsec .logo_img_box .logobox img {
        width: 200px;
    }

    .save-src-height {
        margin: 5px 0 20px 0;
    }

    .main-panel {
        margin-top: 60px;
    }

    .sidebar {
        top: 55px;
    }

    .header-search-main {
        width: 100%;
        margin-bottom: 15px;
        padding: 5px 15px 5px 15px;
        margin-left: 0px;
    }

    .mycarthead {
        padding: 0 15px 15px;
    }

    .comparehead {
        padding: 0 15px;
    }

    .langselect {
        margin-left: 0 !important;
        margin-bottom: 15px;
        padding: 5px 15px 5px 15px;
    }

    #langselect, #currencyselect {
        margin-right: 0rem !important;
    }

    .currencyselect, .langselect {
        margin-left: 0 !important;
        margin-bottom: 15px;
        padding: 5px 15px 5px 15px;
    }

    .header-rght-side .langselect, .header-rght-side .currencyselect {
        max-width: 100%;
        min-width: 100%;
    }

    .header-notification-wrap {
        margin-left: 0 !important;
        padding: 5px 15px 5px 15px;
    }

    .header-user-profile {
        margin-left: 0 !important;
    }

    .advance-src-wrapper .btn {
        border: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
        color: #fff !important;
        font-size: 12px !important;
        padding: 8px 10px 5px 10px !important;
        white-space: nowrap;
    }

    .advance-src-wrapper ul {
        flex-wrap: nowrap;
        flex-direction: row-reverse;
        justify-content: flex-end;
    }

        .advance-src-wrapper ul li {
            width: 100%;
            align-self: center;
        }

    .advance-src-wrapper {
        overflow: auto;
    }

        .advance-src-wrapper ul li .mbl-menu-icn {
            display: block;
        }

    .ctm-rl-p {
        padding-right: 0;
        padding-left: 0;
    }

    .contact_page .pro_boxes {
        flex: 0 0 auto;
        width: 100%;
        border-right: none !important;
        border-bottom: 1px solid #ddd !important;
        padding-bottom: 20px;
        margin-bottom: 20px !important;
    }

    .contact_page .com_info_boxes {
        flex: 0 0 auto;
        width: 100%;
    }

    .contact_page .filed-squre-box-main {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }

        .contact_page .filed-squre-box-main .sufiboxes {
            flex: 0 0 auto;
            width: 33.33%;
        }

    .Diamond_View_sec .dvsleftbox {
        flex: 0 0 auto;
        width: 100%;
        margin-bottom: 30px;
    }

    .Diamond_View_sec .dvsrightbox {
        flex: 0 0 auto;
        width: 100%;
    }

    .srv_boxes_main {
        flex: 0 0 auto;
        width: 50%;
    }

    .advance-src-wrapper .btn, .advance-src-wrapper .btn-ctm {
        /*        color: #fff;*/
        white-space: nowrap;
    }

    .login_inner .row {
        margin-right: calc(-0.5 * var(--bs-gutter-x));
        justify-content: center !important;
    }

    .sidebar-mini .sticky_bottom_btn {
        width: calc(100% - 0px);
    }

    .login_main.reg_main .loginbox {
        flex: 0 0 auto;
        width: 80%;
    }
}


@media (max-width: 767.98px) {
    .loginsec .loginsleft {
        display: none;
    }

    .signupsec .loginsright {
        flex: 0 0 auto;
        width: 100%;
    }

    .centerdivsec .cdsimg {
        margin-bottom: 20px;
        text-align: center;
    }

    .centerdivsec .cdsimg, .centerdivsec .cdscon {
        flex: 0 0 auto;
        width: 100%;
    }

    .centerdivsec .cdsheadbox {
        padding: 15px 0px;
    }

    .centerdivsec .cdslogo img {
        width: 200px;
    }

    .centerdivsec .cdslogo img {
        width: 190px;
    }

    .signupform .sufinner {
        height: 100%;
        overflow: scroll;
    }

    .loginsec.signupsec {
        width: 100%;
        height: 100%;
        overflow: auto;
    }

        .loginsec.signupsec .lsbox {
            height: 100%;
        }

        .loginsec.signupsec .lsbox {
            padding: 30px 15px 0px;
        }

    .dashinfoboxes:last-child {
        margin-bottom: 0px;
    }

    .excusive-main-image img {
        width: auto !important;
        height: auto;
        margin: 0 auto;
    }

    .slider-navigation-custom .slick-dots {
        bottom: -15px;
    }

    .excusive-detail-row {
        margin: 5px 0 20px;
    }

    .ctm-rl-p {
        padding-right: 0;
        padding-left: 0;
    }

    .colorfilter {
        padding-right: 0rem !important;
        border: none !important;
    }

        .colorfilter.border-end::after {
            display: none;
        }

    .srv_boxes_main {
        flex: 0 0 auto;
        width: 50%;
    }

    .main-panel .page-header-name, .page-header-plain {
        display: inline-block !important;
    }

    .hbtngroup .hbtn {
        font-size: 14px;
        line-height: 14px;
        width: auto;
        display: inline-block;
    }

    .main-panel .page-header-name .btnwithtab, .hbtngroup {
        margin-top: 15px;
        display: inline-block !important;
        width: 100%;
    }

        .main-panel .page-header-name .btnwithtab .result-view-change-wrapper {
            padding-left: 0;
            margin-left: 0;
            width: auto;
            display: inline-block;
            margin-top: 15px;
        }

    .iphbinner {
        display: inline-block !important;
        width: 100%;
    }

    .src-rest-topbtn ul li {
        margin: 0 0 4px 4px;
    }

    .cart-status-color-bottom {
        margin-bottom: 10px;
    }

    .ag-theme-balham .ag-paging-panel {
        height: auto !important;
        font-size: 15px;
        display: inline-block !important;
        text-align: center;
    }

    .ag-paging-page-summary-panel, .ag-paging-panel {
        align-items: center;
        display: flex;
        justify-content: center;
    }

    .contact_page .filed-squre-box-main .sufiboxes {
        flex: 0 0 auto;
        width: 50%;
    }

    .Diamond_View_sec .dvstable_boxes {
        flex: 0 0 auto;
        width: 100%;
        margin-bottom: 30px;
    }

        .Diamond_View_sec .dvstable_boxes:last-child {
            margin-bottom: 0px;
        }

    .login_main .loginbox {
        flex: 0 0 auto;
        width: 60%;
    }

    .dashsectwo .dstboxes {
        flex: 0 0 auto;
        width: 100%;
        margin-bottom: 20px;
        order: 2;
    }

        .dashsectwo .dstboxes.pimbox {
            order: 1;
        }

    .scrolldiv.scrolldivfull {
        height: calc(100vh - 200px);
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .odrdtls_top .odrtboxes {
        flex: 0 0 auto;
        width: 50%;
    }
}


@media (max-width: 575.98px) {
    .hbtngroup .hbtn {
        padding: 10px 15px !important;
    }

    .compaire-stn-btn {
        padding: 0px !important;
    }

    .bootstrap-select > .dropdown-toggle {
        padding: 12px 15px !important;
    }

    .srv_boxes_main {
        flex: 0 0 auto;
        width: 100%;
    }

    .al-table-top-info ul li {
        margin-bottom: 10px;
    }

    .order_details_main .odmboxes {
        flex: 0 0 auto;
        width: 100%;
    }

        .order_details_main .odmboxes:last-child {
            margin-bottom: 0px;
        }

    .contact_page .filed-squre-box-main .sufiboxes {
        flex: 0 0 auto;
        width: 100%;
    }

    .loginsec {
        height: auto;
    }

        .loginsec .lsbox {
            height: calc(100vh - 70px);
        }

    .centerdivsec,
    .centerdivsec .container-fluid,
    .centerdivsec .cdsinner {
        height: auto !important;
    }

        .centerdivsec .cdsbmain {
            height: auto;
            justify-content: start;
            align-items: flex-start;
        }

        .centerdivsec .cdsbinner .cdsbtitle h2 {
            font-size: 20px;
            line-height: 20px;
            margin-bottom: 10px;
        }

        .centerdivsec .cdsimg img {
            height: 200px;
        }

        .centerdivsec .cdsbinner {
            padding: 20px;
        }

    .login_main .loginbox {
        flex: 0 0 auto;
        width: 90%;
    }

    .login_main.reg_main .loginbox {
        flex: 0 0 auto;
        width: 90%;
    }

    .login_main {
        padding-right: 0;
    }

        .login_main.reg_main {
            padding-right: 0;
        }

    .odrdtls_top .odrtboxes {
        flex: 0 0 auto;
        width: 100%;
    }
}


@media (max-width: 480.98px) {
    .centerdivsec .btnbox .btn {
        white-space: nowrap;
        width: 100%;
    }

        .centerdivsec .btnbox .btn:first-child {
            margin-bottom: 10px;
        }

    .offcanvas-end {
        width: auto !important;
    }

    .dashtopboxes .dtboxes {
        flex: 0 0 auto;
        width: 100%;
        margin-bottom: 20px;
    }

        .dashtopboxes .dtboxes:last-child {
            margin-bottom: 0;
        }
}