/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto+Slab:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

body {
    padding: 0;
    font-family: "Montserrat", sans-serif;
    margin: 0;
    font-size: 15px;
    color: #000;
}

p {
    /* color: #7A7A7A; */
    color: #000;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--secondary-color);
    text-transform: capitalize;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

.h1:last-child,
.h2:last-child,
.h3:last-child,
.h4:last-child,
.h5:last-child,
.h6:last-child,
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
    margin-bottom: 0;
}

strong {
    color: var(--secondary-color);
}

a {
    text-decoration: none;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    color: #fff;
}

a:hover,
a:focus {
    color: #a6e22e !important;
    text-decoration: none;
}

button {
    outline: 0 !important;
}


/* ----------------------------------------------------
    Normalize    071C1F   0E292D
---------------------------------------------------- */
:root {
    --primary-color: #071c1f;
    --primary-color-2: #041113;
    /* Darken */
    --primary-color-3: #133236;
    --text-color: #7A7A7A;
    --section-background-color: #7a7a7a7e;
    /* Lighten */
    --secondary-color: #AFD23C;
    --secondary-color-1: #a0c230;
    --secondary-color-2: #d3f36b;
    /* Darken */
    --secondary-color-3: #fb412a;
    /* Lighten */
    --heading-color: #071c1f;
    --paragraph-color: #071c1f;
    --heading-font: 'Montserrat', sans-serif;
    --body-font: 'Montserrat', sans-serif;
    --fontawesome: 'Font Awesome 6 Free';
    /* Footer ACD2D8 8CB2B2  */
    --ltn__color-1: #8cb2b2;
    --ltn__color-2: #ACD2D8;
    --ltn__color-3: #A3BCC0;
    --ltn__color-4: #84A2A6;
    /* Gradient Colors */
    --gradient-color-1: linear-gradient(90deg, rgba(242, 139, 194, 1) 0%, rgba(216, 177, 242, 1) 50%);
    --gradient-color-2: linear-gradient(to top, rgba(7, 28, 31, 0) 0%, rgba(7, 28, 31, 1) 90%);
    --gradient-color-3: linear-gradient(to bottom, rgba(7, 28, 31, 0) 0%, rgba(7, 28, 31, 1) 90%);
    --gradient-color-4: linear-gradient(to top, rgba(242, 246, 247, 0) 0%, rgba(242, 246, 247, 1) 90%);
    /* Background Colors */
    --section-bg-1: #F2F6F7;
    /* White */
    --section-bg-2: #071c1f;
    /* Black */
    /* Border Colors */
    --border-color-1: #e5eaee;
    /* White */
    --border-color-2: #1e2021;
    /* Black */
    --border-color-3: #576466;
    /* Black */
    --border-color-4: #eb6954;
    /* Red */
    --border-color-5: #bc3928;
    /* Red */
    --border-color-6: #103034;
    /* Black */
    --border-color-7: #d1dae0;
    /* White */
    --border-color-8: #f6f6f6;
    /* White */
    --border-color-9: #e4ecf2;
    /* White */
    --border-color-10: #ebeeee;
    /* White */
    --border-color-11: #ededed;
    /* White */
    --border-color-12: #e1e6ff;
    /* White */
    /* Box Shadow Colors */
    --ltn__box-shadow-1: 0 16px 32px 0 rgba(7, 28, 31, 0.1);
    --ltn__box-shadow-2: 0 0 4px rgba(0, 0, 0, 0.1);
    /* like border */
    --ltn__box-shadow-3: 0 1px 6px 0 rgba(32, 33, 36, .28);
    /* like border GGL */
    --ltn__box-shadow-4: 0 5px 20px 0 rgba(23, 44, 82, 0.1);
    --ltn__box-shadow-5: 0 8px 16px 0 rgba(93, 93, 93, 0.1);
    --ltn__box-shadow-6: 0 0 25px 2px rgba(93, 93, 93, 0.2);
    /* Common Colors */
    --black: #000000;
    --black-2: #22355B;
    --white: #fff;
    --white-2: #F2F6F7;
    --white-3: #e8edee;
    --white-4: #e6ecf0;
    --white-5: #f0f4f7;
    --white-6: #f1f1f1;
    --white-7: #F7F7F7;
    --white-8: #FAFAFA;
    --white-9: #F2F7FA;
    --red: #FF0000;
    --red-2: #f34f3f;
    --red-3: #DB483B;
    --silver: #C0C0C0;
    --gray: #808080;
    --maroon: #800000;
    --yellow: #FFFF00;
    --olive: #808000;
    --lime: #00FF00;
    --green: #008000;
    --green-2: #79B530;
    --aqua: #00FFFF;
    --teal: #008080;
    --blue: #0000FF;
    --navy: #000080;
    --fuchsia: #FF00FF;
    --purple: #800080;
    --pink: #FFC0CB;
    --nude: #ebc8b2;
    --orange: #ffa500;
    --ratings: #FFB800;
    /* social media colors */
    --facebook: #365493;
    --twitter: #3CF;
    --linkedin: #0077B5;
    --pinterest: #c8232c;
    --dribbble: #ea4c89;
    --behance: #131418;
    --google-plus: #dd4b39;
    --instagram: #e4405f;
    --vk: #3b5998;
    --wechat: #7bb32e;
    --youtube: #CB2027;
    --email: #F89A1E;
}

/* footer start */
.footer {
    position: fixed;
    /* height: 100px; */
    bottom: 0;
    width: 100%;
}

.footer p {
    /* background-color: #000000; */
    color: #fff;
}

/* footer end */
/* form start */
.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #AFD23C;
    /* border-color: rgb(175, 210, 60); */
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(175, 210, 60, .25);
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 2.0;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.form-label {
    margin-bottom: .5rem;
    font-size: 16px;
    font-weight: 500;
    color: var(--bs-secondary-color) !important;
    padding-left: 4px;
}

/* form end */

.page-title-box {
    padding: 10px 1.5rem;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
    box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
    border-bottom: 1px solid none;
    border-top: 1px solid none;
    margin: -23px -1.5rem 1rem -1.5rem;
}

.card {
    margin-bottom: 1.5rem;
    -webkit-box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
    box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
}

.main-content {
    overflow-x: hidden;
}

.table-card div.dataTables_wrapper div.dataTables_filter input {
    width: unset !important;
}

.btn-soft-secondary {
    color: #3577f1;
    background-color: rgba(53, 119, 241, 0.1);
    border-color: transparent;
}

.dropdown-menu li a {
    color: #333333ff !important;
}

.lead {
    font-size: 1.015625rem;
    font-weight: 300;
}

.alertify-notifier.ajs-right .ajs-message.ajs-visible {
    right: 290px;
    color: #fff;
}

.table-img {
    width: 100px !important;
    height: 50px !important;
    overflow: hidden;
}

.table-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

#ct-image-preview-wrap {
    display: flex;
}

.ct-img-preview {
    width: 92px;
    height: 90px;
    overflow: hidden;
    border-radius: 8px;
    background-color: #f6f6f6;
    margin-top: 15px;
}

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

#ct-image-preview-wrap i {
    font-size: 2em;
    transition: 200ms;
}

#ct-image-preview-wrap i:hover {
    color: red;
}

.ct-img-preview .btn-sm {
    position: absolute !important;
}

.view-ct-img-preview {
    width: 100%;
    /* height: 250px; */
    overflow: hidden;
}

.view-ct-img-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.scroll_desc {
    width: 450px;
    height: 150px;
    overflow: scroll;
    color: #000 !important
}
.secondary_category {
    width: 200px !important;
}
.text-black {
    color: #000 !important;
}