:root {
    font-size: 16px;
    --themeColor: #007AC2;
    --colorGreyBlack: #3B5466;
    --font22: 22px;
    --font24: 24px;
    --font26: 26px;
    --font28: 28px;
    --lineHeight28: 28px;
}

body {
    background-color: #fff;
    font-size: 14px;
    line-height: 16px;
    position: relative;
    overflow-x: hidden;
    font-family: 'myriadpro', sans-serif;
}

small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, time, mark, audio, video,
h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
}

a, a:visited {
    text-decoration: none;
}

    a:hover, a:focus {
        outline: none;
        text-decoration: none;
    }

a, span, strong, em, label, i, li {
    display: inline-block;
    vertical-align: middle;
}

.pointer, .btn, button {
    cursor: pointer;
}

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

.multipleChosen {
    width: 300px;
}

a, .btn, button, .transition, header, .header .nav-area {
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.nomatriximg {
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
}

.nomatrixdesc {
    height: 120px;
    width: auto;
}

.count {
    display: none !important;
    visibility: hidden !important;
}

ol, ul {
    list-style: none;
}

a:hover, .btn:hover, .dropdown-item:focus, .dropdown-item:hover {
    color: #3D5466;
}

footer a:hover, footer .btn:hover, footer .dropdown-item:focus, footer .dropdown-item:hover {
    color: #fff;
}

/*a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
    color: #afa9a9;
}*/

.form-control:focus, .custom-select:focus {
    border-color: #ccc;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn.focus, .btn:focus, button:focus, .custom-control-input:focus ~ .custom-control-label::before, .page-link:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}

.dropdown-item.active, .dropdown-item:active, .page-link:hover {
    background-color: transparent;
    color: #3D5466;
}

.underline {
    text-decoration: underline !important;
}

:focus {
    outline: 0;
}

.form-row {
    margin-right: -10px;
    margin-left: -10px;
}

    .form-row > .col, .form-row > [class*=col-] {
        padding-right: 10px;
        padding-left: 10px;
    }

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: none;
}

.minwidth {
    min-width: 350px;
}

.minwidthQ {
    min-width: 150px;
}

.no-wrap {
    white-space: nowrap;
}

.text-top {
    vertical-align: text-top;
}

.text-sub {
    vertical-align: sub;
}

.list_type_disc {
    list-style-type: disc;
}

.d-li {
    display: list-item;
}

.register_section .custom-control-label::before, .register_section .custom-control-label::after {
    top: 3px;
}

button, input, optgroup, select, textarea {
    font-family: 'myriadpro', sans-serif;
}

/****fons css ***/
h1, .h1 {
    font-size: 70px;
    line-height: 70px;
    margin-bottom: 0;
}

h2, .h2 {
    font-size: 55px;
    line-height: 60px;
    margin-bottom: 0;
}

h3, .h3 {
    font-size: 40px;
    line-height: 45px;
    margin-bottom: 0;
}

h4, .h4 {
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 0;
}

h5, .h5 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 0;
}

h6, .h6 {
    font-size: 21px;
    line-height: 25px;
    margin-bottom: 0;
}

.font-18 {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 0px;
}

.font-16 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
}

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

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

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

.font-22 {
    font-size: var(--font22) !important;
    line-height: var(--lineHeight28) !important;
}

.line_height24 {
    line-height: 22px;
}

.line_height1 {
    line-height: 1 !important;
}

.lh1-2 {
    line-height: 1.2;
}

.ln-30 {
    line-height: 30px;
}

.my-bold {
    font-family: 'myriadpro-bold', sans-serif;
}

.my-reg {
    font-family: 'myriadpro', sans-serif;
    font-weight: normal;
}

.my-it {
    font-family: 'myriadpro-it', sans-serif;
}

.my-condit {
    font-family: 'myriadpro-condit', sans-serif;
}

.my-cond {
    font-family: 'myriadpro-cond', sans-serif;
}

.my-semibold {
    font-family: 'myriadpro-bold', sans-serif;
    font-weight: 700;
}

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

.rotate_90 {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.opacity-1 {
    opacity: 1;
}

/*****colors css ****/
.bg-purple {
    background-color: #0066CC;
}

.text-purple {
    color: var(--themeColor);
}

.bg-green {
    background-color: #3D5466;
}

.text-green {
    color: #0066CC;
}

.bg-lightblue {
    background-color: #0A4A7B;
}

.text-lightblue {
    color: #0A4A7B;
}

.bg-darkgray {
    background-color: #5c5c5c;
}

.text-darkgray {
    color: var(--colorGreyBlack);
}

.text-lightgray {
    color: #ccc;
}

.text-black {
    color: #161f2f;
}

.footer-gray {
    color: #ffffff;
}
.footer-gray a:hover{
    color:#0066CC
}
.bg-light-gray {
    background-color: #eaeaea;
}

.text-red {
    color: #e41414;
}

.bg-gray {
    background-color: #f5f5f5;
}

.border_bottom {
    border-bottom-color: #0066CC !important
}

.bg-dark-gray {
    background-color: #f7f7f7;
}

.text-gray {
    color: #54565b !important;
}

.text_light_black {
    color: #585858;
}

.bg_light_purple {
    background-color: #8c85cb;
}

.border-purple {
    border-color: #0066CC;
}

.bg-yellow {
    background-color: #ffca08;
}

.border-yellow {
    border-color: #ffca08;
}

.bg-dark-green {
    background-color: #9fa716;
}

.border-dark-green {
    border-color: #3D5466;
}

.bg-light-red {
    background-color: #f28a05;
}

.border-light-red {
    border-color: #f28a05;
}

.bg-light-black {
    background-color: #585c5f;
}

.border-light-black {
    border-color: #585c5f;
}

.border-gray {
    border: 1px solid #ccc;
}

@supports (-ms-ime-align:auto) and (-webkit-text-stroke:initial) {
    .footer-gray {
        color: #ababab;
    }
}

/*** button css ****/
.btn_primary {
    color: #fff;
    background-color: #0066CC;
    border-color: #0066CC !important;
    font-size: 21px;
    line-height: 25px;
    height: 50px;
}

    .btn_primary:hover {
        color: #0066CC;
        background-color: #fff;
    }

.btn_secondary {
    color: #fff;
    background-color: #3D5466;
    font-size: 21px;
    line-height: 25px;
    height: 50px;
    border-color: #3D5466;
}

    .btn_secondary:hover {
        color: #3D5466;
        background-color: #fff;
    }

.link_primary {
    color: #0066CC;
}

    .link_primary:hover {
        color: #3D5466
    }

.link_secondary {
    color: #3D5466;
}

    .link_secondary:hover {
        color: #0066CC;
    }

/**** general css starts here ***/
.container {
    max-width: 1530px;
}

.mt-70 {
    margin-top: 70px;
}

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

input[type="number"] {
    -webkit-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -moz-appearance: textfield;
}

input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display: none;
}

/****** nunito fonts ******/
@font-face {
    font-family: 'nunito';
    src: url('../fonts/NunitoSans-VariableFont_YTLC,opsz,wdth,wght.ttf');
}

/****icomoon fonts ****/

@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?91sucg');
    src: url('../fonts/icomoon.eot?91sucg#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?91sucg') format('truetype'), url('../fonts/icomoon.woff?91sucg') format('woff'), url('../fonts/icomoon.svg?91sucg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.icon-Our-History-01 {
    color: #0066CC;
}

    .icon-Our-History-01:before {
        content: "\e922";
    }

.icon-s-points:before {
    content: "\e91e";
}

.icon-account-detail:before {
    content: "\e91f";
}

.icon-expiring_standard:before {
    content: "\e920";
}

.icon-account-order-detail:before {
    content: "\e921";
}

.icon-Access:before {
    content: "\e91d";
}

.icon-Process-4:before {
    content: "\e91c";
}

.icon-Process-5:before {
    content: "\e918";
}

.icon-Process-3:before {
    content: "\e919";
}

.icon-Process-2:before {
    content: "\e91a";
}

.icon-Process-1:before {
    content: "\e91b";
}

.icon-exclamation:before {
    content: "\e917";
}

.icon-call:before {
    content: "\e913";
}

.icon-location:before {
    content: "\e914";
}

.icon-mail:before {
    content: "\e915";
}

.icon-web:before {
    content: "\e916";
}

.icon-Print:before {
    content: "\e911";
}

.icon-Share-socialmedia:before {
    content: "\e912";
}

.icon-App-Notes:before {
    content: "\e90b";
}

.icon-Component-Table:before {
    content: "\e90c";
}

.icon-pdf:before {
    content: "\e924";
}

.icon-tick:before {
    content: "\e928";
}


.icon-product-information:before {
    content: "\e927";
}

.icon-Literature:before {
    content: "\e90d";
}

.icon-Product-Specifications-01:before {
    content: "\e90e";
}

.icon-SDS:before {
    content: "\e90f";
}

.icon-Videos-01:before {
    content: "\e910";
}

.icon-rightside-arrow:before {
    content: "\e909";
}

.icon-you-tube:before {
    content: "\e90a";
}

.icon-65:before {
    content: "\e903";
    color: #76bd43;
}

.icon-Certifications:before {
    content: "\e904";
    color: #3D5466;
}

.icon-Chat-With-an-Expert:before {
    content: "\e905";
    color: #0A4A7B;
}

.icon-Documentation-06:before {
    content: "\e906";
    color: #0066CC;
}

.icon-news:before {
    content: "\e907";
    color: #0A4A7B;
}

.icon-Tools-Tips-05:before {
    content: "\e908";
    color: #3D5466;
}

.icon-Account-01:before {
    content: "\e900";
}

.icon-cart:before {
    content: "\e901";
}

.icon-live-chat:before {
    content: "\e902";
}

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

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-SMILES-icon:before {
    content: "\e900";
    /*color: #3d5567;*/
}

.icon-Account-01:before {
    content: "\e901";
}

.icon-cart:before {
    content: "\e902";
}

.icon-live-chat:before {
    content: "\e903";
}

.icon-65:before {
    content: "\e904";
}

.icon-Certifications:before {
    content: "\e905";
}

.icon-Chat-With-an-Expert:before {
    content: "\e906";
}

.icon-Documentation-06:before {
    content: "\e907";
}

.icon-news:before {
    content: "\e908";
}

.icon-Tools-Tips-05:before {
    content: "\e909";
}

.icon-rightside-arrow:before {
    content: "\e90a";
}

.icon-you-tube:before {
    content: "\e90b";
}

.icon-App-Notes:before {
    content: "\e90c";
}

.icon-Component-Table:before {
    content: "\e90d";
}

.icon-Literature:before {
    content: "\e90e";
}

.icon-Product-Specifications-01:before {
    content: "\e90f";
}

.icon-SDS:before {
    content: "\e910";
}

.icon-Videos-01:before {
    content: "\e911";
}

.icon-Print:before {
    content: "\e912";
}

.icon-Share-socialmedia:before {
    content: "\e913";
}

.icon-call:before {
    content: "\e914";
}

.icon-location:before {
    content: "\e915";
}

.icon-mail:before {
    content: "\e916";
}

.icon-web:before {
    content: "\e917";
}

.icon-exclamation:before {
    content: "\e918";
}

.icon-Process-5:before {
    content: "\e919";
}

.icon-Process-3:before {
    content: "\e91a";
}

.icon-Process-2:before {
    content: "\e91b";
}

.icon-Process-1:before {
    content: "\e91c";
}

.icon-Process-4:before {
    content: "\e91d";
}

.icon-Access:before {
    content: "\e91e";
}

.icon-s-points:before {
    content: "\e91f";
}

.icon-account-detail:before {
    content: "\e920";
}

.icon-expiring_standard:before {
    content: "\e921";
}

.icon-account-order-detail:before {
    content: "\e922";
}

.icon-Our-History-01:before {
    content: url("https://www.spex.com/getmedia/f561e845-f3d6-45b2-ae45-f3689705de1b/67-Icon.svg");
    /*content: "\e923";*/
}




.icon-tiktok {
    background: url('https://api.iconify.design/simple-icons/tiktok.svg?color=white');
    background-repeat: no-repeat;
    background-position: center;
    content: url('https://api.iconify.design/simple-icons/tiktok.svg?color=white');
}
/***header css ****/
.header .top-header {
    padding: 15px 20px;
}
/*** serach btn css ***/
.nav-fill {
    max-width: 424px;
    width: 100%;
    margin: 0 auto;
}

    .nav-fill .nav-search .search-form .nav-search-dropdown-card .nav-search-scope .input-group .form-group {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

        .nav-fill .nav-search .search-form .nav-search-dropdown-card .nav-search-scope .input-group .form-group .form-control {
            border-radius: 0;
            border-color: #ccc;
            -webkit-transition: all 0.5s ease 0s;
            -o-transition: all 0.5s ease 0s;
            transition: all 0.5s ease 0s;
            border-top-left-radius: 32px;
            border-bottom-left-radius: 32px;
        }

.nav-search-scope select {
    background-color: #eaeaea;
    padding: 3.5px 33px 3.5px 15px;
    max-width: 150px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border: none;
    height: auto;
    color: #3D5466;
    font-size: 20px;
    line-height: 30px;
    -webkit-appearance: none;
    background-image: url(../images/droup-down-arrow2.svg);
    background-size: 13px;
    background-position: center right 10px;
    border-top-left-radius: 32px;
    border-bottom-left-radius: 32px;
    border: 1px solid #ccc;
}

.nav-fill .nav-search .search-form .nav-search-dropdown-card .nav-search-scope .input-group .form-group .form-control:focus {
    padding-left: 20px;
}

.nav-fill .nav-search .search-form .nav-search-dropdown-card .nav-search-scope .input-group .form-group .btn-search {
    border-color: #ccc;
    border-left: 0;
    background-color: #3D5466;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 3.5px 18.5px;
    font-size: 24px;
    border-top-right-radius: 32px;
    border-bottom-right-radius: 32px;
}

.toggle-bar .navbar-toggler {
    display: none;
}

ul.right-navbar li {
    padding-right: 30px;
}

    ul.right-navbar li .advanced-search-btn-main {
        padding: 10px 27.5px 9px;
    }

    ul.right-navbar li:last-child {
        padding-right: 0;
    }

ul.right-navbar .dropdown-toggle::after {
    display: none;
}

ul.right-navbar li.price .custom-select {
    /*background-position: center left 7px;
		padding: 8px 10px 8px 28px;
		background-size: 15px;
		font-size:15px;*/
    border-radius: 0;
}

ul.right-navbar .dropdown-menu.show {
    z-index: 1050;
}



/***bottom header css ***/
.main-menu {
    background-color: var(--themeColor);
    padding: 0px;
    position: absolute;
    z-index: 999;
    width: 100%;
    left: 0;
    right: 0;
    border-bottom: 5px solid #00468b;
}
.navbar ul.navbar-nav li.img-logo {
    padding:0;
}
.navbar ul.navbar-nav li {
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    /*.navbar ul.navbar-nav li:last-child {
        padding-right: 0;
    }*/

.navbar-expand-lg.main-menu .navbar-nav .nav-link {
    padding: 0;
    font-family: 'myriadpro-bold';
}

.navbar ul.navbar-nav li a i.fas {
    font-size: 36px;
    line-height: 42px;
}

.main-menu.navbar ul.navbar-nav li a:hover, .main-menu.navbar ul.navbar-nav li.active a, .navbar ul.navbar-nav li.dropdown a.down:hover:after {
    color: var(--themeColor) !important;
}

.navbar ul.navbar-nav li.dropdown ul.sub-menu:before {
    content: "";
    position: absolute;
    bottom: 100%;
    height: 25px;
    width: 100%;
    left: 0;
}

.navbar ul.navbar-nav li.dropdown ul.sub-menu {
    display: none;
    position: absolute;
    top: 68px;
    left: 0;
    right: 0;
    background: #ffffff;
    z-index: 999;
    width: 320px;
    padding: 0px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    color: var(--themeColor);
    border-color: #CDCDCD;
    border-style: solid;
    border-width: 0 1px 1px;
    box-shadow: 1px 1px 5px 0px rgb(0 0 0 / 20%);
}

.navbar ul.navbar-nav li.dropdown:hover > ul.sub-menu {
    display: block;
}

ul.sub-menu li.nav-item {
    padding-right: 0;
    display: block;
    padding: 5px;
}

.navbar ul.navbar-nav li.dropdown a.down:after, li.nav-item > i.down:after {
    content: '\f078';
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    color: #fff !important;
    text-align: center;
    font-size: 15px;
    line-height: 1;
    padding: 0;
    margin-left: auto;
    display: inline-block;
    margin-left: 5px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.navbar ul.navbar-nav li.dropdown a.down:hover:after {
    color: #3D5466;
}

.main-menu.navbar ul.navbar-nav li.img-logo {
    display: none;
}

    .main-menu.navbar ul.navbar-nav li.img-logo a img {
        width: 250px;
    }

/*Submenu started*/
.navbar ul.navbar-nav li.dropdown:hover > i.mainToggle::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

li.nav-item > i.down {
    cursor: pointer;
    font-style: normal;
    margin-left: auto;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.navbar ul.navbar-nav li.dropdown:hover > ul.sub-menu > li.nav-item:hover > a + i.down:after, .navbar ul.navbar-nav li.dropdown:hover > ul.sub-menu > li.nav-item:hover > ul > li.nav-item:hover > a + i.down:after {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    color: #ffffff !important;
}

.navbar ul.navbar-nav li.dropdown ul.sub-menu li {
    padding: 13px 20px 10px;
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 1px solid rgb(0,102,204,0.2);
}
.navbar ul.navbar-nav li.nav-item:hover {
    background-color: #ffffff;
    color: var(--themeColor) !important;
}
    .navbar ul.navbar-nav li:hover a, .navbar ul.navbar-nav li:hover i:after{
        color: var(--themeColor) !important;
    }
    .navbar ul.navbar-nav li.dropdown ul.sub-menu li > a {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        color : var(--themeColor) !important
    }

.navbar ul.navbar-nav li.dropdown:hover > ul.sub-menu li.nav-item:hover {
    background-color: var(--themeColor);
}


.navbar ul.navbar-nav li.dropdown:hover > ul.sub-menu > li.nav-item:hover > a {
    color: #ffffff !important;
    display: block !important;
}

.navbar ul.navbar-nav li.dropdown:hover > ul.sub-menu > li.nav-item ul.sub-menu {
    left: 100%;
    top: 0;
    min-height: 100%;
}

.navbar ul.navbar-nav li.dropdown:hover > ul.sub-menu > li.nav-item:hover > ul.sub-menu, .navbar ul.navbar-nav li.dropdown:hover > ul.sub-menu > li.nav-item:hover > ul.sub-menu, li.dropdown:hover > ul.sub-menu > li.nav-item:hover > ul.sub-menu > li:hover > ul.sub-menu {
    display: block;
}


/***sticky header css ****/
header.header.sticky {
    position: fixed;
    width: 100%;
    z-index: 9999;
    top: 0px;
    -o-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    z-index: 2;
}

    header.header.sticky .main-menu.navbar ul.navbar-nav li.img-logo {
        display: block;
        padding-right: 100px;
    }

    header.header.sticky .header-part, .header.sticky .top-header, header.header.sticky .main-menu.navbar ul.navbar-nav li.nav-brand-block {
        display: none !important;
    }
/* header.header.sticky .main-menu.navbar {
        padding: 8px 0px;
        position: fixed;
        top: 0px;
    } */
/****slider section css ****/
.slick-slider {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}


.main_slider {
    border-bottom: 5px solid var(--colorGreyBlack);
}
.main_slider .slider-img button.slick-prev, .main_slider .slider-img button.slick-next {
    position: absolute;
    z-index: 1;
    left: 50px;
    font-size: 0;
    background-color: transparent !important;
    border: none;
    top: 50%;
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
}

    .main_slider .slider-img button.slick-prev:before, .main_slider .slider-img button.slick-next:before {
        content: "\f053";
        display: inline-block;
        font-family: "Font Awesome 5 Free";
        font-weight: bold;
        font-size: 40px;
        color: #fff;
        line-height: 2;
    }

.main_slider .slider-img button.slick-next {
    right: 50px;
    left: auto;
}

    .main_slider .slider-img button.slick-next:before {
        content: "\f054";
    }

/*redesign for home page slider images, dot controls enabled*/
/*.main_slider .slider-img ul.slick-dots {
    display: none !important;
}*/

.main_slider .slider-img .main-text {
    position: absolute;
    top: 57%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 30px;
    max-width: 950px;
    width: 100%;
    margin-left: 180px;
}

.main_slider .slider-img .main-text-right {
    position: absolute;
    top: 57%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 30px;
    max-width: 950px;
    width: 100%;
    margin-left: 180px;
}

/*@font-face{
    font-family: Gotham;
    src: url(../fonts/GothamBook.ttf)
}*/

.main_slider .slider-img .main-text p {
    font-weight: 400;
    margin: 0px 35px 20px 0;
    font-size: 20px;
    line-height: 1.3em;
}

.main_slider .slider-img .main-text a {
    background-color: var(--themeColor);
    font-family: sans-serif;
    color: #FFFFFF;
    margin-left: 15px;
    font-size: 16px;
}

.main_slider .slider-img .main-text a:hover {
    /*padding-left: 20px;*/
    /*color: #3D5466 !important;*/
    background-color: #00468b;
}

.main_slider .slider-img .main-text-right p {
    font-weight: 400;
    margin: 10px 35px 10px 0;
    font-size: 16px;
    line-height: 1.3em;
}

.main_slider .slider-img .main-text-right a {
    background-color: #0066CC;
    font-family: sans-serif;
    color: #FFFFFF;
    font-size: 16px;
    margin-left: 15px;
}

    .main_slider .slider-img .main-text-right a:hover {
        /*padding-left: 20px;*/
        /*color: #3D5466 !important;*/
        background-color: #00468b;
    }

/******products section css ****/
.products {
    padding: 90px 0 115px;
}

    .products h2.fancyspan {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        margin: 0 auto;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .products h2.fancyspan:before, .products h2.fancyspan:after {
            content: "";
            height: 2px;
            background-color: #3D5466;
            top: 0;
            width: 100%;
        }

        .products h2.fancyspan:before {
            margin-right: 15px;
        }

        .products h2.fancyspan:after {
            margin-left: 15px;
        }

.product-details img {
    width: 91px;
}

.products .product-details h3 {
    padding-top: 40px;
    padding-bottom: 20px;
}

.products .product-details a:hover {
    padding-left: 15px;
}

/**** spexdetail section css ***/
.spex-detail {
    background-color: #3D5466;
    padding: 25px 0 25px;
}

.more-btn:hover {
    padding-left: 15px;
}

/***** spex_detail_box section css ****/
.spex_detail_box {
    padding: 100px 0px;
}

    .spex_detail_box .block-img i.icon_font {
        font-size: 60px;
        line-height: 1.5
    }

    .spex_detail_box .block-img .block-text {
        max-width: 340px;
        margin: 0 auto;
    }

        .spex_detail_box .block-img .block-text h3 {
            font-size: 24px;
            line-height: 30px;
        }

    .spex_detail_box .box-icon-block > div {
        border-left: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }

    .spex_detail_box .box-icon-block div:first-child, .spex_detail_box .box-icon-block div:nth-child(4) {
        border-left: 1px solid transparent;
    }

    .spex_detail_box .box-icon-block div:nth-last-child(1), .spex_detail_box .box-icon-block div:nth-last-child(2), .spex_detail_box .box-icon-block div:nth-last-child(3) {
        border-bottom: 1px solid transparent;
    }

/****footer css ****/
footer.footer {
    padding: 55px 0px;
    border-top: 5px solid #0066CC;
    /*background-color: #e8e8e8;*/
}

    footer.footer address {
        padding-left: 25px;
    }

        footer.footer address i.fas.fa-circle {
            font-size: 5px;
            margin: 0 5px;
        }

    footer.footer h3, footer.footer .company_link li {
        padding-bottom: 15px;
        color: #ffffff;
    }

    /*footer.footer .certified h3 {
        color: #ddd;
    }*/
/*ul.certified_logo li {padding-right: 25px;} ul.certified_logo li:last-child{padding-right:0;}*/
ul.social li a {
    width: 30px;
    height: 30px;
    border: 2px solid #ababab;
    margin: 0 10px;
    font-size: 15px;
    line-height: 1.8;
}

ul.social li a:hover {
    border-color: #0066CC;
    color: #0066CC;
}

.bottom-footer {
    padding: 20px 0;
}

    .bottom-footer .policy li {
        padding-left: 6px;
        padding-right: 6px;
        border-right: 2px solid #3D5466;
    }

        .bottom-footer .policy li:first-child {
            padding-left: 0;
        }

        .bottom-footer .policy li:last-child {
            border-right: 2px solid transparent;
        }
/*footer.footer address{padding-left:28px;}*/
footer.footer address .pxi {
    position: absolute;
    left: 15px;
    padding-top: 5px;
}
/****backto top btn css ***/
#back2Top {
    position: fixed;
    bottom: 112px;
    right: 48px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    z-index: 999;
    display: none;
    border: 1px solid #0066CC;
}

    #back2Top:hover {
        background-color: #0066CC !important;
        color: #fff;
    }

/***** product listing page css ****/
.products-details {
    margin-top: 68px;
}

.product-details-text {
    padding: 20px 0 15px 0;
}

.product-list-section {
    padding: 0px 0px 120px;
}

    .product-list-section .filters_section .pagination-group {
        font-size: 24px;
        line-height: 30px;
        max-width: calc(100vw - 750px);
        margin-left: auto;
        margin-right: auto;
    }

        .product-list-section .filters_section .pagination-group .input-group-prepend .input-group-text {
            background-color: transparent;
            border: 0;
            padding: 0;
            padding-right: 10px;
        }

        .product-list-section .filters_section .pagination-group .custom-select.page-numbers, .disributors-header-secrtion .select-city .custom-select {
            font-size: 18px;
            color: #3D5466;
            padding: 2px 35px 2px 10px;
            height: auto;
            -webkit-appearance: none;
            background-image: url(../images/down-arrow-inorganic.svg);
            background-size: 15px;
            background-position: center right 10px;
            border: 1px solid #ddd;
            border-radius: 0px;
        }

            .product-list-section .filters_section .pagination-group .custom-select.page-numbers:focus {
                border: 1px solid #dddddd;
            }

        .product-list-section .filters_section .pagination-group .grid-list-view li i {
            color: #ababab;
        }

            .product-list-section .filters_section .pagination-group .grid-list-view li i:hover, .product-list-section .filters_section .pagination-group .grid-list-view li.active-view p i, .loadMore:hover, .loadLess:hover {
                color: #0066CC;
            }

        .product-list-section .filters_section .pagination-group .grid-list-view li {
            padding-left: 15px;
            padding-right: 15px;
            color: #ababab;
        }

            .product-list-section .filters_section .pagination-group .grid-list-view li:first-child {
                padding-left: 0px;
            }

            .product-list-section .filters_section .pagination-group .grid-list-view li:last-child {
                padding-right: 0;
            }

    .product-list-section .filters_section .filter-sidebar {
        width: 100%;
        max-width: 310px;
        margin-top: -35px;
    }

        .product-list-section .filters_section .filter-sidebar .filter-item h3 {
            padding-top: 45px;
            padding-bottom: 10px;
        }

        .product-list-section .filters_section .filter-sidebar .filter-sidebar-details {
            border: 2px solid #dddddd;
            padding: 0px 45px;
            height: auto;
            max-height: 1000px;
            min-height: 1000px;
            overflow-y: auto;
        }

            .product-list-section .filters_section .filter-sidebar .filter-sidebar-details .custom-control {
                padding-bottom: 5px;
            }

            .product-list-section .filters_section .filter-sidebar .filter-sidebar-details .custom-control-label span {
                font-size: 21px;
                line-height: 25px;
                padding-left: 10px;
            }

            .product-list-section .filters_section .filter-sidebar .filter-sidebar-details .custom-control-label::before, .about_register .custom-control-label::before {
                width: 18px;
                height: 18px;
                border: 2px solid #3D5466;
                background-color: #ffffff;
                top: 14px;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                border-radius: 0;
            }

            .product-list-section .filters_section .filter-sidebar .filter-sidebar-details .custom-control-input:checked ~ .custom-control-label:before, .about_register .custom-control-input:checked ~ .custom-control-label:before {
                color: #0066CC;
                content: '\f00c';
                font-weight: bold;
                font-family: "Font Awesome 5 Free";
                font-size: 14px;
                line-height: 1.2;
                text-align: center;
                background-color: transparent;
                border-color: #0066CC;
            }

div.filter-sidebar .filter-sidebar-details .custom-control {
    display: none;
}

    div.filter-sidebar .filter-sidebar-details .custom-control.addcustom {
        display: block;
    }

.loadLess {
    display: none;
}

.loadMore, .loadLess {
    padding: 15px 0px 0;
    -webkit-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
}

.article-section.list-view-style form.article_detail_main_block .article-detail {
    min-height: auto;
}

.filters_section .article-section .article-detail:hover .cat-details p {
    color: #0066CC;
}

.theme_container.organic_product .filters_section .article-section.list-view-style .article_detail_main_block .article-detail {
    min-height: auto;
}

.product-list-section .filters_section .filter-sidebar .filter-sidebar-details .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: none;
}

.product-list-section .filters_section .filter-sidebar .accordion-more .card-header .btn span {
    font-size: 27px;
    line-height: 33px;
}

.filters_section .article-section {
    padding: 100px 15px 0px;
    width: 100%;
}

    .filters_section .article-section .article_detail_main_block {
        width: 33.33%;
        padding: 0 15px 100px;
    }

    .filters_section .article-section .article-detail {
        min-height: 300px;
        max-height: 100%;
    }

.theme_container.organic_product .filters_section .article-section .article-detail {
    min-height: 370px;
}

.filters_section .article-section .article-detail, .filters_section .article-section .article-detail h4 {
    font-size: 24px;
    line-height: 30px;
}

.article-section.list-view-style h4 {
    padding: 0 5px;
}

.article-section.list-view-style {
    display: inline-block !important;
}

.filters_section .article-section .article-detail p {
    padding: 15px 0px;
}

.filters_section .article-section .article-detail .detail {
    padding: 4px 0px;
}

.content-result-search p {
    padding: 8px 0px !important;
    font-size: 18px;
    line-height: 24px;
}

.filters_section .article-section .article-detail .cart .cart-submit-btn {
    border: 1px solid #3D5466;
    padding: 8px 17px;
    background-color: transparent;
    margin-top: 20px;
}

.cat-details a:hover p, .cat-details a:hover h4, .article-detail a:hover .cat-details p, .article-detail a:hover .cat-details h4 {
    color: #0066CC;
}

.organic-product .cat-details a:hover p, .organic-product .cat-details a:hover h4 {
    color: #3D5466;
}

.filters_section .article-section .article-detail .cart .cart-submit-btn:hover {
    background-color: #0066CC;
    border-color: #0066CC;
    color: #fff !important;
}

.filter_select {
    max-width: 185px;
    margin-left: auto;
    width: 100%;
}

    .filter_select .custom-select {
        font-size: 18px;
        color: #3D5466;
        padding: 2px 25px 2px 10px;
        height: auto;
        -webkit-appearance: none;
        background-image: url(../images/down-arrow-inorganic.svg);
        background-size: 15px;
        background-position: center right 10px;
        border: 1px solid #ddd;
        border-radius: 0px;
        margin-left: 10px;
    }

/***list-view css ****/
.filters_section .article-section.list-view-style .article_detail_main_block {
    width: 100%;
    text-align: left !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0px 0px 50px;
}

    .filters_section .article-section.list-view-style .article_detail_main_block .article-detail {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

        .filters_section .article-section.list-view-style .article_detail_main_block .article-detail .cart {
            margin-top: 0 !important;
        }

        .filters_section .article-section.list-view-style .article_detail_main_block .article-detail a {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            width: 65%;
            text-align: left;
        }

        .filters_section .article-section.list-view-style .article_detail_main_block .article-detail .cart {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: 30%;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

    .filters_section .article-section.list-view-style .article_detail_main_block .cat-img {
        padding: 0 15px;
    }

    .filters_section .article-section.list-view-style .article_detail_main_block .cat-details {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 15px;
    }

        .filters_section .article-section.list-view-style .article_detail_main_block .cat-details > .cart-submit-btn {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: distribute;
            justify-content: space-around;
        }

        .filters_section .article-section.list-view-style .article_detail_main_block .cat-details p, .filters_section .article-section.list-view-style .article_detail_main_block .cat-details h4 {
            padding: 0 15px;
        }

.filters_section .article-section.list-view-style .article-detail .cat-details > a p, .filters_section .article-section.list-view-style .article-detail .cat-details > a h4 {
    padding: 0 15px;
}

.filters_section .article-section.list-view-style .article-detail .cart .cart-submit-btn {
    margin-top: 0;
}

.theme_container section.detail-products.inorganic_product .product_information p a.text-purple:hover, .theme_container section.specification .card-body.btn_minus a:hover, .theme_container section.product-list-section .filters_section .article-section .article-detail:hover .cart h4, section.detail-products .filters_section .article-section .article-detail:hover .cart h4 {
    color: #0066CC;
}

.theme_container.organic_product section.detail-products.inorganic_product .product_information p a.text-purple:hover, .product-listing-description table.table tbody tr a, .theme_container.organic_product section.specification .card-body.btn_minus a:hover, .theme_container.organic_product section.product-list-section .filters_section .article-section .article-detail:hover .cart h4, .theme_container.organic_product .filters_section .article-section .article-detail:hover .cat-details p {
    color: #3D5466;
}

.theme_container.ppe_product section.detail-products.inorganic_product .product_information p a.text-purple:hover, .product-listing-description table.table tbody tr a, .theme_container.ppe_product section.specification .card-body.btn_minus a:hover, .theme_container.ppe_product section.product-list-section .filters_section .article-section .article-detail:hover .cart h4, .theme_container.ppe_product .filters_section .article-section .article-detail:hover .cat-details p {
    color: #f28a05;
}

.theme_container.pcr_product section.detail-products.inorganic_product .product_information p a.text-purple:hover, .product-listing-description table.table tbody tr a, .theme_container.pcr_product section.specification .card-body.btn_minus a:hover, .theme_container.pcr_product section.product-list-section .filters_section .article-section .article-detail:hover .cart h4, .theme_container.pcr_product .filters_section .article-section .article-detail:hover .cat-details p {
    color: #0A4A7B;
}


.theme_container.organic_product .product_block .cart_details .cart:hover {
    background-color: #3D5466;
}
/****product detail page css ****/
.detail-products.inorganic_product {
    padding: 60px 0px 50px;
}

    .detail-products.inorganic_product .product-img {
        border: 1px solid #3D5466;
        padding: 33px 15px;
        /* height: 100%; */
    }

.product-img .slick-list {
    height: calc(100% - 65px)
}

.product-img .slick-track {
    height: 100%;
}

.product-img .slick-slide img {
    display: inline-block;
    width: auto;
}

.product-img .slick-prev, .product-img .slick-next {
    display: none !important;
}

/*redesign for home page slider images, dot controls enabled*/
.slider-img ul.slick-dots {
    text-align: right;
    margin-top: -40px;
    margin-right: 100px;
    position: relative;
}

    .slider-img ul.slick-dots li {
        font-size: 0px;
        padding: 0px 6px;
    }

        .slider-img ul.slick-dots li button {
            width: 23px;
            height: 23px;
            border-radius: 50%;
            border: 2px solid #0066CC;
            background-color: transparent;
        }

        .slider-img ul.slick-dots li.slick-active button {
            background-color: #fff;
            border-color: #0066CC;
        }


/*finish redesign for home page slider images*/

.product-img ul.slick-dots {
    text-align: center;
    margin-top: 40px;
}

    .product-img ul.slick-dots li {
        font-size: 0px;
        padding: 0px 5px;
    }

        .product-img ul.slick-dots li button {
            width: 20px;
            height: 20px;
            border-radius: 50%;
            border: 2px solid #ddd;
            background-color: transparent;
        }

.detail-products.inorganic_product .product-img ul.slick-dots li.slick-active button {
    background-color: #0066CC;
    border-color: #0066CC;
}

.product_block .cart_details {
    padding: 20px 0px 0px;
}

.product_block p.mxw {
    max-width: 550px;
    width: 100%;
}

.product_block .cart_details .cart {
    border: 1px solid #3D5466;
    padding: 10px 15px 10px;
    font-size: 21px;
    line-height: 25px;
    width: 227px;
    margin-right: 15px;
    background-color: #fff;
}

    .product_block .cart_details .cart:hover {
        background-color: #0066CC;
        color: #fff;
    }

.product_information {
    border-top: 1px solid #3D5466;
}

    .product_information table.table {
        width: 100%;
    }

        .product_information table.table tr {
            border-bottom: 12px solid #fff;
        }

    .product_information h2 {
        padding-top: 20px;
        padding-bottom: 10px;
    }

.specification {
    padding-bottom: 115px;
}

    .specification .accordion .btn.collapsed i, .specification .accordion .btn i {
        font-size: 40px;
        line-height: 46px;
        border-right: 1px solid #ddd;
        padding: 7px 15px;
        color: #ababab;
        background-color: #f7f7f7;
        width: 71px;
        text-align: center;
    }

    .specification .accordion .btn.collapsed span, .specification .accordion .btn span {
        padding-left: 12px;
        color: #3D5466;
    }

    .specification .accordion .card .btn.collapsed:hover i, .specification .accordion .btn i {
        background-color: var(--themeColor);
        color: #fff;
    }

    .specification .accordion .card .btn.collapsed:hover span, .specification .accordion .btn span {
        color: var(--themeColor);
    }

    .specification .accordion .card-body {
        padding: 24px 95px;
    }

    .specification .accordion .card .card-header {
        position: relative;
    }

        .specification .accordion .card .card-header .btn.collapsed.btn_plus:before, .specification .accordion .card .card-header .btn.btn_plus:before {
            content: '\f067';
            font-family: 'Font Awesome 5 Free';
            font-weight: bold;
            position: absolute;
            top: 50%;
            right: 25px;
            font-size: 15px;
            line-height: 1.8;
            width: 30px;
            height: 30px;
            border: 1px solid var(--colorGreyBlack);
            color: var(--colorGreyBlack);
            background-color: #f7f7f7;
            border-radius: 50%;
            text-align: center;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .specification .accordion .card .card-header .btn.collapsed:hover.btn_plus:before, .specification .accordion .card .card-header .btn.btn_plus:before {
            background-color: #0066CC;
            color: #fff;
        }

        .specification .accordion .card .card-header .btn.btn_plus:before {
            content: "\f068";
        }

.cart_details .quantity {
    margin-right: 15px;
    max-width: 120px;
    width: 100%;
}

    .cart_details .quantity input[type=number], .cart_details .quantity input[type=number]:hover {
        -webkit-appearance: none;
        -moz-appearance: none;
        -moz-appearance: textfield;
    }

    .cart_details .quantity input[type=number] {
        padding: 9.5px 38.5px;
        border: 1px solid #3D5466;
        font-size: 21px;
        color: #54565b;
        text-align: center;
        width: 100%;
    }

    .cart_details .quantity input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        display: none;
    }

.quantity-button {
    cursor: pointer;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    height: 33px;
    position: absolute;
    top: 16px;
}

    .quantity-button i {
        line-height: 1;
        color: #54565b;
        font-size: 16px;
    }

    .quantity-button.quantity-up {
        right: 13px;
    }

    .quantity-button.quantity-down {
        left: 13px;
    }

/**** organic listing page css ****/
.products-details.organicproducts {
    background-color: #f1ddbf;
    background-image: url(../images/organic.png);
}

.organicproducts_list.product-list-section .filters_section .filter-sidebar .filter-sidebar-details .custom-control-input:checked ~ .custom-control-label:before, .organicproducts_list.product-list-section .filters_section .pagination-group .grid-list-view li i:hover, .organicproducts_list.product-list-section .filters_section .pagination-group .grid-list-view li.active-view p i, .organicproducts_list .loadMore:hover, .organicproducts_list .loadLess:hover, .organicproducts_list.product-list-section .cat-details a:hover p, .organicproducts_list.product-list-section .cat-details a:hover h4 {
    color: #3D5466;
}

.organic_product .filters_section .article-section .article-detail .cart .cart-submit-btn:hover {
    background-color: #3D5466;
    border-color: #3D5466;
}

.ppe_product .filters_section .article-section .article-detail .cart .cart-submit-btn:hover {
    background-color: #f28a05;
    border-color: #f28a05;
}

.pcr_product .filters_section .article-section .article-detail .cart .cart-submit-btn:hover {
    background-color: #0A4A7B;
    border-color: #0A4A7B;
}

.organicproducts_list.product-list-section .filters_section .pagination-group .custom-select.page-numbers, .organicproducts_list.product-list-section .filter_select .custom-select {
    background-image: url(../images/down-arrow-organic.svg);
}

/****organic product detail page css ***/
.detail-products.inorganic_product .product-img.organicproducts-img ul.slick-dots li.slick-active button {
    background-color: #3D5466;
    border-color: #3D5466;
}

.organic_product_details.product_block .cart_details a.cart:hover {
    background-color: #3D5466;
}

.specification.oraginic_specification .accordion .btn.collapsed span, .specification.oraginic_specification .accordion .btn span {
    color: #3D5466;
}

.specification.oraginic_specification .accordion .btn.collapsed i, .specification.oraginic_specification .accordion .btn i {
    color: #ababab;
    background-color: #f7f7f7;
}

.specification.oraginic_specification .accordion .card .card-header .btn.collapsed.btn_plus:before, .specification.oraginic_specification .accordion .card .card-header .btn.btn_plus:before {
    color: #3D5466;
    background-color: #f7f7f7;
}

.specification.oraginic_specification .accordion .card .btn.collapsed:hover i, .specification.oraginic_specification .accordion .btn i, .specification.oraginic_specification .accordion .card .card-header .btn.collapsed:hover.btn_plus:before, .specification.oraginic_specification .accordion .card .card-header .btn.btn_plus:before {
    background-color: #3D5466;
    color: #fff;
}

.specification.oraginic_specification .accordion .card .btn.collapsed:hover span, .specification.oraginic_specification .accordion .btn span {
    color: #3D5466;
}


.disributors-header-secrtion .share-print li {
    padding: 0 15px;
    border-right: 1px solid #eaeaea;
}

.disributors-header-secrtion .select-city .custom-select {
    background-color: #f5f5f5;
    max-width: 175px;
    min-width: 140px;
}

.disributors-header-secrtion {
    margin-top: 130px;
}

    .disributors-header-secrtion .map-section {
        margin-top: 50px;
    }

.spex-distributors {
    margin: 60px 0px 100px;
}

    .spex-distributors p.indianame {
        font-size: 24px;
        line-height: 30px;
        padding: 20px 0px;
    }

    .spex-distributors .distRibutorContact .firstRowaddress h5 {
        font-weight: 600;
        color: #3D5466;
        padding-bottom: 20px;
        font-size: 21px;
        line-height: 25px;
    }

    .spex-distributors .distRibutorContact .iconAndinfo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #3D5466;
    }

    .spex-distributors .distRibutorContact .firstRowaddress i {
        font-size: 35px;
        color: #9aa3a4;
        padding-right: 15px;
    }

    .spex-distributors .distRibutorContact .firstRowaddress .iconAndinfo {
        font-size: 18px;
        line-height: 24px;
        padding-bottom: 15px;
        color: #3D5466;
    }

        .spex-distributors .distRibutorContact .firstRowaddress .iconAndinfo a {
            color: #3D5466;
        }

        .spex-distributors .distRibutorContact .firstRowaddress .iconAndinfo:last-child {
            padding-bottom: 0;
        }
        /*a[href^="tel"]{color:inherit;text-decoration:none; }*/
        .spex-distributors .distRibutorContact .firstRowaddress .iconAndinfo a:hover {
            color: #0066CC;
        }


    .spex-distributors .distRibutorContact .mainBranchAddress {
        background-color: #3D5466;
        padding-top: 50px;
        padding-bottom: 30px;
        padding-left: 5px;
        padding-right: 5px;
    }

        .spex-distributors .distRibutorContact .mainBranchAddress h4 {
            color: #fff;
            font-weight: 600;
            padding-bottom: 30px;
        }

        .spex-distributors .distRibutorContact .mainBranchAddress i, .spex-distributors .distRibutorContact .mainBranchAddress p {
            color: #fff;
        }

        .spex-distributors .distRibutorContact .mainBranchAddress i {
            font-size: 35px;
            padding-bottom: 10px;
            padding-top: 20px;
        }

        .spex-distributors .distRibutorContact .mainBranchAddress a, .spex-distributors .distRibutorContact .mainBranchAddress p {
            font-size: 18px;
            line-height: 24px;
            padding-bottom: 15px;
            color: #fff;
        }

.borderRight {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

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

.spex-distributors .distRibutorContact .mainBranchAddress a:hover {
    color: #0066CC;
}



/*Map Popup*/
.dist-map-section {
    position: relative;
}

    .dist-map-section .mapContactdetails { /* position: absolute; bottom: 5%; right: 10%;*/
        width: 100%;
        max-width: 400px;
        background-color: #ffffff;
    }

    .dist-map-section .triAngle {
        position: relative;
        max-width: 270px;
        width: 100%;
    }

        .dist-map-section .triAngle:after {
            content: "";
            position: absolute;
            top: 50%;
            right: 100%;
            width: 0;
            height: 0;
            border-top: 20px solid transparent;
            border-bottom: 20px solid transparent;
            border-right: 20px solid #0066CC;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

    .dist-map-section .contactIcon {
        width: 100%;
        max-width: 40px;
        background: #0066CC;
    }

        .dist-map-section .contactIcon svg {
            color: #ffffff;
            fill: #ffffff;
            max-width: 100%;
        }

    .dist-map-section .detailsContent {
        padding: 5px 0 5px;
        margin: 0 10px;
        width: 100%;
    }

    .dist-map-section .triAngle > div:not(:last-child) .detailsContent {
        border-bottom: 1px solid #ebebeb;
    }

    .dist-map-section .detailsContent p, .dist-map-section .detailsContent a {
        font-size: 15px;
        line-height: 21px;
        color: #5b5b5b;
        text-decoration: none;
    }
/*Map Popup*/


/* theme color changes inorganic products */
.product_information td a.text-purple:hover {
    color: #0066CC;
}

.theme_container.organic_product .product_information td a.text-purple:hover {
    color: #3D5466;
}

.theme_container.organic_product .specification .accordion .btn.collapsed i, .theme_container.organic_product .specification .accordion .btn i {
    color: #ababab;
    background-color: #f7f7f7;
}

.theme_container.organic_product .specification .accordion .card .card-header .btn.collapsed.btn_plus:before,
.theme_container.organic_product .specification .accordion .card .card-header .btn.btn_plus:before {
    color: #3D5466;
    background-color: #f7f7f7;
}

.theme_container.organic_product .specification .accordion .card .btn.collapsed:hover i,
.theme_container.organic_product .specification .accordion .btn i,
.theme_container.organic_product .specification .accordion .card .card-header .btn.collapsed:hover.btn_plus:before,
.theme_container.organic_product .specification .accordion .card .card-header .btn.btn_plus:before {
    background-color: #3D5466;
    color: #fff;
}

.theme_container.organic_product .specification .accordion .btn.collapsed span, .theme_container.organic_product .specification .accordion .btn span {
    color: #3D5466;
}

.theme_container.organic_product .specification .accordion .card .btn.collapsed:hover span, .theme_container.organic_product .specification .accordion .btn span {
    color: #3D5466;
}

.theme_container.ppe_product .specification .accordion .card .btn.collapsed:hover span, .theme_container.ppe_product .specification .accordion .btn span {
    color: #f28a05;
}

.theme_container.pcr_product .specification .accordion .card .btn.collapsed:hover span, .theme_container.pcr_product .specification .accordion .btn span {
    color: #0A4A7B;
}

.theme_container.organic_product .text-purple, .theme_container.organic_product .specification .accordion .card .btn.collapsed:hover span {
    color: #3D5466;
}

.theme_container.ppe_product .text-purple, .theme_container.ppe_product .specification .accordion .card .btn.collapsed:hover span {
    color: #f28a05;
}

.theme_container.pcr_product .text-purple, .theme_container.pcr_product .specification .accordion .card .btn.collapsed:hover span {
    color: #0A4A7B;
}

.theme_container.organic_product .cat-details a:hover p, .theme_container.organic_product .cat-details a:hover h4, .cat-details a:hover p, .cat-details a:hover h4,
.theme_container.organic_product .article-detail a:hover .cat-details p, .theme_container.organic_product .article-detail a:hover .cat-details h4 {
    color: #3D5466;
}

.theme_container.ppe_product .cat-details a:hover p, .theme_container.ppe_product .cat-details a:hover h4, .cat-details a:hover p, .cat-details a:hover h4,
.theme_container.ppe_product .article-detail a:hover .cat-details p, .theme_container.organic_product .article-detail a:hover .cat-details h4 {
    color: #f28a05;
}

.theme_container.pcr_product .cat-details a:hover p, .theme_container.pcr_product .cat-details a:hover h4, .cat-details a:hover p, .cat-details a:hover h4,
.theme_container.pcr_product .article-detail a:hover .cat-details p, .theme_container.organic_product .article-detail a:hover .cat-details h4 {
    color: #0A4A7B;
}

.theme_container.organic_product .filters_section .article-section .article-detail .cart a:hover, .theme_container.organic_product .product_block .cart_details a.cart:hover,
.theme_container.organic_product .detail-products.inorganic_product .product-img ul.slick-dots li.slick-active button {
    background-color: #3D5466;
    border-color: #3D5466;
}

.theme_container.ppe_product .filters_section .article-section .article-detail .cart a:hover, .theme_container.ppe_product .product_block .cart_details a.cart:hover,
.theme_container.ppe_product .detail-products.inorganic_product .product-img ul.slick-dots li.slick-active button {
    background-color: #f28a05;
    border-color: #f28a05;
}

.theme_container.pcr_product .filters_section .article-section .article-detail .cart a:hover, .theme_container.pcr_product .product_block .cart_details a.cart:hover,
.theme_container.pcr_product .detail-products.inorganic_product .product-img ul.slick-dots li.slick-active button {
    background-color: #0A4A7B;
    border-color: #0A4A7B;
}

.theme_container.organic_product .product-list-section .filters_section .pagination-group .grid-list-view li i:hover,
.theme_container.organic_product .product-list-section .filters_section .pagination-group .grid-list-view li.active-view p i,
.theme_container.organic_product .loadMore:hover, .loadLess:hover {
    color: #3D5466;
}

.theme_container.ppe_product .product-list-section .filters_section .pagination-group .grid-list-view li i:hover,
.theme_container.ppe_product .product-list-section .filters_section .pagination-group .grid-list-view li.active-view p i,
.theme_container.ppe_product .loadMore:hover, .loadLess:hover {
    color: #f28a05;
}

.theme_container.pcr_product .product-list-section .filters_section .pagination-group .grid-list-view li i:hover,
.theme_container.pcr_product .product-list-section .filters_section .pagination-group .grid-list-view li.active-view p i,
.theme_container.pcr_product .loadMore:hover, .loadLess:hover {
    color: #0A4A7B;
}

.theme_container.organic_product .product-list-section .filters_section .filter-sidebar .filter-sidebar-details .custom-control-input:checked ~ .custom-control-label:before {
    color: #3D5466;
}

.theme_container.ppe_product .product-list-section .filters_section .filter-sidebar .filter-sidebar-details .custom-control-input:checked ~ .custom-control-label:before {
    color: #f28a05;
}

.theme_container.pcr_product .product-list-section .filters_section .filter-sidebar .filter-sidebar-details .custom-control-input:checked ~ .custom-control-label:before {
    color: #0A4A7B;
}

.theme_container.organic_product .product-list-section .filters_section .pagination-group .custom-select.page-numbers,
.theme_container.organic_product .disributors-header-secrtion .select-city .custom-select, .theme_container.organic_product .filter_select .custom-select {
    background-image: url(../images/down-arrow-organic.svg);
}

.theme_container.ppe_product .product-list-section .filters_section .pagination-group .custom-select.page-numbers,
.theme_container.ppe_product .disributors-header-secrtion .select-city .custom-select, .theme_container.ppe_product .filter_select .custom-select {
    background-image: url(../images/down-arrow-ppe.svg);
}

.theme_container.pcr_product .product-list-section .filters_section .pagination-group .custom-select.page-numbers,
.theme_container.pcr_product .disributors-header-secrtion .select-city .custom-select, .theme_container.pcr_product .filter_select .custom-select {
    background-image: url(../images/down-arrow-pcr.svg);
}


.theme_container.organic_product .filters-md .accordion-filters .card-header .btdown.collapsed:before,
.theme_container.organic_product .filters-md .accordion-filters .card-header .btdown:before {
    color: #3D5466;
}

.theme_container.ppe_product .filters-md .accordion-filters .card-header .btdown.collapsed:before,
.theme_container.ppe_product .filters-md .accordion-filters .card-header .btdown:before {
    color: #f28a05;
}

.theme_container.pcr_product .filters-md .accordion-filters .card-header .btdown.collapsed:before,
.theme_container.pcr_product .filters-md .accordion-filters .card-header .btdown:before {
    color: #f28a05;
}

.theme_container.organic_product .products-details {
    background-color: #f1ddbf;
    background-image: url(../images/organic.png);
}


/* ==== for data table ===== */

table.dataTable thead th, table.dataTable thead td, table.dataTable tbody td {
    border-bottom: None;
    border-right: none;
    position: relative;
}

table.dataTable thead tr:first-child th {
    background: #3D5466;
    color: #ffffff;
    font-family: 'myriadpro-bold';
}

table.dataTable tbody td:first-child, table.dataTable thead th:first-child {
    border-left: none;
}

table.dataTable.no-footer {
    border-top: none;
    border-bottom-color: #dee2e6;
}

table.dataTable tbody {
    font-size: 16px;
}

    table.dataTable tbody a {
        color: #0066CC;
    }

table.dataTable thead th input {
    padding: 3px 10px;
    border-radius: 7px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: none;
    border: 1px solid #dee2e6;
    color: #3D5466;
    font-size: 16px;
}

.dataTables_wrapper .dataTables_paginate, .dataTables_wrapper .dataTables_info {
    padding-top: 25px;
    font-size: 16px;
}

th.sorting:after, th.sorting_asc:after, th.sorting_desc:after {
    position: absolute;
    right: 5px;
    content: '\f0dc';
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    background-image: none;
}

th.sorting_asc:after {
    content: '\f0de';
}

th.sorting_desc:after {
    content: '\f0dd';
}

.dataTables_wrapper .dataTables_paginate .paginate_button:not(.disabled) {
    border: none;
    width: 35px;
    padding: 5px;
    height: 35px;
    line-height: 28px;
    border: 1px solid #0066CC;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next, .dataTables_wrapper .dataTables_paginate .paginate_button.previous {
    width: auto;
    border: none;
    padding-left: 15px;
    padding-right: 15px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button:not(.disabled):hover {
    background: #0066CC;
    color: #ffffff !important;
    border-color: #0066CC;
}

    .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
        background: #8942cc;
        color: #fff !important;
        border-color: #0066CC;
    }

.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover:not(.disabled), .dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover:not(.disabled) {
    color: #0066CC !important;
    background: transparent;
    border: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    color: #666 !important;
    border: none;
}

/* change color according to theme  */
.theme_container.organic_product table.dataTable thead tr:first-child th {
    background: #3D5466;
}

.theme_container.organic_product table.dataTable tbody a {
    color: #3D5466;
}

.theme_container.organic_product .dataTables_wrapper .dataTables_paginate .paginate_button.current, .theme_container.organic_product .dataTables_wrapper .dataTables_paginate .paginate_button:not(.disabled):hover {
    background: #3D5466;
    border-color: #3D5466;
}

.theme_container.organic_product .dataTables_wrapper .dataTables_paginate .paginate_button.next:hover:not(.disabled),
.theme_container.organic_product .dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover:not(.disabled) {
    color: #3D5466 !important;
    background: transparent;
    border: none;
}

.theme_container.organic_product .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #61a511;
}


/***advanced search page css *****/
.advanced-search-main-section.detail-products.inorganic_product {
    padding: 70px 0px;
}

.search-tabs .nav-pills {
    border-bottom: 1px solid #ccc;
}

    .search-tabs .nav-pills .nav-item:not(:last-child) {
        padding-right: 120px;
    }

    .search-tabs .nav-pills .nav-link {
        padding: 0;
        border-radius: 0;
        border-bottom: 2px solid transparent;
    }

        .search-tabs .nav-pills .nav-link.active, .search-tabs .nav-pills .show > .nav-link {
            color: #3D5466;
            background-color: transparent;
            font-family: 'myriadpro-bold';
            border-bottom: 2px solid #3D5466;
        }

.search-tabs .search-tabs-details .search-btn {
    padding: 5.5px 15px 3.5px 67px;
    line-height: 30px;
}

    .search-tabs .search-tabs-details .search-btn i {
        line-height: 21px;
    }

    .search-tabs .search-tabs-details .search-btn:hover {
        background: #0066CC;
    }

.product-list-section.advanced-search-product-list-section {
    padding: 60px 0px;
}

.search-tabs .serach-result .nav-pills .nav-item:not(:last-child) {
    padding-right: 20px;
    margin-bottom: 20px;
}

.search-tabs .serach-result .nav-pills .nav-link {
    padding: 6px 45px 2px;
    border: 0;
    line-height: 24px;
}

    .search-tabs .serach-result .nav-pills .nav-link.active, .search-tabs .serach-result .nav-pills .show > .nav-link {
        color: #fff;
        background-color: #3D5466;
        border-bottom: 0;
        font-family: 'myriadpro';
    }

.product-list-section.advanced-search-product-list-section .filters_section .filter-sidebar {
    margin-top: -180px;
}

.advanced-search-product-list-section .filters_section .content-section.article-section .article-detail {
    width: 49.8%;
    padding-bottom: 50px;
}

.advanced-search-product-list-section .filters_section .content-section.article-section.list-view-style .article-detail {
    width: 100%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

    .advanced-search-product-list-section .filters_section .content-section.article-section.list-view-style .article-detail .cat-details {
        padding-left: 25px;
    }

.advanced-search-btn-main:hover {
    background-color: #3D5466;
}

.sds-table {
    margin-top: 40px;
}

.advance_search_content_result .article-detail {
    width: calc(50% - 30px);
    margin: 0 15px 30px;
}

.advance_search_content_result.list-view-style .article-detail {
    width: 100%;
    margin: 0 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    text-align: left !important;
    min-height: auto !important;
    height: auto;
}

    .advance_search_content_result.list-view-style .article-detail .cat-img {
        width: 15%;
    }

    .advance_search_content_result.list-view-style .article-detail .cat-details {
        width: 85%;
        padding: 0 15px;
    }

/*.navbar-expand-lg.main-menu .navbar-nav .nav-brand-block .nav-link {
    position: relative;
}
.navbar-expand-lg.main-menu .navbar-nav .nav-brand-block .nav-link img {
    height: 32px;
    width: auto;
}
.navbar-expand-lg.main-menu .navbar-nav .nav-brand-block .nav-link:not(:last-child) {
    padding-right: 5px;
    margin-right: 5px;
}
.navbar-expand-lg.main-menu .navbar-nav .nav-brand-block .nav-link:not(:last-child):after {
    content: "";
    height: 100%;
    width: 1px;
    background-color: #ffffff;
    position: absolute;
    right: 0;
}*/

@media screen and (max-width: 767px) {
    .dataTables_wrapper .dataTables_paginate, .dataTables_wrapper .dataTables_info {
        text-align: center;
    }
}

@media screen and (max-width: 575px) {


    .dataTables_wrapper .dataTables_paginate .paginate_button.next, .dataTables_wrapper .dataTables_paginate .paginate_button.previous {
        display: block;
    }

    .dataTables_wrapper .dataTables_paginate {
        padding-top: 10px;
    }

    .tile-width {
        width: 100%;
        margin-right: 0;
    }
}
/****new design product detail page css ***/
.extra-info i.icon-exclamation {
    position: absolute;
    top: 2px;
    left: 0;
}

.product_information span.question {
    /*min-width: 153px;*/
}

/*** login page css ***/

.login_section .login-img {
    position: relative;
    bottom: -30px;
    z-index: -1;
}

.login_section .form-control, .modal-footer .form-control, .add-item .form-control {
    border-radius: 0;
    height: auto;
    padding: 12px 15px 8px;
    max-width: 390px;
}

.login_section .submit-btn, .modal-footer .submit-btn {
    border-radius: 0;
    width: 100%;
    max-width: 225px;
    padding: 11px 15px 9px;
    border: 1px solid #0066CC;
    margin: 30px 0px;
    font-size: 21px;
    line-height: 25px;
}

.modal-footer .form-control, .modal-footer .submit-btn {
    height: 40px;
    margin: 0;
    padding: 9px 15px 6px;
}

    .login_section .submit-btn:hover, .modal-footer .submit-btn:hover {
        color: var(--themeColor) !important;
        background-color: #ffffff !important;
    }

.login_section .login-form {
    padding: 78px 0px 78px 45px;
}

.login-form a:hover {
    color: #0066CC;
}

.error-text span {
    font-size: 16px;
    margin-top: 8px;
}

.validation-summary-errors ul li {
    font-size: 18px;
    padding: 0 5px;
    margin-bottom: 15px;
}

.modal-open {
    overflow-y: visible;
}

/*** register page css ***/
.register_section .custom-control-input:checked ~ .custom-control-label::before, .register_section .custom-control-label::before {
    border-color: #0066CC;
    background-color: transparent;
    width: 18px;
    height: 18px;
}

.register_section .custom-control-input:checked ~ .custom-control-label.text-green::before, .register_section .custom-control-label.text-green::before {
    border-color: #76BD21;
}

.register_section .custom-radio .custom-control-input:checked ~ .custom-control-label.text-green::after {
    color: #76BD21;
}

.register_section .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: none;
    content: '\f111';
    font-family: "Font Awesome 5 Free";
    position: absolute;
    top: -1px;
    left: -18px;
    color: #0066CC;
    font-size: 6px;
    font-weight: bold;
}

.about_register .custom-select.form-control {
    -webkit-appearance: none;
    background-image: url(../images/choose-one.svg), url(../images/line.svg);
    background-size: 17px,2px;
    background-position: center right 15px, center right 45px;
}

.register-img {
    padding-top: 120px;
}

.register_section.login_section .form-control {
    max-width: 95%;
}

.register_section .product-list-section .filters_section .filter-sidebar .filter-sidebar-details .custom-control-label::before, .about_register .custom-control-label::before {
    top: 43%;
}
/*** cart page css ***/
.checkout-details {
    padding: 115px 0px 55px;
}

    .checkout-details .checkout-tab.nav-tabs .nav-item {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        -webkit-box-flex: 1;
        flex-grow: 1;
        position: relative;
    }

    .checkout-details .checkout-tab.nav-tabs .nav-link {
        max-width: 100px;
        margin: 0 auto;
        width: 100%;
        line-height: 1.2;
        background: transparent;
        font-size: 20px;
    }

        .checkout-details .checkout-tab.nav-tabs .nav-link .icon {
            min-height: 70px;
            margin-bottom: 35px;
            min-width: 100%;
            font-size: 48px;
            -webkit-transform: translateY(-15px);
            -ms-transform: translateY(-15px);
            transform: translateY(-15px);
        }

            .checkout-details .checkout-tab.nav-tabs .nav-link .icon.icon1 {
                font-size: 70px;
                -webkit-transform: translateY(-5px);
                -ms-transform: translateY(-5px);
                transform: translateY(-5px);
            }

            .checkout-details .checkout-tab.nav-tabs .nav-link .icon.icon3 {
                font-size: 60px;
                -webkit-transform: translateY(-5px);
                -ms-transform: translateY(-5px);
                transform: translateY(-5px);
            }

            .checkout-details .checkout-tab.nav-tabs .nav-link .icon.icon5 {
                font-size: 44px;
            }

        .checkout-details .checkout-tab.nav-tabs .nav-link:hover {
            color: #3D5466 !important;
        }

        .checkout-details .checkout-tab.nav-tabs .nav-link:after {
            content: "";
            display: block;
            height: 2px;
            position: absolute;
            width: 100%;
            top: 93px;
            background-color: #ccc;
            left: 0;
            z-index: -1;
        }

        .checkout-details .checkout-tab.nav-tabs .nav-link:before {
            content: "";
            display: block;
            position: absolute;
            width: 20px;
            height: 20px;
            top: 82px;
            left: 0;
            right: 0;
            margin: 0 auto;
            border: 2px solid #ccc;
            border-radius: 50%;
            background: #fff;
            z-index: 0;
        }

        .checkout-details .checkout-tab.nav-tabs .nav-link.active:after {
            background-color: #0066CC;
        }

        .checkout-details .checkout-tab.nav-tabs .nav-link.active:before {
            background-color: #0066CC;
            border-color: #0066CC;
            content: '\f00c';
            font-family: "Font Awesome 5 Free";
            color: #fff;
            font-size: 12px;
            line-height: 1.5;
        }

        .checkout-details .checkout-tab.nav-tabs .nav-link.active span {
            color: #0066CC;
        }

.item-description {
    padding: 20px 0px 0px;
}

    .item-description img {
        max-width: 50px;
        max-height: 50px;
        margin-right: 30px;
    }

    .item-description .cart_details .quantity {
        margin-right: 0;
        width: 100%;
    }

    .item-description .cart_details .quantity-button {
        top: 12px;
    }

    .item-description .table td, .item-description .table th {
        padding: 25px 12px;
        vertical-align: middle;
    }

.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
    border-top-color: #4b4b4b;
}

.tooltip-inner {
    background-color: #4b4b4b;
    border-radius: 0;
    padding: 3px 5px;
}

.add-item {
    padding: 70px 0 100px;
}

    .add-item .title-bar {
        border-bottom: 2px solid #ccc;
    }


.dropdown-cart .dropdown-menu-cart-menu {
    color: #000;
    background-color: #fff;
    border: 1px solid #ddd;
    min-width: 100%;
    z-index: 1030;
    position: absolute;
    top: calc(100% + 15px);
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,.15);
    box-shadow: 0 3px 3px rgba(0,0,0,.15);
    padding: 20px 15px;
    right: 0;
    width: 350px;
    font-size: 14px;
    display: block;
    height: 400px;
    overflow-y: auto;
}

    .dropdown-cart .dropdown-menu-cart-menu:before, .dropdown-cart .dropdown-menu-cart-menu:after {
        content: "";
        border: 9px solid;
        border-color: transparent transparent #fff;
        z-index: 9;
        height: 0;
        position: absolute;
        width: 0;
        top: -18px;
        left: auto;
        right: 8px;
    }

    .dropdown-cart .dropdown-menu-cart-menu:after {
        border: 10px solid;
        border-color: transparent transparent #bbb;
        z-index: 8;
        top: -20px;
        right: 7px;
    }

.btn-cart {
    position: absolute;
    right: 10px;
    top: 3px;
    font-weight: normal;
    font-size: 20px;
    opacity: 1;
}

.cart-item-description p {
    line-height: 22px;
}

.cart-footer a {
    width: 100%;
    max-width: 155px;
    padding: 13px 8px 11px;
}

.dropdown-cart {
    position: relative;
}

.message-box {
    background-color: #f5f5f5;
    padding: 40px 30px;
}

/*** billing info page css ***/
.billing-info {
    padding: 70px 0 230px;
}

    .billing-info.register_section .custom-control-input:checked ~ .custom-control-label::before, .billing-info.register_section .custom-control-label::before {
        top: 2px;
    }

    .billing-info .about_register .custom-control-label::before, .billing-info .about_register .custom-control-input:checked ~ .custom-control-label::before {
        top: 33%;
    }

    .billing-info.register_section .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
        top: -3px;
        left: -18px;
    }

    .billing-info select.custom-select.form-control {
        min-height: 48px;
    }



/*** order-summry page css ***/
.order_details {
    padding: 55px 0px;
}

.bill_details {
    padding: 55px 0 110px;
}

    .bill_details textarea.form-control {
        background-color: #f5f5f5;
        max-width: 395px;
        border: 1px solid #ddd;
    }

body.modal-open, .modal-open .modal {
    padding-right: 0 !important;
}

/**** 404 page css *****/
.error-thankyou_header {
    padding-top: 18px;
}

.error-thankyou_section {
    padding-top: 160px;
    padding-bottom: 109px;
    border-bottom: 1px solid #ccc;
    min-height: calc(100vh - 152px);
}

.error-msg p {
    padding-top: 65px;
    padding-bottom: 34px;
}

.error-msg a {
    padding: 9px 34px 7px;
}


.order-button-group .btn {
    max-width: 209px;
    width: 100%;
}

.bread_crumbs {
    padding: 30px 0px;
}

    .bread_crumbs a.active {
        color: #0066CC
    }

/*.organic_product .bread_crumbs a.active {
    color: #3D5466;
}
*/
.ppe_product .bread_crumbs a.active {
    color: #f28a05;
}

.pcr_product .bread_crumbs a.active {
    color: #0A4A7B;
}

/****** payment info page css ****/
.payment-info {
    padding: 80px 0 100px;
}

/******** ask chemist page css ******/
.ask-chemist {
    /*margin-top: 170px;*/
    padding: 28px 0 25px;
}

.experience-chemist {
    margin-top: 58px;
    margin-bottom: 100px;
}

    /*.experience-chemist.specification:before {
        content: '';
        background-image: url(/getmedia/32f4fc16-3895-41ee-b989-2c4b82ae8002/NEW-Ask-A-Chemist-Characters.png);
        display: block;
        width: 16.2%;
        max-width: 306px;
        height: 100%;
        background-repeat: no-repeat;
        background-size: 100%;
        position: absolute;
        top: 0;
        right: 10%;
        margin-top: -210px;
    }*/

    .experience-chemist .ask-btn {
        padding: 13px 15px 12px;
        width: 100%;
        max-width: 225px;
    }

/*.accordion-main {
    margin-top: 55px;
}*/

.accordion-main.accordion .card .card-header .btn.collapsed.btn_plus:before, .accordion-main.accordion .card .card-header .btn.btn_plus:before {
    right: 15px;
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    position: absolute;
    border: 1px solid #ddd;
    border-radius: 50%;
    text-align: center;
    font-size: 15px;
    line-height: 1.8;
    width: 30px;
    height: 30px;
}

.accordion-main.accordion .card-body {
    padding: 25px 20px 10px;
}

.accordion-main.accordion .card {
    border-color: #ccc !important;
}

    .accordion-main.accordion .card .card-header.collapsed {
        background: #f5f5f5;
    }

        .accordion-main.accordion .card .card-header.collapsed .btn span {
            color: #3D5466;
        }

    .accordion-main.accordion .card .card-header {
        padding: 17px 1.125rem;
        background: #0066CC;
    }

        .accordion-main.accordion .card .card-header .btn span {
            color: #fff;
        }

        .accordion-main.accordion .card .card-header.collapsed .btn.btn_plus:before {
            content: '\f067';
            color: #3D5466;
            background-color: #f7f7f7;
            border-color: rgba(65, 77, 84, 0.5);
        }

        .accordion-main.accordion .card .card-header .btn.btn_plus:before {
            content: "\f068";
            background-color: var(--themeColor);
            color: #fff;
            border-color: var(--themeColor);
        }

/****common accordion css *****/
.accordion-main p, .accordion-main h4, .accordion-main .card-body ul li {
    font-size: 18px;
    line-height: 24px;
    font-weight: normal;
    color: #3D5466;
    margin-bottom: 1rem;
}

.accordion-main .card-body .request-padding ul li {
    font-size: var(--font22);
    line-height: var(--lineHeight28)
}

.accordion-main h4 {
    font-weight: bold;
    margin-bottom: 8px;
}

.accordion-main table {
    border: 1px solid #dee2e6;
    background-color: #fff;
    width: 100%;
    overflow-x: auto;
    margin-bottom: 1rem;
    color: #212529;
    border-collapse: collapse;
    border: 0;
}

    .accordion-main table th, .accordion-main table thead td {
        font-size: 18px;
        line-height: 1;
        color: #3D5466;
        border: 1px solid #dee2e6;
        padding: .75rem;
    }

    .accordion-main table td {
        font-size: 16px;
        line-height: 22px;
        color: #3D5466;
        border: 1px solid #dee2e6;
        padding: .75rem;
    }

.accordion-main ul li {
    position: relative;
    display: block;
    margin-bottom: .25rem;
    padding-left: 26px;
}

.accordion-main ul {
    list-style-type: disc;
    position: relative;
    display: block;
    margin-bottom: .25rem;
    padding-left: 26px;
}

    .accordion-main ul li {
        display: list-item !important;
        color: #3D5466;
        font-size: 18px;
        line-height: 24px;
    }

.accordion-main ol {
    list-style-type: disc;
    position: relative;
    display: block;
    margin-bottom: .25rem;
    padding-left: 26px;
}

    .accordion-main ol li {
        display: list-item !important;
        color: #3D5466;
        font-size: 18px;
        line-height: 24px;
    }

.accordion-main ul li i {
    color: #0066CC;
}

.accordion-main ul li span {
    color: #3D5466;
    font-size: 18px;
    line-height: 24px;
}

.accordion-main a {
    color: #0066CC;
    font-size: 18px;
    line-height: 1;
    border-bottom: 1px solid;
}

    .accordion-main a:hover {
        color: #3D5466;
        border-color: #3D5466;
    }

.accordion-main img {
    display: block;
    margin: 0 auto 1rem;
}

.accordion-main .card-body ul {
    list-style: disc;
    padding-left: 20px;
    margin-bottom: 30px;
}

    .accordion-main .card-body ul li {
        display: list-item;
        margin-bottom: 8px;
    }

.accordion-main a.btn {
    font-size: 24px;
    text-transform: uppercase;
    line-height: 30px;
    border: 1px solid #0066CC;
    border-radius: 0;
    color: #fff;
    background-color: #0066CC;
    padding: 10px 18px 7px;
    margin-top: 24px;
    margin-bottom: 34px;
}

/***** chemical processing page css ****/
.chemiical-processing {
    padding: 30px 0 150px;
}

    .chemiical-processing ul li, .accordion-ul li {
        padding-left: 26px;
    }

        .chemiical-processing ul li i, .accordion-ul li i {
            font-size: 16px;
            position: absolute;
            left: 0;
            right: auto;
            top: 4px;
        }

    .chemiical-processing ul {
        list-style-type: disc;
    }

        .chemiical-processing ul li {
            display: list-item !important;
        }

    .chemiical-processing img {
        margin: 50px 0 60px 90px;
    }

    .chemiical-processing h4, .chemiical-processing p, .chemiical-processing span, .chemiical-processing a {
        font-size: 18px;
        line-height: 24px;
        color: #3D5466;
    }

    .chemiical-processing h4 {
        font-weight: bold;
        margin-bottom: 8px;
    }

    .chemiical-processing span {
        margin-top: 30px;
    }

    .chemiical-processing a {
        color: #3D5466;
        text-decoration: underline;
    }

    .chemiical-processing div {
        margin-bottom: 35px;
    }

/*.chemiical-processing div:last-child {
            margin-bottom: 0;
        }*/

/*********** corporate profiles page css **************/
.corporate-profiles {
    padding: 30px 0 150px;
}

    .corporate-profiles ul li, .accordion-ul li {
        padding-left: 26px;
    }

        .corporate-profiles ul li i, .accordion-ul li i {
            font-size: 16px;
            position: absolute;
            left: 0;
            right: auto;
            top: 4px;
        }

/*********** product guide page css **************/
.product-guides-section, .news-updates {
    padding: 30px 0 100px;
}

.header-speciation {
    margin-left: 12px;
}

/*************webinar page css *************/
.webinar-video {
    border-bottom: 1px solid #ccc;
    padding-bottom: 24px;
    margin-bottom: 24px;
}

.webinar-section .filter_select {
    margin-top: 50px;
}

.archive-box {
    padding: 20px;
    border: 1px solid var(--colorGreyBlack);
}

.embed-responsive {
    position: unset !important;
}
/****** convesion page css *******/
.conversion-table {
    padding-top: 53px;
}

    .conversion-table .table td, .conversion-table .table th {
        padding: 0.75rem 1.125rem;
    }

/**** poster and presentatins page css ****/
.poster-processing {
    /*padding: 100px 0 60px;*/
}

.poster-tabs ul li {
    width: 100%;
    max-width: 50%;
}

    .poster-tabs ul li a.nav-link {
        border: 2px solid #9DAEB7;
        padding: 16px 15px 15px;
        background: #9DAEB7;
        color: #fff;
    }

        .poster-tabs ul li a.nav-link.active {
            background: #3D5466;
            color: #fff;
            border-color: #3D5466;
        }

.poster-tab-content {
    margin-top: 60px;
}

.poster-tabs {
    padding-top: 30px;
}

.poster-tab-content p {
    font-size: 18px;
    line-height: 24px;
    color: #3D5466;
    margin: 20px 0 13px;
    text-decoration: underline;
}

.poster-tab-content a:hover p, .poster-tab-content a:hover i {
    color: #3D5466;
}

.poster-tab-content .mb-40 {
    margin-bottom: 40px;
}
/**** news update page css ****/
.news-section {
    padding: 40px 0 35px;
    border-bottom: 1px solid #ccc;
}

    .news-section a {
        font-size: 21px;
        line-height: 25px;
        color: #3D5466;
        margin-bottom: 8px;
        font-weight: 700;
    }

    .news-section p {
        font-size: 18px;
        line-height: 24px;
        color: #54565b;
    }

    .news-section a:hover {
        color: #3D5466;
    }

/***** app notes and white papers css *****/
.app_notes {
    padding: 100px 0 150px;
}

.app-tab-content .border-40 {
    padding-top: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #ccc;
}

    .app-tab-content .border-40:last-child {
        border-bottom: 0;
    }

.app-tab-content span, .app-tab-content p, .app-tab-content a {
    font-size: 18px;
    line-height: 24px;
    color: #54565b;
}

.app-tab-content p {
    margin: 10px 0;
}

.app-tab-content a {
    color: #3D5466;
    text-decoration: underline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0 0;
}

    .app-tab-content a i {
        color: #0066CC;
        margin-right: 10px;
    }

/**** news update details page css *****/
.news-updates-details p {
    font-size: 18px;
    line-height: 28px;
    color: #54565b;
    margin-bottom: 30px;
}

.news-updates-details-history {
    margin-top: 40px;
}

    .news-updates-details-history h3 {
        font-size: 18px;
        line-height: 24px;
        color: #585858;
        font-family: 'myriadpro-bold', sans-serif;
        margin-bottom: 15px;
    }

    .news-updates-details-history a {
        font-size: 18px;
        line-height: 1;
        color: #0066CC;
        border-bottom: 1px solid #3D5466;
    }

/******optimize page css *********/
.optimize-section {
    padding: 30px 0 44px;
}

.request-form {
    padding-bottom: 100px;
}

.receive-details {
    padding: 60px 50px;
    border: 1px solid #ccc;
}

.request-form {
    padding-bottom: 60px;
}

/**** spex speaker page *****/
.spex-speaker-img img {
    max-width: 90px;
}

.current-previous-issue .border-60 {
    padding-top: 60px;
    padding-bottom: 60px;
    border-bottom: 1px solid #ccc;
}

.current-previous-issue .details a {
    margin-top: 30px;
}

.speaker_archive {
    padding: 40px 0 100px;
}

    .speaker_archive h2 {
        font-size: 24px;
        line-height: 30px;
        color: #0066CC;
        font-weight: bold;
    }

    .speaker_archive p, .speaker_archive a {
        font-size: 18px;
        line-height: 24px;
        color: #585858;
        margin: 20px 0;
    }

    .speaker_archive a {
        color: #0066CC;
        margin: 0 !important;
        text-decoration: underline;
    }

.speaker_border {
    border: 4px solid #3D5466;
}

/****** event page css ****/
.event-tabs.app-tab-content .border-40 {
    border-bottom: 1px solid #ccc;
}

.event-tabs.app-tab-content .col-12.col-md-6:nth-last-child(1) .border-40, .event-tabs.app-tab-content .col-12.col-md-6:nth-last-child(2):nth-child(odd) .border-40 {
    border-color: transparent;
}

/**** request cataloge page css ***/
.request-cataloge {
    padding: 100px 0 80px;
}

.catalog-archives-section img {
    border: 1px solid #3D5466;
    margin-top: 35px;
}

.request-cataloge .accordion-main.accordion .card .card-header {
    padding: 9px 1.125rem 6px;
}

    .request-cataloge .accordion-main.accordion .card .card-header .btn.collapsed.btn_plus:before, .request-cataloge .accordion-main.accordion .card .card-header .btn.btn_plus:before {
        top: 9px;
    }

.request-cataloge .accordion-main.accordion .card-body {
    background: #fff;
    padding: 35px 15px;
    border-top: 1px solid;
}

.request-checkbox {
    overflow: hidden;
    margin-bottom: 20px;
}

    .request-checkbox .custom-control-label::before {
        top: auto;
        bottom: 1px;
        left: auto;
        right: 1px;
        width: 100px;
        height: 100px;
        border-radius: 0;
        border: 0;
        background-color: transparent;
        -webkit-transform: rotate(45deg) translate(71%, 0%);
        -ms-transform: rotate(45deg) translate(71%, 0%);
        transform: rotate(45deg) translate(71%, 0%);
    }

    .request-checkbox .custom-control-input:checked ~ .custom-control-label::before {
        background-color: #3D5466;
    }

    .request-checkbox .custom-control-input:checked ~ .custom-control-label::after {
        content: '\f00c';
        font-weight: bold;
        font-family: "Font Awesome 5 Free";
        color: #fff;
        background-color: transparent;
        font-size: 20px;
        line-height: 2.2;
        text-align: center;
        left: auto;
        bottom: 27px;
        right: 15px;
        top: auto;
    }

    .request-checkbox .custom-control-input ~ .custom-control-label > span {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        border: 3px solid transparent;
        transition: 0.3s ease;
        cursor: pointer;
    }

    .request-checkbox .custom-control-input:checked ~ .custom-control-label > span {
        border-color: #3D5466;
    }

.request-cataloge .accordion-main.accordion .card-body a:hover p, .request-cataloge .accordion-main.accordion .card-body a:hover i {
    color: #3D5466;
}

.request-cataloge-form .receive-details {
    padding: 0;
    border: 0;
}


/**** career page css ****/
.career-section {
    padding-bottom: 100px;
}

    .career-section .accordion-main.accordion .card .card-header.collapsed .btn span {
        line-height: 1.2;
    }

/**** certification page css ****/
.certification-section img {
    margin: 50px 0 60px 90px;
}

.certification-section h4, .certification-section p, .certification-section span, .certification-section a {
    font-size: 18px;
    line-height: 28px;
    color: #3D5466;
}

.certification-section h4 {
    font-weight: bold;
    margin-bottom: 8px;
}

.certification-section span {
    margin-top: 30px;
}

.certification-section a {
    color: #3D5466;
    text-decoration: underline;
}

.certification-section div {
    margin-bottom: 35px;
}

    .certification-section div:last-child {
        margin-bottom: 0;
    }

/**** direction page css ****/
.direction-map-section-headquarters {
    margin: 50px 0 60px;
}

    .direction-map-section-headquarters .mapContactdetails { /* position: absolute; bottom: 5%; right: 10%;*/
        width: 100%;
        max-width: 400px;
        background-color: #ffffff;
    }

    .direction-map-section-headquarters .triAngle {
        position: relative;
        max-width: 270px;
        width: 100%;
    }

        .direction-map-section-headquarters .triAngle:after {
            content: "";
            position: absolute;
            top: 50%;
            right: 100%;
            width: 0;
            height: 0;
            border-top: 20px solid transparent;
            border-bottom: 20px solid transparent;
            border-right: 20px solid #0066CC;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

    .direction-map-section-headquarters .contactIcon {
        width: 100%;
        max-width: 40px;
        background: #0066CC;
    }

        .direction-map-section-headquarters .contactIcon svg {
            color: #ffffff;
            fill: #ffffff;
            max-width: 100%;
        }

    .direction-map-section-headquarters .detailsContent {
        padding: 5px 0 5px;
        margin: 0 10px;
        width: 100%;
    }

    .direction-map-section-headquarters .triAngle > div:not(:last-child) .detailsContent {
        border-bottom: 1px solid #ebebeb;
    }

    .direction-map-section-headquarters .detailsContent p, .direction-map-section-headquarters .detailsContent a {
        font-size: 15px;
        line-height: 21px;
        color: #5b5b5b;
        text-decoration: none;
    }



.dirction-section span.direction_img {
    width: 50px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    left: 0;
    top: 0;
}

.dirction-section .accordion-main img {
    margin: 0 auto 16px;
    width: 20px;
    height: auto;
}

    .dirction-section .accordion-main img.exit-img {
        width: 30px;
    }

    .dirction-section .accordion-main img.merge-img, .dirction-section .accordion-main img.continue-img {
        width: 16px;
    }

    .dirction-section .accordion-main img.left-right-img {
        width: 24px;
    }

.dirction-section .accordion-main p {
    padding-left: 60px;
}

/*** periodic table css ***/
.periodic-section-main {
    padding: 30px 0;
}

.metal_non_metal_section .btn {
    width: 100%;
    max-width: 300px;
    font-size: 18px;
    line-height: 24px;
    padding: 14px 15px 9px;
}

.metal_non_metal_section_category .btn {
    width: 100%;
    max-width: 120px;
    padding: 10px 5px;
    font-size: 16px;
    line-height: 1.3;
}

    .metal_non_metal_section_category .btn.metall {
        background-color: #789119;
        border-color: #789119 !important;
    }

    .metal_non_metal_section_category .btn.non_met {
        background-color: #B8C402;
        border-color: #B8C402 !important;
    }

    .metal_non_metal_section_category .btn.halo {
        background-color: #01BC85;
        border-color: #01BC85 !important;
    }

    .metal_non_metal_section_category .btn.noble_gas {
        background-color: #189A98;
        border-color: #189A98 !important;
    }

    .metal_non_metal_section_category .btn.aki_met {
        background-color: #E84C3D;
        border-color: #E84C3D !important;
    }

    .metal_non_metal_section_category .btn.aka_earth_met {
        background-color: #A7427E;
        border-color: #A7427E !important;
    }

    .metal_non_metal_section_category .btn.lanth {
        background-color: #00A2D3;
        border-color: #00A2D3 !important;
    }

    .metal_non_metal_section_category .btn.actinoid {
        background-color: #F97046;
        border-color: #F97046 !important;
    }

    .metal_non_metal_section_category .btn.tra_met {
        background-color: #00529C;
        border-color: #00529C !important;
    }

    .metal_non_metal_section_category .btn.post_met {
        background-color: #8DA470;
        border-color: #8DA470 !important;
    }

    .metal_non_metal_section_category .btn:hover {
        background-color: #fff !important;
        color: #0066CC !important;
        border-color: #0066CC !important;
    }

.periodic-table-box {
    width: 65px;
    height: 65px;
    padding: 1px;
    line-height: 1.5;
    border-radius: 5px;
    margin-right: 4px;
    margin-bottom: 4px;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    cursor: pointer;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
}

    .periodic-table-box .elem-name {
        display: none;
    }

.lightblue {
    background-color: #91C1D8;
}

.red {
    background-color: #E84C3D;
}

.purple {
    background-color: #A7427E;
}

.dark_green {
    background-color: #789119;
}

.dark_light_green {
    background-color: #8DA470;
}

.neon_green {
    background-color: #B8C402;
}

.light_green {
    background-color: #01BC85;
}

.blue {
    background-color: #00529C;
}

.light_blue {
    background-color: #00A2D3;
}

.orange {
    background-color: #F97046;
}

.sea {
    background-color: #189A98;
    margin-right: 0;
}

.periodic-table-box .atom-num {
    font-size: 8px;
    position: absolute;
    top: 4px;
    left: 4px;
}

.periodic-table-box .symbol {
    font-weight: bold;
    margin: 4px auto 0;
    font-size: 16px;
}

.periodic-table-box:hover {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    color: #fff;
    z-index: 1;
}

    .periodic-table-box:hover .elem-name {
        display: block;
        font-size: 7px;
        line-height: 1;
    }

.panelcard {
    width: 543px;
    height: auto;
    min-height: 170px;
    max-height: 170px;
    border-radius: 5px;
    position: absolute;
    left: 0;
    right: 0;
    top: 12px;
    margin: 0 auto;
    -webkit-transform: translateX(-110px);
    -ms-transform: translateX(-110px);
    transform: translateX(-110px);
    display: block;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    background: #f7f7f7;
    z-index: 1;
}

.panelhead, .panelbody {
    padding: 15px;
}

    .panelhead h3 {
        font-size: 16px;
        font-weight: bold;
        color: #fff;
        line-height: 22px;
    }

    .panelbody .periodic-table-box {
        width: 90px;
        height: 90px;
    }

        .panelbody .periodic-table-box .atom-num {
            font-size: 22px;
        }

        .panelbody .periodic-table-box .symbol {
            font-size: 30px;
            margin-top: 20px;
        }

        .panelbody .periodic-table-box .elem-name {
            font-size: 14px;
            display: block;
            line-height: 1.5;
        }

        .panelbody .periodic-table-box:hover {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
        }


.periodic-table .btn.disabled {
    cursor: default;
}

/**** dipika_Periodic_table_css ****/
.periodic-table-box.non-metals, .panelhead.non-metals, .elemclass.non-metals, .periodic-header.non-metals {
    background-color: #0066CC;
}

.periodic-table-box.akali, .panelhead.akali, .elemclass.akali, .periodic-header.akali {
    background-color: #9DAEB7;
}

.periodic-table-box.akaline, .panelhead.akaline, .elemclass.akaline, .periodic-header.akaline {
    background-color: #58B947;
}

.periodic-table-box.metalloids, .panelhead.metalloids, .elemclass.metalloids, .periodic-header.metalloids {
    background-color: #0066CC;
}

.periodic-table-box.post-transition, .panelhead.post-transition, .elemclass.post-transition, .periodic-header.post-transition {
    background-color: #0094A8;
}

.periodic-table-box.others, .panelhead.others, .elemclass.others, .periodic-header.others {
    background-color: #3D5466;
}

.periodic-table-box.halogens, .panelhead.halogens, .elemclass.halogens, .periodic-header.halogens {
    background-color: #0A4A7B;
}

.periodic-table-box.transition, .panelhead.transition, .elemclass.transition, .periodic-header.transition {
    background-color: #7A8592;
}

.periodic-table-box.lanthanoids, .panelhead.lanthanoids, .elemclass.lanthanoids, .periodic-header.lanthanoids {
    background-color: #0097CC;
}

.periodic-table-box.actinoids, .panelhead.actinoids, .elemclass.actinoids, .periodic-header.actinoids {
    background-color: #F68820;
}

.periodic-table-box.noble, .panelhead.noble, .elemclass.noble, .periodic-header.noble {
    background-color: #0071BB;
    margin-right: 0;
}

.elem-box.deadspot {
    background-color: #ececec;
    color: #999;
}

.elemclass.active {
    border: 2px solid #A75009;
    background-color: #EC8C15;
}

.elem-btn-primary {
    color: #fff;
}

.loyal-customer {
    padding: 30px 0 150px;
}

.blog-desc-div {
    display: -webkit-box;
    max-width: 100%;
    height: 97px;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .blog-desc-div p {
        color: #3D5466;
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 0;
    }

.search-result-filter-section-width {
    max-width: 100% !important;
}
/**** periodic custom starndard page css ****/
.periodic-custom-standars {
    padding: 30px 0 150px;
}

.periodic-header {
    padding: 13.5px 15px;
}

.periodic-content {
    padding-top: 40px;
}

    .periodic-content p.min-width {
        max-width: 130px;
        min-width: 116px;
    }

    .periodic-content .periodic-table-box {
        width: 310px;
        height: 230px;
        margin: 0;
        transform: none !important;
        border-radius: 0;
    }

        .periodic-content .periodic-table-box .atom-num {
            font-size: 24px;
        }

        .periodic-content .periodic-table-box .symbol {
            font-size: 85px;
            margin-top: 35px;
        }

        .periodic-content .periodic-table-box .elem-name {
            display: block !important;
            font-size: 28px;
            line-height: 1.2;
        }

.periodic-modal-details a {
    padding: 20px 36px;
}

    .periodic-modal-details a img {
        max-width: 70px;
        margin-right: 30px;
        max-height: 98px;
        width: auto;
    }

.article-section.periodic-table-article-section {
    padding: 36px 0 0 !important;
}

.periodic-content .filters_section .article-section .article_detail_main_block {
    padding: 0 15px 40px;
}

.periodic-table-article-section button.slick-prev.slick-arrow, .periodic-table-article-section button.slick-next.slick-arrow {
    display: none !important;
}

.periodic-content .filters_section .article-section .article-detail {
    padding: 0 !important
}

.periodic-table-article-section ul.slick-dots {
    text-align: center;
}

    .periodic-table-article-section ul.slick-dots li {
        font-size: 0px;
        padding: 0px 5px;
    }

        .periodic-table-article-section ul.slick-dots li button {
            width: 15px;
            height: 15px;
            border-radius: 50%;
            border: 1px solid #0066CC;
            background-color: transparent;
            padding: 0;
        }

        .periodic-table-article-section ul.slick-dots li.slick-active button {
            background-color: #0066CC;
        }

.request-cataloge-form .spex-distributors .distRibutorContact .mainBranchAddress {
    padding-left: 20px;
    padding-right: 20px;
}

    .request-cataloge-form .spex-distributors .distRibutorContact .mainBranchAddress i {
        font-size: 30px;
    }

/***** feedback page css****/
.feedback-section {
    padding: 120px 0;
}

.thanks-box {
    max-width: 415px;
    padding: 19px 15px 15px;
}

.question-answer-section {
    margin-top: 75px;
}

    .question-answer-section h4, .question-answer-section label.custom-control-label {
        color: #0066CC;
        font-size: 18px;
        line-height: 24px;
        font-weight: bold;
        margin-bottom: 20px;
    }

    .question-answer-section label.custom-control-label {
        margin-bottom: 0;
        color: #3D5466;
        font-weight: normal;
    }

    .question-answer-section.register_section .custom-control-label::before, .question-answer-section.register_section .custom-control-label::after {
        top: 2px;
        border-color: #3D5466;
    }

    .question-answer-section h5, .question-answer-section textarea {
        font-size: 18px;
        line-height: 24px;
        color: #3D5466;
        margin-top: 15px;
        font-weight: bold;
    }

    .question-answer-section.register_section.login_section textarea.form-control {
        margin-top: 0;
        max-width: 100%;
        font-weight: normal;
    }

    .question-answer-section textarea.form-control::placeholder {
        color: #ccc;
    }

    .question-answer-section p {
        font-size: 18px;
        line-height: 24px;
        color: #3D5466;
        font-family: 'myriadpro-bold', sans-serif;
        margin-bottom: 15px;
    }

.ratings > input {
    display: none;
}

.ratings > label:before {
    margin-right: 5px;
    font-size: 30px;
    font-family: "Font Awesome 5 Free";
    content: "\f005";
    font-weight: 900;
}

.ratings > .half:before {
    content: "\f089";
    position: absolute;
    top: 20%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ratings > label {
    color: #ccc;
    float: right;
    cursor: pointer;
}

.ratings > input:checked ~ label, .ratings:not(:checked) > label:hover, .ratings:not(:checked) > label:hover ~ label {
    color: #3D5466;
}

/***** webinard detail page css *****/
.transcription_box_main {
    border: 1px solid #ccc;
}

.transcription_box {
    max-height: 638px;
    min-height: 638px;
    overflow-y: auto;
    height: auto;
    padding: 20px 18px 100px;
}



    /*.transcription_box:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        height: 200px;
        bottom: 0px;
        width: calc(100% - 15px);
        background: -webkit-gradient(linear,left bottom, left top,color-stop(0, #fff),to(hsla(0,0%,100%,0)));
        background: -o-linear-gradient(bottom,#fff 0,hsla(0,0%,100%,0));
        background: linear-gradient(0deg,#fff 0,hsla(0,0%,100%,0));
    }*/

    .transcription_box p {
        font-size: 18px;
        line-height: 26px;
        font-style: italic !important;
        margin-bottom: 1rem !important;
    }

    .transcription_box h2 {
        color: #3D5466;
        font-family: 'myriadpro-bold', sans-serif;
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 1rem !important;
    }

    .transcription_box ul, .transcription_box ol {
        list-style-type: disc;
        padding-left: 1.5rem !important;
        margin-bottom: 1rem !important;
        list-style: none;
    }

        .transcription_box ul li {
            font-size: 16px;
            line-height: 22px;
            display: list-item;
            margin-bottom: .25rem !important;
        }


.transcription_box_appnotes {
    padding: 20px 18px;
}

    .transcription_box_appnotes p {
        font-size: 18px;
        line-height: 26px;
        font-style: italic !important;
        margin-bottom: 1rem !important;
    }

    .transcription_box_appnotes h2 {
        color: #3D5466;
        font-family: 'myriadpro-bold', sans-serif;
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 1rem !important;
    }

.webinar-video p {
    color: #3D5466;
    /*font-size: 18px;
    line-height: 26px;*/
    margin-bottom: .5rem !important;
}

.webinar-abstract p {
    color: #3D5466;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 1rem !important;
}

.webinar-title p {
    color: #3D5466;
    /*font-size: 18px;
    line-height: 26px;*/
    margin-bottom: 1rem !important;
}
/*** ordering infp page css ***/
.offers-box i {
    font-size: 30px;
    margin-right: 12px;
    color: #ccc;
    padding-top: 3px;
}

/****spoint page css ****/
.shop-earn-section {
    max-width: 680px;
}

.shop_earn {
    width: 144px;
    height: 144px;
    border: 2px dashed #0066CC;
    padding: 4px;
    background-clip: content-box;
    -webkit-box-shadow: inset 0px 0px 0px 4px #fff;
    box-shadow: inset 0px 0px 0px 4px #fff;
}

    .shop_earn:not(:first-child):before {
        content: '';
        background-image: url(/getmedia/de7eb800-9999-47a0-844e-71fa648b2924/new-spoint-arrow.png);
        display: block;
        width: 100%;
        max-width: 118px;
        height: 20px;
        background-repeat: no-repeat;
        background-size: 100%;
        position: absolute;
        top: 62px;
        right: calc(100% + 9px);
        z-index: -1;
    }

.reedem_points_section {
    padding-bottom: 100px;
}

.points_section {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
}

.shop_earn img {
    width: auto;
    max-width: 45%;
}

.points_section h3 {
    width: 290px;
    padding: 14px 15px 8px 35px;
}

.points_block:not(:first-child) {
    margin-left: -15px;
}

.points_block {
    width: 190px;
    height: 190px;
    border-width: 15px;
    border-style: solid;
    padding: 12px 10px 5px;
    word-wrap: break-word;
    -webkit-box-shadow: 0 0px 0px 4px rgb(255,255,255);
    box-shadow: 0 0px 0px 4px rgb(255,255,255);
    z-index: 1;
}

    .points_block p {
        line-height: 1.2;
    }

    .points_block img {
        width: auto;
        max-width: 45%;
        margin-bottom: 5px;
    }

.reedem_points_main {
    margin-bottom: 40px;
}

.spoints_distributors.spex-distributors .distRibutorContact .mainBranchAddress {
    padding-left: 20px;
    padding-right: 20px;
}

    .spoints_distributors.spex-distributors .distRibutorContact .mainBranchAddress h4 {
        max-width: 275px;
        margin: 0 auto;
        padding-bottom: 10px;
    }

.spoints_distributors.spex-distributors .distRibutorContact i {
    font-size: 30px;
}

.custom-standard {
    padding: 20px 0 100px;
}

    .custom-standard textarea.form-control {
        height: 153px;
    }

.modal-header .close-modal {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto;
}

.close-modal {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

/*** corporate profile ***/
.corporate_prodile_section.row.text-center > div {
    border-left: 1px solid #3D5466;
}

    .corporate_prodile_section.row.text-center > div:first-child {
        border-left: 0;
    }

/*** blog page css ***/
.spex_blog_section_main {
    padding-top: 30px;
    padding-bottom: 150px;
}

.blog_overlay:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
}

.blog_posts_second > div > div:last-child {
    margin-top: 30px;
}

.blog_post_caption {
    position: absolute;
    bottom: 12px;
    left: 0;
    width: 100%;
    padding: 15px 15px 15px 40px;
}

.blog_posts:not(:last-child) {
    border-bottom: 2px solid #ccc;
    padding-bottom: 50px;
}

/**** my account page csss***/
.my-account .poster-tabs ul li {
    max-width: 50%;
}

.my-account .app-tab-content.event-tabs {
    padding-top: 55px;
}

.visa-card-box {
    border: 1px dashed #ccc;
    padding: 15px;
}

.spoint-reward-box {
    padding: 32px 15px 30px;
    border: 4px dashed #3D5466;
    max-width: 650px;
}

.item_descripition_modal {
    max-height: 480px;
    overflow-y: auto;
}
/*.item_descripition:before{
	content: "";
    display: block;
    position: absolute;
    left: 0;
    height: 150px;
    bottom: 0px;
    width: 100%;
	z-index:1;
    background: -webkit-gradient(linear,left bottom, left top,color-stop(0, #fff),to(hsla(0,0%,100%,0)));
    background: -o-linear-gradient(bottom,#fff 0,hsla(0,0%,100%,0));
    background: linear-gradient(0deg,#fff 0,hsla(0,0%,100%,0));
}*/
.redeem-numbers .quantity input[type=number] {
    padding: 9.5px 20px;
}

.redeem-numbers .quantity {
    max-width: 105px;
}

.popup-image-set {
    width: 60px;
    height: auto;
    max-width: fit-content;
    padding-right: 15px;
}

/**** drm portal css ***/
header.drm_portal_header {
    padding: 17px 0 15px;
}

.drm_portal_header_profile li {
    padding: 0 6px;
    border-right: 1px solid #ababab;
}

    .drm_portal_header_profile li:first-child {
        padding-left: 0;
    }

    .drm_portal_header_profile li:last-child {
        padding-right: 0;
        border-right: 0;
    }

    .drm_portal_header_profile li .dropdown i.icon {
        font-size: 30px;
        line-height: 1;
        margin-right: 3px;
    }

    .drm_portal_header_profile li .dropdown .dropdown-toggle::after {
        content: '\f107';
        border: 0;
        font-family: "Font Awesome 5 Free";
        font-weight: bold;
        vertical-align: middle;
        color: #3D5466;
    }

main.main-drm-portal {
    position: relative;
    min-height: calc(100vh - 100px);
}

.need-assistance-section {
    background-color: #161f2f;
    padding: 18px 0 10px;
}

    .need-assistance-section .click_btn {
        font-size: 18px;
        line-height: 1.5;
        padding: 12px 32px 12px;
    }

.drm-portal-main-section {
    padding: 80px 0px 70px;
}

    .drm-portal-main-section ul.nav {
        margin: 0 -15px;
    }

        .drm-portal-main-section ul.nav li {
            width: 100%;
            max-width: 13%;
            margin: 0 15px;
        }

    .drm-portal-main-section ul.nav-pills .nav-link {
        background-color: #3D5466;
        color: #fff;
        font-size: 18px;
        line-height: 24px;
        padding: 19.5px 10px;
        border-radius: 0;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .drm-portal-main-section ul.nav-pills .nav-link .icon {
            width: 40px;
            margin: auto auto 5px;
        }

            .drm-portal-main-section ul.nav-pills .nav-link .icon.icon6 {
                width: 48px;
            }

        .drm-portal-main-section ul.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
            background-color: #3D5466;
            -webkit-transform: scale(1.2);
            -ms-transform: scale(1.2);
            transform: scale(1.2);
        }

            .drm-portal-main-section ul.nav-pills .nav-link.active .icon, .nav-pills .show > .nav-link .icon {
                width: 50px;
            }

            .drm-portal-main-section ul.nav-pills .nav-link.active .icon6, .nav-pills .show > .nav-link .icon6 {
                width: 52px;
            }

    .drm-portal-main-section .tab-content {
        padding-top: 75px;
    }

        .drm-portal-main-section .tab-content .card {
            border: 1px solid #ccc !important;
        }

        .drm-portal-main-section .tab-content .card-header {
            background-color: #0066CC;
            padding: 17px 25px 14px;
            border-radius: 0;
        }

            .drm-portal-main-section .tab-content .card-header .btn {
                font-size: 21px;
                line-height: 28px;
                color: #fff;
                text-decoration: none;
            }

        .drm-portal-main-section .tab-content .card-body {
            background: #f5f5f5;
            padding: 20px 25px 15px;
            max-height: 780px;
            overflow-y: auto;
        }

            .drm-portal-main-section .tab-content .card-body .right_sidebar_list li {
                display: block;
            }

            .drm-portal-main-section .tab-content .card-body a, .drm-portal-main-section .tab-content .card-body a.collapsed {
                display: block;
                padding-bottom: 15px;
                font-size: 18px;
                line-height: 1.1;
                color: #3D5466;
                position: relative;
            }

                .drm-portal-main-section .tab-content .card-body a:hover, .drm-portal-main-section .tab-content .card-body a.collapsed:hover {
                    color: #3D5466;
                }

            .drm-portal-main-section .tab-content .card-body ul li {
                display: block;
                position: relative;
            }

            .drm-portal-main-section .tab-content .card-body ul.right_sidebar_list {
                padding-left: 20px;
            }

                .drm-portal-main-section .tab-content .card-body ul.right_sidebar_list li a {
                    font-size: 16px;
                }

            .drm-portal-main-section .tab-content .card-body .collapse-plus.collapsed > .accordion_arrow, .drm-portal-main-section .tab-content .card-body .collapse-plus > .accordion_arrow {
                position: absolute;
                left: -22px;
                -webkit-transform: rotate(0);
                -ms-transform: rotate(0);
                transform: rotate(0);
                -webkit-transition: all 0.6s ease;
                -o-transition: all 0.6s ease;
                transition: all 0.6s ease;
                height: 19px;
                width: 19px;
                text-align: center;
            }

                .drm-portal-main-section .tab-content .card-body .collapse-plus.collapsed > .accordion_arrow:before, .drm-portal-main-section .tab-content .card-body .collapse-plus > .accordion_arrow:before {
                    font-family: "Font Awesome 5 Free";
                    content: "\f0da";
                    color: #3D5466;
                    font-size: 18px;
                    font-weight: bold;
                    line-height: 1;
                    display: block;
                }

            .drm-portal-main-section .tab-content .card-body .collapse-plus > .accordion_arrow {
                -webkit-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                transform: rotate(90deg);
            }

            .drm-portal-main-section .tab-content .card-body li:not(.collapsed)[data-toggle="collapse"] > a {
                color: #3D5466;
            }

.portal_blog_main > div {
    margin: 15px 0;
}

.portal_box {
    border: 1px solid #ccc;
    padding: 15px;
}

    .portal_box img {
        margin: 33px auto;
    }

    .portal_box .pdf_btn {
        font-size: 21px;
        line-height: 28px;
        background-color: #0066CC;
        color: #fff;
        text-transform: uppercase;
        padding: 16px 15px 11px;
        width: 100%;
        text-align: center;
        margin-top: auto;
    }

        .portal_box .pdf_btn:hover {
            background-color: #3D5466;
        }

.drm-portal-main-section .filter_select .custom-select {
    padding-right: 30px;
}

.drm_portal_footer {
    padding-bottom: 20px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}


.drm-portal-main-section .tab-content .card .card-header ul li.accordion_submenu.collapsed > .accordion_arrow, .drm-portal-main-section .tab-content .card .card-header ul li.accordion_submenu > .accordion_arrow {
    position: absolute;
    left: -22px;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
    height: 28px;
    width: 28px;
    text-align: center;
}

    .drm-portal-main-section .tab-content .card .card-header ul li.accordion_submenu.collapsed > .accordion_arrow:before, .drm-portal-main-section .tab-content .card-header li.accordion_submenu > .accordion_arrow:before {
        font-family: "Font Awesome 5 Free";
        content: "\f0da";
        color: #fff;
        font-size: 21px;
        font-weight: bold;
        line-height: 1.2;
        display: block;
    }

.drm-portal-main-section .tab-content .card .card-header ul li.accordion_submenu > .accordion_arrow {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.product_specification_product_list .filter-product {
    max-width: calc(100% - 280px);
    margin-left: auto;
}

.spoint-card .spoint-card-header {
    padding: 35px 20px;
    border-bottom: 1px solid #ccc;
}

    .spoint-card .spoint-card-header img {
        width: auto;
        max-width: 55%;
    }

.spoint-card .spoint-card-body {
    padding: 24px 20px 20px;
}

    .spoint-card .spoint-card-body ul {
        padding-bottom: 35px;
    }

@media screen and (max-width: 767px) {
    .dataTables_wrapper .dataTables_paginate, .dataTables_wrapper .dataTables_info {
        text-align: center;
    }

    .advance_search_content_result.search-mobile-view .article-detail {
        width: calc(100% - 30px);
    }
}

@media screen and (max-width: 575px) {
    .dataTables_wrapper .dataTables_paginate .paginate_button.next, .dataTables_wrapper .dataTables_paginate .paginate_button.previous {
        display: block;
    }

    .dataTables_wrapper .dataTables_paginate {
        padding-top: 10px;
    }
}

/* landingpage */
.landingpage_section-top {
    background-color: #5a5b5d;
    padding: 15px 0px;
}

.landingpage_section {
    overflow: hidden;
    margin-top: 60px;
}

    .landingpage_section .spex-main-logo {
        padding: 0px 0px 60px 0px;
    }

.landingpage_section-top .spex-main-link {
    margin-bottom: 10px;
}

.landingpage_section-top p {
    font-size: 1rem;
}

.landingpage-block-desc h6 {
    line-height: normal;
}

.landingpage-block {
    margin-bottom: 30px;
}

.landingpage-block-desc {
    margin-top: 15px;
}

    .landingpage-block-desc p {
        font-size: 1.375rem;
        line-height: normal;
    }

.spex-btn {
    color: #fff;
    padding: 15px;
    font-size: 24px;
    width: 100%;
    max-width: 316px;
    margin-top: 30px;
    margin-bottom: 60px;
    border: 1px solid transparent;
}

    .spex-btn.bg-green:hover {
        background: #fff;
        border: 1px solid #3D5466;
        color: #3D5466;
    }

    .spex-btn.bg-saffron:hover {
        background: #fff;
        border: 1px solid #f8981d;
        color: #f8981d;
    }

a.spex-btn:hover {
    color: #fff;
}

.landingpage_section .landingpage_section-left {
    border-right: 1px solid #ccc;
}

.bg-saffron {
    background-color: #f8981d;
}

.landingpage_section-right .landingpage-block {
    margin-bottom: 55px;
}

.landingpage_section:after {
    content: "";
    position: absolute;
    width: 50%;
    background-image: url(../images/right-gradient.png);
    background-size: contain;
    bottom: -40px;
    z-index: -9;
    background-repeat: no-repeat;
    height: 240px;
    left: auto;
    background-position: right bottom;
    right: 0;
}

.landingpage_section:before {
    content: "";
    position: absolute;
    width: 50%;
    background-image: url(../images/left-gradient.png);
    background-size: contain;
    bottom: -40px;
    z-index: -9;
    background-repeat: no-repeat;
    height: 240px;
    right: auto;
    left: 0;
    background-position: left bottom;
}
/* landingpage end */

/* SPEXperience */
.SPEXperience-section {
    padding: 0px 0px 50px;
}

    .SPEXperience-section .SPEX-full {
        margin-bottom: 30px;
    }

.info-graph-main {
    max-width: 1050px;
    margin: 0 auto;
    width: 100%;
}

.info-graph-box {
    padding-top: 92px;
    color: #fff;
    min-height: 768px;
    position: relative;
    z-index: 0;
}

.experience-graph-box, .scope-graph-box, .selection-graph-box, .turn-graph-box, .tech-graph-box, .customs-graph-box {
    position: absolute;
    width: 444px;
    max-width: 100%;
}

.graph-box-content {
    position: relative;
    width: 100%;
    height: 275px;
}

.experience-graph-box .graph-box-content .title {
    background-color: #3D5466;
    border-radius: 15px 0 0 15px;
}

.experience-graph-box .graph-box-content .icon {
    background-color: #3D5466;
    top: -65px;
    right: 20px;
}

.experience-graph-box .graph-box-content .content {
    background-color: #3D5466;
    padding-top: 110px;
    top: 0;
    right: 0;
    border-radius: 0 15px 15px;
    padding-bottom: 20px;
}

.scope-graph-box, .tech-graph-box {
    top: 190px;
    left: 0;
}

    .scope-graph-box .graph-box-content .title {
        background-color: #592e84;
        border-radius: 0 15px 15px 0;
        position: absolute;
        bottom: 0;
        right: 0;
    }

.graph-box-content .title {
    width: 245px;
    font-weight: bold;
    font-size: 34px;
    padding: 25px 14px;
    text-align: center;
    z-index: 1;
}

.graph-box-content .icon {
    height: 168px;
    width: 168px;
    overflow: hidden;
    border: 10px solid #fff;
    position: absolute;
    border-radius: 100px;
    z-index: 2;
}

.scope-graph-box .graph-box-content .content {
    background-color: #592e84;
    padding: 10px 20px;
    border-radius: 15px 15px 0;
    top: 0;
    left: 0;
}

.graph-box-content .content {
    text-align: center;
    position: absolute;
    width: 203px;
    font-size: 21px;
    line-height: 27px;
    height: 275px;
    padding: 0px 10px;
}

.scope-graph-box .graph-box-content .icon {
    background-color: #592e84;
    bottom: -65px;
    left: 20px;
}

.graph-box-content .icon .icon-inside {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
}

    .graph-box-content .icon .icon-inside i {
        font-size: 80px;
    }

.selection-graph-box, .customs-graph-box {
    top: 585px;
    left: 0px;
}

.clear {
    clear: both;
}

.selection-graph-box .graph-box-content {
    height: 175px;
    border-radius: 15px;
    background-color: #ffca08;
}

    .selection-graph-box .graph-box-content .title {
        width: 275px;
    }

    .selection-graph-box .graph-box-content .icon {
        background-color: #ffca08;
        top: -85px;
        right: 20px;
    }

    .selection-graph-box .graph-box-content .content {
        width: 286px;
        padding: 0 20px;
        height: auto;
    }

.turn-graph-box .graph-box-content .title {
    background-color: #f18c20;
    border-radius: 15px 0 0 15px;
}

.turn-graph-box .graph-box-content .icon {
    background-color: #f18c20;
    top: -65px;
    right: 20px;
}

.turn-graph-box .graph-box-content .content {
    background-color: #f18c20;
    padding: 140px 20px 20px;
    top: 0;
    right: 0;
    border-radius: 0 15px 15px;
}

.tech-graph-box .graph-box-content .title {
    background-color: #0A4A7B;
    border-radius: 0 15px 15px 0;
    position: absolute;
    bottom: 0;
    right: 0;
}

.tech-graph-box .graph-box-content .icon {
    background-color: #0A4A7B;
    bottom: -65px;
    left: 20px;
}

.tech-graph-box .graph-box-content .content {
    background-color: #0A4A7B;
    border-radius: 15px 15px 0;
    top: 0;
    left: 0;
    padding: 35px 10px;
}

.customs-graph-box .graph-box-content {
    height: 175px;
    border-radius: 15px;
    background-color: #585c5f;
}

    .customs-graph-box .graph-box-content .icon {
        background-color: #585c5f;
        top: -85px;
        right: 20px;
    }

    .customs-graph-box .graph-box-content .content {
        width: 305px;
        padding: 0 5px;
        height: auto;
    }

.graph-box-content .icon .icon-inside i:before {
    color: #fff;
}


/* SPEXperience end */

.spoint-claim-card-header {
    padding: 10px 40px 15px 40px;
    border-bottom: 1px solid #ccc;
}

.spoint-border-gray {
    border: 1px solid #ccc;
}

.spoint-claim-card-body h3 {
    color: #54565b;
    padding-top: 20px;
    padding-bottom: 7px;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}

.spoint-Claim-card-footer {
    padding: 0 20px 20px 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

    .spoint-Claim-card-footer span {
        color: #3D5466;
        font-size: 21px;
        line-height: 27px;
        font-family: 'myriadpro', sans-serif;
        font-weight: normal;
    }

.spoint-Claim-button span {
    color: #54565b;
}

.btn-plus, .btn-minus {
    border: none;
    background-color: transparent;
    padding: 0;
}

.spoint-Claim-checkbox, .spoint-Claim-checkbox .custom-spoint-claim-label {
    position: relative;
}

    .spoint-Claim-checkbox .custom-spoint-claim-input {
        display: none;
    }

    .spoint-Claim-checkbox input:checked + label:after {
        content: "\f00c";
        font-family: "Font Awesome 5 Free";
        font-weight: bold;
        background-color: transparent;
        font-size: 10px;
        top: -8px;
        color: #54565b;
        left: -14px;
        position: absolute;
    }

.no-gutter {
    margin-right: -30px;
    margin-left: -30px;
}

    .no-gutter > .col, .no-gutter > [class*=col-] {
        padding-right: 30px;
        padding-left: 30px;
    }

.spoint-Claim-checkbox .custom-spoint-claim-label:before {
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    background-color: #ffffff;
    top: -9px;
    right: 0;
    left: auto;
    border: 2px solid #dddddd;
}

.spoint-Claim-button .btn-plus:before, .spoint-Claim-button .btn-minus:before {
    content: '\f068';
    color: #3D5466;
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
}

.spoint-Claim-button .btn-minus:before {
    content: "\f067";
}

.spoint-Claim-button .btn-minus {
    margin-left: 7px;
}

.spoint-Claim-button .btn-plus {
    margin-right: 7px;
}

.spoint-Claim-button {
    border: 2px solid #dddddd;
    padding: 5px 17px;
}

.Spoint-redeem-button {
    margin-top: 20px;
    margin-bottom: 40px;
}

.back-spoint {
    font-size: 18px;
    line-height: 24px;
    color: #3D5466;
    font-family: 'myriadpro', sans-serif;
    font-weight: normal;
    margin-left: 20px;
}

.spoint-claim-card-header img {
    max-width: 55%;
}


/*Landing pages start*/
.tile-width {
    width: 190px;
    display: flex;
    align-items: center
}

    .tile-width span {
        width: 100%;
    }

@media screen and (max-width: 575px) {
    .tile-width {
        width: 100%;
        margin-right: 0;
    }
}
/*Landing pages End*/

/* number under header*/
@media screen and (max-width: 768px) {
    .mobile-text {
        text-align: left;
    }
}
/* number under header End*/

.scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
}

.table-bordered td, .table-bordered th {
    border: 1px solid #3D5466;
}

.table-bordered {
    border: 1px solid #3D5466;
}

/*a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
    color: #3D5466;
}*/

.slider-nav-thumbnails .thumbnail-img-wrapper {
    padding: 4px;
    padding: 4px;
    width: 54px;
    width: 80px !important;
    height: 54px;
    height: 80px;
    border: 1px solid #3D5466;
    margin-top: 15px;
}


.product-link {
    height: 100%;
    border: 2px dotted #3D5466;
    width: 100%;
}


    .product-link ul, .reference-section ul {
        list-style: disc;
        padding-left: 20px;
    }

        .product-link ul li {
            display: list-item;
        }

            .product-link ul li a {
                color: #3D5466;
            }


            .product-link ul li::marker, .reference-section ul li::marker {
                color: #0066CC;
            }

.pesticides-ul li {
    width: 50%;
    float: left;
}

.text-dark {
    color: #3D5466 !important;
}


.request-cataloge .accordion-main.accordion .card .card-header,
.experience-chemist .accordion-main.accordion .card .card-header,
.career-section .accordion-main.accordion .card .card-header {
    border-bottom: 0px;
    border: 1px solid #3D5466;
}

.request-cataloge .accordion-main.accordion .card:last-child .card-header,
.experience-chemist .accordion-main.accordion .card:last-child .card-header,
.career-section .accordion-main.accordion .card:last-child .card-header {
    border-bottom: 2px solid #3D5466;
}

.request-cataloge .accordion-main.accordion .card .card-header,
.experience-chemist .accordion-main.accordion .card .card-header,
.career-section .accordion-main.accordion .card .card-header {
    background: #3D5466;
}

.request-cataloge .accordion-main.accordion .card .card-header.collapsed,
.experience-chemist .accordion-main.accordion .card .card-header.collapsed,
.career-section .accordion-main.accordion .card .card-header.collapsed {
    background: #F3F5F6;
}
.request-cataloge .accordion-main.accordion .card .card-header {
    background: transparent;
}

.request-cataloge .accordion-main.accordion .card .card-header:hover .btn span{
    color: var(--themeColor) !important
}
.request-cataloge .accordion-main.accordion .card .card-header .btn span {
    color: var(--themeColor);
}
.request-cataloge .accordion-main.accordion .card .card-header.collapsed .btn span {
    color: var(--colorGreyBlack);
}
.request-cataloge .accordion-main.accordion .card .card-header.collapsed .btn span {
    color: var(--colorGreyBlack);
}
.request-cataloge .accordion-main.accordion .card .card-header.collapsed:hover .btn.btn_plus:before{
    background-color: var(--themeColor) !important;
    color: #ffffff !important;
}
.request-cataloge .accordion-main.accordion .card .card-header .btn.btn_plus:before {
    background-color: var(--themeColor) !important;
    color: #ffffff !important;
}
.request-cataloge .accordion-main.accordion .card .card-header.collapsed .btn.btn_plus:before {
    color: var(--colorGreyBlack) !important;
    background-color: transparent !important;
}
.request-cataloge .accordion-main.accordion .card .card-header .btn.btn_plus:before{
    color: var(--colorGreyBlack);
    border-color: var(--colorGreyBlack) !important;
}
.request-cataloge .accordion-main.accordion .card-body {
    border-color: var(--colorGreyBlack) !important;
}
.request-cataloge .accordion-main.accordion .card {
    border-color: var(--colorGreyBlack) !important;
}
.request-cataloge .accordion-main.accordion .card .card-header{
    border:0 !important;
}

.request-cataloge .accordion-main.accordion .card .card-header .btn.btn_plus:before,
.experience-chemist .accordion-main.accordion .card .card-header .btn.btn_plus:before,
.career-section .accordion-main.accordion .card .card-header .btn.btn_plus:before {
    background-color: transparent;
    border-color: #EEEFF0;
}

.request-cataloge .accordion-main.accordion .card .card-header.collapsed .btn.btn_plus:before,
.experience-chemist .accordion-main.accordion .card .card-header.collapsed .btn.btn_plus:before,
.career-section .accordion-main.accordion .card .card-header.collapsed .btn.btn_plus:before {
    border-color: #3D5466;
}


.request-cataloge .accordion-main img {
    margin: 0;
    margin-bottom: 12px;
}

.request-checkbox .custom-control-input ~ .custom-control-label > span {
    border: 2px solid #3D5466;
}

.request-checkbox .custom-control-input:checked ~ .custom-control-label > span {
    border: 3px solid #0066CC;
}


.request-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background: #0066CC;
}


.request-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    font-family: 'icomoon';
    content: '\e928';
}


.app-tab-content a {
    text-decoration: none;
    color: #0066CC;
}

.app-tab-content .border-40 {
    border: none;
}

.portal_box .pdf_btn:hover {
    color: #fff;
}

.user-edit a,
.theme_container.organic_product .text-purple,
.theme_container.organic_product .specification .accordion .card .btn.collapsed:hover span,
.chemiical-processing a {
    color: #0066CC;
}


.theme_container.organic_product .cat-details a:hover p,
.theme_container.organic_product .cat-details a:hover h4,
.cat-details a:hover p, .cat-details a:hover h4,
.theme_container.organic_product .article-detail a:hover .cat-details p,
.theme_container.organic_product .article-detail a:hover .cat-details h4,
.theme_container.organic_product section.detail-products.inorganic_product .product_information p a.text-purple:hover,
.product-listing-description table.table tbody tr a,
.theme_container.organic_product section.specification .card-body.btn_minus a:hover,
.theme_container.organic_product section.product-list-section .filters_section .article-section .article-detail:hover .cart h4,
.theme_container.organic_product .filters_section .article-section .article-detail:hover .cat-details p,
.usp-calc a.text-green {
    color: #0066CC;
}


.register_section button.btn-block.theme-green {
    background: #3D5466;
    border: 1px solid #3D5466;
}


.checkout-details .checkout-tab.nav-tabs .nav-link.active span,
.product-listing-description table.table tbody tr a {
    color: #3D5466;
}


a.btn.btn-outline-primary, button.btn.btn-outline-primary {
    color: #0066CC;
    border-color: #0066CC;
}

    a.btn.btn-outline-primary:hover, button.btn.btn-outline-primary:hover {
        color: #fff;
        background-color: #0066CC;
        border-color: #0066CC;
    }


.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #0066CC;
}


.literature-thumbnails {
    border: 2px solid #3D5466;
}

.literature-thumbnails-a {
    font-size: 18px;
    line-height: 24px;
    color: #3D5466;
    margin-bottom: 1rem;
    font-weight: bold;
    text-align: left;
    width: 100%;
}

.poster-tab-content a:hover p,
.poster-tab-content a:hover i {
    color: #0066CC;
}

.usp-calc button.btn.btn-block.btn_primary.btn-Ups {
    border: 2px solid #9DAEB7 !important;
    background: #9DAEB7;
    color: #fff;
}

.news-section a:hover, .archive-box .year-detail:hover .text-darkgray {
    color: #0066CC;
}
/*header links*/
.header-part {
    border-bottom: 3px solid #0066CC;
}

    .header-part > a:hover {
        color: #0066CC;
    }
/*product image slider*/

.image-slider {
    width: 100%
}
/*To reduce periodic table product image size*/
.periodic-img {
    width: 25% !important
}

.UV-class {
    margin-top: 50px !important;
}

.out-of-stock {
    color: #0066CC !important;
}

    .out-of-stock:hover {
        color: #3D5466 !important;
    }

.zero-price:hover {
    color: #3D5466 !important;
}

.image-border {
    border: 2px solid #3D5466;
}



/*notification banner on home page*/

.notif-message {
    font-size: 1.125rem;
}

.notif-banner-button:hover {
    background: transparent;
    text-decoration: none;
    text-decoration-color: white;
    color: white;
    border: 1px solid white;
}

/*@font-face{
    font-family:Gotham Bold;
    src:url(../fonts/Gotham-Bold.otf)
}*/

.main_slider .slider-img .main-text .h1 {
    font-size: 1.8em;
    line-height: 35px;
    font-weight: 800; 
    color: var(--themeColor) !important;
    /*font-family: 'gotham-bold';*/
}

.main_slider .slider-img .main-text-right .h1 {
    font-size: 1.8em;
    line-height: 35px;
    font-weight: 800;
    font-family: 'gotham-bold';
}

.main_slider .slider-img .main-text .h3 {
    font-size: 1.8em;
    line-height: 35px;
    font-weight: 800;
    text-transform: uppercase;
    color: #0066CC;
}

.main_slider .slider-img .main-text-right .h3 {
    line-height: 1.25em;
    text-transform: uppercase;
    font-family: nunito;
    font-weight: 400;
    color: #0066CC;
}

.custom-form-section {
    font-weight: 600;
    color: #133156;
    padding: 10px 0;
    border-bottom: 3px solid #0066CC;
}

.custom-form-text {
    font-size: 16px;
    color: grey;
}

.custom-form-label {
    font-size: 20px;
    color: grey;
}

.custom-form-input {
    width: 30%;
    border: 1px solid #bbb;
    padding: 3px;
}

.custom-form-button {
    text-transform: capitalize;
    font-weight: 100;
    background-color: #3d5466;
}




/*Custom Form*/
.file-block {
    border-radius: 10px;
    margin: 5px;
    display: inline-flex;
}

.file-delete {
    display: flex;
    width: 24px;
    background-color: #6eb4ff00;
    justify-content: center;
    margin-right: 3px;
    cursor: pointer;
}

    .file-delete:hover {
        background-color: rgba(144, 163, 203, 0.2);
        border-radius: 10px;
    }

/*zepto notification popup*/
@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-100%);
    }

    to {
        opacity: 1;
        transform: translateY(0%);
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
        transform: translateY(0%);
    }

    to {
        opacity: 0;
        transform: translateY(-100%);
    }
}

.product-list-border-top {
    border-top: 1px dashed #b7b7b7 !important;
}

/*.equipment-product-image {
    max-width: 280px;
    max-height: 280px;
}*/

/*.product-img-div {
    max-height: 350px;
    max-width: 350px;
}*/

.btn-video-category-filter {
    border: none;
    background: none
}
.foa-category-box a, .related-prod-info h5, .product-category-box a {
    color: #5A5B5D;
}
.newsletter-container:before {
    left: 0;
    width: 192px;
    height: 117px;
    position: absolute;
    background: url(/Content/images/footer-shade-left.png) no-repeat;
    content: "";
}
.newsletter-container:after {
    right: 0;
    width: 255px;
    height: 117px;
    position: absolute;
    background: url(/Content/images/footer-shade-right.png) no-repeat;
    content: "";
}


.border-blue{
    border: 2px solid #0066cc;
}
header.header.sticky .navbar ul.navbar-nav li.dropdown:last-child ul.sub-menu {
    left: auto;
}


/*shraddha css start*/

/*common Css start*/
.themeColor {
    color: var(--themeColor) !important;
}
.bgThemeColor {
    background-color: var(--themeColor) !important;
}

.colorGreyBlack {
    color: var(--colorGreyBlack) !important;
}
.bgGreyBlack {
    background-color: var(--colorGreyBlack) !important
}

.font24 {
    font-size: var(--font24) !important;
    line-height: 1.2;
}.font26 {
    font-size: var(--font26) !important;
    line-height: 1.2;
}
.font28 {
    font-size: var(--font28) !important;
    line-height: 1.2;
}
.pt-70{
    padding-top:70px !important;
}
.pb-70 {
    padding-bottom: 70px !important;
}
.py-70{
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}

.products-list .redirect-link{
    line-height: 1;
}
.border-leftDiv {
    border-left: 1px solid
}

.bgLightGrey {
    background-color: #F3F5F6;
}

.theme-title span {
    background-color: #ffffff;
    padding: 0 25px;
    color: var(--colorGreyBlack);
}
.theme-title::before {
    position: absolute;
    content: "";
    background: var(--colorGreyBlack);
    height: 1px;
    width: 100%;
    top: 50%;
    left: 0;
    border-radius:50%;
    z-index: -9;
}

.customUl{
    position:relative;
}
.customUl::after {
    position: absolute;
    content: "";
    height: 8px;
    width: 8px;
    background: var(--colorGreyBlack);
    top: 43%;
    transform: translateY(-50%);
    border-radius: 50%;
    left: -20px;

}

.footer {
    background-color: var(--colorGreyBlack)
}


.slider-nav-thumbnails .slick-track{
    width: 100% !important;
}
.slider-nav-thumbnails .slick-track .slick-slide{
    border: 1px solid !important;
    margin-right: 20px;
    width: calc(91% / 4) !important;
    padding:10px; 
    margin-bottom: 15px;
}
.slider-nav-thumbnails .slick-track .slick-slide:last-child{
    margin-right:0 !important
}

.specification .login_section .submit-btn {
    padding: 7px 12px;
    max-width: 180px;
}
.specification #accordionExamplespectification .card,
.specification .accordion .btn.collapsed i, .specification .accordion .btn i {
    border-color: var(--colorGreyBlack)
}

.accessoriesTitle{
    color: #ffffff;
    background-color: var(--themeColor)
}
.accessories-list .table td,
.accessories-list .table th{
    padding: 10px;
    line-height: 1;
}

.list-header select {
    background-color: #9CAEB7;
    color: #ffffff;
    border: 0;
    font-size: 18px;
    padding:8px;
}

.directionAccordion.accordion-main.accordion .card .card-header {
    padding: 9px 1.125rem 6px;
}
.directionAccordion.accordion-main.accordion .card .card-header:hover .btn span{
    color: var(--themeColor) !important
}

.directionAccordion.accordion-main.accordion .card-body .request-padding h4 {
    display: none;
}
.directionAccordion.accordion-main.accordion .card-body .request-padding p{
    font-size: 18px;
    color: var(--colorGreyBlack)
}
.directionAccordion.accordion-main.accordion .card .card-header {
    background-color: #F3F5F6;
    border-color: var(--colorGreyBlack)
}

.directionAccordion.accordion-main.accordion .card .card-header.collapsed .btn span {
    color: var(--colorGreyBlack)
}
.directionAccordion.accordion-main.accordion .card .card-header .btn span {
    color: var(--themeColor)
}
.directionAccordion.accordion-main.accordion .card {
    border-color: var(--colorGreyBlack) !important;
}
.accordion > .card:not(:first-of-type) .card-header:first-child{
    border-color: var(--colorGreyBlack)
}


.directionAccordion.accordion-main.accordion .card .card-header:hover .btn.btn_plus:before{
    color: #ffffff !important;
    background-color: var(--themeColor) !important

}
.corporateBanneImg{
    width:100%;
    height: 450px;
    object-fit: cover
}

.application-description p{
    font-size: var(--font22);
    line-height: var(--lineHeight28);
}
/*shraddha css end*/
/*shraddha css end*/
/*chaitanya css start*/
.selectedAccessoryType {
    color: white;
    background-color: #007ac2;
}
/*chaitanya css end*/

/*.bioz-container-product *, .bioz-container-search * {
    all: revert !important;
}*/

.bioz-container-product a:hover {
    color: #007AC2 !important;
    background: transparent !important;
}

.bioz-container table {
    all: revert !important;
}

.bioz-container-search td {
    font-size: revert !important;
    font-weight: revert !important;
    line-height: revert !important;
    color: revert !important;
    border: revert !important;
    padding: revert !important;
}