@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

html {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

body {
    margin: 0;
    padding: 0;
    font-family: "Roboto", serif;
    background: #fff!important;
    font-size: 16px;
    color: #000;
    overflow-x: hidden;
    overflow-y: auto;
    font-weight: 400;
}

ul, ol, p, form, input, textarea, select, pre, em, sub, sup, canvas, section, article, aside, img, a, li, iframe, table, nav, header, footer, body, menu, button {
    margin: 0;
    padding: 0;
    font-family: "Roboto", serif;
    vertical-align: baseline;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    list-style: none;
    text-decoration: none;
    outline: none;
    border: 0;
    border-spacing: 0;
    border-collapse: collapse;
}

*, after, before {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

body {
    line-height: 1;
    min-height: 100vh;
}

a {
    color: #000 ;
    text-decoration: none;
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
}

    a:hover {
        text-decoration: none;
        color: #444;
    }

p {
    line-height: 1.4;
    margin-bottom: 10px;
}

b, strong {
    font-weight: 800;
}

u {
    text-decoration: underline;
}

i, em {
    font-style: italic;
}

img {
    max-width: 100%;
}

.clear {
    clear: both;
}

input[type="button"], input[type="submit"], input[type="reset"],
input[type="text"] {
    appearance: none;
    -webkit-appearance: none;
    -webkit-appearance: none;
}

input[type="button"], input[type="submit"], input[type="reset"] {
    cursor: pointer;
    font-size: 16px;
}
/*select::-ms-expand { display: none; }*/
.clearfix {
    clear: both;
}


sup {
    top: -2px;
}

:root {
    --blue: #2F7FBE;
    --darkblue: #004AAD;
    --grey: #777777;
    --green: #5CB835;
}




h1, .h1 {
    font-size: 48px !important;
    font-weight: 900 !important;
    letter-spacing: normal !important;
    color:#000 !important;
}

h2, .h2 {
    font-size: 28px;
    font-weight: 600;
}

h3, .h3 {
    font-size: 24px;
    font-weight: 600;
}

h4, .h4 {
    font-size: 22px;
    font-weight: 600;
}

h5, .h5 {
    font-size: 18px;
    font-weight: 600;
}

h6, .h6 {
    font-size: 16px;
    font-weight: 600;
}

.text-12 {
    font-size: 12px;
}

.text-13 {
    font-size: 13px;
}

.text-14 {
    font-size: 14px;
}

.text-15 {
    font-size: 15px;
}

.text-caps {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
}

.text-blue {
    color: var(--blue) !important;
}

.text-darkblue {
    color: var(--darkblue) !important;
}

.text-green {
    color: var(--green) !important;
}

.text-grey {
    color: var(--grey) !important;
}

.font-300 {
    font-weight: 300 !important;
}

.font-400 {
    font-weight: 400 !important;
}

.font-500 {
    font-weight: 500 !important;
}

.bold {
    font-weight: 600 !important;
}




.btn {
    display: inline-block;
    min-width: 60px;
    border-radius: 50px;
    font-size: 14px;
    border: solid 1px;
    line-height: normal;
    padding: 10px 20px;
    font-weight: 500;
}



    /*btn-primary*/
    .btn.btn-primary {
        background: var(--blue);
        color: #fff;
        border-color: var(--blue);
    }

        .btn.btn-primary:hover {
            background: var(--darkblue);
            color: #fff;
            border-color: var(--darkblue);
        }

    .btn.btn-secondary {
        background: var(--grey);
        color: #fff;
        border-color: var(--grey);
    }

        .btn.btn-secondary:hover {
            background: #000;
            color: #fff;
            border-color: #000;
        }

    .btn.btn-white {
        background: #fff;
        color: #000;
        border-color: #fff;
    }

        .btn.btn-white:hover {
            background: #ddd;
            color: #000;
            border-color: #ddd;
        }

        .btn.btn-blue {
        background: var(--blue) !important;
        color: #fff !important;
        border-color: var(--blue) !important;
    }

    .btn.btn-darkblue {
        background: var(--darkblue);
        color: #fff;
        border-color: var(--darkblue);
    }

        .btn.btn-darkblue:hover {
            background: #1161CD;
            color: #fff;
            border-color: #1161CD;
        }


    .btn.btn-green.outlined {
        background: transparent;
        color: #5CB835;
        border-color: #5CB835;
    }

        .btn.btn-green.outlined:hover {
            background: #5CB835;
            color: #fff;
            border-color: #5CB835;
        }

    .btn + .btn {
        margin-left: 10px;
    }

    /*btn-sm*/
    .btn.btn-sm {
        font-size: 14px;
        padding: 5px 14px;
    }

    .btn img {
        vertical-align: middle;
        position: relative;
        top: -1px;
    }

    .btn:focus,
    .btn:active {
        outline: none;
        box-shadow: none !important;
    }

    .btn:active {
        background: #000 !important;
        color: #eff1f3 !important; /*margin-bottom: -2px !important;*/
    }

label {
    cursor: inherit;
}


.btn.btn-primary.outlined {
    background: transparent;
    color: var(--blue);
    border-color: var(--blue);
    display: inline-flex;
    align-items: center;
}

    .btn.btn-primary.outlined:hover {
        background: var(--blue);
        color: #fff;
        border-color: var(--blue);
    }

/*checkbox*/
.checkbox {
    display: inline-block;
    position: relative;
}

    .checkbox input[type="checkbox"] {
        position: absolute;
        width: 1px;
        height: 1px;
        opacity: 0;
        visibility: hidden;
        border: 0;
        margin: 0;
        padding: 0;
    }

    .checkbox label {
        display: inline-block;
        position: relative;
        padding-left: 30px;
        margin-bottom: 5px;
        padding-top: 2px;
        font-weight: 400;
        line-height: 1.2;
        font-size: 14px;
    }

        .checkbox label:before {
            content: "";
            background: #fff;
            width: 22px;
            height: 22px;
            position: absolute;
            border: solid 1px #B6B6B6;
            border-radius: 4px;
            left: 0;
            top: -2px;
        }

        .checkbox label:hover:before {
            background: #fff;
            border-color: var(--blue);
        }

    .checkbox input[type="checkbox"]:checked + label:before {
        background: var(--blue) url(../images/check-icon.svg) center no-repeat;
        background-size: 12px;
        border-color: var(--blue);
    }


/*radio*/
.radio {
    display: inline-block;
    position: relative;
}

    .radio input[type="radio"] {
        position: absolute;
        width: 1px;
        height: 1px;
        opacity: 0;
        visibility: hidden;
        border: 0;
        margin: 0;
        padding: 0;
    }

    .radio label {
        display: inline-block;
        position: relative;
        padding-left: 30px;
        margin-bottom: 5px;
        padding-top: 2px;
        font-weight: 400;
        line-height: 1.2;
        font-size: 14px;
    }

        .radio label:before {
            content: "";
            width: 22px;
            height: 22px;
            position: absolute;
            border: solid 1px #B6B6B6;
            border-radius: 24px;
            left: 0;
            top: -1px;
        }

        .radio label:hover:before {
            background: #fff;
            border-color: var(--blue);
        }

    .radio input[type="radio"]:checked + label:before {
        background: var(--blue) url(../images/check-icon.svg) center no-repeat;
        background-size: 12px;
        border-color: var(--blue);
    }

    .radio + .radio,
    .checkbox + .checkbox {
        margin-left: 20px;
    }

.modal-content {
    border: 0;
    border-radius: 0;
}

.modal-header {
    background: var(--blue);
    color: #fff;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-radius: 0;
    border-bottom: 0;
}

.btn-close {
    filter: invert(1);
    -webkit-filter: invert(1);
    opacity: 1;
}



.form-group {
    display: block;
    width: 100%;
}

.form-label {
    display: block;
    font-weight: 400;
    font-size: 14px;
    color: #000;
    margin-bottom: 6px;
}

.input-with-icon {
    display: block;
    width: 100%;
    position: relative;
}

    .input-with-icon input.form-control {
        padding-left: 48px;
    }

.form-control::-webkit-input-placeholder {
    opacity: 1;
    color: #D4D4D4;
}

.form-control::-moz-placeholder {
    opacity: 1;
    color: #D4D4D4;
}

.form-control:-ms-input-placeholder {
    opacity: 1;
    color: #D4D4D4;
}

.form-control:-moz-placeholder {
    opacity: 1;
    color: #D4D4D4;
}

.form-control {
    font-weight: 400;
    height: 46px;
    opacity: 1;
    box-shadow: none;
    outline: none;
    border: solid 1px #BBBBBB;
    border-radius: 0 5px 5px 0 !important;
    background-color: #fff;
    padding-left: 14px;
    padding-right: 14px;
    font-size: 14px;
    font-weight: 400;
}

    .form-control.form-select {
        padding-right: 32px;
    }

    .form-control:focus {
        outline: none;
        box-shadow: none;
    }

textarea.form-control {
    min-height: 120px;
    resize: none;
}

input[type=file].form-control {
    padding-top: 8px;
}

.form-control:focus {
    border-color: #000;
}


.inputwith-icon {
    display: block;
    position: relative;
    width: 100%;
}

    .inputwith-icon > span {
        position: absolute;
        left: 0;
        top: 0;
        width: 40px;
        height: 40px;
        z-index: 2;
        text-align: center;
        padding-left: 2px;
        pointer-events: none;
    }

        .inputwith-icon > span img {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            display: block;
        }

    .inputwith-icon .form-control {
        padding-left: 40px;
    }

.input-icon {
    width: 44px;
    height: 44px;
    position: absolute;
    z-index: 1;
    pointer-events: none;
    border-radius: 4px;
    background-color: transparent;
    left: 1px;
    top: 1px;
    background-size: 24px !important;
}

    .input-icon.user {
        background: url(../images/user-icon.svg) center no-repeat;
    }

    .input-icon.email {
        background: url(../images/email-icon.svg) center no-repeat;
    }

    .input-icon.pass {
        background: url(../images/lock-icon.svg) center no-repeat;
    }



.accordion-item {
    border: 0;
    border-radius: 0;
    margin-bottom: 15px;
    position: relative;
}

.accordion-button {
    background-color: #eff1f3;
    border: solid 2px #eff1f3;
    border-radius: 4px !important;
    padding: 14px 40px 14px 20px;
    font-size: 16px;
    font-weight: 500;
    z-index: 0 !important;
}

    .accordion-button:hover {
        background: #fff;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    }

    .accordion-button:focus {
        outline: none;
        box-shadow: none;
    }

    .accordion-button::after {
        position: absolute;
        right: 10px;
    }

    .accordion-button:not(.collapsed) {
        color: #1A5AD9; /*padding-left: 30px;*/
        font-weight: 800;
        background: #fff;
        border-color: #fff;
        box-shadow: none;
    }

.accordion-item .accordion-collapse.collapse.show:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 12px;
    background-color: #fff;
    z-index: -1;
    box-shadow: 0 0px 20px -5px rgba(0, 0, 0, 0.3);
}

.accordion-button[aria-expanded="true"],
.accordion-collapse.collapse.show .accordion-body {
    position: relative;
    z-index: 1;
}

.accordion-body {
    padding: 10px 30px 15px 20px;
    line-height: normal;
}

@media screen and (min-width: 1399px) {
    .container {
        max-width: 1240px;
    }
}

.fullPage {
    display: block;
    width: 100%;
    position: relative;
    clear: both;
    min-height: 65vh;
    padding: 40px 0 0 0;
}

.header {
    background: #fff;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    width: 100%;
    display: block;
}

.headerRight {
    display: inline-flex;
    align-items: center;
}

    .headerRight div {
        display: inline-flex;
        align-items: center;
    }

.headeractions {
    width: 20px;
    height: 20px;
    display: inline-block;
    min-width: 20px;
}

.userLink {
    background: url(../images/user.svg) center no-repeat;
}

.cartLink {
    background: url(../images/cart.svg) center no-repeat;
}

.cartheadersection {
    position: relative;
    top: -1px;
}

.topmenu {
    display: inline-block;
}

    .topmenu > ul > li {
        display: inline-block;
        margin-right: 26px;
    }

        .topmenu > ul > li > a {
            display: inline-block;
            color: #fff;
            font-size: 16px;
            font-weight: 600;
            padding: 8px 0;
        }

            .topmenu > ul > li > a.active {
                text-decoration: underline;
            }

            .topmenu > ul > li > a:hover,
            .topmenu > ul > li > a:focus {
                text-decoration: underline;
                color: #fff;
            }

        .topmenu > ul > li.nav-item.dropdown a.dropdown-toggle {
            background: url(../images/menu-down.svg) right center no-repeat;
            padding-right: 18px;
        }


.header-bottom-right {
    display: inline-flex;
    align-items: center;
}

    .header-bottom-right a.freetrialbtn {
        display: inline-flex;
        align-items: center;
        font-size: 14px;
        border: solid 1px #fff;
        line-height: 30px;
        background: #fff;
        color: #000;
        font-weight: 500;
        padding: 0 20px;
        border-radius: 50px;
    }

    .header-bottom-right a.contactbtn {
        display: inline-flex;
        align-items: center;
        font-size: 14px;
        border: solid 1px #fff;
        line-height: 30px;
        background: transparent;
        color: #fff;
        font-weight: 500;
        padding: 0 20px;
        border-radius: 50px;
        margin-left: 18px;
    }

    .header-bottom-right a.freetrialbtn:hover {
        background: var(--darkblue);
        color: #fff;
    }

    .header-bottom-right a.contactbtn:hover {
        background: #fff;
        color: #000;
    }

.header-bottom .container-fluid {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.topmenu .dropdown-toggle::after {
    display: none;
}

.menuTitle {
    display: block;
    white-space: nowrap;
    padding: 0.25rem 1rem;
    color: var(--darkblue);
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    margin-top: 5px;
}

.dropdown-menu ul + ul {
    border-left: solid 1px #ddd;
}



@media screen and (min-width: 1200px) {
    .topmenu {
        display: block !important;
    }
}

@media screen and (min-width: 992px) {
    .sticky .header-bottom {
        position: sticky;
        top: 0;
        left: 0;
        z-index: 10;
    }

    .header-bottom {
        display: flex !important;
    }
}

.action-withicon {
    width: 42px;
    height: 42px;
    display: inline-block;
    position: relative;
    border-radius: 50%;
}

.notificationH {
    background: #F8F1DF url(../images/notification.svg) center no-repeat;
}

.userH {
    background: #EFF0FA url(../images/user.svg) center no-repeat;
}

.userTop {
    font-size: 13px;
    font-weight: 600;
}

.notification-count {
    position: absolute;
    z-index: 2;
    left: 65%;
    top: -1px;
    background: red;
    color: #fff;
    padding: 4px;
    min-width: 20px;
    text-align: center;
    border-radius: 50px;
    font-size: 12px;
}

.dropdown-menu li + li {
    margin-top: 1px;
}

.dropdown-menu a.dropdown-item {
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .dropdown-menu a.dropdown-item:hover,
    .dropdown-menu a.dropdown-item.active {
        background: var(--blue);
        color: #fff;
    }

    .dropdown-menu a.dropdown-item i {
        margin-right: 5px;
    }

.dropdown-menu {
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.2);
}


.container-fluid {
    max-width: 100%;
    padding-left: 60px;
    padding-right: 60px;
}

.logo sapan {
    font-size: 12px;
    color: #777777;
    display: block;
}

.hTopm {
    display: inline-block;
    margin-left: 150px;
    margin-right: auto;
    font-weight: 400;
}

    .hTopm a {
        display: inline-block;
        font-size: 16px;
        line-height: 20px;
    }

        .hTopm a + a {
            margin-left: 30px;
        }

        .hTopm a.active {
            color: var(--darkblue);
            text-decoration: underline;
        }

.header-top {
    display: block;
    width: 100%;
    padding: 10px 0;
}

    .header-top .container-fluid {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

.findlinks {
    padding-left: 30px;
    background: url(../images/search-icon.svg) left center no-repeat;
}

.header-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: var(--blue);
    min-height: 60px;
}

.topactionbtns {
    display: inline-block;
    padding-left: 40px;
    margin-left: 50px;
    min-height: 37px;
}

    .topactionbtns label {
        display: block;
        font-size: 13px;
        font-weight: 600;
        color: var(--grey);
    }

    .topactionbtns.supports {
        background: url(../images/phone-call.svg) left center no-repeat;
        padding-left: 34px;
    }

    .topactionbtns.mycart {
        background: url(../images/cart.svg) left center no-repeat;
    }

    .topactionbtns.myaccount {
        background: url(../images/user.svg) left center no-repeat;
        padding-left: 35px;
    }

    .topactionbtns span {
        display: inline-block;
        padding-top: 6px;
        font-size: 15px;
    }

    .topactionbtns:after {
        display: none;
    }

.header-top-right {
    display: flex;
    align-items: start;
}

.myaccount span:after {
    content: "";
    width: 12px;
    height: 6px;
    display: inline-block;
    background: url(../images/down-arrow.svg) center no-repeat;
    margin-left: 6px;
    position: relative;
    top: -1px;
}

.breadcrumbs {
    display: block;
    width: 100%;
    background: #EBEBEB;
}

    .breadcrumbs ul {
        display: flex;
        align-items: center;
        overflow: hidden;
        min-height: 50px;
        white-space: nowrap;
    }

        .breadcrumbs ul li {
            display: inline-block;
            font-size: 14px;
            position: relative;
            font-weight: 700;
            padding-right: 5px;
            margin-right: 7px;
            color: #000;
        }

            .breadcrumbs ul li:before {
                content: "/";
                display: inline-block;
                margin-right: 10px;
            }

            .breadcrumbs ul li:first-child:before {
                display: none;
            }

            .breadcrumbs ul li a {
                color: #444;
            }

.clicktocall {
    display: block;
    width: 100%;
    background: url(../images/callbg.png) center no-repeat;
    background-size: cover;
    padding: 22px 0;
    position: relative;
}

    .clicktocall:before {
        content: "";
        background: rgba(0, 0, 0, 0.57);
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
    }

    .clicktocall .container {
        position: relative;
        z-index: 3;
    }

.calltoexpert {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    padding: 22px 60px;
    border: solid 1px #fff;
    color: #fff;
}

    .calltoexpert a {
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
        color: #fff;
        width: 100%;
    }

    .calltoexpert h6 {
        max-width: 200px;
        font-weight: 600;
    }

.callwihicon {
    font-size: 20px;
    font-weight: 600;
    margin-left: 70px;
    background: url(../images/call-icon.svg) left center no-repeat;
    padding-left: 45px;
    line-height: 40px;
}


.footer {
    display: block;
    width: 100%;
    padding: 48px 0 40px 0;
}

.footer_bottom {
    border-top: solid 1px var(--grey);
    margin-top: 10px;
    padding-top: 20px;
    text-align: center;
}

.copyrighttext {
    display: block;
    font-size: 12px;
}

.footerlogo {
    color: var(--darkblue);
    font-size: 30px;
}

.footerTitle {
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
}

.connectSocial {
    display: block;
}

    .connectSocial ul {
        display: inline-flex;
        align-items: center;
        grid-gap: 10px;
    }

.footerlinks {
    display: block;
}

    .footerlinks ul li {
        display: block;
        margin-bottom: 12px;
        font-size: 14px;
    }

        .footerlinks ul li a:hover {
            color: var(--darkblue);
        }

.item_box {
    display: block;
    width: 100%;
    border-radius: 5px;
    padding: 15px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}

.productImage {
    width: 70px;
    height: 70px;
    border: solid 1px #E6E6E6;
    object-fit: contain;
    display: inline-block;
    min-width: 70px;
}

.nextrDate {
    font-size: 12px;
}

.prTitle {
    font-weight: 500;
}

.prDesc {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
}

.newchanges {
    color: #000;
    font-weight: 500;
    text-decoration: underline;
}

    .newchanges:hover {
        color: var(--blue);
        text-decoration: underline;
    }

.newavail {
    background: #D71616;
    border-radius: 50px;
    padding: 4px 8px;
    color: #fff;
    font-size: 9px;
    text-transform: uppercase;
}

.prOtherDetails {
    min-width: 322px;
}

.prLeftdetails {
    margin-right: 50px;
    max-width: calc(100% - 422px);
}

.prBtns {
    display: flex;
    flex-direction: column;
}

    .prBtns a {
        min-width: 100px;
    }

        .prBtns a + a {
            margin-left: 0 !important;
            margin-top: 12px;
        }

.prDetails {
    max-width: calc(100% - 30px);
}

.table-pagination {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    margin-top: 40px;
}

.entriesdata {
    display: inline-block;
    color: #777;
    font-weight: 600;
    font-size: 14px;
}

.pagination_box {
    display: block;
    width: auto;
}

    .pagination_box ul {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }

        .pagination_box ul li {
            display: inline-block;
        }

            .pagination_box ul li + li {
                margin-left: 6px;
            }

            .pagination_box ul li a {
                display: inline-block;
                height: 30px;
                line-height: 28px;
                padding: 0 9px;
                font-size: 14px !important;
                font-weight: 500;
                min-width: 30px;
                text-align: center;
                border: solid 1px #CECECE;
                border-radius: 16px;
            }

                .pagination_box ul li a:hover {
                    background: #CECECE;
                }

            .pagination_box ul li.prev a,
            .pagination_box ul li.next a {
                background: #fff;
            }

                .pagination_box ul li.prev a:hover,
                .pagination_box ul li.next a:hover {
                    background: #CECECE;
                    border-color: #CECECE;
                }

            .pagination_box ul li.current a {
                background: #CECECE;
                color: #000;
                border-color: #CECECE;
                cursor: default;
            }


.newchangesCard {
    display: block;
    width: 100%;
    border-radius: 16px;
}

    .newchangesCard.greenCard {
        background: #F2FCED;
    }

    .newchangesCard.blueCard {
        background: #E9EDFF;
    }

.newchangesTop {
    display: block;
    width: 100%;
    padding: 15px;
}

.newchangesBottom {
    border-radius: 0 0 16px 16px;
    background: rgba(0, 0, 0, 0.06);
    padding: 14px 15px;
    text-align: center;
    width: 100%;
    display: block;
}

.mainarticleBox {
    display: block;
    width: 100%;
    position: relative;
}

.mainarticleBox-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

    .mainarticleBox-image:after {
        content: "";
        position: absolute;
        top: 0;
        right: 30%;
        bottom: 0;
        left: 0;
        z-index: 1;
        background: linear-gradient(to right, rgba(255,255,255,0.61) 0%,rgba(255,255,255,0) 100%);
    }

    .mainarticleBox-image img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.mainarticleBox-content {
    display: flex;
    width: 100%;
    min-height: 470px;
    padding: 30px 50px;
    align-items: center;
    position: relative;
    z-index: 2;
}

.bigTitle {
    font-size: 44px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
}

.mainarticleBox-content-inner {
    display: block;
    width: 100%;
    max-width: 550px;
}

.full-block-section {
    display: block;
    width: 100%;
    padding: 70px 0;
    position: relative;
}

.text-20px {
    font-size: 20px;
    color: #31383E;
}

.afteraddline {
    position: relative;
}

    .afteraddline:after {
        content: "";
        height: 1px;
        width: 100px;
        background: var(--blue);
        clear: both;
        display: block;
        margin-top: 10px;
    }

.gredientbox {
    background: linear-gradient(45deg, rgba(0,74,173,1) 0%,rgba(47,127,190,1) 100%);
}

.prospectsimage img {
    box-shadow: -8px 8px 0 var(--green);
    width: 400px;
}

.freetrialsection .bigTitle,
.freetrialsection .text-20px {
    color: #fff !important;
}

.greybox {
    background: #F8F8F8;
}

.freetrailBtn {
    display: inline-block;
    background: #fff;
    color: var(--darkblue);
    text-transform: uppercase;
    font-size: 24px;
    padding: 18px 40px;
    border-radius: 50px;
    border: solid 2px transparent;
    text-align: center;
}

    .freetrailBtn:hover {
        background: transparent;
        border-color: #fff;
        color: #fff;
    }

.enhanceVideo iframe {
    width: 100% !important;
    height: 490px !important;
    display: block;
    border: solid 5px #fff;
}

.enhanceVideoBox {
    color: #fff;
}

    .enhanceVideoBox .afteraddline:after {
        background: #fff;
    }

.boxwithDetail {
    display: block;
    width: 100%;
    padding: 20px;
    border-radius: 16px;
    margin-top: 20px;
    color: #fff;
}

.darkblueBox {
    background: var(--darkblue);
}

.greenBox {
    background: var(--green);
}

.whiteBoxfull {
    display: block;
    width: 100%;
    max-width: 640px;
    padding: 20px;
    border-radius: 16px;
    background: #fff;
}

.amuser {
    font-size: 16px;
    font-weight: 500;
}

    .amuser img {
        width: 36px;
        height: 36px;
        border-radius: 50px;
        display: inline-block;
        object-fit: cover;
        margin-right: 8px;
    }

.amPhone {
    display: inline-block;
    white-space: nowrap;
    background: url(../images/call-darkblue.svg) 9px center no-repeat;
    padding-left: 44px;
    font-size: 16px;
    font-weight: 500;
    color: var(--darkblue);
    line-height: 28px;
}

    .amPhone a {
        display: inline-block;
        color: inherit;
    }



.fullpageloader {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    background: rgb(83 83 83 / 90%);
}

    .fullpageloader div {
        display: flex;
        width: 100%;
        height: 100%;
        align-items: center;
        justify-content: center;
    }

    .fullpageloader span {
        border: 3px solid #fff;
        border-top-color: var(--blue);
        border-radius: 50%;
        width: 32px;
        height: 32px;
        animation: spin 1s linear infinite;
        -webkit-animation: spin 1s linear infinite;
        display: inline-block;
    }

@keyframes spin {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}



.loginbg {
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(227,229,238,1) 100%);
}

.loginBlock {
    display: block;
    width: 100%;
    max-width: 1030px;
    margin: 0 auto;
    background: #fff;
    border-radius: 24px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    border: solid 1px #E4EBFB;
}

.forgotpass a {
    color: var(--darkblue);
    text-decoration: underline;
}

.alreadyhave {
    font-size: 14px;
}

    .alreadyhave a {
        color: var(--blue);
        text-decoration: underline;
    }

.loginbg_inner {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 24px 0 0 24px;
    position: relative;
    min-height: 550px;
}

    .loginbg_inner img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        pointer-events: none;
        border-radius: 24px 0 0 24px;
        position: absolute;
    }

    .loginbg_inner:after {
        content: "";
        background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(42,57,122,0.6) 100%);
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        border-radius: 24px 0 0 24px;
    }

.overlaytext {
    position: absolute;
    z-index: 2;
    bottom: 30px;
    left: 20px;
    right: 20px;
    color: #fff;
}

    .overlaytext h2 {
    }

.product-detail-bg {
    display: block;
    width: 100%;
    position: relative;
}

    .product-detail-bg img {
        width: 100%;
        height: 270px;
        display: block;
        object-fit: cover;
    }

.error-text {
}

    .error-text span {
        display: block;
        padding-top: 4px;
        font-size: 12px
    }

.usernameshow {
    max-width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}



.border-box {
    display: block;
    width: 100%;
    border-radius: 16px;
    border: solid 1px #D5DEE1;
}

.pointsList {
    display: block;
    width: 100%;
    line-height: normal;
}

    .pointsList li {
        display: block;
        clear: both;
        width: 100%;
        line-height: normal;
        padding-left: 30px;
        position: relative;
    }

        .pointsList li:before {
            content: "";
            position: absolute;
            left: 0;
            top: 1px;
            width: 18px;
            height: 18px;
            background: url(../images/point-arrow.svg) center no-repeat;
        }

        .pointsList li + li {
            margin-top: 18px;
        }

        .pointsList li a {
            color: #004aad;
            text-decoration: underline;
        }

.leadprogrames_thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-bottom: solid 1px #D5DEE1;
    height: 190px;
    border-radius: 16px 16px 0 0;
}

    .leadprogrames_thumb img {
        display: block;
        max-width: 100%;
        max-height: 80%;
        object-fit: contain;
    }

.leadprogrames {
    background-color: #fff;
    min-height: calc(100% - 1rem);
    display: flex;
    flex-direction: column;
}

.isNew {
    display: inline-block;
    padding: 4px 10px;
    background: #D71616;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 60px;
    white-space: nowrap;
    color: #fff;
    line-height: normal;
}

.priceshow {
    font-size: 18px;
    font-weight: 600;
    color: var(--darkblue);
}

.leadprogrames_content {
    flex-grow: 1;
    display: flex;
    width: 100%;
    flex-direction: column;
}

.listof_details {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 20px;
}

.listof_details_col {
    display: inline-flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px;
    background: #fff;
    border: solid 1px var(--blue);
    border-radius: 20px;
}

    .listof_details_col strong {
        font-size: 22px;
        color: var(--blue);
    }

    .listof_details_col label {
        color: var(--grey);
    }

.contactusblock {
    max-width: 100% !important;
}

.questioncaptcha .form-control {
    width: 80px;
}





/* Category pages style */

.csg-cat-container {
    background: transparent !important;
}

    .csg-cat-container h1,
    .csg-cat-container h2,
    .csg-cat-container h3,
    .csg-cat-container h4,
    .csg-cat-container h5,
    .csg-cat-container h6 {
        margin-bottom: 1rem !important;
    }

    .csg-cat-container br, .csg-containment-75 br {
        display: none !important
    }

    .csg-cat-container p, .csg-containment-75 p {
        font: inherit !important;
        line-height: 1.4 !important;
        color: #31383e !important;
        font-size: 20px !important;
        width: 100% !important;
        text-align: left !important;
        margin-bottom: 15px
    }

.csg-containment-75 {
    width: 100% !important;
    margin-bottom: 50px;
}

    .csg-cat-container h1, .csg-containment-75 h1 {
        color: var(--darkblue) !important;
        font-size: 48px !important;
    }

.csg-cat-container center {
    text-align: left;
}

.csg-cat-container .csg-cat-head23 {
    width: 100% !important;
    text-align: left !important;
}


.csg-product-buynow,
.csg-cat-cta-buttons .csg-product-buttons23 div {
    font: inherit !important;
    border-radius: 60px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: normal !important;
    background: #004aad !important;
    color: #fff !important;
    padding: 10px 20px !important;
    text-transform: none !important;
    width: auto !important;
    display: inline-block !important;
}

.csg-product-buynow {
    margin-bottom: 20px;
}

.csg-cat-cta-buttons {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    margin-bottom: 50px;
    margin-top: 40px;
}

.csg-cat-container .prodhead {
    color: var(--blue) !important;
    font-size: 32px !important;
}

.tableauPlaceholder {
    width: 100% !important;
    border: solid 1px #ddd;
    border-radius: 20px;
    margin: 30px 0 20px 0;
}

    .tableauPlaceholder iframe {
        width: 100% !important;
    }

.csg-containment-90 > div:first-child,
.csg-containment-90 > br + div {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 40px;
    margin-bottom: 50px;
}

.csg-product-box {
    width: calc(50% - 30px);
    display: inline-block;
    flex-grow: 1;
    display: inline-flex;
    gap: 15px;
    align-items: center;
    padding: 20px;
    border-radius: 10px;
    border: solid 1px #ddd;
}

    .csg-product-box img {
        width: 100px !important;
        height: 60px;
        object-fit: contain;
        min-width: 100px;
    }

    .csg-product-box p {
        font-size: 16px !important;
        margin-bottom: 0 !important
    }

        .csg-product-box p strong {
            font-size: 20px !important;
            display: block;
            width: 100%;
        }

.csg-mostpopular {
    color: #004aad;
}

.not-found {
    padding: 20px;
    border-radius: 12px;
    background: #eaeff5;
    font-size: 18px;
    text-align: center;
    width: 100%;
}

.csg-containment-75 img {
    width: auto;
    max-width: 100% !important;
}

.csg-mobileshow {
    display: none;
}

@media screen and (max-width:1399px) {
    .csg-cat-container .prodhead {
        font-size: 26px !important;
    }

    .csg-cat-container p, .csg-containment-75 p {
        font-size: 16px !important;
    }
}

@media screen and (max-width:991px) {
    .csg-product-box {
        width: 100%;
    }

    .csg-cat-container h1, .csg-containment-75 h1 {
        font-size: 36px !important
    }

    .csg-mobilehide {
        display: none;
    }

    .csg-mobileshow {
        display: block;
    }

    .csg-product-box img {
        display: block !important;
    }
}

@media screen and (max-width:575px) {
    .csg-product-buynow,
    .csg-cat-cta-buttons .csg-product-buttons23 div {
        width: 100% !important;
        text-align: center;
    }

        .csg-product-buynow a,
        .csg-cat-cta-buttons .csg-product-buttons23 a, .csg-product-buttons23 {
            display: block;
        }

    .csg-product-buttons23 {
        width: 100%;
    }

    .csg-product-box {
        flex-wrap: wrap;
        justify-content: center;
    }

        .csg-product-box img {
            height: 40px;
        }

        .csg-product-box p {
            width: 100%;
            text-align: center !important
        }
}

.csg-cat-infobox {
    display: block;
    border: solid 1px #ddd;
    border-radius: 16px;
    padding: 1rem;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 30px;
    margin-bottom: 25px;
}

.csg-cat-container .csg-cat-infobox-title,
.csg-containment-75 .csg-cat-infobox-title {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #004aad !important;
}



.csg-cat-infobox-list {
    display: block;
    width: 100%;
    line-height: normal;
}

    .csg-cat-infobox-list li {
        display: block;
        clear: both;
        width: 100%;
        line-height: normal;
        padding-left: 30px;
        position: relative;
    }

        .csg-cat-infobox-list li:before {
            content: "";
            position: absolute;
            left: 0;
            top: 1px;
            width: 18px;
            height: 18px;
            background: url(../images/point-arrow.svg) center no-repeat;
        }

        .csg-cat-infobox-list li + li {
            margin-top: 18px;
        }

        .csg-cat-infobox-list li a {
            color: #004aad;
            text-decoration: underline;
        }

.csg-h3, .prodh314 {
    margin-top: 25px;
    color: #31383e !important;
}

.csg-cat-container table {
    border: solid 1px #ddd !important;
    margin: 20px 0;
}

    .csg-cat-container table td {
        padding: 10px;
    }

    .csg-cat-container table tbody tr {
        border-bottom: solid 1px #ddd;
    }

.csg-cat-container p a {
    color: #004aad !important;
    text-decoration: underline;
}


@media screen and (min-width:1260px) {
    .sideTemplate {
        display: flex !important;
        justify-content: center;
    }

        .sideTemplate .firstSection_category {
            width: 900px;
            max-width: 900px;
            min-width: 900px;
            padding-right: 30px;
        }

        .sideTemplate .secondSection_category {
            width: 340px;
            max-width: 340px;
            min-width: 340px;
            background: transparent;
            padding: 0;
        }

            .sideTemplate .secondSection_category h3 {
                font-size: 22px;
            }

            .sideTemplate .secondSection_category .row {
                flex-direction: column;
            }

                .sideTemplate .secondSection_category .row .col-xl-4 {
                    max-width: 100% !important;
                    width: 100% !important;
                }

            .sideTemplate .secondSection_category .leadprogrames_thumb {
                height: 140px;
            }
}

.actionBtnss {
    min-width: 26px;
    width: 26px;
    height: 26px;
    display: inline-block;
    margin: 0 6px 0 0;
}

    .actionBtnss.editIcon {
        background: Url(../images/edit-icon.svg) center no-repeat;
    }





/*table css*/


.table-bordered thead td,
.table-bordered thead th {
    border-bottom-width: 1px;
}

.table-bordered {
    border-top: 0;
}

table.dataTable {
    font-size: 15px;
}

div.dataTables_wrapper div.dataTables_info {
    font-size: 14px;
}

div.dataTables_wrapper div.dataTables_length select {
    font-size: 15px;
    padding-top: 4px;
    border-radius: 5px;
}

.dataTables_wrapper {
    margin-top: 1px;
    margin-right: 1px;
}


div.dataTables_wrapper div.dataTables_filter input {
    font-size: 16px;
    width: 210px;
}

div.dataTables_wrapper div.dataTables_filter label {
    font-size: 0
}

div.dataTables_wrapper div.dataTables_filter input {
    font-size: 14px;
    padding: 10px 10px 10px 40px;
    margin-left: 0;
    border-radius: 50px !important;
    font-family: "Open Sans",sans-serif;
    background: #fff Url(../admin_Images/search.svg) 15px center no-repeat;
    background-size: 14px;
    height: 36px;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin-top: 6px;
    margin-bottom: 0;
}

.table-searchbar .form-control {
    height: 34px;
}

.table-searchbar .btn {
    height: 34px;
    line-height: 33px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 15px;
    padding-right: 15px;
}

.table-searchbar {
    width: 100%;
    justify-content: flex-end;
}

.table-responsive {
    display: block;
    width: 100%;
    overflow: auto;
    margin-top: 10px;
    max-width: calc(100vw - 280px);
}
/*--shopping cart--*/
.full-row {
    display: flex;
}

.full-lft-col {
    flex: 1;
    padding-right: 30px;
}

.full-rt-col {
    width: 467px;
    border-left: solid 1px #D1D1D1;
}

.offer-code-wrapper label {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
}

.offer-msg {
    font-size: 14px;
    color: #777;
}

.offer-code-wrapper .input-group .form-control {
    height: 38px;
}

.offer-code-wrapper .input-group .btn {
    border-radius: 3px;
}

.summart-ttl-table {
    font-size: 16px;
}

    .summart-ttl-table h6 {
        color: #777777;
        margin: 0;
        font-weight: normal;
    }

    .summart-ttl-table td {
        padding: 8px 0px;
    }

    .summart-ttl-table tfoot tr {
        border-top: solid 1px #D1D1D1;
    }

    .summart-ttl-table tfoot td, .summart-ttl-table tfoot h6 {
        font-size: 18px;
        font-weight: 700;
        color: #000;
    }

    .summart-ttl-table tfoot td {
        padding: 14px 0px 8px;
    }

.policy-menu-list li {
    margin: 0 0 10px;
    list-style-type: disc;
    list-style-position: inside;
}

    .policy-menu-list li a {
        text-decoration: underline;
    }

.tbl-lst-cnt-value {
    font-size: 24px;
    color: #777;
}

.tabel-head-dard {
    font-size: 14px;
}

    .tabel-head-dard thead th {
        background: #777;
        color: #fff;
        font-weight: 700;
        font-size: 14px;
    }

.inv-no {
    font-size: 15px;
    color: #777;
    line-height: 1;
}

.porduct-add-minus-gp {
    display: inline-block;
    border: solid 1px #CBCBCB;
    border-radius: 4px;
    padding: 5px;
}

    .porduct-add-minus-gp span {
        display: inline-block;
        width: 40px;
        text-align: center;
        font-size: 16px;
        vertical-align: middle;
        line-height: 18px;
    }

    .porduct-add-minus-gp button {
        display: inline-block;
        vertical-align: middle;
        background: transparent;
        padding: 0;
    }

        .porduct-add-minus-gp button:hover {
            background: #EBEBEB;
        }

.table > :not(caption) > > {
    padding: 0.7rem 0.5rem;
}

.sidebar-toggled .table-responsive {
    max-width: calc(100vw - 40px)
}

.table {
    width: 100%;
}

    .table thead th {
        background: #CFCFCF;
        color: #000000;
        font-size: 14px;
        font-weight: 500;
        border: 0;
        white-space: nowrap;
    }

    .table th,
    .table td {
        padding: 8px 12px;
        font-size: 12px;
        color: #000;
        border-bottom: solid 1px #E5E5E5;
        vertical-align: middle;
        white-space: nowrap;
        font-weight: 500;
    }
/*.table tr:hover{ background: #F2F4F9; }*/

.actionBtns {
    white-space: nowrap;
}

.table td.actionTD .btn {
    vertical-align: middle;
    text-decoration: none;
}


.actionBtns a {
    width: 24px;
    height: 24px;
    background: #EFEFEF;
    border-radius: 4px;
    text-align: center;
    position: relative;
    cursor: pointer;
    display: inline-block;
}

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

    .actionBtns a:hover {
        background: #fff;
        box-shadow: 0 0 0 1px #ddd;
    }

    .actionBtns a img {
        height: 14px;
        width: 16px;
        vertical-align: middle;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }

.numbers-pag {
    font-size: 14px;
    font-weight: 300;
    color: #737573;
}

.page-item {
    display: inline-block;
    vertical-align: middle;
}

.pagination .page-link {
    font-size: 14px;
    color: #333537;
    padding: 5px 12px;
    border-radius: 4px;
    background-color: #F0EFF3;
    border-color: #F0EFF3;
}

.page-item.active .page-link {
    background-color: #414042;
    border-color: #414042;
}

.pagination .page-item + .page-item {
    margin-left: 6px;
}

.page-item:first-child .page-link {
    margin-right: 10px;
}

.page-item:last-child .page-link {
    margin-left: 10px;
}

.page-item:first-child .page-link,
.page-item:last-child .page-link {
   /* background-color: #fff; */
    border-color: #D2D2D2;
    padding-left: 16px;
    padding-right: 16px;
}


.table-filters {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.table-outerbox {
    display: block;
    width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding-top: 0;
    clear: both;
    min-height: 300px;
    padding-bottom: 10px;
}


.table {
    width: 100%;
}

    .table thead th {
        background: #777777;
        font-size: 14px;
        color: #fff;
        font-weight: 600;
        padding-top: 13px;
        padding-bottom: 13px;
    }

    .table td {
        background: #fff;
        border-bottom: solid 1px #D8D8D8;
        white-space: nowrap;
        font-size: 12px;
        font-weight: 400;
        line-height: normal;
    }

    .table td {
        min-height: 30px;
    }

table.dataTable tbody th, table.dataTable tbody td {
    padding: 5px 10px;
}

.table-pagination {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}

.entriesdata {
    display: inline-block;
    color: #777;
    font-weight: 600;
    font-size: 14px;
}

.pagination_box {
    display: block;
    width: auto;
}

    .pagination_box ul {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }

        .pagination_box ul li {
            display: inline-block;
        }

            .pagination_box ul li + li {
                margin-left: 6px;
            }

            .pagination_box ul li a {
                display: inline-block;
                height: 30px;
                line-height: 28px;
                padding: 0 9px;
                font-size: 14px !important;
                font-weight: 500;
                min-width: 30px;
                text-align: center;
                border: solid 1px #CECECE;
                border-radius: 16px;
            }

                .pagination_box ul li a:hover {
                    background: #CECECE;
                }

            .pagination_box ul li.prev a,
            .pagination_box ul li.next a {
                background: #fff;
            }

                .pagination_box ul li.prev a:hover,
                .pagination_box ul li.next a:hover {
                    background: #CECECE;
                    border-color: #CECECE;
                }

            .pagination_box ul li.current a {
                background: #CECECE;
                color: #000;
                border-color: #CECECE;
                cursor: default;
            }

.actiontableBTn {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    color: #fff !important;
    background: #000;
    font-size: 12px;
    font-weight: 500;
    border-radius: 50px;
}

    .actiontableBTn + .actiontableBTn {
        margin-left: 6px;
    }

    .actiontableBTn.approve {
        background: #fff;
        color: #147B43 !important;
        border: solid 1px #147B43;
        line-height: 28px;
    }

    .actiontableBTn.reject {
        background: #fff;
        color: #D63657 !important;
        border: solid 1px #D63657;
        line-height: 28px;
    }

    .actiontableBTn.approve:hover {
        background: #147B43;
        color: #fff !important;
    }

    .actiontableBTn.reject:hover {
        background: #D63657;
        color: #fff !important;
    }

.table td a {
    color: var(--blue);
    text-decoration: underline;
}

    .table td a:hover {
        color: #0a58ca;
        text-decoration: underline;
    }

.actiontableBTn.blue-fill {
    background: var(--blue);
    color: #fff;
}

    .actiontableBTn.blue-fill:hover {
        background: #3372EE;
        color: #fff;
        animation-play-state: paused;
    }

.actiontableBTn.blue-outline {
    background: #fff;
    color: var(--blue) !important;
    border: solid 1px var(--blue);
}

    .actiontableBTn.blue-outline:hover {
        background: var(--blue);
        color: #fff !important;
        border: solid 1px var(--blue);
    }


table.spacesNone {
    padding: 0;
}

    table.spacesNone th,
    table.spacesNone td {
        padding: 0;
        border: 0;
    }

    table.spacesNone .checkbox label {
        margin-bottom: 0;
    }

.table-active {
    --bs-table-accent-bg: transparent;
}

.actionsmenu .dropdown-menu li .dropdown-item {
    text-decoration: none;
}

table.dataTable + .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-top: 20px;
    flex-wrap: wrap;
}

.dataTables_wrapper .dataTables_info {
    padding-top: 0;
    order: 1;
    margin-right: 30px;
    color: #777;
    font-size: 14px;
}

.dataTables_wrapper .dataTables_paginate {
    padding-top: 0;
    order: 3
}

.dataTables_wrapper .dataTables_length {
    order: 2;
    margin-left: 0;
    margin-right: auto;
    color: #777;
    font-size: 14px;
}

.dataTables_wrapper .dataTables_paginate a.paginate_button {
    display: inline-block !important;
    height: 30px;
    line-height: 28px;
    padding: 0 9px !important;
    font-size: 14px !important;
    font-weight: 500;
    min-width: 30px !important;
    text-align: center !important;
    border: solid 1px #CECECE !important;
    border-radius: 16px;
    margin: 3px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:active, .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #CECECE !important;
    color: #000 !important;
}

.horizontalLinesadd tr td,
.horizontalLinesadd tr th {
    border-right: solid 1px rgba(0, 0, 0, 0.15);
}

    .horizontalLinesadd tr td:last-child,
    .horizontalLinesadd tr th:last-child {
        border-right: 0;
    }

.permissionFooter {
    background: #fff;
    position: sticky;
    bottom: 0;
    z-index: 4;
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.table-outerbox.horizontalLinesadd {
    max-height: calc(100vh - 220px);
    min-height: 150px;
    border-bottom: solid 1px #ddd;
}

    .table-outerbox.horizontalLinesadd .table {
        border-bottom: 0;
    }

        .table-outerbox.horizontalLinesadd .table thead {
            position: sticky;
            top: 0;
            left: 0;
            z-index: 2;
        }


            .table-outerbox.horizontalLinesadd .table thead th {
                border-right-color: #555 !important;
            }

/* Table Loader css */



.tableloader {
    display: block;
    width: 100%;
    min-height: 150px;
}

    .tableloader div {
        display: flex;
        width: 100%;
        height: 100%;
        align-items: center;
        justify-content: center;
    }

    .tableloader span {
        border: 3px solid #c3ced9;
        border-top-color: var(--blue);
        border-radius: 50%;
        width: 32px;
        height: 32px;
        animation: spin 1s linear infinite;
        -webkit-animation: spin 1s linear infinite;
        display: inline-block;
    }



.socialcionsintable img {
    width: 24px;
    height: 24px;
    margin: 0 3px;
}

.headingTitle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}
.porduct-add-minus-gp {
    display: inline-block;
    border: solid 1px #CBCBCB;
    border-radius: 4px;
    padding: 5px;
}

.filtersearchTop .dataTables_filter {
    float: left;
    text-align: left;
    width: auto;
    display: inline-block;
    margin-bottom: 15px;
    margin-top: -53px;
}

.filtersearchTop div.dataTables_wrapper div.dataTables_filter input {
    border-radius: 4px !important;
    background: url(../admin_Images/searchIcon.svg) 8px 8px no-repeat;
}

.datatablesearchSapce {
    display: inline-block;
    width: 230px;
}

.filtersearchTop.table-outerbox {
    margin-top: -53px;
    padding-top: 53px;
}

.dataTables_scroll {
    padding-bottom: 15px;
}


.validator-table .dataTables_wrapper .table.dataTable {
    margin: 0 0 10px 0;
}

.validator-table .dataTables_length {
    margin-bottom: 10px;
}

.validator-table .dataTables_info {
    padding-top: 10px;
}

.datatablebottom .dataTables_wrapper {
    margin: 0;
}

.datatablebottom table.dataTable + .top {
    overflow-x: hidden;
}

.dataTables_scroll + .top {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

    .dataTables_scroll + .top .dataTables_info {
        padding-top: 2px;
    }
.table.dataTable, .dataTables_scrollHeadInner {
    min-width: 100%;
}

.table tr .btn-sm {
    text-decoration: none !important;
    padding: 5px 15px;
}

.outerboxof_template_col table thead {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 10;
}

.outerboxof_template_col .table thead th {
    background-color: #fff;
    color: #000;
    border-bottom: solid 1px #ddd !important;
    font-size: 12px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.outerboxof_template_col table tr:hover td {
    background-color: #eee;
}

.research-bg-left {
    background-color: #F0F4F6;
    padding: 16px 20px;
}

    .research-bg-left .btn + .btn {
        margin-left: 0px;
    }

.css-verify-para ul li {
    list-style-type: disc;
    margin-bottom: 12px;
}

.table > :not(caption) > * > * {
    padding: 0.7rem 0.5rem;
}
input[type=file].form-control {
    padding-top: 11px;
}
.min-height-none {
    min-height: 10px !important;
}
/*.word-wrap-td {
    max-width:300px;
    word-break:break-word;
    margin:0px
}*/

.table-responsive-full {
    display: block;
    width: 100%;
    overflow: auto;
    margin-top: 10px;
}


.article {
    border-radius: 8px;

      box-shadow: 0 2px 22px 0 rgba(48, 49, 57, 0.08);
    min-height: calc(100% - 1rem); display: flex; flex-direction: column;


    }

    .article.blank {
    display: flex;
    align-items: center;
    justify-content: center;
    }

    .article .articleimg-box {height: 200px;background: #B7D6EF;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 8px 8px 0 0 ;
      overflow: hidden;
  }

    .article .articleimg-box a {
      width: 100%;
      height: 100%;
    }

    .article .articleimg-box img {
      width: 100% !important;
      height: 100% !important;
      object-fit: cover !important;
    }
    .article .description {
        padding: 27px 31px 32px 31px;
        background: #fff; flex-grow: 1;

      border-radius: 0 0 8px 8px;
      overflow: hidden;

      display: flex;
      justify-content: space-between;
      flex-direction: column;
    }




    .article .description h5 {
      font-size: 20px;
      margin-bottom: 11px;
    }
    .article .description p {
      font-size: 16px;
      line-height: 1.6;
    }

    .article .description p.text {
        font-size: 16px;
      display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 20px;
    }

    .article .description .author {

      border-top: 1px solid #ddd;
      padding-top: 13px;
        font-size: 12px;
      margin: 0;
    }

.load-more {
    display: inline-block;
    white-space: nowrap;
    background: url(../images/load-more.svg) 26px center no-repeat !important;
    font-size: 14px;
    padding: 11px 26px 10px 52px;
    font-weight: 500;
    color: var(--blue);
}

.load-more:hover {
    background: url(../images/load-moreWh.svg) 26px center no-repeat var(--blue) !important;
}




    .newsletter {
    display: block;
    width: 100%;
    background: url(../images/newletter-bg.png) center no-repeat;
    background-size: cover;
    padding: 60px 0;
    position: relative;
}


.newsletterBlock {
    display: block;
    width: 100%;
    max-width: 1264px;
    margin: 0 auto;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    border: solid 1px #E4EBFB;
}

.newsletterBlock input[type="submit"]{
    height: 42px;
    color: #FFFFFF;
    font-size: 16px;
    border-radius: 60px;
    box-shadow: none;
    border: none;
    background: #2F7FBE !important;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
    padding: 0 30px;
}

.newsletterbg_inner {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 8px 0 0 8px;
    position: relative;
    min-height: 608px;
    background: #E6EDFF;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .newsletterbg_inner img {
        display: block;
        width: 400px;
        height: auto;
        object-fit: cover;
        pointer-events: none;
        border-radius: 8px 0 0 8px;
        position: absolute;
    }


    .logo-gallery{ padding:0 0 70px 0; text-align: center;}

    .logo-gallery ul{width: 100%; overflow: auto; white-space: nowrap; font-size: 0;}

    .logo-gallery ul li{border-radius: 10px; border: 1px solid #777777; display: inline-flex; align-items: center; justify-content: center; height: 68px; margin: 0 6px;}

    .logo-gallery ul li img{max-height: 61px;}


.filter{padding-top: 40px;}

.filter .container form{border-bottom: 1px solid #D1D1D1; padding-bottom: 27px;}

.filter .col-auto{margin-top: 0;}

.filter .input-group button{padding-left: 13px; padding-right: 13px; background: transparent; border-radius: 6px; border: 1px solid #777777; background: transparent !important;
    padding-top: 0 !important;     padding-bottom: 0 !important; display: flex; align-items: center;
}

.filter .input-group input{border: 1px solid #777777 !important; border-left: none !important; width: 320px; padding-left: 0; border-radius: 0px 6px 6px 0 !important;}

.filter .form-select{height: 46px; border-color: #777; width: 235px;}

.filter .btn img{margin-left: 8px;}

.btn.outlined{height: 40px}

.btn.outlined img{margin-right: 10px;}

.btn.outlined:hover img{
    filter: invert(1);
    -webkit-filter: invert(1);
    opacity: 1;
}

.brandlogo{
    height: 98px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #D6D6D6;
    border-bottom: 1px solid #D6D6D6;
}

.brandlogo img{
    max-height: 65px;
    width: auto;
}


.archivedetail .archive .archive-smdetails{display: flex; margin: 0; padding: 0; list-style: none; margin-bottom: 22px;}

.archivedetail .archive .archive-smdetails{display: flex; margin: 0; padding: 0; list-style: none; margin-bottom: 22px;}

.archivedetail .archive .archive-smdetails li{font-size: 16px; color: #000; position: relative; padding-right: 5px;
    margin-right: 7px;}

.archivedetail .archive .archive-smdetails li span{color: #777;}

.archivedetail .archive .archive-smdetails li a{color: #000; text-decoration: underline;}

.archivedetail .archive .archive-smdetails li:before {
    content: "/";
    display: inline-block;
    margin-right: 10px;
}

.archivedetail .archive .archive-smdetails li:first-child:before {
                display: none;
            }

            .archivedetail .archive  h1 {
                margin-bottom: 35px;
                color: #014AAD;
            }

            .archivedetail .archive .archive-img {
                width: 100%;
               /* height: 491px; */
                margin-bottom: 30px;
            }

            .archivedetail .archive .archive-img img{
             display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
            }

            .archivedetail .archive .archive-desc{
             color: #31383E;
             font-size: 20px;
             margin-bottom: 33px;
            }

            .archivedetail .archive .archive-desc p{
             margin-bottom: 20px;
             line-height: 31px;
            }

            .archivedetail .archive .archive-desc p:last-child{
             margin-bottom: 0px;
            }

            .archivedetail .archive .archive-desc p a{
             color: #2F7FBE;
             text-decoration: underline;
            }

            .archivedetail .archive .by-author{
             border-radius: 20px;
             background: #F0F4F6;
             padding: 20px;
             display: flex;
             column-gap: 15px;
            }

            .archivedetail .archive .by-author .author-img{
             width: 60px;
             min-width: 60px;
             height: 60px;
            }

            .archivedetail .archive .by-author .author-img img{
             width: 100%;
             height: 100%;
             object-fit: cover;
            }

            .archivedetail .archive .author-note{
                font-size: 16px;
            }

            .archivedetail .archive .author-note h6{
                font-weight: 500;
                margin-bottom: 10px;
            }

            .archivedetail .archive .author-note h6{
                margin-bottom: 10px;
            }

            .archivedetail .archive .author-note a{
                margin-bottom: 10px;
                color: #2F7FBE;
                text-decoration: underline;
            }

            .unlockopportunity{
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 14px 0;
            }

            .unlockopportunity .sec-img{
                height: auto;
                width: auto;
            }

         


            .archive-navigation{
                display: flex;
                justify-content: space-between;
                padding-top: 40px;
                margin-top: 40px;
                border-top: 1px solid #777777;
            }

            .archive-navigation .btn.prev {
    display: inline-block;
    white-space: nowrap;
    background: url(../images/arrowPrevious.svg) 26px center no-repeat;
    font-size: 14px;
    padding: 11px 26px 10px 52px;
    font-weight: 500;
    color: var(--blue);
}

.archive-navigation .btn.prev:hover {
    background: url(../images/arrowPreviousWh.svg) 26px center no-repeat var(--blue);
}

.archive-navigation .btn.next {
    display: inline-block;
    white-space: nowrap;
    background: url(../images/arrowNext.svg) right 26px center no-repeat;
    font-size: 14px;
    padding: 11px 52px 10px 26px;
    color: var(--blue);
}

.archive-navigation .btn.next:hover {
    background: url(../images/arrowNextWh.svg) right 26px center no-repeat var(--blue);
}


.view-more {
  background: linear-gradient(to right, #2F7FBE, #004AAD);
  padding: 44px 0 46px;
}


.view-more .by-author{
             display: flex;
             column-gap: 20px;
            }

            .view-more .by-author .author-img{
             width: 150px;
             min-width: 150px;
             height: 150px;
            }

            .view-more .by-author .author-img img{
             width: 100%;
             height: 100%;
             object-fit: cover;
            }

            .view-more .author-note{
                font-size: 16px;
                color: #fff;
                display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
            }

            .view-more .author-note h2{
                margin-bottom: 10px;
            }

            .view-more .author-note p:last-child{
                margin-bottom: 0;
            }


            .impact-header{}

            .impact-header h1{
                margin-bottom: 15px;
                color: #014AAD!important;
            }

            .impact-header p{font-size: 20px; color: #31383E; margin-bottom: 20px;}

            .impact-header p a{text-decoration: underline;}

            .impact-header p:last-child{margin-bottom: 0;}

            .impact-header .impact-header-img {margin-bottom: 0; width: 100%; height: auto; max-height: 340px;}

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

            .report-img {

            }

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



input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=date]:focus, input[type=month]:focus, input[type=week]:focus, input[type=time]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=color]:focus, .site textarea:focus{
    outline: none !important;
}

input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], .site textarea{
    border-width: 1px !important;
    border-radius: 3px !important;
    border-color: #C7C7C7 !important;
}

.site .button:focus, button:focus, input[type=submit]:focus, input[type=reset]:focus, .wp-block-search .wp-block-search__button:focus, .wp-block-button .wp-block-button__link:focus, .wp-block-file a.wp-block-file__button:focus {
    outline-offset: -6px;
    outline: none !important;
}
.csg-h2-w2 {
    font-size: 22px;
    background-color:#2f7fbe;
    color: #ffffff;
    padding: 10px;
    font-weight: bold;
    font-family: 'Roboto', Arial, sans-serif;
}
.csg-about-box {
    display: inline-block;
    vertical-align: top;
    max-width: 250px;
    margin: 10px;
}

img.avatar.avatar-100.photo.rounded-circle {
    width: 100px;
    height: 100px;
    min-width: 100px;
    object-fit: cover;
}
.blog-content a{
    color:#0164f5!important;
}
.advertisement_image{
    width: 1500px!important;
}
 .card-body {
    background: #ffffff;
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    padding: 10px;
}

.widget_block h2.wp-block-heading {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
    border-bottom: 2px solid #0073aa;
    padding-bottom: 5px;
    color: #333;
}

.wp-block-categories {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.wp-block-categories li {
    margin: 8px 0;
}

.wp-block-categories li a {
    text-decoration: none;
    color: #0073aa;
    font-weight: 500;
    padding: 8px 12px;
    display: block;
    border-radius: 4px;
    transition: background 0.2s ease, color 0.2s ease;
}

.wp-block-categories li a:hover {
    background-color: #f0f8ff;
    color: #005177;
}

.wp-block-image img {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
    margin-top: 20px;
} 

.alignright.size-medium { float:right; }