@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Light.eot');
    src: url('../fonts/Inter-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter-Light.woff2') format('woff2'),
        url('../fonts/Inter-Light.woff') format('woff'),
        url('../fonts/Inter-Light.ttf') format('truetype'),
        url('../fonts/Inter-Light.svg#Inter-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-SemiBold.eot');
    src: url('../fonts/Inter-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter-SemiBold.woff2') format('woff2'),
        url('../fonts/Inter-SemiBold.woff') format('woff'),
        url('../fonts/Inter-SemiBold.ttf') format('truetype'),
        url('../fonts/Inter-SemiBold.svg#Inter-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Medium.eot');
    src: url('../fonts/Inter-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter-Medium.woff2') format('woff2'),
        url('../fonts/Inter-Medium.woff') format('woff'),
        url('../fonts/Inter-Medium.ttf') format('truetype'),
        url('../fonts/Inter-Medium.svg#Inter-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Regular.eot');
    src: url('../fonts/Inter-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter-Regular.woff2') format('woff2'),
        url('../fonts/Inter-Regular.woff') format('woff'),
        url('../fonts/Inter-Regular.ttf') format('truetype'),
        url('../fonts/Inter-Regular.svg#Inter-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Bold.eot');
    src: url('../fonts/Inter-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter-Bold.woff2') format('woff2'),
        url('../fonts/Inter-Bold.woff') format('woff'),
        url('../fonts/Inter-Bold.ttf') format('truetype'),
        url('../fonts/Inter-Bold.svg#Inter-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}



html {
        scroll-behavior: smooth;
    }
    
    body {
        font-family: 'Inter';
        font-weight: 400;
        font-size: 16px;
        color: #6f6f6f;
        padding: 0;
        margin: 0;
        overflow-x: hidden;
    }
    /* typography css  */
    
    h1 {
        font-size: 62px;
    }
    
    h2 {
        font-size: 32px;
    }
    
    h3 {
        font-size: 24px;
    }
    
    h4 {
        font-size: 22px;
    }
    
    h5 {
        font-size: 20px;
    }
    
    h6 {
        font-size: 18px;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: 'Inter';
        /* color: #505050; */
        color: #131313;
        font-weight: 600;
        margin: 0;
        line-height: 1.4;
    }
    
    h1>a,
    h2>a,
    h3>a,
    h4>a,
    h5>a,
    h6>a {
        font-family: 'Inter';
        /* color: #505050; */
        color: #131313;
        font-weight: 600;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        line-height: 1.33;
    }
    
    h1>a:hover,
    h2>a:hover,
    h3>a:hover,
    h4>a:hover,
    h5>a:hover,
    h6>a:hover {
        color: #1e3667;
    }
    
    p,
    li,
    span {
        margin: 0;
    }
    
    .fs-14px {
        font-size: 0.875rem !important;
    }
    
    .fs-12px {
        font-size: 0.75rem !important;
    }
    /* display none  */
    
    .none {
        display: none !important;
    }
    /* ancher tag css  */
    
    a {
        text-decoration: none;
        background-color: transparent;
        color: inherit;
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }
    
     :focus {
        outline: none;
    }
    
    a:focus,
    a:hover {
        text-decoration: none;
        outline: none;
    }
    /* Forms */
    
    form {
        display: inline;
    }
    
    fieldset {
        border: 0;
    }
    
    legend {
        display: none;
    }
    /* Table */
    
    table {
        border: 0;
        border-collapse: collapse;
        border-spacing: 0;
        empty-cells: show;
        font-size: 100%;
    }
    
    caption,
    th,
    td {
        vertical-align: top;
        text-align: left;
        font-weight: normal;
    }
    /* Lists */
    
    ul,
    ol {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    /* image reset css  */
    
    img {
        max-width: 100%;
        height: auto;
    }
    /* btn reset css  */
    
    button,
    html input[type="button"],
    input[type="reset"],
    input[type="submit"] {
        appearance: button;
        -webkit-appearance: button;
        cursor: pointer;
        border: none;
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }
    
    button:focus,
    html input[type="button"]:focus,
    input[type="reset"]:focus,
    input[type="submit"]:focus {
        outline: none;
    }
    /* btn css ================================================================ */
    
    .btn {
        border-radius: 30px;
        box-shadow: none !important;
        outline: none !important;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    
    .theme-btn2,
    .theme-btn {
        color: #ffffff;
        font-size: 14px;
        line-height: normal;
        font-weight: 600;
        padding: 8px 25px;
        text-transform: uppercase;
    }
    
    .theme-btn2 {
        background-color: #1e3667;
        border: 1px solid #1e3667;
        color: #ffffff;
    }
    
    .theme-btn2:hover {
        background-color: #ffffff !important;
        color: #1e3667;
    }
    
    .theme-btn:hover {
        background-color: #ffffff !important;
    }
    
    .theme-btn2 i,
    .theme-btn i {
        font-size: 14px;
        margin-right: 10px;
    }
    
    .btn-large {
        padding: 17px 25px;
    }
    
    .text--base2 {
        color: #1e3667;
    }
    /* position comman class css  */
    
    .pos-relative {
        position: relative;
    }
    
    .pos-absolute {
        position: absolute;
    }
    /* global varible define for text css */
    
    .text--primary {
        color: #7367f0 !important;
    }
    
    .text--secondary {
        color: #868e96 !important;
    }
    
    .text--success {
        color: #28c76f !important;
    }
    
    .text--danger {
        color: #ea5455 !important;
    }
    
    .text--warning {
        color: #ff9f43 !important;
    }
    
    .text--info {
        color: #1e9ff2 !important;
    }
    
    .text--dark {
        color: #10163A !important;
    }
    
    .text--muted {
        color: #cccccc !important;
    }
    
    .text--dark {
        color: #363636 !important;
    }
    
    .text--rating {
        color: #F2B826;
    }
    /* global spacing class css */
    
    .pt-25 {
        padding-top: 25px;
    }
    
    .pb-25 {
        padding-bottom: 25px;
    }
    
    .pt-50 {
        padding-top: 50px;
    }
    
    .pb-50 {
        padding-bottom: 50px;
    }
    
    .pt-100 {
        padding-top: 100px;
    }
    
    .pb-100 {
        padding-bottom: 100px;
    }
    
    .pt-120 {
        padding-top: 120px;
    }
    
    .pb-120 {
        padding-bottom: 120px;
    }
    /* background set for css  */
    
    .bg_img {
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
    
    .user-name-dropdown.dropdown .dropdown-menu {
        border: none;
    }
    
    .btn--base.btn--custom,
    .custom--table tbody tr,
    .custom--checkbox label::before,
    .card-view-btn-area button,
    .product-thumb-slider-area .product-details-thumb .overlay-icon,
    .d-widget,
    .action-sidebar,
    .product-widget-tags a {
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    /* button */

    .action-sidebar { position: sticky; top: 20px; left: 0; }
    
    [class*="btn--"]:not(.btn--link):not(.btn--light) {
        color: #fff;
    }
    
    
    .btn--primary {
        background-color: #7367f0;
    }
    
    .btn--primary:hover {
        background-color: #5e50ee;
    }
    
    .btn--secondary {
        background-color: #868e96;
    }
    
    .btn--secondary:hover {
        background-color: #78818a;
    }
    
    .btn--success {
        background-color: #28c76f;
    }
    
    .btn--success:hover {
        background-color: #24b263;
    }
    
    .btn--danger {
        border: 1px solid #ea5455;
        background-color: #ea5455;
    }
    
    .btn--danger:hover {
        background-color: transparent;
        color: #ea5455 !important;
    }
    
    .btn--warning {
        background-color: #ff9f43;
    }
    
    .btn--warning:hover {
        background-color: #ff922a;
    }
    
    .btn--info {
        background-color: #1e9ff2;
    }
    
    .btn--info:hover {
        background-color: #0d93e9;
    }
    
    .btn--light {
        background-color: #eef4ff;
    }
    
    .btn--light:hover {
        background-color: #d5e4ff;
    }
    
    .btn--dark {
        background-color: #10163A;
        color: #fff;
    }
    
    .btn--dark:hover {
        background-color: #0a0e26;
        color: #fff;
    }
    
    .btn--link {
        color: #7367f0;
    }
    
    .btn--base {
        color: #fff;
    }
    
    .btn--base:hover {
        background-color: transparent;
    }
    
    .btn--base.btn--custom {
        outline: 2px solid rgba(255, 255, 255, 0.7);
        outline-offset: -6px;
    }
    
    .btn--base.btn--custom:hover {
        outline-offset: 0;
        outline: 2px solid rgba(255, 255, 255, 0);
    }
    
    .text-btn {
        padding: 0;
        color: #6f6f6f;
        background-color: transparent;
    }
    
    .read-btn {
        padding: 10px 20px 10px 30px;
        min-width: 150px;
        font-size: 14px;
        font-weight: 600;
        background-color: rgba(149, 191, 70, 0.14);
        color: #95bf46;
        position: relative;
        text-align: center;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    
    .read-btn:hover {
        background-color: #95bf46;
        color: #ffffff;
    }
    
    .read-btn:hover i {
        background-color: #ffffff;
        color: #95bf46;
    }
    
    .read-btn i {
        background-color: #95bf46;
        color: #ffffff;
        font-size: 18px;
        margin-left: 15px;
        padding: 6px 6px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    
    .action-btn {
        width: 35px;
        height: 35px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
    }
    
    .icon-btn {
        width: 1.5625rem;
        height: 1.5625rem;
        color: #fff;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }
    
    .icon-btn:hover {
        background-color: transparent;
        color: #11BEF0;
    }
    
    .table-responsive--md {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    [class*="btn"].btn-md {
        padding: 0.625rem 1.25rem;
    }
    
    [class*="btn"].btn-sm {
        padding: 0.375rem 0.625rem;
    }
    /* form css start */
    
    .form-group {
        margin-bottom: 0.9375rem;
    }
    
    .form--control {
        padding: 0.625rem 1.25rem;
        width: 100%;
        background-color: #fff;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        color: #000;
        height: 55px;
        font-size: 15px;
    }
    
    .form--control:focus {
        background-color: #fff;
        color: #000;
    }
    
    .form--control:placeholder-shown {
        border-color: rgba(118, 140, 161, 0.2);
        color: #6f6f6f;
    }
    
    .form--control[readonly] {
        background-color: #fff;
    }
    
    .form--control.style--two {
        border-width: 0 0 1px 0;
        padding: 0.625rem 0;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-bottom-color: #999999;
    }
    
    .form--control.style--two:focus {
        box-shadow: none;
    }
    
    .form--control.form-control-sm {
        height: 35px;
    }
    
    .form--control[disabled],
    .form--control[readonly] {
        background-color: #e2e2e2;
    }
    
    input[type="search"]::-webkit-search-decoration,
    input[type="search"]::-webkit-search-cancel-button,
    input[type="search"]::-webkit-search-results-button,
    input[type="search"]::-webkit-search-results-decoration {
        -webkit-appearance: none;
        appearance: none;
    }
    
    .select {
        padding: 0.625rem 1.25rem;
        width: 100%;
        border: 1px solid rgba(118, 140, 161, 0.2);
        cursor: pointer;
        color: #6f6f6f;
        background-color: #fff;
        height: 3.125rem;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
    }
    
    .select option {
        padding: 0.625rem 0;
        display: block;
        border-top: 1px solid #e5e5e5;
    }
    
    .select.style--trans {
        background-color: transparent;
        color: #fff;
        border-color: rgba(255, 255, 255, 0.5);
    }
    
    .select.style--trans option {
        color: #363636;
    }
    
    .select.select-sm {
        height: 2.1875rem;
        font-size: 0.875rem;
        padding: 0.3125rem;
    }
    
    textarea {
        min-height: 9.375rem !important;
        resize: none;
        width: 100%;
    }
    
    label {
        color: #7c7c7c;
        margin-bottom: 0.625rem;
        font-size: 15px;
        font-weight: 600;
    }
    
    .input-group>.form--control,
    .input-group>.select {
        position: relative;
        flex: 1 1 auto;
        width: 1%;
        min-width: 0;
    }
    
    .input-group select {
        background-color: transparent;
        border: none;
    }
    
    .input-group .input-group-text {
        color: #fff;
    }
    .input-group select.input-group-text:hover,
    .input-group select.input-group-text {
        cursor: pointer;
        background-color: #808080 !important;
        border-color: #808080 !important;
    }
    .wrong-info .form--control {
        border-color: #ea5455 !important;
        box-shadow: 0 0 6px 1px rgba(234, 84, 85, 0.3) !important;
    }
    
    .select2-container {
        display: block;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 50px;
		height:auto;
    }
    
    .select2-container .select2-dropdown {
        border: 1px dashed rgba(118, 140, 161, 0.2);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
    }
    
    .select2-container .selection,
    .select2-container .select2-selection--single,
    .select2-container .select2-selection__rendered {
        display: block;
    }
    
    .select2-container .select2-selection--single {
        height: 50px;
        border-color: rgba(118, 140, 161, 0.2);
    }
    
    .select2-container .select2-selection--single .select2-selection__rendered {
        line-height: 50px;
        padding-left: 1.25rem;
    }
    
    .select2-container .select2-selection--single .select2-selection__arrow {
        height: 50px;
    }
    
    .select2-dropdown ::-webkit-scrollbar {
        width: 0.5rem;
    }
    
    .select2-dropdown ::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    }
    
    .select2-dropdown ::-webkit-scrollbar-thumb {
        background-color: #002046;
    }
    
    .select2-results__option {
        font-size: 0.875rem;
        padding: 0.375rem 0.625rem;
    }
    /* preloader css ================================================================ */
    
    .preloader {
        display: inline-block;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
        background: white;
        text-align: center;
    }
    
    .preloader .preloader-container,
    .preloader .preloader-container .animated-preloader {
        display: inline-block;
        position: absolute;
        width: 100px;
        height: 100px;
        left: 0;
    }
    
    .preloader .preloader-container {
        margin: auto;
        top: 44%;
        position: relative;
    }
    
    .preloader .preloader-container .animated-preloader {
        top: 0;
        border-radius: 50em;
    }
    
    .preloader .preloader-container .animated-preloader:before,
    .preloader .preloader-container .animated-preloader:after {
        content: '';
        display: inline-block;
        width: 100px;
        height: 100px;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 50em;
        background: white;
        -webkit-animation: preloader-inside-white 1s ease-in-out infinite;
        -ms-animation: preloader-inside-white 1s ease-in-out infinite;
        animation: preloader-inside-white 1s ease-in-out infinite;
    }
    
    .preloader .preloader-container .animated-preloader:before {
        border-radius: 50em;
        z-index: 10;
    }
    
    @-webkit-keyframes preloader-inside-white {
        0% {
            -webkit-transform: scale(0, 0);
            -moz-transform: scale(0, 0);
            -ms-transform: scale(0, 0);
            -o-transform: scale(0, 0);
            transform: scale(0, 0);
        }
        100% {
            -webkit-transform: scale(1, 1);
            -moz-transform: scale(1, 1);
            -ms-transform: scale(1, 1);
            -o-transform: scale(1, 1);
            transform: scale(1, 1);
        }
    }
    
    @keyframes preloader-inside-white {
        0% {
            -webkit-transform: scale(0, 0);
            -moz-transform: scale(0, 0);
            -ms-transform: scale(0, 0);
            -o-transform: scale(0, 0);
            transform: scale(0, 0);
        }
        100% {
            -webkit-transform: scale(1, 1);
            -moz-transform: scale(1, 1);
            -ms-transform: scale(1, 1);
            -o-transform: scale(1, 1);
            transform: scale(1, 1);
        }
    }
    
    @-webkit-keyframes preloader-inside-red {
        0% {
            -webkit-transform: scale(0, 0);
            -moz-transform: scale(0, 0);
            -ms-transform: scale(0, 0);
            -o-transform: scale(0, 0);
            transform: scale(0, 0);
        }
        30% {
            -webkit-transform: scale(0, 0);
            -moz-transform: scale(0, 0);
            -ms-transform: scale(0, 0);
            -o-transform: scale(0, 0);
            transform: scale(0, 0);
        }
        100% {
            -webkit-transform: scale(1, 1);
            -moz-transform: scale(1, 1);
            -ms-transform: scale(1, 1);
            -o-transform: scale(1, 1);
            transform: scale(1, 1);
        }
    }
    
    @keyframes preloader-inside-red {
        0% {
            -webkit-transform: scale(0, 0);
            -moz-transform: scale(0, 0);
            -ms-transform: scale(0, 0);
            -o-transform: scale(0, 0);
            transform: scale(0, 0);
        }
        30% {
            -webkit-transform: scale(0, 0);
            -moz-transform: scale(0, 0);
            -ms-transform: scale(0, 0);
            -o-transform: scale(0, 0);
            transform: scale(0, 0);
        }
        100% {
            -webkit-transform: scale(1, 1);
            -moz-transform: scale(1, 1);
            -ms-transform: scale(1, 1);
            -o-transform: scale(1, 1);
            transform: scale(1, 1);
        }
    }
    /* cookie wrapper css ================================================================ */
    
    .cookie__wrapper {
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        background: #002046;
        padding: 15px 0;
        font-size: 18px;
        z-index: 99999;
        animation: fadeInUp 2s;
        -webkit-animation: fadeInUp 2s;
    }
    .cookie__wrapper p{
        font-size: 14px;
        text-transform: capitalize;
    }
    /* comman subtitle css ================================================================ */
    
    .section-header {
        margin-bottom: 30px;
    }
    
    .section-header h2.section-title {
        font-size: 36px;
        line-height: 40px;
        font-weight: 700;
        margin-bottom: 15px;
        text-transform: capitalize;
    }
    /* pagination css ================================================================ */
    
    .pagination {
        /* margin: -0.3125rem -0.4375rem; */
        flex-wrap: wrap;
		justify-content:center;
    }
    
    .pagination .page-item {
        margin: 0.3125rem 0.4375rem;
    }
    
    .pagination .page-item .page-link:hover,
    .pagination .page-item.active .page-link {
        color: #fff;
    }
    
    .pagination .page-item .page-link {
        width: 30px;
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        background-color: transparent;
        border: none;
        color: #1e3667;
        box-shadow: none;
        font-size: 16px;
        font-weight: 500;
        font-family: 'Inter';
    }
    /* scroll to top btn css ================================================================ */
    
    .scroll-to-top {
        height: 50px;
        width: 50px;
        position: fixed;
        bottom: 50px;
        right: 30px;
        display: none;
        z-index: 9;
        cursor: pointer;
        text-align: center;
        border-radius: 50%;
        line-height: 54px;
    }
    
    .scroll-to-top .scroll-icon {
        font-size: 24px;
        color: #ffffff;
        display: inline-block;
    }
    /* slider custom arrow css ================================================================ */
    
    .custom-arrow {
        margin-top: 50px;
    }
    
    .custom-arrow .slick-arrow {
        position: absolute;
        top: -50px;
        z-index: 1;
        cursor: pointer;
    }
    
    .custom-arrow .slick-arrow.prev,
    .custom-arrow .slick-arrow.next {
        font-size: 36px;
        line-height: 40px;
        color: #8e9ab3;
    }
    
    .custom-arrow .slick-arrow.next {
        margin-left: 40px;
    }
    
    .custom-arrow .slick-arrow:focus,
    .custom-arrow .slick-arrow:hover {
        color: #1e3667;
    }
    /* slider custom dots css ================================================================ */
    
    .custom-dots .slick-dots {
        display: flex;
        justify-content: center;
    }
    
    .custom-dots .slick-dots li {
        margin: 2px 4px;
    }
    
    .custom-dots .slick-dots button {
        font-size: 0;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        transition: all 0.3s;
        padding: 0;
        background-color: #e5e5e5;
    }
    
    .custom-dots .slick-dots li.slick-active button {
        background-color: #1e3667
    }
    /* header-start ================================================================ */
    
    .header {
        background-color: #fff;
    }
    
    .header-top-right-menu i {
        color: #818181;
        font-size: 32px;
        line-height: 18px;
    }
    
    .header-serch-btn i {
        margin-top: 5px;
    }
    
    .header-top-search-area .header-search-btn i {
        font-size: 22px;
        color: #fff;
    }

    .navbar-expand-lg .navbar-nav.left-menu > li:first-child {
        display: none;
    }
    .navbar-expand-lg .navbar-nav > li:nth-child(2) {
        margin-left: 0;
    }
    
    .menu-cart-btn {
        margin: 0 15px;
    }

    .offcanvas-categories .offcanvas-body {
        padding: 0;
    }

    .offcanvas-categories .offcanvas-body  .slicknav_menu .slicknav_nav li:first-child {
        display: none;
    }
    .navbar .header-menu-list a {
        padding: 19px 10px;
    }
    .navbar .header-menu-list a.active {
        color: #11BEF0;
    }
    .categories-btn {
        font-size: 14px;
        font-weight: 600;
        padding: 0;
        margin-right: 20px;
        align-items: center;
        align-content: center;
        justify-content: center;
        min-height: 56px;
        background-color: rgba(0,0,0,0.08);
        min-width: 220px;
        border-radius: 0 !important;
    }
    .categories-btn:hover {
        color: #818181;
    }
    .categories-btn svg {
        margin-right: 10px;
        width: 16px;
        height: auto;
    }
    .navbar-collapse .header-menu-list {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50% , -50%);
        -moz-transform: translate(-50% , -50%);
        -ms-transform: translate(-50% , -50%);
        transform: translate(-50% , -50%);
    }
    .navbar .navbar-nav.left-menu { display: none; }
    .offcanvas-categories .btn-close {
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        justify-content: center;
        right: auto;
        top: 0!important;
        background: #1e3667;
        padding: 0;
        border-radius: 0;
        border:0;
        opacity: 1;
        background-image: none !important;
        line-height: 40px;
        height: 50px;
        width: 50px;
        color: #ffffff;
        font-size: 22px;
        margin: 0;
        margin-left: auto;
    }

    .offcanvas-categories .offcanvas-header {

    }
    
    
    .menu-cart-btn .cart-badge.price {
        font-size: 10px;
        width: 16px;
        height: 16px;
        line-height: 16px;
        border-radius: 100%;
        text-align: center;
        position: absolute;
        top: -5px;
        right: -5px;
    }
    .header .main-menu li span,
    .header .main-menu li a,
    .header-menu-list li a {
        font-weight: 600;
        color: #818181;
    }
    
    .header-menu-list li a {
        padding: 5px 10px;
        font-weight: 500;
    }

    .menu-defult-mobile .slicknav_txtnode {
        display: none !important;
    }
    
    .header .main-menu li.menu_has_children::after {
        position: absolute;
        content: "\f107";
        font-family: 'Line Awesome Free';
        font-weight: 900;
        font-weight: 600;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        right: 0;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    
    .header .main-menu li:hover.menu_has_children::after {
        /* content: "\f106"; */
        transform: translateY(-50%) rotate(-180deg);
        -webkit-transform: translateY(-50%) rotate(-180deg);
    }
    
    .header .main-menu li span,
    .header .main-menu li a {
        padding: 20px 25px 20px 0;
        display: block;
    }
    
    .header__top {
        padding: 15px 0;
        position: relative;
    }
    
    .header-serch-btn i {
        filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0.5);
        -webkit-transform: rotate(280deg);
        -moz-transform: rotate(280deg);
        -ms-transform: rotate(280deg);
        -o-transform: rotate(280deg);
        transform: rotate(280deg);
    }
    
    .header__bottom {
        background-color: #002046;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    
    .header__bottom,
    .header__top {
        background-color: transparent !important;
    }
    
    .header .nav-right .header-top-search-area .header-search-form input {
        border: 1px solid #e9e9e9;
    }
    
    .header__bottom {
        border-top: 1px solid #e9e9e9;
    }
    
    .menu-cart-btn:hover,
    .header .nav-right .header-top-search-area .header-search-form:hover .header-search-btn i {
        color: #ffffff;
    }
    
    .header-menu-list .user-login-regi-item {
        display: flex;
    }
    
    .header .main-menu li span,
    .header .main-menu li a,
    .header-menu-list li a,
    .amount-listing li p,
    .short-link-list li a {
        font-size: 14px;
        line-height: normal;
        font-family: 'Inter';
        text-transform: capitalize;
    }

    .short-link-list {
        padding-left: 20px;
    }
    .short-link-list li {
        list-style-type: disc;
    }
    
    .header .site-logo img {
        width: 250px;
    }
    .header__top .site-logo {
        display: inline-flex;
    }
    
    .header .main-menu li,
    .header .main-menu li.menu_has_children {
        position: relative;
    }
    
    .header .main-menu li.menu_has_children.open>.sub-menu {
        display: block;
    }
    
    .header .main-menu li.menu_has_children>a::before {
        position: absolute;
        content: "\f107";
        font-family: 'Line Awesome Free';
        top: 0;
        right: 0;
        color: #ffffff;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        display: none;
        font-weight: 600;
    }
    
    .header .main-menu li.menu_has_children:hover>a::before {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .header .main-menu li span,
    .header .main-menu li a {
        position: relative;
        cursor: pointer;
    }
    
    .header .main-menu li .sub-menu {
        position: absolute;
        width: 220px;
        top: 105%;
        left: -20px;
        z-index: 9;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    
    .header .main-menu li .sub-menu li a {
        padding: 8px 20px;
        display: block;
        color: #6f6f6f;
        font-size: 14px;
        line-height: normal;
        font-weight: 500;
        border-bottom: 1px dashed #e5e5e5;
    }
    
    .header .main-menu li .sub-menu li:last-child a {
        border-bottom: none;
    }
    
    .header .main-menu li .sub-menu li a:hover {
        background-color: rgba(255, 255, 255, 0.05);
    }
    
    .header .main-menu li .sub-menu li+li {
        margin-left: 0;
    }
    
    .header .main-menu li:hover>.sub-menu {
        top: 100%;
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }
    
    .header .main-menu li .sub-menu .sub-menu {
        top: 0;
        right: 100%;
        left: unset;
    }
    
    .header .nav-right .header-top-search-area {
        position: absolute;
        top: 105%;
        width: 350px;
        right: 0;
        opacity: 0;
        visibility: hidden;
        z-index: 9;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    
    .header .nav-right .header-top-search-area .header-search-form {
        position: relative;
        background-color: #ffffff;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
        border-radius: 999px;
        -webkit-border-radius: 999px;
        -moz-border-radius: 999px;
        -ms-border-radius: 999px;
        -o-border-radius: 999px;
    }
    
    .header .nav-right .header-top-search-area .header-search-form input {
        max-width: 100%;
        width: 500px;
        border: none;
        padding: 8px 38px 8px 15px;
        min-height: 50px;
        border-radius: 999px;
        -webkit-border-radius: 999px;
        -moz-border-radius: 999px;
        -ms-border-radius: 999px;
        -o-border-radius: 999px;
    }
    
    .header .nav-right .header-top-search-area .header-search-form .header-search-btn {
        position: absolute;
        top: 0;
        right: 0;
        border: none;
        height: 100%;
        padding: 0 12px;
        color: #ffffff;
        border-radius: 0 50% 50% 0;
        -webkit-border-radius: 0 50% 50% 0;
        -moz-border-radius: 0 50% 50% 0;
        -ms-border-radius: 0 50% 50% 0;
        -o-border-radius: 0 50% 50% 0;
        padding: 15px 15px;
    }
    
    .header .nav-right .header-top-search-area.open {
        opacity: 1;
        visibility: visible;
        top: 100%;
    }
    
    .header-menu-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        align-items: center;
    }
    
    .header-menu-list li {
        display: inherit;
    }
    
    .laguage-select {
        width: auto;
        height: auto;
        padding: 5px 10px;
        font-size: 14px;
        background-color: transparent;
        color: #fff;
        border-color: rgba(255, 255, 255, 0.15);
    }
    
    .laguage-select option {
        background-color: #002046;
    }
    
    .navbar-toggler {
        padding: 0;
        border: none;
		font-size:30px !important;
    }
    
    .navbar-toggler:focus {
        outline: none;
    }
    
    .menu-toggle {
        margin: 10px 0;
        position: relative;
        display: block;
        width: 35px;
        height: 20px;
        cursor: pointer;
        background: transparent;
        border-top: 2px solid;
        border-bottom: 2px solid;
        color: #ffffff;
        font-size: 0;
        -webkit-transition: all 0.25s ease-in-out;
        -o-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
        cursor: pointer;
    }
    
    .menu-toggle:before,
    .menu-toggle:after {
        content: '';
        display: block;
        width: 100%;
        height: 2px;
        position: absolute;
        top: 50%;
        left: 50%;
        background: currentColor;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        transition: -webkit-transform 0.25s ease-in-out;
        -webkit-transition: -webkit-transform 0.25s ease-in-out;
        -o-transition: -webkit-transform 0.25s ease-in-out;
        transition: transform 0.25s ease-in-out;
        -moz-transition: -webkit-transform 0.25s ease-in-out;
        -ms-transition: -webkit-transform 0.25s ease-in-out;
    }
    
    span.is-active {
        border-color: transparent;
    }
    
    span.is-active:before {
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
        -ms-transform: translate(-50%, -50%) rotate(45deg);
        transform: translate(-50%, -50%) rotate(45deg);
    }
    
    span.is-active:after {
        -webkit-transform: translate(-50%, -50%) rotate(-45deg);
        -ms-transform: translate(-50%, -50%) rotate(-45deg);
        transform: translate(-50%, -50%) rotate(-45deg);
    }
    
    span.menu-toggle:hover {
        color: #ffffff;
    }
    
    span.is-active {
        border-color: transparent;
    }
    
    span.is-active:before {
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
        -ms-transform: translate(-50%, -50%) rotate(45deg);
        transform: translate(-50%, -50%) rotate(45deg);
    }
    
    span.is-active:after {
        -webkit-transform: translate(-50%, -50%) rotate(-45deg);
        -ms-transform: translate(-50%, -50%) rotate(-45deg);
        transform: translate(-50%, -50%) rotate(-45deg);
    }
    
    .dropdwon-user-detail {
        background-color: #11BEF0;
        border-radius: 20px;
        padding: 5px 10px;
        color: #fff;
        font-weight: 600;
        text-transform: capitalize;
    }
    /* comman dropdoen arrow  css  */
    
    .dropdown-toggle::after {
        border: none;
        content: "\f107";
        font-family: 'Line Awesome Free';
        font-weight: 900;
        margin-left: 5px;
    }
    
    .dropdwon-user-detail i {
        color: #fff;
    }
    
    .user-dekstop {
        font-size: 18px;
        font-weight: 600;
    }
    
    li.user-dropdown-item {
        padding: 10px 5px;
        background-color: #11BEF0;
        border-radius: .25rem .25rem 0 0;
    }
    li.user-dropdown-item a:hover {
        color: #fff !important;
        opacity: .7;
    }
    
    li.user-dropdown-item .name-dropdown {
        font-size: 0.875rem;
        font-weight: 600;
        color: #fff;
    }
    
    li.user-dropdown-item a {
        font-size: 0.875rem !important;
        font-weight: 600;
        color: #fff;
        padding: 0px;
    }
    /* footer Styles ================================================================ */
    /* .footer-top .header-menu-list li a.btn.btn--base {
        color: #fff !important;
        padding: 0.75rem 2.875rem !important;
    } */

    .footer-top-subscribe {
        
    }

    .footer-logo {
        display: inline-flex;
        width: 250px;
    }

    .footer-section {
        background-color: #f5f5f7;
    }
    
    .footer-top .footer-top-info-wrapper .header-menu-list li a {
        padding: 5px 8px;
    }
    
    .footer-top-subscribe,
    .footer-top-info-wrapper,
    .footer-middle-menu-wrapper {
        padding: 30px 0;
        border-bottom: 1px solid rgba(37, 64, 120, 0.15);
    }

    .footer-middle-menu-wrapper > .row > [class^="col-"]:first-child {
        display: none;
    }
    .footer-middle-menu-wrapper > .row > [class^="col-"] {
        width: 20%;
    }
    
    .footer-top-info-wrapper .btn--base {
        text-transform: uppercase;
        padding: 12px 20px;
        color: #fff !important;
    }
    
    .footer-top-info-wrapper .btn--base:hover {
        border-color: #11BEF0;
        color: #11BEF0 !important;
        background-color: transparent;
    }
    
    .footer-top-info-wrapper .header-menu-list li a {
        color: #6f6f6f;
        font-weight: 500;
    }
    
    .footer-widget__title {
        font-size: 18px;
        line-height: normal;
        font-weight: 600;
        font-family: 'Inter';
        margin-bottom: 30px;
        color: #000000 !important;
    }
    
    .amount-listing li p,
    .short-link-list li a {
        font-weight: 400;
        color: #6f6f6f;
    }
    
    .amount-listing {
        display: flex;
        justify-content: space-between;
    }
    
    .amount-listing li h3.amount-number {
        font-size: 32px;
        line-height: 40px;
        font-weight: 700;
        font-family: 'Inter';
    }
    
    .footer-bottom {
        padding: 15px 0;
    }
    
    .footer-bottom p,
    .footer-bottom .link-list li a {
        font-size: 14px;
        color: #6f6f6f;
    }
    
    .footer-bottom .link-list li:hover a {
        color: #11BEF0;
    }
    
    .footer-bottom .link-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -5px -10px;
    }
    
    .footer-bottom .link-list li {
        margin: 5px 10px;
    }
    /* home page css start ================================================================ */
    /* Home Page > Banner Styles  */
    
    .hero {
        /* padding-top: 80px;
        padding-bottom: 200px; */
        padding: 140px 0;
        overflow: hidden;
        position: relative;
        z-index: 1;
        -webkit-animation: slideUp 300s linear infinite;
        animation: slideUp 300s linear infinite;
        background-position: 0 0;
        background-repeat: repeat;
    }
    
    @-webkit-keyframes slideUp {
        from {
            background-position: 0 0;
        }
        to {
            background-position: 0% 1000%;
        }
    }
    
    @keyframes slideUp {
        from {
            background-position: 0 0;
        }
        to {
            background-position: 0% 1000%;
        }
    }
    
    .hero::after {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgb(0 32 70 / 85%);
        z-index: -1;
        backdrop-filter: blur(10px);
        pointer-events: none;
    }
    
    .hero__title {
        font-size: 36px;
        line-height: 40px;
        font-weight: 700;
        font-family: 'Inter';
    }
    
    .hero-search-form {
        background-color: #ffffff;
        padding: 8px 15px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        align-items: center;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
        box-shadow: 0 5px 25px rgba(149, 191, 70, 0.15);
    }
    .hero-search-form-wrap {
        width: 100%;
        position: relative;
        padding: 15px;
    }
    .hero-search-form-wrap:before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        background-color: rgba(12, 18, 28, .38);
        border-radius: 10px;
        backdrop-filter: blur(3px);
        -webkit-backdrop-filter: blur(3px);
        width: 100%;
        display: block;
        height: 100%;
        z-index: 0;
    }
    .hero-search-form .icon {
        position: absolute;
        top: 54%;
        left: 20px;
        font-size: 22px;
        transform: translateY(-50%);
    }
    
    .hero-search-form .form--control {
        width: calc(100% - 50px);
        height: 50px;
        padding: 10px !important;
    }
    
    .hero-search-form .form--control:focus {
        box-shadow: none;
    }
    
    .hero-search-form .hero-search-btn {
        position: absolute;
        color: #fff;
        top: 10px;
        right: 10px;
        height: calc(100% - 20px);
        width: 50px;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
    }
    
	.dashboard-area .hero-search-form .hero-search-btn{
		top: initial;
		right: 15px;
		height: calc(100% - 16px) !important;
		border-radius: 0 3px 3px 0;
		border: 0;
		min-height:50px;
	}
	
    .hero-search-form .hero-search-btn:hover {
        background-color: #ffffff;
    }
    /* Home Page > category Styles  */
    
    .category-area {
        background-color: #f5f5f5;
    }
    
    .category-wrapper {
        position: relative;
        /* margin-top: -120px; */
        z-index: 5;
    }
    .category-wrapper > h2 {
        font-weight: 700;
    }
    .category-wrapper .row > [class^="col-"] {
        display: -ms-flexbox;
        display: flex;
    }
    .category-item {
        background-color: #ffffff;
        border-radius: 10px;
        padding: 20px;
        box-shadow: 0 0 5px rgb(0 0 0 / 10%);
        -webkit-box-shadow: 0 0 5px rgb(0 0 0 / 10%);
        /* text-align: center; */
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
    }
	.category-area .category-item {
        /* height: 100%; */
        display: flex;
        flex-direction: column;
        width: 100%;
        /* justify-content: space-between; */
	}
    
    .category-item span {
        width: 80px;
        height: 80px;
        border-radius: 100%;
        display: inline-block;
        position: relative;
        z-index: 2;
        margin-top: 20px;
    }
    
    .category-item span::after {
        content: '';
        position: absolute;
        z-index: -1;
        width: 80%;
        height: 80%;
        right: -20%;
        top: -20%;
        border-radius: 50%;
        background-color: rgba(17, 192, 240, 0.2);
    }

    .category-item span img {
        padding: 15px;
        filter: invert(57%) sepia(26%) saturate(3510%) hue-rotate(159deg) brightness(107%) contrast(88%);
        -webkit-filter: invert(57%) sepia(26%) saturate(3510%) hue-rotate(159deg) brightness(107%) contrast(88%);
    }
/*     
    .category-item:hover span {
        background-color: transparent;
    } */
    
    /* .category-item:hover span img {
        filter: invert(64%) sepia(82%) saturate(348%) hue-rotate(60deg) brightness(86%) contrast(88%);
        -webkit-filter: invert(64%) sepia(82%) saturate(348%) hue-rotate(60deg) brightness(86%) contrast(88%);
    } */
    
    .category-item__content {
        margin-top: 12px;
    }
    
    .category-item .category-item__content h6 {
        font-size: 20px;
        margin-bottom: 10px;
        font-weight: 700;
    }

    .category-item .category-item__content h6 a {
        font-weight: 700;
        color: inherit;
    }

    .category-item:hover .category-item__content h6 a{
        color: #11BEF0;
    }

    .category-item:hover .category-item__content h6 a:hover{
        color: initial;
    }

    .category-item .category-item__content p {
        font-size: 16px;
        line-height: normal;
        font-family: 'Inter';
        color: #666666;
        line-height: 1.5;
    }
    
    .category-item .category-item__icon {
        display: block;
        width: 80%;
        margin: 30px auto 0 auto;
        border-radius: 10px 10px 0 0;
        background-color: #000000;
        overflow: hidden;
    }
    
    .category-item .category-item__icon img {
        border-radius: 10px 10px 0 0;
    }
    
    .category-item:hover .category-item__icon img {
        opacity: 0.6;
    }
    /* Home Page > our Featured Section Styles  */
    
    .more-product-slider .single-slide,
    .testimonial-slider .single-slide,
    .best-selling-product-slider .slick-slide,
    .feature-product-slider .slick-slide {
        margin: 0 10px;
    }
    .feature-product-slider .slick-arrow { position: absolute; top: 50%; -webkit-transform: translatey(-50%); -moz-transform: translatey(-50%); -ms-transform: translatey(-50%); transform: translatey(-50%); width: 50px; height: 50px; background-color: #11BEF0; border-radius: 50%; display: -ms-flexbox; display: flex; align-items: center; align-content: center; justify-content: center; color: #fff !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-top: -15px !important; }

    .feature-product-slider.custom-arrow { margin-top: 0; }
    .feature-product-slider .slick-arrow:hover { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); background-color: #fff; color: #11BEF0 !important; }
    .feature-product-slider .slick-arrow svg { width: 20px; height: auto; }
    .feature-product-slider .slick-arrow.prev { left: -15px; }
    .feature-product-slider .slick-arrow.next { left: auto; right: -15px; margin: 0; }

    .best-selling-product-slider.custom-arrow .slick-arrow { position: absolute; top: auto; bottom: -50px; left: auto; right: 0; width: 50px; height: 50px; background-color: #11BEF0; border-radius: 50%; display: -ms-flexbox; display: flex; align-items: center; align-content: center; justify-content: center; color: #fff !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin: 0; }
    .best-selling-product-slider.custom-arrow .slick-arrow:hover { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); background-color: #fff; color: #11BEF0 !important; }
    .best-selling-product-slider.custom-arrow .slick-arrow svg { width: 20px; height: auto; }
    .best-selling-product-slider.custom-arrow .slick-arrow.prev { right: auto; left: 50%; transform: translateX(-50%); margin-left: -30px; margin-right: 0; }
    .best-selling-product-slider.custom-arrow .slick-arrow.next { right: auto; left: 50%; transform: translateX(-50%); margin: 0; margin-left: 30px; }
    .best-selling-product-slider.custom-arrow { margin-top: 0; margin-bottom: 50px; }
    .more-product-slider .slick-list,
    .testimonial-slider .slick-list,
    .best-selling-product-slider .slick-list,
    .feature-product-slider .slick-list {
        margin: 0 -10px;
    }
    
    .more-product-slider .product-card,
    .best-selling-product-slider .product-card,
    .feature-product-slider .product-card {
        margin-bottom: 15px;
    }
    
    .product-card {
        background-color: #ffffff;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        overflow: hidden;
        position: relative;
        border: 1px solid #e8e8e8;
        box-shadow: -1px 0px 3px 0px rgba(179, 179, 179, 0.20);
        -webkit-box-shadow: -1px 0px 3px 0px rgba(179, 179, 179, 0.20);
        -moz-box-shadow: -1px 0px 3px 0px rgba(179, 179, 179, 0.20);
        border-radius: 5px;
        -webkit-border-radius: 5px;
    }
    
    .product-card:hover {
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
    }
    
    .product-card__content {
        padding: 15px;
    }
    
    .product-card.style--three .product-title {
        font-size: 16px;
        margin-bottom: 5px;
    }
    
    .product-card__content p {
        font-size: 12px;
        font-style: italic;
        font-weight: 500;
    }
    
    .product-card__content p a {
        font-weight: 600;
        font-size: 12px;
    }
    
    .product-card__content p,
    .product-card .product-title a {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left;
    }
    
    .product-card__meta {
        margin-top: 25px;
    }
    
    .product-card__meta .meta-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
    
    .product-card__meta .meta-list+.meta-list {
        margin-top: 5px;
    }
    
    .product-card__meta .meta-list li {
        font-size: 14px;
        font-weight: 500;
        color: #505050;
    }

    .product-card__meta .meta-list a.theme-btn {
        text-transform: capitalize;
    }
    
    .product-card__meta .meta-list li.ratings {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        align-items: center;
    }
    
    .product-card__meta .meta-list li i.las,
    .product-card__meta .meta-list li i.lar {
        font-size: 18px;
    }
    
    .product-card__meta .meta-list li i[class*="star"] {
        color: #f4d34e;
    }
    
    .product-card__meta .product-price {
        font-size: 18px;
        font-weight: 700;
        color: #1e3667;
    }
    /* product thumg css  */
    
    .product-card__thumb {
        overflow: hidden;
    }
    
    .product-card__thumb>a {
        display: block;
        width: 100%;
        height: 100%;
    }
    
    .product-card__thumb img {
        width: 100%;
        height: 100%; 
		/* height: auto; */
        object-fit: cover;
        -o-object-fit: cover;
        object-position: center;
        -o-object-position: center;
        border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        -ms-border-radius: 5px 5px 0 0;
        -o-border-radius: 5px 5px 0 0;
    }
    /* product tranding tag upper left side  */
    
    .product-card .tending-badge {
        position: absolute;
        top: 0;
        left: 0;
        width: 55px;
        height: 55px;
        color: #fff;
        font-size: 1.5rem;
        display: flex;
        clip-path: polygon(0 0, 0% 100%, 100% 0);
        -webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);
        z-index: 1;
        border-radius: 0 0 0 0;
    }
    
    .product-card .tending-badge i {
        margin-left: 5px;
        margin-top: 5px;
    }
    /* product-image hover css  */
    
    .product-card__thumb-hover {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgb(30, 54, 103, 0.7);
        opacity: 0;
    }
    
    .product-card__thumb-hover ul {
        display: flex;
        text-align: center;
        align-items: center;
        justify-content: center;
        height: 100%;
    }
    
    .product-card__thumb-hover ul li {
        width: 42px;
        height: 42px;
        line-height: 38px;
        border-radius: 100%;
        border: 2px solid #fff;
        color: #fff;
        font-size: 22px;
        margin: 0 8px;
        transition: all 0.4s ease-in-out;
    }
    
    .product-card:hover .product-card__thumb-hover {
        opacity: 1;
    }
    /* product-card bottom view/details btn css  */
    
    .product-card .product-card__btn-area {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        margin-top: 10px;
    }
    
    .product-card .product-card__btn-area a {
        width: 48%;
        min-width: 180px;
        margin-top: 10px;
        display: flex;
        align-items: center;
        padding: 10px 0;
        justify-content: center;
        text-transform: capitalize;
    }
    
    .product-card .product-card__btn-area a i {
        font-size: 24px;
        margin-right: 10px;
    }
    
    .product-card .product-card__btn-area .preview-btn {
        background-color: #1e3667;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
    }
    
    .product-card .product-card__btn-area .preview-btn:hover {
        border: 1px solid #1e3667;
        background-color: #ffffff;
        color: #1e3667;
    }
    /* Home Page > Newest Section (tabwise sorting) Styles */
    
    .custom--nav-tabs {
        /* justify-content: center; */
    }
    
    .custom--nav-tabs .nav-item {
        /* padding: 3px 6px;
        margin: 5px; */
    }
    .custom--nav-tabs {
        border-bottom: solid 2px #dee2e6;
    }
    .custom--nav-tabs .nav-item .nav-link {
        font-size: 16px;
        line-height: 1.571;
        font-weight: 500;
        font-family: 'Inter';
        background-color: transparent;
        border-radius: 0;
        color: #1e3667;
        padding: 8px 25px;
        border: 0;
        border-bottom: solid 2px transparent;
        margin-bottom: -2px;
        
    }
    
    .custom--nav-tabs .nav-item .nav-link:not(.active):hover {
        border-bottom: transparent;
    }
    /* Home Page > Best Selling Section Styles */
    
    .selling-slider-bg {
        background-color: #e5e5e5;
    }
    
    .selling-inner-content {
        padding: 0 10%;
    }
    /* Home Page > Best Author Section Styles  */
    
    .author-inner-wrapper {
        background-color: #ffffff;
        padding: 50px 30px;
        border-radius: 30px;
    }
    
    .logo-bg {
        background-color: #e5e5e5;
        border-radius: 10px;
        padding: 15px;
        width: 80px;
        height: 80px;
    }
    
    .author-content p.since-txt {
        font-size: 16px;
        line-height: 20px;
        font-weight: 500;
        font-style: italic;
    }
    
    .author-content .product-card__meta p {
        font-size: 16px;
        color: #666666;
    }
    /* Home Page > client Section Styles  */
    
    .author-wrapper,
    .testimonial-wrapper {
        background-color: #f5f5f5;
    }
    
    .testimonial-slider .slick-track:before, 
    .testimonial-slider .slick-track:after{
        display: none;
    }
    .testimonial-slider .single-slide {
        height: auto;
    }
    .testimonial-slider .single-slide,
    .testimonial-slider .slick-track {
        display: -ms-flexbox;
        display: flex;
    }

    .testimonial-card {
        padding: 30px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        /* min-height: 300px; */
        display: flex;
        align-items: center;
        flex-direction: column;
        width: 100%;
    }

    
    
    .testimonial-card:hover {
        box-shadow: -1px 0px 3px 0px rgba(179, 179, 179, 0.20);
        -webkit-box-shadow: -1px 0px 3px 0px rgba(179, 179, 179, 0.20);
        -moz-box-shadow: -1px 0px 3px 0px rgba(179, 179, 179, 0.20);
    }
/*     
    .testimonial-card::before {
        position: absolute;
        content: url("../images/quote.png");
        font-family: 'Inter';
        font-weight: 600;
        font-size: 70px;
        top: -20px;
        left: 50%;
        transform: translateX(-50%);
        color: #11BEF0;
        margin-bottom: 30px;
    } */
    
    .testimonial-card__top {
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        align-items: center;
        align-content: center;
        justify-content: space-between;
        column-gap: 20px;
    }
    
    .testimonial-card__top .quart-block i {
        display: inline-flex;
    }

    .testimonial-card__top .quart-block i svg {
        width: 64px;
        height: auto;
    }

    .testimonial-card .testimonial-content {
        font-size: 16px;
        font-weight: 400;
        font-family: 'Inter';
        margin-top: 40px;
        width: 100%;
    }

    
    .testimonial-card .client-thumb {
        width: 70px;
        height: 70px;
        display: inline-block;
        border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
        overflow: hidden;
        border-width:2px;
        border-style: solid;
    }
    
    .testimonial-card .client-thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        -o-object-position: center;
        background-color: #fff;
    }
    
    .testimonial-card__top .content h6 {
        font-size: 18px;
        font-weight: 600;
    }
    
    .testimonial-card .designation {
        font-size: 12px;
        line-height: 16px;
        font-weight: 500;
        font-style: italic;
    }
    /* Home Page > Subscribe Section Styles */
    
    .subscribe-section {
        padding: 50px 0;
    }
    
    .subscribe-section h3 {
        font-size: 24px;
        line-height: 30px;
        font-weight: 600;
        text-transform: capitalize;
        margin: 10px;
    }
    
    .subscribe-section .btn {
        background-color: #00aeef !important;
        border: 1px solid #00aeef !important;
        margin: 5px 0;
    }
    
    .subscribe-section .btn:hover {
        background-color: #ffffff !important;
        color: #00aeef !important;
    }
    /* form css  */
    
    .subscribe-form input {
        background-color: #fff;
        border: 1px solid #11BEF0;
        border-radius: 30px 0 0 30px;
    }
    
    .subscribe-form button {
        color: #ffffff;
        width: 140px;
        border-radius: 0 30px 30px 0;
    }
    
    .subscribe-form button i {
        font-size: 20px;
    }
    /* list page css (search result section css start) start ================================================================ */
    /* top-search filter css  */
    
    .search-page {
        background-color: #f5f5f5;
    }
    
    .sidebar-top-filter .custom--nav-tabs .nav-item {
        margin: 0;
    }
    
    .sidebar-top-filter .custom--nav-tabs .nav-item .nav-link {
        padding: 8px 15px;
    }
	
    /* filter btn css  */
    .action-widget.top-widget h4 i {
        font-size: 20px;
    }
	
    /* accordion css  */
	
    .accordion {
        padding: 10px 20px;
    }
    
    .accordion .accordion-item { border: none; box-shadow: none; }
    .accordion .accordion-item .accordion-button { box-shadow: none; }
    .accordion .accordion-item+.accordion-item {
        border-top: 1px solid rgba(0, 0, 0, .125);
        margin-top: 10px;
        padding-top: 10px;
    }

    .action-sidebar .accordion.accordion-flush .accordion-button {
        font-size: 16px;
    }
    
    .accordion.accordion-flush .accordion-button {
        font-size: 18px;
        line-height: 1.333;
        font-weight: 600;
        font-family: 'Inter';
        color: rgb(80, 80, 80);
        padding: 5px 0;
    }
    
    .accordion .accordion-button:not(.collapsed) {
        background-color: transparent;
        color: #505050;
        
    }
    
    .accordion .accordion-button::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
    }
    
    .accordion-item .accordion-collapse > .accordion-body {
        margin-top: 15px;
        
    }

    .action-sidebar .accordion-item .accordion-collapse > .accordion-body {
        margin-top: 15px;
        max-height: 300px;
        overflow-y: auto;
        overflow-x: hidden;
        padding-right: 10px !important;
    }

    
    .action-sidebar .accordion-item .accordion-collapse > .accordion-body::-webkit-scrollbar-track
    {
        /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
        width: 8px;
        border-radius: 10px;
        background-color: rgba(0,0,0,.03);
    }

    .action-sidebar .accordion-item .accordion-collapse > .accordion-body::-webkit-scrollbar
    {
        width: 8px;
        background-color: #F5F5F5;
    }

    .action-sidebar .accordion-item .accordion-collapse > .accordion-body::-webkit-scrollbar-thumb
    {
        border-radius: 10px;
        -webkit-box-shadow: none;
        background-color: #11BEF0;
    }

    
    .accordion.accordion-flush button.accordion-button {
        border: none;
    }
    
    .accordion-item:last-of-type .accordion-collapse {
        border-radius: 0px;
        border-bottom: 0px;
    }
    
    .accordion .accordion-collapse .accordion-body .custom--checkbox {
        display: flex;
        align-items: center;
    }
    
    .accordion .accordion-collapse .accordion-body .custom--checkbox .no_of_amount {
        font-size: 14px;
        font-weight: 500;
        font-family: 'Inter';
        color: #b5b5b5;
        margin-bottom: 0.625rem;
        margin-left: auto;
    }
	
	.faq-section .accordion {
        width: 100%;
        max-width: 900px;
        margin: 0 auto;
        border: 1px solid rgba(133, 153, 171, 0.2);
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
        background-color: #fff;
    }
	
    .faq-section .accordion .accordion-button {
		outline:none;
		box-shadow:none;
		padding:12px;
		text-align:left;
		text-transform:capitalize;
    }
	
	.faq-section .accordion-button:focus{
		border-color: #1e3667;
	}
    
    .faq-section .accordion .accordion-button:not(.collapsed) {
        background-color: #1e3667;
		color: #fff;
		border-radius:5px 5px 0 0;
	}
	
    .faq-section .accordion .accordion-button::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
		filter:invert(1);
    }
	
	.faq-section .accordion .accordion-button.collapsed::after{
		filter:none;
	}
	
	.faq-section .accordion .accordion-item{
		margin: 0 0 15px 0;
    border: none;
    padding: 0;
	}
	
	.faq-section .accordion-item .accordion-collapse{
		border-radius: 0 0 5px 5px;
		border-bottom:1px solid rgba(0,0,0,.125);
		margin:0;
	}
	
	.faq-section .accordion-item .accordion-button.collapsed{
		border-radius:5px;
		border:1px solid rgba(0,0,0,.125);
	}
    .faq-section .accordion-item .accordion-button:not(.collapsed){
        border:1px solid transparent;
    }
	
    /* price accordion min/max css  */
    
    .widget-range-input {
        display: flex;
        align-items: flex-end;
        margin-bottom: 30px;
        justify-content: center;
    }
    
    .widget-range-input .form-group .form--control {
        border-color: #e8e8e8;
        padding: 5px;
        height: auto;
    }
    /* range slider css  */
    
    .ui-widget.ui-widget-content {
        position: relative;
        height: 3px;
        border: none;
        margin-right: 20px;
        margin-bottom: 25px;
    }
    
    .ui-widget.ui-widget-content::after {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        height: 3px;
        background: #f5f5f5;
        width: calc(100% + 20px);
    }
    
    .ui-slider-range {
        height: 3px;
        position: relative;
        z-index: 1;
    }
    
    .ui-state-default {
        width: 20px;
        height: 20px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        display: block;
        border: none;
        outline: none;
        cursor: pointer;
        top: -9px;
        position: absolute;
        z-index: 1;
    }
    
    .ui-state-default::after {
        position: absolute;
        content: "";
        width: 14px;
        height: 14px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background: #ffffff;
        top: 3px;
        left: 3px;
        display: block;
    }
    /* min/max value print css  */
    
    .price-range input {
        width: 100%;
        border: none;
        text-align: center;
        font-weight: 500;
    }
    
    .price-range input::placeholder {
        color: #343f49;
    }
    /* custom css for check box  */
    
    .custom--checkbox {
        padding-left: 1.5625rem;
    }
    
    .custom--checkbox input {
        display: none;
    }
    
    .custom--checkbox input:checked~label::before {
        content: "\f058";
        font-family: 'Line Awesome Free';
    }
    
    .custom--checkbox label {
        font-size: 14px;
        font-weight: 400;
        font-family: 'Inter';
        text-transform: capitalize;
        color: #666666;
        position: relative;
        cursor: pointer;
    }
    
    .custom--checkbox label::before {
        position: absolute;
        content: "\f111";
        font-family: 'Line Awesome Free';
        font-weight: 900;
        top: 1px;
        left: -1.5625rem;
        font-size: 1.25rem;
        line-height: 1;
    }
    /* right-side -> main-content -> apply-filter-tag list design css  */
    
    .apply-filter-tag {
        margin-bottom: 15px;
    }
    
    .apply-filter-tag li {
        background-color: transparent;
        border-radius: 5px;
        border: 1px solid rgba(0, 0, 0, .125);
        padding: 2px 10px;
        font-size: 14px;
        margin-bottom: 5px;
    }
    
    .apply-filter-tag li:not(:last-child) {
        margin-right: 10px;
    }
    
    .apply-filter-tag li span,
    .apply-filter-tag li a {
        color: #818181;
    }
    
    .apply-filter-tag li:hover span,
    .apply-filter-tag li:hover a {
        color: #ffffff;
    }
    /* product-details page css ================================================================  */
    /* top rightside share icon css  */
    
    .product-share li {
        width: 30px;
        height: 30px;
        line-height: 24px;
        border-radius: 3px;
        background-color: #1e3667;
        border: 1px solid #1e3667;
        text-align: center;
        font-size: 24px;
    }
    
    .product-share li a {
        color: #ffffff;
    }
    
    .product-share li+li {
        margin-left: 10px;
    }
    
    .product-share li i {
        font-size: 18px;
    }
    
    .product-share li:hover {
        background-color: #fff;
    }
    
    .product-share li:hover a {
        color: #1e3667;
    }
    /* product-details-top inside product-details-meta div css   */
    
    .product-details-meta {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        align-items: center;
    }
    /* left side details area css ================================================================ */
    
    .border-box,
    .product-more-details .product-thumb-slider-area,
    .product-more-details .product-details-meta {
        background-color: #ffffff;
        border: 1px solid #e8e8e8;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        box-shadow: -1px 0px 3px 0px rgba(179, 179, 179, 0.20);
        -webkit-box-shadow: -1px 0px 3px 0px rgba(179, 179, 179, 0.20);
        -moz-box-shadow: -1px 0px 3px 0px rgba(179, 179, 179, 0.20);
    }
    
    .product-more-details .product-thumb-slider-area {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        position: relative;
    }
    /* trending badge css  */
    .blog-more-details .product-thumb-slider-area .tending-badge-two,
    .product-thumb-slider-area .tending-badge-two {
        position: absolute;
        top: 0;
        left: 0;
        padding: 5px 30px 5px 15px;
        -webkit-clip-path: polygon(100% 0%, 90% 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
        clip-path: polygon(100% 0%, 90% 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
        z-index: 2;
        color: #fff;
    }
    #loginMessageModal .modal-footer {
        row-gap: 16px;
    }
    .product-thumb-slider-area hover .tending-badge-two {
        background-color: #1e3667;
    }
    
    .product-thumb-slider-area .tending-badge-two i {
        font-size: 24px;
    }
    /* product thumb css  */
    
    .product-thumb-slider-area .product-details-thumb,
    .product-thumb-slider-area .product-details-thumb .overlay-icon {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    
    .product-thumb-slider-area .product-details-thumb img {
        display: inline-block;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
    }
    /* product-thumb hover effect css  */
    
    .product-thumb-slider-area .product-details-thumb .overlay-icon {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.45);
        font-size: 3.5rem;
        color: #fff;
        -webkit-transform: scale(0.65, 0.65);
        -ms-transform: scale(0.65, 0.65);
        transform: scale(0.65, 0.65);
        opacity: 0;
        visibility: hidden;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
    }
    
    .product-thumb-slider-area .product-details-thumb:hover .overlay-icon {
        opacity: 1;
        visibility: visible;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    /* view more/ screenshot btn div css  */
    
    .product-more-details .product-details-meta {
        padding: 15px;
        margin: 30px 0;
    }
    
    .product-more-details .product-details-meta .socail-list li+li {
        margin-left: 5px;
    }
    
    .product-more-details .product-details-meta .socail-list li a {
        font-size: 20px;
        font-weight: 500;
    }
    /* overview/review/comment/support navbar btn css  */
    
    .product-more-details .product-details-content .custom--nav-tabs.nav-tabs {
        border-top: 1px solid #dee2e6;
        padding: 0 0;
    }
    .product-more-details .product-details-content .custom--nav-tabs .nav-item .nav-link {
        padding: 15px 25px;
    }
    /* review page css ================================================================ */
    
    .single-review+.single-review {
        margin-top: 20px;
    }
    
    .single-review {
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        background-color: #ffffff;
        border: 1px solid #e8e8e8;
        box-shadow: -1px 0px 3px 0px rgba(179, 179, 179, 0.20);
        -webkit-box-shadow: -1px 0px 3px 0px rgba(179, 179, 179, 0.20);
        -moz-box-shadow: -1px 0px 3px 0px rgba(179, 179, 179, 0.20);
        overflow: hidden;
    }
    
    .single-review:hover {
        box-shadow: 0 5px 15px rgb(0 0 0 / 10%);
    }
    
    .single-review__top {
        background-color: #1e3667;
        padding: 15px;
    }
    
    .single-review p {
        padding: 15px;
    }
    /* comment page css ================================================================ */
    
    .badge--theme {
        background-color: #1e3667;
        border: 1px solid #1e3667;
        color: #fff;
    }
    
    .badge--theme:hover {
        background-color: #fff;
        color: #1e3667;
    }
    
    .product-comment+.product-comment {
        margin-top: 15px;
    }
    
    .product-comment .client-comment {
        padding: 15px;
    }
    
    .product-comment .comment-box {
        display: none;
    }
    
    .product-comment .comment-box textarea.form--control {
        min-height: 85px !important;
    }
    
    .product-comment .comment-box-open-btn {
        float: right;
        border-radius: 3px;
    }
    
    .product-comment .time {
        font-size: 14px;
        font-style: italic;
    }
    
    .product-comment-form {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    
    .product-comment-form .thumb {
        width: 60px;
        height: 60px;
    }
    
    .product-comment-form .thumb img {
        width: inherit;
        height: inherit;
        object-fit: cover;
        -o-object-fit: cover;
        object-position: center;
        -o-object-position: center;
    }
    
    .product-comment-form .comment-action {
        width: calc(100% - 60px);
        padding-left: 30px;
    }
    
    .comment-top .thumb {
        width: 50px;
        height: 50px;
        border: 1px solid #e8e8e8;
        box-shadow: -1px 0px 3px 0px rgba(179, 179, 179, 0.20);
        -webkit-box-shadow: -1px 0px 3px 0px rgba(179, 179, 179, 0.20);
        -moz-box-shadow: -1px 0px 3px 0px rgba(179, 179, 179, 0.20);
        border-radius: 0.313rem;
        -webkit-border-radius: 0.313rem;
    }
    
    .comment-top .thumb img {
        border-radius: 0.313rem;
        -webkit-border-radius: 0.313rem;
    }
    
    .comment-top .content {
        width: calc(100% - 50px);
        padding-left: 20px;
    }
    /*tab inside overview / Review / Comments / support same structure css ================================================================ */
    
    .border-box {
        padding: 20px;
        margin-top: 20px;
    }
    
    .mb-20 {
        margin-bottom: 20px;
    }
    
    .product-details-inner-wrapper h6,
    .product-details-inner-wrapper h5,
    .product-details-inner-wrapper h4,
    .product-details-inner-wrapper h3,
    .product-details-inner-wrapper h2,
    .product-details-inner-wrapper h1 {
        margin-bottom: 5px;
    }
    
    .product-details-inner-wrapper ul li {
        display: flex;
        align-items: flex-start;
        font-size: 16px;
        line-height: 20px;
        font-weight: 500;
        font-family: 'Inter';
    }
    
    .product-details-inner-wrapper ul li:hover {
        color: #1e3667;
    }
    
    .product-details-inner-wrapper ul li+li {
        margin-top: 10px;
    }
    
    .product-details-inner-wrapper ul li span {
        font-size: 18px;
        color: #11BEF0;
        margin-right: 8px;
    }
    /* right side product-details-sidebar css start  ================================================================ */
    
    .product-details-sidebar .nice-select {
        padding: 0 25px 0 0;
    }
    
    .product-details-sidebar .nice-select .list {
        left: 0;
    }
    
    .product-details-sidebar .nice-select span.current {
        font-size: 16px;
        line-height: 20px;
        font-weight: 500;
        font-family: 'Inter';
        color: #666666;
    }
    
    .product-details-sidebar .nice-select:after {
        margin-top: -8px;
        width: 10px;
        height: 10px;
        right: 0;
    }
    
    .product-price-form #product-price {
        font-size: 22px;
        font-weight: 600;
    }
    
    .product-widget label,
    .product-widget p {
        font-size: 16px;
        margin-bottom: 5px;
        font-weight: 400;
    }
    
    .product-widget p i {
        margin-right: 5px;
        font-size: 20px;
    }
    
    .info-icon {
        font-size: 26px;
        line-height: normal;
    }
    
    .orignal-price {
        font-size: 18px;
        color: #1e3667;
    }
    /* author badge css */
    
    .author-badge-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -0.1875rem -0.3125rem;
    }
    
    .author-badge-list li {
        margin: 0.1875rem 0.3125rem;
    }
    
    .author-badge-list li img {
        max-width: 2.1875rem;
    }
    /* last box of product info listing  */
    
    .product-widget-info {
        padding: 15px 0;
        border-bottom: 1px solid #e8e8e8;
    }
    
    .product-widget-info:first-child {
        padding-top: 0;
    }
    
    .product-widget-info:last-child {
        padding-bottom: 0;
        border-bottom: none;
    }
    
    .product-widget-info .title {
        font-size: 18px;
        line-height: 20px;
        font-weight: 600;
        margin-bottom: 10px;
        color: #505050;
    }
    
    .product-widget-info .title a.float-end {
        font-size: 14px;
    }
    
    .product-widget-info .title a.float-end:hover {
        color: #1e3667 !important;
        text-decoration: underline;
    }
    
    .product-widget-info p {
        font-size: 14px;
        word-break: break-word;
    }
    /* product tag listing css  */
    
    .product-widget-tags a {
        /* padding: 5px 10px;
        border: 1px solid #bcbcbc; */
        color: #818181;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        font-size: 14px;
        font-family: 'Inter';
        margin: 0 10px 10px 0;
    }
    .product-widget-tags a::before {
        content: '#';
        padding-right: 3px;
    }
    
    .product-widget-tags a:hover {
        color: #fff;
    }
    /*  privacy / terms and condition / support / help / refund page css ================================================================ */
    
    .conent_details_page h1,
    .conent_details_page h2,
    .conent_details_page h3,
    .conent_details_page h4,
    .conent_details_page h5,
    .conent_details_page h6 {
        font-size: 24px;
        margin-bottom: 15px;
        color: #505050;
    }
    
    .conent_details_page ol {
        list-style-type: decimal;
        margin-bottom: 30px;
        padding-left: 25px;
    }
    
    .conent_details_page p {
        font-size: 15px;
        line-height: normal;
        font-family: 'Inter';
        color: #666666;
        margin-bottom: 15px;
    }
    
    .conent_details_page ol li {
        font-size: 16px;
        line-height: 20px;
        font-weight: 400;
        font-family: 'Inter';
        color: #6f6f6f;
		/* margin-left:15px; */
		list-style-position:inside;
    }
	.conent_details_page ol li::marker{
		color:#1e3667;
		font-weight:600;
		list-style-position:inside;
	}
    
    .conent_details_page ol li:not(:last-child) {
        margin-bottom: 15px;
    }
    
    .conent_details_page ol ol {
        list-style-type: lower-alpha;
        margin-top: 10px;
    }
    
    .conent_details_page strong,
    .conent_details_page a {
        font-weight: 600;
        cursor: pointer;
        word-break: break-word;
    }
    
    .conent_details_page strong:hover,
    .conent_details_page a:hover {
        color: #1e3667 !important;
    }
    
    .conent_details_page .text--base2.fw-bold {
        font-weight: 600 !important;
    }
    /* rohit-css-start  ============================================================= */
    /*  support-page  */
    
    .support-box {
        padding: 3.25rem 1.25rem;
        background-color: #fff;
        border: 1px solid #e8e8e8;
        position: relative;
        z-index: 1;
        box-shadow: -1px 0px 3px 0px rgb(179 179 179 / 20%);
        -webkit-box-shadow: -1px 0px 3px 0px rgb(179 179 179 / 20%);
        -moz-box-shadow: -1px 0px 3px 0px rgba(179, 179, 179, 0.20);
        border-radius: 5px;
        text-align: center;
        flex-direction: column!important;
        display: flex;
        justify-content: center!important;
    }
    
    .support-box h2 {
        font-size: 18px !important;
    }
    
    .support-box .icon {
        color: #ffffff;
        width: 70px;
        height: 70px;
        line-height: 70px;
        border-radius: 100%;
        font-size: 35px;
        display: inline-block;
        margin: 0 auto 25px;
    }
    
    .support-box .icon:hover {
        background-color: #fff !important;
        color: #11BEF0 !important;
    }
    
    .support-box p {
        line-height: normal;
        font-size: 14px !important;
        font-weight: 500;
    }
    /* support-page-end  */
    /*dashboard-page-start*/
    
    .page-wrapper {
        background-color: #f5f5f5;
    }
    
    .user-area {
        background-color: #f5f5f5 !important;
    }
    
    .author-profile-page {
        background-color: #fff;
    }

    .author-widget .thumb img {
        width: 35px;
        height: auto;
        margin-right: 15px;
    }

    .author-profile-page  .author-widget {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap; 
        flex-wrap: wrap;
        gap: 15px;
    }
    .author-profile-page .author-widget .author-badge-list {
        margin: 0;
        width: auto;
    }

    .author-profile-page .author-widget .author-badge-list img{
        margin: 0;
    }

    .author-profile-page .product-widget { 
        background-color: #f5f5f5 !important;
        border-radius: 10px;
        padding: 20px;
    }
    .user-wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    
    .user-wrapper .thumb {
        width: 80px;
        height: 80px;
        overflow: hidden;
        background-color: #fff;
        border-radius: 5px;
    }
    
    .user-wrapper .thumb img {
        width: inherit;
        height: inherit;
        object-fit: cover;
        -o-object-fit: cover;
        object-position: center;
        -o-object-position: center;
    }
    
    .user-wrapper .content {
        width: calc(100% - 90px);
        padding-left: 1.5625rem;
    }
    
    .user-nav-tabs .nav-item .nav-link {
        color: #1e3667;
        font-size: 0.875rem;
        font-weight: 600;
        padding-left: 2rem;
        padding-right: 2rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
        border: none;
        text-align: center;
    }
    
    .user-nav-tabs .nav-item .nav-link:hover {
        border: none;
        color: #11BEF0;
    }
    
    .user-nav-tabs .nav-item .nav-link.active {
        background-color: #11BEF0;
        color: #fff !important;
        border-radius: 30px;
        border: none;
    }
    
    .user-member-wrapper {
        padding-top: 20px;
        padding-bottom: 20px;
        border-bottom: solid 1px #e1e1e1;
    }
    
    .user-wrapper .content .name {
        font-size: 32px;
    }
    
    .user-wrapper .content .member-since {
        font-size: 16px;
        font-style: italic;
    }
    
    .user-wrapper .content .member-since span {
        font-weight: 500;
    }
    
    .user-header-status {
        display: -ms-flexbox;
        display: flex;
        justify-content: flex-end;
    }
    
    .ratings i {
        color: #f4d34e;
        font-size: 20px;
    }
    
    .user-nav-tabs {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    
    .user-nav-tabs .nav-tabs {
        border-bottom: none;
        background-color: #fff;
        box-shadow: -1px 0px 3px 0px rgba(179, 179, 179, 0.20);
        -webkit-box-shadow: -1px 0px 3px 0px rgba(179, 179, 179, 0.20);
        -moz-box-shadow: -1px 0px 3px 0px rgba(179, 179, 179, 0.20);
        border-radius: 30px;
    }
    
    .d-widget {
        padding: 1.25rem;
        background-color: #fff;
        border: 1px solid #e8e8e8;
        position: relative;
        z-index: 1;
        box-shadow: -1px 0px 3px 0px rgba(179, 179, 179, 0.20);
        -webkit-box-shadow: -1px 0px 3px 0px rgba(179, 179, 179, 0.20);
        -moz-box-shadow: -1px 0px 3px 0px rgba(179, 179, 179, 0.20);
        border-radius: 5px;
    }
    
    .d-widget:hover {
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px);
    }
    
    .d-widget__content {
        width: calc(100% - 80px);
        padding-left: 30px;
    }
    
    .d-widget .d-number {
        font-size: 1.5rem;
        line-height: normal;
    }
    
    .d-widget .caption {
        font-size: 0.875rem;
    }
    
    .d-widget__icon {
        width: 80px;
        height: 80px;
        display: flex;
        background-color: rgba(17, 190, 240, 0.11);
        border: 1px solid #11BEF0;
        text-align: center;
        border-radius: 50%;
    }
    
    .d-widget__icon i {
        font-size: 3rem;
        color: #11BEF0 !important;
    }
    
    .d-widget:hover .d-widget__icon,
    .d-widget__icon:hover {
        background-color: transparent;
        border-color: #11BEF0;
    }
    
    .d-widget .btn {
        font-size: 0.8125rem;
    }
    
    .user-sidebar .user-widget {
        padding: 20px;
        border-radius: 0.313rem;
        -webkit-border-radius: 0.313rem;
        color: #fff;
        min-height: 170px;
        display: flex;
        flex-direction: column;
        margin-bottom: 15px;
    }
    
    .user-sidebar .user-widget .balance {
        color: #fff;
        margin: 5px 0;
    }
    
    .user-widget__title {
        font-size: 20px;
        color: #fff;
    }
    
    .user-widget .caption-list {
        display: flex;
        margin-top: auto
    }
    
    .user-widget .caption-list li {
        width: 50%;
        flex-direction: column;
        padding-bottom: 0;
    }
    
    .user-balance-widget {
        background-color: #11BEF0;
    }
    
    .user-month-widget {
        background-color: #1f3667;
    }
    
    .caption-list li {
        display: flex;
        padding-bottom: 30px;
        padding: 0.625rem 0;
    }
    
    .caption-list li:not(:last-child) {
        border-bottom: 1px dashed rgba(133, 153, 171, 0.2);
    }
    
    .caption-list li .caption {
        font-size: 15px;
        position: relative;
        font-weight: 600;
        line-height: normal;
    }
    
    .caption-list li .caption::after {
        position: absolute;
        content: ':';
        top: 0;
        right: 0;
    }
    
    .caption-list li .value {
        line-height: normal;
        font-size: 1rem;
        font-weight: 400;
        line-height: normal;
        margin-right: 5px;
        text-align: end;
    }
    
    .user-nav-tabs .nav-item {
        -ms-flex: 1 1 auto!important;
        flex: 1 1 auto!important;
	}
    /*dashboard-page-end*/
    /*deposit-page-start*/
    
    .btn--add {
        background-color: #1f3667;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 600;
        line-height: 20px;
    }
    
    .deposit-card .withdraw-card__header {
        padding-bottom: 0;
    }
    
    .deposit-card .withdraw-card__header .thumb {
        border-radius: 0;
    }
    /*deposit-page-end*/
    /* table css start */
    
    .custom--table {
        box-shadow: -1px 0px 3px 0px rgb(179 179 179 / 20%);
        -webkit-box-shadow: -1px 0px 3px 0px rgb(179 179 179 / 20%);
        -moz-box-shadow: -1px 0px 3px 0px rgba(179, 179, 179, 0.20);
    }
    
    .custom--table.white-space-nowrap th {
        white-space: nowrap;
    }
    
    .custom--table thead {
        background-color: #e4ecfe;
    }
    
    .custom--table thead th {
        color: #ffffff;
        font-size: 16px;
        font-weight: 600;
        padding: 1rem 1.50rem;
        line-height: normal;
        border-bottom: none;
        white-space: nowrap;
    }
    
    .custom--table thead th:first-child {
        border-radius: 5px 0 0 0;
        -webkit-border-radius: 5px 0 0 0;
        -moz-border-radius: 5px 0 0 0;
        -ms-border-radius: 5px 0 0 0;
        -o-border-radius: 5px 0 0 0;
        text-align: left;
    }
    
    .custom--table thead th:last-child {
        border-radius: 0 5px 0 0;
        -webkit-border-radius: 0 5px 0 0;
        -moz-border-radius: 0 5px 0 0;
        -ms-border-radius: 0 5px 0 0;
        -o-border-radius: 0 5px 0 0;
    }
    
    .custom--table tbody td {
        border-top: none;
        border: none;
        padding: 0.625rem 1.25rem;
        color: #666666;
        vertical-align: middle;
        font-size: 0.875rem;
        background-color: #fff;
        font-weight: 500;
    }
    
    .custom--table tbody td b {
        font-weight: 400;
    }
    
    .custom--table tbody td:first-child {
        text-align: left;
    }
    
    .custom--table tbody tr {
        background-color: #fff;
    }
    
    .custom--table tbody tr:nth-child(even) {
        background-color: #afb1b50d;
    }
    
    .custom--table .product {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        align-items: center;
    }
    
    .custom--table .product .content {
        width: calc(100% - 100px);
        padding-left: 1.25rem;
        text-align: left;
    }
    
    .table-striped tbody tr:nth-of-type(odd) td {
        background-color: #f7f7f7;
        background-image: none;
    }
    
    .custom--table .badge {
        padding: .6em 1em;
        font-size: 12px;
        font-weight: 500;
    }
    
    .more-detail-ellipsis {
        font-size: 23px;
        line-height: 17px;
    }
    
    .table-hover>tbody>tr:hover {
        background-color: rgba(0, 0, 0, 0.4);
    }
    
    .table-hover>tbody>tr:hover td {
        background-image: linear-gradient(var(--bs-table-accent-bg), var(--bs-table-accent-bg)) !important;
    }
    
    .action-icon-last {
        min-width: 140px;
    }
    
    .turchased-td {
        min-width: 160px;
    }
    
    .support-td {
        min-width: 160px;
    }
    
    .custom--table .product .thumb {
        width: 100px;
    }
    
    .custom--table .product .content .title a {
        font-size: 1rem;
        word-break: break-word;
    }
    
    [data-label] {
        position: relative;
    }
    
    [data-label]::before {
        position: absolute;
        content: attr(data-label);
        font-weight: 600;
        color: #000000;
        top: 50%;
        left: 0;
        padding: 0.8125rem 0.9375rem;
        display: none;
        font-size: 13px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    /* table css end */
    /*profile-page-start*/
    
    .user-profile-header {
        display: -ms-flexbox;
        display: flex;
		align-items:Center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        background-color: #fff;
        border-radius: 5px;
        position: relative;
        padding: 15px;
        box-shadow: -1px 0px 8px 0px rgb(179 179 179 / 40%);
        -webkit-box-shadow: -1px 0px 8px 0px rgb(179 179 179 / 40%);
        -moz-box-shadow: -1px 0px 8px 0px rgba(179, 179, 179, 0.40);
    }
    
    .user-profile-header .content {
        width: calc(100% - 180px);
        padding-left: 12px;
    }
    
    .profile-thumb {
        position: relative;
        width: 11.25rem;
        height: 11.25rem;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px;
        display: inline-flex;
    }
    
    .profile-thumb .profilePicPreview {
        width: 11.25rem;
        height: 11.25rem;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        display: block;
        background-size: cover;
        background-position: center;
        border: 1px solid #e8e8e8;
    }
    
    .profile-thumb .profilePicUpload {
        font-size: 0;
        opacity: 0;
    }
    
    .profile-thumb .avatar-edit input {
        width: 0;
    }
    
    .avatar-edit {
        position: absolute;
        right: 5px;
        bottom: 5px;
        background-color: #1e3667;
        border-radius: 5px;
        width: 30px;
        height: 30px;
    }
    
    .avatar-edit label {
        background-color: transparent !important;
        text-align: center;
        font-size: 20px;
        cursor: pointer;
        color: #fff;
        margin: -1px 0 0 2px;
    }
    
    .avatar-edit:hover {
        background-color: #11BEF0;
    }
    
    .product-profile-thumb {
        width: 100%;
        height: 100%;
        display: block;
    }
    
    .product-profile-thumb .productPicPreview {
        width: 100%;
        height: 300px;
    }
    
    .user-profile-content {
        padding-left: 100px;
        padding-right: 100px;
        margin-top: -100px;
    }
    
    .form-group-profile label {
        color: #666666;
        font-size: 16px;
        line-height: normal;
    }

    .form-group-profile .form--control.no-box-shadow,
    .contact-form .form-group-profile .form--control {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .form-group-profile .form--control {
        background-color: #fff;
        border-radius: 5px;
        -webkit-box-shadow: 0px 3px 8px 0px rgba(224, 224, 224, 1);
        -moz-box-shadow: 0px 3px 8px 0px rgba(224, 224, 224, 1);
        box-shadow: 0px 3px 8px 0px rgba(224, 224, 224, 1);
        border: solid 1px #e8e8e8;
    }
    
    .input-group .form--control {
        box-shadow: none;
        border-right: 0px;
    }
    
    .form-group-profile .select2-container--default .select2-selection--multiple {
        border: none;
        background-color: #fff;
        border-radius: 10px;
        -webkit-box-shadow: 0px 3px 8px 0px rgba(224, 224, 224, 1);
        -moz-box-shadow: 0px 3px 8px 0px rgba(224, 224, 224, 1);
        box-shadow: 0px 3px 8px 0px rgba(224, 224, 224, 1);
        border-bottom: solid 1px #e8e8e8;
        min-height: 55px;
    }
    
    .form-group-profile .fileUpload {
        border: none;
        background-color: #fff;
        border-radius: 10px;
        -webkit-box-shadow: 0px 3px 8px 0px rgba(224, 224, 224, 1) !important;
        -moz-box-shadow: 0px 3px 8px 0px rgba(224, 224, 224, 1) !important;
        box-shadow: 0px 3px 8px 0px rgba(224, 224, 224, 1) !important;
        border-bottom: solid 1px #e8e8e8 !important;
        width: 100%;
        text-align: left;
    }
    
    .form-group-profile .form--control[disabled],
    .form-group-profile .form--control[readonly] {
        background-color: #cbcbcb;
    }
    
    .custom--file-upload::before {
        line-height: 24px;
    }
    
    .user-profile-btn {
        margin-top: 15px;
    }
    
    .user-profile-btn .btn {
        min-width: 240px;
        font-weight: 600;
        text-transform: uppercase;
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 16px;
        line-height: normal;
    }
    /*profile-page-end*/
    /* withdraw preview css start */
    
    .withdraw-form {
        padding: 40px;
        background-color: #fff;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
        border: 1px solid rgba(133, 153, 171, 0.2);
        display: block;
    }
    
    .withdraw-preview-sidebar {
        padding: 40px 20px;
        background-color: #002046;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
    }
    
    .withdraw-preview-sidebar__header {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        align-items: center;
    }
    
    .withdraw-preview-sidebar__header .thumb {
        width: 70px;
        height: 70px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        overflow: hidden;
    }
    
    .withdraw-preview-sidebar__header .thumb img {
        width: inherit;
        height: inherit;
        object-fit: cover;
        -o-object-fit: cover;
        object-position: center;
        -o-object-position: center;
    }
    
    .withdraw-preview-sidebar__header .content {
        width: calc(100% - 70px);
        padding-left: 20px;
    }
    
    .withdraw-preview-sidebar .caption-list li {
        color: #fff;
    }
    
    .withdraw-preview-sidebar .caption-list .caption {
        width: 40%;
    }
    
    .withdraw-preview-sidebar .caption-list .value {
        width: 60%;
        text-align: right;
        margin-left: auto;
    }
    
    .withdraw-preview-sidebar .net-balance {
        padding-top: 10px;
        margin-top: 10px;
        border-top: 1px dashed #28c76f;
        text-align: right;
        color: #fff;
    }
    
    .it .form-control:focus {
        border-color: #95bf46;
        box-shadow: none;
        outline: none;
    }
    
    .fileUpload {
        position: relative;
        padding: 10px;
    }
    
    /* .fileUpload input.upload {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    } */
    .fileUpload input.upload {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        width: 100%;
        filter: alpha(opacity=0);
    }
    
    .it .btn-new {
        margin: 30px 0px;
        border-radius: 0px;
        background-color: #333;
        color: #f5f5f5;
        font-size: 16px;
        width: 155px;
    }
    
    .it .btn-next {
        margin: 30px 0px;
        border-radius: 0px;
        background-color: #333;
        color: #f5f5f5;
        font-size: 16px;
        width: 155px;
        background-color: #ff4d0d;
        color: #fff;
    }
    
    .it .cross-check {
        cursor: pointer;
        line-height: 54px;
        color: red;
    }
    
    .it .uploadDoc {
        margin-bottom: 10px;
    }
    
    .it .btn-orange img {
        width: 30px;
    }
    
    .uploadDoc+.uploadDoc {
        margin-top: 20px;
    }
    
    .it #uploader .docErr {
        position: absolute;
        right: auto;
        left: 10px;
        top: -56px;
        padding: 10px;
        font-size: 15px;
        background-color: #fff;
        color: red;
        box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.2);
        display: none;
    }
    
    .it #uploader .docErr:after {
        content: '\f0d7';
        display: inline-block;
        font-family: FontAwesome;
        font-size: 50px;
        color: #fff;
        position: absolute;
        left: 30px;
        bottom: -40px;
        text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
    }
    
    .input-field-close {
        position: absolute;
        top: -7px;
        right: -7px;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #1f3667;
        color: #fff;
        font-size: 12px;
        z-index: 9;
    }
    /* withdraw preview css end */
    
    .badge--primary {
        background-color: rgba(115, 103, 240, 0.15);
        border: 1px solid #7367f0;
        color: #7367f0;
    }
    
    .badge--secondary {
        background-color: rgba(134, 142, 150, 0.15);
        border: 1px solid #868e96;
        color: #868e96;
    }
    
    .badge--success {
        background-color: rgba(40, 199, 111, 0.15);
        border: 1px solid #28c76f;
        color: #28c76f;
    }
    
    .badge--danger {
        background-color: rgba(234, 84, 85, 0.15);
        border: 1px solid #ea5455;
        color: #ea5455;
    }
    
    .badge--warning {
        background-color: rgba(255, 159, 67, 0.15);
        border: 1px solid #ff9f43;
        color: #ff9f43;
    }
    
    .badge--info {
        background-color: rgba(30, 159, 242, 0.15);
        border: 1px solid #1e9ff2;
        color: #1e9ff2;
    }
    
    .badge--light {
        background-color: rgba(238, 244, 255, 0.15);
        border: 1px solid #eef4ff;
        color: #eef4ff;
    }
    
    .badge--dark {
        background-color: rgba(16, 22, 58, 0.15);
        border: 1px solid #10163A;
        color: #10163A;
    }
    
    .badge--base {
        background-color: rgba(149, 191, 70, 0.15);
    }
    
    .user-header-status .left {
        /* padding-right: 60px; */
		margin-right:auto;
		text-align: left;
    }
    .user-header-status .right{
		display: flex;
		flex-direction: column;
		align-items: flex-end;
	}
    .hero-search-form {
        position: relative;
    }
    /*payment-page-css-start*/
    
    .payment-title {
        margin-bottom: 15px;
    }

    .payment-block .payment-card {
        flex: 1 1 calc(20% - (1rem * 4) );
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        align-content: center;
        justify-content: center;
        padding: 30px;
        background-color: rgba(17, 192, 240, 0.1);
        border-radius: 20px;
    }
    
    .withdraw-card {
        background-color: #fff;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px;
        box-shadow: -1px 0px 3px 0px rgba(179, 179, 179, 0.20);
        -webkit-box-shadow: -1px 0px 3px 0px rgba(179, 179, 179, 0.20);
        -moz-box-shadow: -1px 0px 3px 0px rgba(179, 179, 179, 0.20);
    }
    
    .withdraw-card__header {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        align-items: center;
        padding: 1.875rem 1.25rem;
    }
    
    .withdraw-card__header .thumb {
        width: 70px;
        height: 70px;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
        overflow: hidden;
    }
    
    .withdraw-card__header .thumb img {
        width: inherit;
        height: inherit;
        object-fit: cover;
        -o-object-fit: cover;
        object-position: center;
        -o-object-position: center;
    }
    
    .withdraw-card__header .content {
        width: calc(100% - 70px);
        padding-left: 1.25rem;
    }
    
    .withdraw-card__header .content .title {
        font-size: 1.25rem;
    }
    
    .withdraw-card__body {
        padding: 20px;
        border-radius: 12px;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        -ms-border-radius: 12px;
        -o-border-radius: 12px;
    }
    
    .withdraw-info-list li {
        font-size: 0.875rem;
        padding-right: 15px;
    }
    
    .withdraw-info-list li b {
        color: #1e3667;
    }
    
    [type="button"]:focus {
        box-shadow: none;
    }
    
    .withdraw-card__body .thumb {
        width: 80px;
        height: 80px;
        margin-right: 30px;
        background-color: #f1f1f1;
        border-radius: 5px;
        overflow: hidden;
    }
    
    .withdraw-card__body .right-content .title {
        font-size: 18px;
        color: #505050;
    }
    
    .withdraw-card__body .right-content .withdraw-info-list {
        display: flex;
    }
    
    .payment-preview {
        padding-top: 20px;
    }
    
    .payment-preview .list {
        padding-bottom: 25px;
        border-bottom: solid 1px #e1e1e1;
    }
    
    .payment-preview .list li {
        display: flex;
        font-weight: 600;
        margin-bottom: 20px;
    }
    
    .payment-preview .list li:last-child {
        margin-bottom: 0;
    }
    
    .payment-preview .list li .caption {
        width: 50%;
    }
    
    .payment-preview .list li .value {
        width: 50%;
        text-align: right;
    }
    
    .payment-preview .list li .payable {
        font-size: 18px;
        color: #1e3667;
    }
    
    .btn.confirm-btn {
        min-width: 300px;
        font-weight: 600;
        text-transform: uppercase;
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 16px;
        line-height: normal;
    }
    
    .order-summary {
        background-color: #fff;
        padding: 20px;
        border-radius: 5px;
    }
    
    .order-summary .title {
        font-size: 22px;
        color: #505050;
        text-align: center;
        line-height: normal;
        margin-bottom: 25px;
    }
    
    .order-summary .list {
        border-bottom: solid 1px #e1e1e1;
        padding-bottom: 20px;
    }
    
    .order-summary .list li {
        display: flex;
        margin-bottom: 15px;
    }
    
    .order-summary .list li:last-child {
        margin-bottom: 0;
    }
    
    .order-summary .list li .caption {
        width: 80%;
        font-size: 14px;
        font-weight: 600;
    }
    
    .order-summary .list li .value {
        font-size: 14px;
        text-align: right;
        width: 20%;
        font-weight: 600;
    }
    
    .order-summary .total {
        border-bottom: none;
        padding-top: 15px;
        padding-bottom: 0;
    }
    
    .order-summary .total li .caption {
        width: 50%;
        font-size: 18px;
        font-weight: 600;
    }
    
    .order-summary .total li .value {
        font-size: 18px;
        text-align: right;
        width: 50%;
        font-weight: 600;
        color: #1e3667;
    }
    
    .right-check-box label {
        font-family: 'Line Awesome Free';
        font-weight: 900;
    }
    
    .right-check-box [type="radio"]:checked,
    .right-check-box [type="radio"]:not(:checked) {
        position: absolute;
        left: -9999px;
    }
    
    .right-check-box [type="radio"]:checked+label,
    .right-check-box [type="radio"]:not(:checked)+label {
        position: relative;
        padding-left: 28px;
        cursor: pointer;
        line-height: 20px;
        display: inline-block;
        color: #666;
    }
    
    .right-check-box [type="radio"]:checked+label:before,
    .right-check-box [type="radio"]:not(:checked)+label:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 22px;
        height: 22px;
        border: 2px solid #cccccc;
        border-radius: 100%;
        background: #fff;
    }
    
    .right-check-box [type="radio"]:checked+label:after,
    .right-check-box [type="radio"]:not(:checked)+label:after {
        content: '\f058';
        width: 22px;
        height: 22px;
        background: #fff;
        position: absolute;
        top: 0px;
        left: 0px;
        border-radius: 100%;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
        color: #11BEF0;
        font-size: 28px;
    }
    
    .right-check-box [type="radio"]:not(:checked)+label:after {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    
    .right-check-box [type="radio"]:checked+label:after {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    
    .verify-form {
        position: relative;
    }
    /*payment-page-css-end*/
    /*cart-page-start*/
    
    .cart-page-title {
        margin-bottom: 30px;
    }
    
    .single-cart {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 15px;
        background-color: #fff;
        position: relative;
        border: 1px solid #e8e8e8;
        box-shadow: -1px 0px 3px 0px rgba(179, 179, 179, 0.20);
        -webkit-box-shadow: -1px 0px 3px 0px rgba(179, 179, 179, 0.20);
        -moz-box-shadow: -1px 0px 3px 0px rgba(179, 179, 179, 0.20);
        border-radius: 0.313rem;
        -webkit-border-radius: 0.313rem;
    }
    
    .single-cart:not(:last-child) {
        margin-bottom: 15px;
    }
    
    .single-cart__thumb {
        width: 80px;
    }
    
    .single-cart__title {
        color: #505050;
        font-size: 18px;
    }
    
    .single-cart__thumb a {
        width: 80px;
        height: 80px;
        border: 1px solid #e8e8e8;
        border-radius: 0.313rem;
        -webkit-border-radius: 0.313rem;
        overflow: hidden;
    }
    
    .single-cart__thumb img {
        width: inherit;
        height: inherit;
        object-fit: cover;
        -o-object-fit: cover;
        object-position: center;
        -o-object-position: center;
        border-radius: 0.313rem;
        -webkit-border-radius: 0.313rem;
    }
    
    .single-cart__content {
        width: calc(100% - 200px);
        padding: 0 20px;
    }
    
    .company-detail {
        line-height: normal;
    }
    
    .single-cart__price {
        width: 100px;
        text-align: right;
    }
    
    .single-cart .price {
        font-size: 22px;
        color: #1e3667;
        font-weight: 700;
    }
    
    .cart-feature-list {
        margin: 0;
    }
    
    .cart-row-delete {
        color: #818181;
        background-color: #fff;
        padding: 0;
        position: absolute;
        right: 10px;
        top: 0px;
        font-size: 20px;
    }
    
    .cart-total-box {
        padding: 15px;
        background-color: #fff !important;
        border: 1px solid #e8e8e8;
        box-shadow: -1px 0px 3px 0px rgba(179, 179, 179, 0.20);
        -webkit-box-shadow: -1px 0px 3px 0px rgba(179, 179, 179, 0.20);
        -moz-box-shadow: -1px 0px 3px 0px rgba(179, 179, 179, 0.20);
        border-radius: 0.313rem;
        -webkit-border-radius: 0.313rem;
    }
    
    .cart-total-box .totoal-price {
        font-size: 32px;
        font-weight: 700;
        color: #1e3667;
        line-height: normal;
    }
    
    .cart-total-box h6 {
        color: #666666;
        font-size: 22px;
    }
    
    .cart-note-text {
        font-size: 13px;
        color: #818181;
        font-style: italic;
        margin-top: 10px;
    }
    
    .cart-feature-list li {
        font-size: 13px;
        margin-right: 30px;
    }
    
    .cart-feature-list li:last-child {
        margin-right: 0px;
    }
    
    .cart-feature-list li .cart-feature-right {
        color: #1e3667;
    }
    
    .payment-method-modal .modal-header {
        color: #505050;
        font-size: 24px;
        /* text-align: center; */
        /* border-bottom: none; */
    }
    .modal .close[data-bs-dismiss] {
        background-color: transparent !important;
        font-size: 0;
        width: 32px !important;
        height: 32px !important;
        display: inline-flex;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='64px' height='64px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg id='SVGRepo_bgCarrier' stroke-width='0'%3e%3c/g%3e%3cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3e%3c/g%3e%3cg id='SVGRepo_iconCarrier'%3e%3cpath d='M8.00386 9.41816C7.61333 9.02763 7.61334 8.39447 8.00386 8.00395C8.39438 7.61342 9.02755 7.61342 9.41807 8.00395L12.0057 10.5916L14.5907 8.00657C14.9813 7.61605 15.6144 7.61605 16.0049 8.00657C16.3955 8.3971 16.3955 9.03026 16.0049 9.42079L13.4199 12.0058L16.0039 14.5897C16.3944 14.9803 16.3944 15.6134 16.0039 16.0039C15.6133 16.3945 14.9802 16.3945 14.5896 16.0039L12.0057 13.42L9.42097 16.0048C9.03045 16.3953 8.39728 16.3953 8.00676 16.0048C7.61624 15.6142 7.61624 14.9811 8.00676 14.5905L10.5915 12.0058L8.00386 9.41816Z' fill='%23000000'%3e%3c/path%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12ZM3.00683 12C3.00683 16.9668 7.03321 20.9932 12 20.9932C16.9668 20.9932 20.9932 16.9668 20.9932 12C20.9932 7.03321 16.9668 3.00683 12 3.00683C7.03321 3.00683 3.00683 7.03321 3.00683 12Z' fill='%23000000'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out; 
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .modal .close[data-bs-dismiss]:hover {
        width: 32px !important;
        height: 32px !important;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='64px' height='64px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg id='SVGRepo_bgCarrier' stroke-width='0'%3e%3c/g%3e%3cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3e%3c/g%3e%3cg id='SVGRepo_iconCarrier'%3e%3cpath d='M8.00386 9.41816C7.61333 9.02763 7.61334 8.39447 8.00386 8.00395C8.39438 7.61342 9.02755 7.61342 9.41807 8.00395L12.0057 10.5916L14.5907 8.00657C14.9813 7.61605 15.6144 7.61605 16.0049 8.00657C16.3955 8.3971 16.3955 9.03026 16.0049 9.42079L13.4199 12.0058L16.0039 14.5897C16.3944 14.9803 16.3944 15.6134 16.0039 16.0039C15.6133 16.3945 14.9802 16.3945 14.5896 16.0039L12.0057 13.42L9.42097 16.0048C9.03045 16.3953 8.39728 16.3953 8.00676 16.0048C7.61624 15.6142 7.61624 14.9811 8.00676 14.5905L10.5915 12.0058L8.00386 9.41816Z' fill='%2311BEF0'%3e%3c/path%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12ZM3.00683 12C3.00683 16.9668 7.03321 20.9932 12 20.9932C16.9668 20.9932 20.9932 16.9668 20.9932 12C20.9932 7.03321 16.9668 3.00683 12 3.00683C7.03321 3.00683 3.00683 7.03321 3.00683 12Z' fill='%2311BEF0'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
    }
    .btn-close {
        font-size: 16px;
    }
    
    .payment-radio input[type="radio"] {
        display: none;
    }
    
    .payment-radio input[type="radio"]:not(:disabled)~label {
        cursor: pointer;
    }
    
    .payment-radio input[type="radio"]:disabled~label {
        color: rgba(188, 194, 191, 1);
        border-color: rgba(188, 194, 191, 1);
        box-shadow: none;
        cursor: not-allowed;
    }
    
    .payment-radio label {
        height: 100%;
        display: block;
        background: white;
        border-radius: 5px;
        padding: 1rem;
        margin-bottom: 1rem;
        text-align: center;
        position: relative;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px;
        box-shadow: -1px 0px 3px 0px rgb(179 179 179 / 20%);
        -webkit-box-shadow: -1px 0px 3px 0px rgb(179 179 179 / 20%);
        -moz-box-shadow: -1px 0px 3px 0px rgba(179, 179, 179, 0.20);
        border: solid 1px #e6e6e6;
    }
    
    .payment-radio input[type="radio"]:checked+label {
        background: #11BEF0;
        color: #fff;
    }
    
    .payment-radio input[type="radio"]:checked+label::after {
        color: #fff;
        font-family: 'Line Awesome Free';
        content: "\f00c";
        font-size: 24px;
        position: absolute;
        top: 0px;
        right: 0;
        transform: translateX(-50%);
        text-align: center;
        border-radius: 50%;
    }
    
    .payment-radio .icon {
        font-size: 58px;
        line-height: 40px;
    }
    
    .payment-radio h3 {
        font-size: 18px;
    }
    
    .payment-radio h4 {
        font-size: 13px;
        font-weight: 400;
    }
    
    .payment-radio input[type="radio"]:checked+label h3 {
        color: #fff;
    }
    
    .payment-radio input[type="radio"]:checked+label h4 {
        color: #fff;
    }
    
    .payment-method-modal .modal-content {
        background-color: #f5f5f5;
        border: 1px solid #e8e8e8;
        box-shadow: -1px 0px 3px 0px rgba(179, 179, 179, 0.20);
        -webkit-box-shadow: -1px 0px 3px 0px rgba(179, 179, 179, 0.20);
        -moz-box-shadow: -1px 0px 3px 0px rgba(179, 179, 179, 0.20);
        border-radius: 0.313rem;
        -webkit-border-radius: 0.313rem;
        position: relative;
    }
    
    /* .payment-method-modal .modal-content .btn-close {
        position: absolute;
        top: 15px;
        right: 15px;
        font-size: 14px;
        padding: 5px;
    } */
    
    .make-payment-btn {
        margin-bottom: 15px;
        text-align: center;
        margin-top: 15px;
    }
    
    .make-payment-btn .btn {
        background-color: transparent;
        border-color: #1e3667;
        color: #1e3667;
        font-weight: 600;
        min-width: 200px;
    }
    
    .make-payment-btn .btn:hover {
        color: #11BEF0;
        border-color: #11BEF0;
    }
    /*cart-page-end*/
    
    .dashboard-area .tab-content-area {
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
        padding: 1.25rem;
        background-color: #fff;
        border: 1px solid #e8e8e8;
        position: relative;
        z-index: 1;
        box-shadow: -1px 0px 3px 0px rgb(179 179 179 / 20%);
        -webkit-box-shadow: -1px 0px 3px 0px rgb(179 179 179 / 20%);
        -moz-box-shadow: -1px 0px 3px 0px rgba(179, 179, 179, 0.20);
    }
    /* blog page css start */
    
    .post-card {
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        background-color: #fff;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        border: 1px solid #e8e8e8;
        box-shadow: -1px 0px 3px 0px rgb(179 179 179 / 20%);
        -webkit-box-shadow: -1px 0px 3px 0px rgb(179 179 179 / 20%);
        -moz-box-shadow: -1px 0px 3px 0px rgba(179, 179, 179, 0.20);
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        height: 100%;
        display: block;
		overflow:hidden;
    }
    
    .post-card:hover {
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px);
        color: #6f6f6f;
    }
    
    .post-card__thumb {
        border-radius: 5px 5px 0 0;
        position: relative;
		box-shadow:-1px 0px 3px 0px rgb(179,179,179,0.2);
		-webkit-box-shadow:-1px 0px 3px 0px rgb(179,179,179,0.2);
    }
    .post-card__thumb a {
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
    }

    .post-card__thumb a::before {
        content: '';
        display: block;
        padding: 25.4% 50%;
        height: 210px;
    }

    .post-card__thumb a::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 2;
        height: 100%;
        background-color: rgb(0 0 0 / 10%);
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        opacity: 0;
    }
    .post-card__thumb a:hover:after{
        opacity: 1;
    }
    .post-card__thumb a img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    .post-card__thumb a:hover img{
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    .post-card__thumb img {
        width: 100%;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
    }
    
    .post-card__content {
        padding: 15px;
    }
	
    .post-card__content p.mb-3{
		display: -webkit-box;
		  -webkit-line-clamp: 3;
		  -webkit-box-orient: vertical;  
		  overflow: hidden;
	}
	
    .post-meta {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -0.3125rem -0.625rem;
    }
    
    .post-meta li {
        margin: 5px;
        font-size: 13px;
		line-height:13px;
		text-transform:capitalize;
    }
    .post-meta li .las {
        font-size: 18px;
        color: #11BEF0;
    }
    .post-meta li a {
        color: #6f6f6f;
        display: flex;
        align-items: center;
    }
    
    .post-meta li a:hover {
        color: #95bf46;
    }
    
    .post-meta li a i {
        font-size: 1.125rem;
    }
    
    .post-card__thumb .post-meta {
        position: absolute;
		margin:0 10px;
        bottom: 10px;
        left: 0px;
        background-color: #11BEF0;
        color:#fff;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
    }
    
    .post-card__thumb .post-meta li a {
        font-size: 14px;
    }
    
    .post-card__content .read-more {
        text-decoration: none;
        margin-right: auto;
		padding:0.75rem 1.875rem;
    }
	.blog-card a.post-card__title:hover {
        color: #11BEF0;
    }
	.blog-card .post-card__title{
    font-size: 18px;
    color: #131313;
    line-height: normal;
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: capitalize;
	}
    /* blog page css end */
    /* sidebar css start */
    
    .sidebar {
        padding-left: 30px;
    }
    
    .sidebar .widget {
        padding: 25px;
        border: 1px solid #e8e8e8;
        background-color: #fff;
        box-shadow: -1px 0px 3px 0px rgb(179 179 179 / 20%);
        -webkit-box-shadow: -1px 0px 3px 0px rgb(179 179 179 / 20%);
        -moz-box-shadow: -1px 0px 3px 0px rgba(179, 179, 179, 0.20);
        border-radius: 5px;
    }
    
    .sidebar .widget+.widget {
        margin-top: 20px;
    }
    
    .sidebar .widget .search-form {
        position: relative;
        display: -ms-flexbox;
        display: flex;
    }
    
    .sidebar .widget .search-form input {
        width: 100%;
        border: 1px solid #e5e5e5;
    }
    
    .sidebar .widget .search-form .search-btn {
        position: absolute;
        color: #95bf46;
        background-color: transparent;
        top: 0;
        right: 0;
        font-size: 18px;
        color: #6f6f6f;
        width: 50px;
        height: 100%;
    }
    
    .sidebar .widget .widget__title {
        position: relative;
        padding-bottom: 8px;
        margin-bottom: 25px;
    }
    
    .sidebar .widget .widget__title::after {
        position: absolute;
        content: '';
        left: 0;
        bottom: 0;
        width: 20px;
        height: 2px;
        background-color: #11BEF0;
    }
    .row-gaps {
        row-gap: 15px;
    }
    .sidebar .widget .map iframe {
        width: 100%;
    }
    
    .sidebar .list li {
        padding: 10px 0;
        border-bottom: 1px solid #e5e5e5;
    }
    
    .sidebar .list li:first-child {
        padding-top: 0;
    }
    
    .sidebar .list li:last-child {
        padding-bottom: 0;
        border-bottom: none;
    }
    
    .sidebar .list li .caption {
        font-weight: 600;
    }
    
    .sidebar .list li .caption::after {
        content: ' :';
    }
    
    .sidebar .list li .info {
        float: right;
    }
    
    .sidebar .categories__list li:first-child a {
        padding-top: 0;
    }
    
    .sidebar .categories__list li:last-child a {
        padding-bottom: 0;
        border-bottom: none;
    }
    
    .sidebar .categories__list li a {
        display: block;
        color: #6f6f6f;
        padding: 10px 0;
        border-bottom: 1px solid #e5e5e5;
    }
    
    .sidebar .categories__list li a:hover {
        color: #11BEF0;
    }
    
    .sidebar .categories__list li a span {
        float: right;
    }
    
    .sidebar .categories__list li a span::before {
        content: '(';
    }
    
    .sidebar .categories__list li a span::after {
        content: ')';
    }
    
    .sidebar .archive__list li:first-child a {
        padding-top: 0;
    }
    
    .sidebar .archive__list li:last-child a {
        padding-bottom: 0;
        border-bottom: none;
    }
    
    .sidebar .archive__list li a {
        display: block;
        color: #6f6f6f;
        padding: 10px 0;
        border-bottom: 1px solid #e5e5e5;
    }
    
    .sidebar .archive__list li a:hover {
        color: #95bf46;
    }
    
    .sidebar .archive__list li a span {
        float: right;
    }
    
    .sidebar .archive__list li a span::before {
        content: '(';
    }
    
    .sidebar .archive__list li a span::after {
        content: ')';
    }
    
    .sidebar .small-post-list .small-post {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 10px 0;
        border-bottom: 1px solid #e5e5e5;
    }
    
    .sidebar .small-post-list .small-post:first-child {
        padding-top: 0;
    }
    
    .sidebar .small-post-list .small-post:last-child {
        padding-bottom: 0;
        border-bottom: none;
    }
    
    .sidebar .small-post-list .small-post__thumb {
        width: 60px;
        height: 50px;
    }
    
    .sidebar .small-post-list .small-post__thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        -o-object-fit: cover;
        object-position: center;
        -o-object-position: center;
    }
    
    .sidebar .small-post-list .small-post__content {
        width: calc(100% - 60px);
        padding-left: 20px;
    }
    
    .sidebar .small-post-list .small-post__content .post__title {
        line-height: 19px;
    }
    
    .sidebar .small-post-list .small-post__content p {
        line-height: 19px;
    }
    
    .sidebar .small-post-list .small-post__content .post__title a {
        font-size: 16px;
        font-weight: 600;
    }
    
    .sidebar .small-post-list .small-post__content .post__title a:hover {
        color: #11BEF0;
    }
    
    .sidebar .tags {
        margin: -5px -2px;
    }
    
    .sidebar .tags a {
        font-size: 16px;
        font-weight: 400;
        color: #6f6f6f;
        padding: 10px 20px;
        border: 1px solid #e5e5e5;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        margin: 5px 2px;
    }
    
    .sidebar .tags a:hover {
        background-color: #95bf46;
        color: #ffffff;
        border-color: #95bf46;
    }
    /* sidebar css end */
    /* contact section css start */
    
    .map-area {
        padding: 10px;
        background-color: #fff;
        border-radius: 10px;
        filter: grayscale(100%);
    }
    
    .map-area iframe {
        width: 100%;
        height: 425px;
    }
    
    .single-info {
        padding: 20px 20px 20px 0;
        /* background-color: #fff; */
        
    }
    
    .single-info__icon {
        width: 4.5rem;
        height: 4.5rem;
        font-size: calc(5.3125rem / 2.1);
        background-color: #002046;
    }
    
    .single-info__content {
        width: calc(100% - 5.3125rem);
        padding-left: 1.5625rem;
    }
    
    .single-info__content .title {
        font-size: 1.15rem;
    }
    
    .single-info__content p {
        font-weight: 600;
        font-size: 14px;
        line-height: normal;
    }
    
    .contact-info-list .single-info {
        padding: 1.25rem 0;
    }
    
    .contact-info-list .single-info:first-child {
        padding-top: 0;
    }
    
    .contact-info-list .single-info:last-child {
        padding-bottom: 0;
    }
    
    .contact-form .title {
        font-size: 2rem;
    }
    
    .contact-form .form--control {
        background-color: #fff;
        border-color: #e5e5e5;
        color: #363636;
    }

    .contact-form-wrap {
        padding: 40px;
        background-color: #fff;
        border-radius: 0 40px 0 40px;
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, .125);
    }
    
    .contact-form .form--control::-webkit-input-placeholder {
        color: #777;
    }
    
    .contact-form .form--control::-moz-placeholder {
        color: #777;
    }
    
    .contact-form .form--control:-ms-input-placeholder {
        color: #777;
    }
    
    .contact-form .form--control:-moz-placeholder {
        color: #777;
    }
    
    .contact-form p {
        color: #fff;
    }
    
    .contact-form select {
        background-color: transparent;
        color: #fff;
        border-color: rgba(255, 255, 255, 0.25);
    }
    
    .contact-form select option {
        background-color: #95bf46;
    }
    
    .contact-form .btn {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    /* contact section css end */
    /* blog-details-section css start */
    
    .blog-details__thumb {
        position: relative;
        overflow: hidden;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        box-shadow: -1px 0px 3px 0px rgb(179 179 179 / 20%);
        -webkit-box-shadow: -1px 0px 3px 0px rgb(179 179 179 / 20%);
        -moz-box-shadow: -1px 0px 3px 0px rgba(179, 179, 179, 0.20);
    }
    
    .blog-details__thumb img {
        width: 100%;
    }
    
    .blog-details__thumb .post__date {
        position: absolute;
        bottom: -1px;
        right: 0;
        width: 75px;
        text-align: center;
    }
    
    .blog-details__thumb .post__date .date {
        font-size: 30px;
        font-weight: 700;
        color: #ffffff;
        background-color: #95bf46;
        padding: 10px 5px;
        width: 100%;
        line-height: 1;
    }
    
    .blog-details__thumb .post__date .month {
        background-color: #ffffff;
        padding: 4px 5px;
        width: 100%;
        line-height: 1;
        font-size: 18px;
    }
    
    .blog-details__content {
        margin-top: 30px;
    }
    
    /*.blog-details__content p {
        margin-top: 20px;
    }
    
    .blog-details__content .blog-details__title {
        font-size: 24px;
    }
	*/
    
    .blog-details__content blockquote {
        margin-top: 30px;
        margin-bottom: 0;
    }
    
    blockquote {
        font-size: 18px;
        color: #6f6f6f;
        font-style: italic;
        text-align: center;
        padding: 50px 60px;
        background-color: #002046;
        color: #fff;
    }
    
    
    
   
    .blog-details__footer .social__links li + li{
        margin-left:5px;
    }
	.blog-details__footer .social__links li a{
		width:30px;
		height:30px;
		display:block;
		line-height:30px;
		text-align:center;
		border-radius:5px;
	}
    .blog-details__footer .social__links li a i{
        color: #1e3667;
    }
    .blog-details__footer .social__links li:hover a i{
        color: #fff;
    }
	
    
    .reply-btn {
        width: 28px;
        height: 28px;
        background-color: #f7f5fb;
        color: #95bf46;
        text-align: center;
        line-height: 28px;
        font-size: 13px;
        float: right;
        margin-top: -30px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
    }
    
    .reply-btn:hover {
        background-color: #95bf46;
        color: #ffffff;
    }
    
    .reply-btn i {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    
    .comment-form-area {
        margin-top: 70px;
        padding: 1.875rem;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    }
    
    .comment-form-area .title {
        font-size: 24px;
        margin-bottom: 20px;
    }
    /* blog-details-section css end */
    /*qr-code-start*/
    
    .qr-code-card {
        padding: 20px;
        background-color: #fff;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border: 1px solid #e8e8e8;
        box-shadow: -1px 0px 3px 0px rgba(179, 179, 179, 0.20);
        -webkit-box-shadow: -1px 0px 3px 0px rgba(179, 179, 179, 0.20);
        -moz-box-shadow: -1px 0px 3px 0px rgba(179, 179, 179, 0.20);
    }
    
    .qr-code-thumb {
        padding: 15px;
        background-color: #fff;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        text-align: center;
    }
    
    .qr-code-thumb img {
        width: 100%;
		max-width:100px;
    }
    
    .qr-code-form {
        position: relative;
        display: block;
    }
    
    .qr-code-form .form-control {
        height: 4.0625rem;
        padding-right: 5.9375rem;
    }
    
    .qr-code-form__btn {
       /*  position: absolute;
        top: 0;
        right: 0;
        width: 75px; */
        /* height: 100%; */
        color: #fff;
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
    }
    
    .input-group .input-group-text:hover,
    .qr-code-form__btn.bg--base:hover {
        background-color: #11BEF0  !important;
        border-color: #11BEF0  !important;
    }
    
    .code-field link+div {
        height: 55px !important;
    }
    /*qr-code-end*/
    /* inner-page-hero css start */
    
    .inner-page-hero {
        padding-top: 70px;
        padding-bottom: 70px;
        position: relative;
        z-index: 1;
        background-position-y: center;
    }
    
    .inner-page-hero::before {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgb(0 29 74 / 80%);
        backdrop-filter: blur(6px);
        z-index: -1;
    }
    
    .inner-page-hero .page-title {
        font-weight: 600;
        color: #ffffff;
        text-transform: capitalize;
    }
    
    .inner-page-hero .page-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 15px;
    }
    
    .inner-page-hero .page-list li {
        padding: 0 15px;
        position: relative;
        color: rgba(255, 255, 255, 0.7);
    }
    
    .inner-page-hero .page-list li:first-child {
        padding-left: 0;
    }
    
    .inner-page-hero .page-list li:first-child::before {
        display: none;
    }
    
    .inner-page-hero .page-list li::before {
        position: absolute;
        content: '/';
        color: #ffffff;
        left: 0px;
    }
    
    .inner-page-hero .page-list li a {
        color: #ffffff;
    }
    /* inner-page-hero css end */
    /* featured author seciton css start */
    
    .featured-author .thumb {
        width: 90px;
        height: 90px;
        border-radius: 50%;
        overflow: hidden;
    }
    
    .featured-author .thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        -o-object-fit: cover;
        object-position: center;
        -o-object-position: center;
    }
    
    .featured-author .content {
        width: calc(100% - 90px);
        padding-left: 20px;
    }
    /* featured author seciton css end */
    /* account section css start */
    
    .dark--shadow {
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    }
    
    .dark--shadow2 {
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    }
    
    .account-thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        -o-object-fit: cover;
        object-position: center;
        -o-object-position: center;
        border-radius: 8px 0 0 8px;
        overflow: hidden;
    }
    
    .box--border {
        border: 2px solid rgba(149, 191, 70, 0.55);
    }
    
    .box--shadow {
        box-shadow: 0 10px 25px rgba(149, 191, 70, 0.15);
    }
    
    .bottom-img {
        position: absolute;
        bottom: 0;
        left: 0;
        opacity: 0.25;
        z-index: -1;
    }
    /* account section css end */
    /* ======================================================== */
    
    .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) .input-group-text {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    
    .uploadDoc .fileUpload {
        border: none;
        background-color: #fff;
        border-radius: 10px;
        -webkit-box-shadow: 0px 3px 8px 0px rgb(224 224 224) !important;
        -moz-box-shadow: 0px 3px 8px 0px rgba(224, 224, 224, 1) !important;
        box-shadow: 0px 3px 8px 0px rgb(224 224 224) !important;
        border-bottom: solid 1px #e8e8e8 !important;
        width: 100%;
        text-align: left;
    }
    /* deposite page razorpay page css  */
    
    .deposit-confirm-card {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding: 20px;
    }
    
    .deposit-confirm-card .thumb {
        width: 40%;
        padding-right: 20px;
        border-right: 1px solid #e5e5e5;
    }
    
    .deposit-confirm-card .content {
        width: 60%;
        padding-left: 30px;
        text-align: center;
    }
    /* ticket page css  */
    
    .single-reply {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        align-items: center;
        padding: 15px;
        background-color: #fdfdfd;
        border: 1px solid #e8e8e8;
        box-shadow: -1px 0px 3px 0px rgba(179, 179, 179, 0.20);
        -webkit-box-shadow: -1px 0px 3px 0px rgba(179, 179, 179, 0.20);
        -moz-box-shadow: -1px 0px 3px 0px rgba(179, 179, 179, 0.20);
        border-radius: 0.313rem;
        -webkit-border-radius: 0.313rem;
    }
    
    .single-reply+.single-reply {
        margin-top: 15px;
    }
    
    .single-reply .left {
        width: 20%;
    }
    
    .single-reply .right {
        width: 80%;
        border-left: 1px solid rgba(0, 0, 0, 0.05);
        padding-left: 1.25rem;
    }
    /* date 30/07/2022  */
    /* css for product details page inside editor based description for comman css  */
    .product-description-wrapper h2{
        margin-bottom: 15px;
    }
    .product-description-wrapper h6.sub-title{
        font-size: 18px;
        font-weight: 700;
        color: #1e3667;
        margin-bottom: 5px;
		text-transform:capitalize;
    }
    .product-description-wrapper p{
        font-size: 15px;
		text-transform:capitalize;
    }
    .product-description-wrapper ul{
        padding-left: 20px;
        margin-bottom: 15px;
    }
	.product-description-wrapper ul.list-unstyled li{
		list-style:none;
	}
    .product-description-wrapper ul li{
        font-size: 14px;
        font-weight: 500;
        list-style: disc;
        margin-bottom: 0px;
    }
    .product-description-wrapper ul li label {
        color:#11BEF0;
        font-weight: 500;
        margin-bottom: 0;
    }
    .product-description-wrapper h6 .text-small{
        font-size: 14px;
        font-weight: 500;
    }
    ul.supporting-ul{
        padding: 0;
    }
    ul.supporting-ul li{
        list-style: none;
        margin-bottom: 5px;
        display: flex;
        align-items: flex-start;
    }
    ul.supporting-ul li label i{
        font-size: 22px;
        line-height: normal;
        color: #11BEF0;
        margin-right: 5px;
    }
    .product-description-wrapper i.icon-green{
        color: #11BEF0;
        font-size: 14px;
    }
    /* creadital table css  */
    table.credential-table{
        white-space: nowrap;
    }
    table.credential-table tr td{
        padding: 4px 8px;
        font-size: 14px;
    }
    table.credential-table tr.highlight-row td{
        background-color: #11BEF0;
        color: #fff;
        font-weight: 500;
        font-size: 16px;
    }
    table.credential-table tr td label{
        font-size: 14px;
        font-weight: 600;
        color: #1e3667;
        margin-bottom: 0px;
        text-transform: capitalize;
    }
    table.credential-table tr td a,
    table.credential-table tr td span{
        color: #6f6f6f;
        font-weight: 500;
    }
    table.credential-table tr td a{
        text-decoration: underline;
        color:#1e3667;
    }
    .instruction-box{
        background-color: #11BEF0;
        border-radius: 5px;
        padding: 20px;
        margin-top: 20px;
        color: #fff;
    }

    .instruction-box a {
        color: #fff;
    }
    .instruction-box a:hover {
        opacity: 0.5;
    }
	
	/* select option arrow css   */
	select {
        appearance: none;
	    -webkit-appearance: none;
		  -moz-appearance: none;
		  background: transparent;
		  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
		  background-repeat: no-repeat;
		  background-position-x: 98%;
		  background-position-y: 50%;
		  border: 1px solid #dfdfdf;
		  border-radius: 2px;
		  padding-right: 30px;
		  text-overflow: ellipsis;
	} 
	
	.w-60{
		width: 55px;
		display: block;
		line-height: 53px;
		padding: 0;
	}
	.w-60 div{
		text-align:center;
	}
	
	.select2-container--default .select2-selection--multiple .select2-selection__choice{
		font-size:13px;
	}
	
/* playstore details add for css 	 */
	.qrcode-img img{
		max-width:180px;
	}
	.playstore-details .appstore_link a img{
		max-width:180px;
	}
	.appstore_link.gap-2{
		gap:5px 0px!important;
	}
@media (max-width: 767px) {
	.playstore-details .appstore_link a img,
	.qrcode-img img{
		max-width:140px;
	}
}
.product-description{
    font-family: 'Inter';
}
.product-description .content{
    padding-left: 20px;
}
.product-description ul{
    padding-left: 0;
}
.product-description .title{
    font-family: 'Inter';
    color: #1F3667;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 20px;
}
.product-description .subtitle{
    font-size: 20px;
    display: flex;
    align-items: start;
    margin-bottom: 10px;
    padding-left: 20px;
}
.product-description .subtitle span{
    margin-right: 10px;
    margin-left: -20px;
}
.product-description .software-list{
    margin-top: 20px;
    display: flex;
    margin-bottom: 30px;
}
.product-description .software-list li{
    list-style: none;
    font-size: 18px;
    margin-right: 25px;
}
.product-description .software-list li a{
    color: #818181;
    text-decoration: none;
}
.product-description .software-list li span{
    margin-right: 10px;
}
.product-description .software-list li:last-child{
    margin-right: 0;
}
.product-description .simple-list{
    padding-left: 20px;
}
.product-description .simple-list li{
    margin-bottom: 10px;
    list-style: outside;
}
.product-description .features-list{
    display: grid;
    gap: 10px;
    margin-top: 20px;
    margin-bottom: 30px;
    grid-template-columns: repeat(2,minmax(0,1fr));
}
.product-description .features-list li{
    list-style: none;
    margin-bottom: 0;
}
.product-description .features-list li span{
    margin-right: 10px;
}
.product-description .screenshots{
    margin-bottom: 30px;
}
.product-description .screenshots img{
    max-width: 100%;
}
.product-description .table-sec{
    box-shadow: 2px 2px 16px 4px rgba(0, 0, 0, 0.04);
    padding: 15px;
    background-color: #ffffff;
    border-top: solid 4px #65BC46;
    margin-bottom: 20px;
}
.product-description .table-sec .table{
    margin-bottom: 0;
}
.product-description .table-sec .highlight-row{
    background-color: #65BC46;
    
}
.product-description .table-sec .highlight-row td{
    color: #ffffff;
    font-weight: 500;
    font-size: 16px;
}
.product-description .table-sec tr td{
    font-size: 14px;
}
.product-description .table-sec tr td a{
    color: #212529;
}
.product-description .buy-source{
    background-color: #65BC46;
    padding: 15px;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}
.product-description .buy-source h3{
    font-size: 18px;
    color: #ffffff;
    margin-bottom: 0;
}
.product-description .buy-source a{
    margin-left: auto;
    color: #ffffff;
    font-weight: 500;
    text-decoration: none;
}
.product-description .read-blog-text{
    margin-top: 20px;
    font-size: 22px;
    text-decoration: underline;
    color: #65BC46;
    font-weight: 500;
    margin-bottom: 20px;
    display: block;
}
.product-description .qr-code{
    text-align: center;
}
.product-description .qr-code img{
    max-width: 100%;
}
.product-description p{
    margin-bottom: 10px;
}
@media (max-width: 767px){
    .product-description .title{
        font-size: 22px;
    }
    .product-description .subtitle{
        font-size: 16px;
    }
}
@media (max-width: 520px){
    .product-description .software-list{
        flex-direction: column;
        display: flex;
    }
    .product-description .software-list li{
        margin-bottom: 15px;
        font-size: 16px;
    }
    .product-description .software-list li span img{
        max-width: 30px;
    }
    .qr-code{
        margin-bottom: 15px;
    }
    .product-description .features-list{
        grid-template-columns: repeat(1,minmax(0,1fr));
    }
    .product-description .buy-source{
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }
    .product-description .buy-source a{
        margin-left: 0;
    }
}