/* devanagari */
    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 300;
        src: local('Poppins Light'), local('Poppins-Light'), url(../fonts/pxiByp8kv8JHgFVrLDz8Z11lFc-K.woff2) format('woff2');
        unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
    }

    /* latin-ext */
    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 300;
        src: local('Poppins Light'), local('Poppins-Light'), url(../fonts/pxiByp8kv8JHgFVrLDz8Z1JlFc-K.woff2) format('woff2');
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }

    /* latin */
    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 300;
        src: local('Poppins Light'), local('Poppins-Light'), url(../fonts/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }

    /* devanagari */
    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        src: local('Poppins Regular'), local('Poppins-Regular'), url(../fonts/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2');
        unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
    }

    /* latin-ext */
    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        src: local('Poppins Regular'), local('Poppins-Regular'), url(../fonts/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }

    /* latin */
    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        src: local('Poppins Regular'), local('Poppins-Regular'), url(../fonts/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }

    /* devanagari */
    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 500;
        src: local('Poppins Medium'), local('Poppins-Medium'), url(../fonts/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2) format('woff2');
        unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
    }

    /* latin-ext */
    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 500;
        src: local('Poppins Medium'), local('Poppins-Medium'), url(../fonts/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2');
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }

    /* latin */
    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 500;
        src: local('Poppins Medium'), local('Poppins-Medium'), url(../fonts/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }

    /* devanagari */
    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 600;
        src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url(../fonts/pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2) format('woff2');
        unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
    }

    /* latin-ext */
    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 600;
        src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url(../fonts/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format('woff2');
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }

    /* latin */
    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 600;
        src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url(../fonts/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }

    /* devanagari */
    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 700;
        src: local('Poppins Bold'), local('Poppins-Bold'), url(../fonts/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format('woff2');
        unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
    }

    /* latin-ext */
    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 700;
        src: local('Poppins Bold'), local('Poppins-Bold'), url(../fonts/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2');
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }

    /* latin */
    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 700;
        src: local('Poppins Bold'), local('Poppins-Bold'), url(../fonts/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }

    /* devanagari */
    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 800;
        src: local('Poppins ExtraBold'), local('Poppins-ExtraBold'), url(../fonts/pxiByp8kv8JHgFVrLDD4Z11lFc-K.woff2) format('woff2');
        unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
    }

    /* latin-ext */
    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 800;
        src: local('Poppins ExtraBold'), local('Poppins-ExtraBold'), url(../fonts/pxiByp8kv8JHgFVrLDD4Z1JlFc-K.woff2) format('woff2');
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }

    /* latin */
    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 800;
        src: local('Poppins ExtraBold'), local('Poppins-ExtraBold'), url(../fonts/pxiByp8kv8JHgFVrLDD4Z1xlFQ.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }

    /* devanagari */
    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 900;
        src: local('Poppins Black'), local('Poppins-Black'), url(../fonts/pxiByp8kv8JHgFVrLBT5Z11lFc-K.woff2) format('woff2');
        unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
    }

    /* latin-ext */
    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 900;
        src: local('Poppins Black'), local('Poppins-Black'), url(../fonts/pxiByp8kv8JHgFVrLBT5Z1JlFc-K.woff2) format('woff2');
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }

    /* latin */
    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 900;
        src: local('Poppins Black'), local('Poppins-Black'), url(../fonts/pxiByp8kv8JHgFVrLBT5Z1xlFQ.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }

    html, body, h1, h2, h3, h4, h5, h6, span, a, i, p, code, pre, ul, li, ol {
        /*font-family: 'Assistant', sans-serif;*/
        font-family: 'Poppins', sans-serif;
        margin: 0;
        padding: 0;
    }

    body {
        font-size: 14px;
    }

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

    a:hover, a:focus {
        color: inherit;
        opacity: .9;
    }

    h1, h2, h3, h4 {
        font-weight: bold;
    }

    h1 {
        font-size: 4em
    }

    h2 {
        font-size: 2.4em
    }

    h3 {
        font-size: 2em
    }

    h4 {
        font-size: 1.8em
    }

    h5 {
        font-size: 1.5em;
        padding: 15px 0px 5px;
    }

    h6 {
        font-size: 1.2em;
    }

    p {
        font-size: 1em;
    }

    p.small {
        font-size: 0.9em
    }

    p.verysmall {
        font-size: 0.83em;
    }

    p.big {
        font-size: 1.2em;
    }


    .clr-white {
        color: #fff !important;
    }

    .clr-black {
        color: #000;
    }

    .clr-themecolor {
        color: #1a237e
    }

    .clr-darkgrey {
        color: #5A5A5A;
    }

    .clr-lightgrey {
        color: #929292;
    }

    .bg-white {
        background-color: #fff;
    }

    .bg-black {
        background-color: #000;
    }

    .bg-themecolor {
        background-color: #1a237e
    }

    .bg-darkgrey {
        background-color: #242424;
    }

    .bg-lightgrey {
        background-color: #efefef;
    }


    ul {
        list-style: none;
    }

    ul.leftfloat li {
        float: left;
    }

    .height100vh {
        min-height: 100vh;
    }

    .height100 {
        height: 100%;
    }


    .br5 {
        border-radius: 5px;
    }

    .title2 h2 {
        margin-bottom: 20px;
    }

    .title2 h2 span {
        position: relative;
    }

    .title2 h2 span:before {
        content: '';
        height: 2px;
        width: 80px;
        right: -100px;
        position: absolute;
        background: #1a237e;
        top: 50%;
    }

    a.op09:hover {
        color: inherit;
        opacity: 0.95;
    }

    .btn-white {
        color: #ffffff;
    }

    .btn-white:hover {
        color: #ffffff;
        opacity: .9;
    }

    .btn-search-slt {
        border-radius: 5px !important;
        min-width: auto !important;
    }

    button:hover {
        opacity: 0.9;
    }

    /*btn focus box-shadow*/
    .btn:focus {
        box-shadow: none !important;
    }

    .form-control:focus {
        border-color: #1a237e;
        box-shadow: none;
    }

    /*****  header Css  *****/
    header {
        position: relative;
        z-index: 999;
    }

    .topbar-links li a {
        color: #fff;
    }

    .topbar-links li {
        padding: 0px 0px 0px 20px;
    }

    .topbar-links li:first-child {
        padding: 0;
    }

    .header {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    }

    .topbar {
        background-color: #1a237e;
        padding: 6px 0;
    }

    .topbar-heading {
        font-size: 1.05em;
    }

    .topmenu .btn {
        border-radius: 20px;
        min-width: 100px;
        text-align: center;
        margin-left: 5px;
        font-size: 1em;
    }

    .navbar {
        padding-left: 0;
        padding-right: 0;
    }

    .bg-transparent-topmenu {
        background: transparent !important;
    }

    .bg-white-topmenu {
        background: white;
    }

    .fixed .form-inline .bg-white {
        background-color: #1a237e !important;
        color: #ffffff;
    }

    .logo-white .img-1 {
        display: block;
    }

    .logo-white .img-2 {
        display: none;
    }

    .logo-purple .img-1 {
        display: none;
    }

    .logo-purple .img-2 {
        display: block;
    }

    .btn-outline-themecolor {
        background-color: transparent;
        border-color: #1a237e;
    }

    .btn-outline-themecolor:hover {
        background-color: #1a237e;
        border-color: transparent;
        color: #ffffff;
    }

    /*sticky header css*/
    .float-panel {
        width: 100%;
        /*background:white;*/
        z-index: 300;
        transform: translateZ(0);
        transition: all 0.5s;
    }

    .fixed {
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);

    }

    .fixed .navbar-brand img {
        max-width: 120px !important;
        margin-right: 89px;
    }

    .fixed .navbar-brand .img-2 {
        display: block;
    }

    .fixed .navbar-brand .img-1 {
        display: none;
    }

    .topmenu.fixed {
        background-color: #ffffff !important;
    }

    /*custom radio btn css*/
    .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
        background-color: #1a237e;
    }

    .custom-control-input:checked ~ .custom-control-label::before {
        color: #fff;
        background-color: #1a237e;
    }

    .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: none;
    }

    /*custom checkbox css*/
    .custom-checkbox {
        border-bottom: 1px solid #F6F6F7;
        padding-bottom: .5rem;
        margin-bottom: .5rem;
    }

    .custom-checkbox:last-child {
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
        background-color: #1a237e;
    }

    .custom-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
        content: "\4c" !important;
        padding: 0 5px;
        vertical-align: middle;
        font-family: "untitled-font-1";
    }

    /*input-box css*/
    .findrequirments .container {
        max-width: 1300px;
    }

    .inp-file {
        height: auto !important;
    }

    .inp {
        position: relative;
        margin: auto;
        width: 100%;
    }

    .inp .label {
        position: absolute;
        top: 13px;
        left: 0;
        font-size: 1.1em;
        color: #9098a9;
        font-weight: 500;
        transform-origin: 0 0;
        transition: all 0.2s ease;
        margin-left: 10px;
        padding: 0 10px;
    }

    .inp input, .inp select, .inp-textarea {
        -webkit-appearance: none;
        width: 100%;
        border: 0;
        padding: 12px 25px;
        height: 48px;
        font-size: 1.1em;
        font-weight: 500;
        border: 2px solid transparent;
        border-radius: 0;
        color: #223254;
        transition: all 0.15s ease;
        border-radius: 3px;
        background: rgba(34, 50, 84, 0.06)
    }

    .inp select {
        padding: 2px 25px;
        height: 47px !important;
        color: #9098a9 !important;
    }

    .inp .inp-textarea {
        height: auto;
        /*resize: none;*/
    }

    .inp input:hover, .inp select:hover {
        background: rgba(34, 50, 84, 0.03);
    }

    .inp input:not(:placeholder-shown) + span, .inp-textarea:not(:placeholder-shown) + span, .inp input:not(:placeholder-shown) + label + span, .inp-textarea:not(:placeholder-shown) + label + span {
        color: #1a237e;
        transform: translateY(-20px) scale(0.75);
        background-color: #fff;
    }

    .inp select:not(:placeholder-shown) + span, .inp select:not(:placeholder-shown) + label + span {
        color: #1a237e;
        transform: translateY(-21px) scale(0.75);
        background-color: #fff;
        font-size: 1.3em;
    }

    .inp:focus {
        outline: none;
    }

    .inp input:focus, .inp select:focus, .inp-textarea:focus {
        background: none;
        outline: none;
        border: 2px solid #1a237e;
    }

    .inp input:focus + span, .inp select:focus + span, .inp-textarea:focus + span, .inp input:focus + label + span, .inp select:focus + label + span, .inp-textarea:focus + label + span {
        color: #1a237e!important;
        transform: translateY(-20px) scale(0.75);
        background-color: #fff;
    }

    .inp input:focus + .label_div {
        color: #1a237e;
        transform: translateY(-20px) scale(0.75);
        background-color: #fff;
    }

    /*product-listing section css*/
    .box-section {
        border-radius: 10px;
        width: 100%;
        margin-bottom: 30px;
        overflow: hidden;
    }

    .box-section.goldmember {
        border: 1px solid #FFD700;
    }

    .box-section .box-content .box-min-desc a{
        font-weight: 500;
    }

    .box-banner-section {
        overflow: hidden;
        width: 100%;
        height: 200px;
        border-radius: 4px;
        position: relative;
    }

    .box-banner-section:after {
        content: '';
        background-image: url('../images/curve-shape.svg');
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100px;
        height: 20px;
    }

    .box-banner-section img {
        object-fit: cover;
        height: 100%;
    }

    .box-content {
        background-color: #ffffff;
    }

    .box-content-title {
        font-size: 1.2em;
    }

    .box-content-title a {
        color: #000000;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        max-width: 100%;
    }

    .box-content h5 {
        font-size: 1.15em;
        font-weight: 600;
    }

    .box-icon-section {
        position: relative;
        color: #949494;
    }

    .box-content .btn {
        background-color: #1a237e;
    }

    .table td.text {
        max-width: 177px;
    }

    .table td.text span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        max-width: 100%;
    }

    .box-min-desc {
        height: 65px;
        overflow: hidden;
    }


    /*footer css*/
    .custom-placehoder input[placeholder] {
        color: #F1F1F1 !important;
    }

    .footer-link {
        color: #fff;
    }

    .subscribe-text {
        background-color: transparent;
        padding: 1rem;
        border: 1px solid #ffffff;
        border-radius: 4px;
        width: 100%;
    }

    .white-bottom-border:after {
        content: "";
        display: block;
        margin: 0 auto;
        width: 100%;
        border-bottom: 1px solid #ffffff;
        padding-bottom: 1.5rem;
    }

    .bg-footer .social-section ul li:last-child {
        margin-right: 0 !important;
    }

    .arrow-right {
        padding-left: 5px;
    }

    .view-arrow {
        position: relative;
        display: inline-block;
        margin-bottom: 20px;
        font-size: 1.3em;
    }

    .view-arrow:after {
        content: "\4c";
        font-family: "untitled-font-1";
        vertical-align: middle;
    }

    .breadcrumb-item.active {
        color: #1a237e;
    }

    .text-grey-lighter {
        color: #929292;
    }

    .font-weight-medium {
        font-weight: 600;
    }

    /*exit popup css*/
    #send_inquiry_modal button.close {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 9;
    }

    .product_view .modal-dialog {
        max-width: 1100px;
        /* width: 100%;*/
    }

    .custom-modal-content {
        overflow: hidden;
        color: #fff;
        position: relative;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .modal-gradient-overlay {
        z-index: 99999;
        position: absolute;
        height: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
    }

    .modal-gradient-overlay:before {
        content: '';
        top: 0;
        left: 0;
        position: absolute;
        height: 100%;
        width: 100%;
        z-index: 9;
        background: #b92b27;
        background: -webkit-linear-gradient(to left, #1565C0, #b92b27);
        background: linear-gradient(to left, #1565C0, #b92b27);
        opacity: 0.85;
    }

    .custom-modal-content .col-md-4 {
        padding: 0;
    }

    .product_img {
        position: relative;
        z-index: 999999;
        padding: 25px;
    }

    .modal-product-img {
        overflow: hidden;
        width: 100%;
        height: 300px;
        border-radius: 5px;
        position: relative;
        /* border: 4px solid #fff;*/
        background-color: #ffffff;
    }

    .modal-product-img img {
        object-fit: cover;
        height: 100%;
        width: 100%;
    }

    .modal-product-desc h4 {
        margin-top: 20px;
    }

    .modal-desc {
        margin-top: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid rgba(255, 255, 255, .8);
    }


    .modal-list-section .custom-btn {
        border-radius: 4px !important;
    }

    .modal-list-section ul li:last-child {

        margin-right: 0;

    }

    .modal-product-address {
        margin-bottom: 10px;
    }

    .big-title {
        /*font-size: 80px;*/
    }

    .list-modal-desc {
        font-size: 20px;
    }

    .custom-modal-content textarea {
        /*resize: none;*/
    }

    /*loader css*/
    #loader {
        position: absolute;
        z-index: 9;
        background: #efefef;
        padding-top: 100px;
        width: 100%;
        height: 100%;
        padding-left: 38%;
    }

    /*** after development css ***/

    .navbar-searchbox select {
        width: 120px !important;
        flex: 0 100 auto !important;
        -webkit-box-flex: 0 !important;
        display: inline-block;
        background: #eee;
        height: calc(2.25rem + 6px) !important;
    }

    .topmenu .fixed {
        background-color: #ffffff;
    }

    .border-top-white {
        border-top:1px solid #2b2a29;
    }

    .bg-footer {
        background-color: #1b1b1b;
        background-image: url(/public/front/images/bg3.svg);
        background-repeat: repeat-x;
        background-position: bottom center;
        background-size: contain;
    }

    footer h6 {
        color: #878787;
        font-size: 14px;
    }

    .border-top-white p a {
        color: #ffffff;
    }

    .pagination {
        justify-content: center;
    }

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

    .page-link:hover {
        color: #1a237e;
        text-decoration: none;
        background-color: #e9ecef;
        border-color: #dee2e6;
    }

    .page-link {
        color: #1a237e;
    }

    .page-link:focus {
        box-shadow: none;
    }

    /*** vj's css ***/

    .company-logo .icon a img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    .company-logo .icon a {
        display: block;
        height: 40px;
        width: 40px;
        float: left;
        margin: 0 10px 0 3px;
        border-radius: 50%;
        overflow: hidden;
    }

    .company-logo span.comp {
        padding: 13px 0;
        display: block;
    }

    .company-logo {
        margin-top: -15px;
        position: relative;
    }

    div#cityList ul li a {
        color: #666;
        font-size: 0.85em;
    }

    div#cityList {
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        overflow: hidden;
        /*z-index: 9;*/

    }

    div#cityList .city-dropdown {
        overflow-y: scroll;
        overflow-x: hidden;
        max-height: 200px;
        width: 100%;
    }

    div#cityList .city-dropdown li {
        text-align: left;
    }

    .box-section {
        transition: all 0.3s ease;
    }

    .box-section:hover {
        box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);
        transition: all 0.5s ease;
    }

    /*dropdown icon css*/
    [include*="form-input-select()"] {
        display: block;
        padding: 0;
        position: relative;
        color: #005ba6;
        display: block;
        border-radius: 0;
        box-shadow: none;
        font-size: 16px;
        margin-bottom: 15px;
        width: 100%;
    }

    [include*="form-input-select()"]::after {
        content: '';
        display: block;
        position: absolute;
        pointer-events: none;
        z-index: 2;
    }

    [include*="form-input-select()"] select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        box-sizing: border-box;
        width: 100%;
        margin: 0;
        font-size: .875rem;
        outline: none;
        transition: all .3s linear;

    }

    [include*="form-input-select()"] select:focus {
        background-color: #ffffff;
        outline: none;
    }

    [include*="form-input-select()"] option {
        font-weight: normal;
    }

    [include*="form-input-select()"] x:-o-prefocus, [include*="form-input-select()"]::after {
        display: none;
    }

    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        [include*="form-input-select()"] select::-ms-expand {
            display: none;
        }

        [include*="form-input-select()"] select:focus::-ms-value {
            background: #ffffff;
            color: #000;
        }
    }

    @-moz-document url-prefix() {
        [include*="form-input-select()"] {
            overflow: hidden;
        }
        [include*="form-input-select()"] select {
            width: 120%;
            width: calc(100% + 3em);
        }
        @supports (-moz-appearance: none) {
            [include*="form-input-select()"] select {
                width: 100%;
                padding-right: 37px;
            }
        }
        [include*="form-input-select()"] select:-moz-focusring {
            color: transparent;
            text-shadow: 0 0 0 #000;
        }
    }

    @supports (-moz-appearance: none) {
        [include*="form-input-select()"] {
            width: 100%;
        }
    }

    [include*="form-input-select()"]::after {
        content: '';
        display: block;
        position: absolute;
        pointer-events: none;
        border: 1px solid transparent;
        width: 0;
        height: 0;
        right: 16px;
    }

    [include*="form-input-select()"]::after {
        border-width: 8px 6.5px 0 6.5px;
        border-top-color: #d6d6d6;
        top: 40%;
    }

    [include*="form-input-select()"]:hover select:focus {
        outline-color: transparent;
        border-color: transparent;
        box-shadow: none;
    }

    [include*="form-input-select()"] select:focus {
        outline-color: transparent;
        border-color: transparent;
        box-shadow: none;
    }

    [include*="form-input-select()"] select[disabled], [include*="form-input-select()"] select:disabled {
        opacity: 0.4;
        cursor: not-allowed;
    }

    .custom-select-header-box {
        width: auto;
        margin-bottom: 0;
    }

    .custom-select-header-box select {
        padding: 0 10px;
        border-radius: 5px 0 0 5px;
        padding-right: 37px;
        /*font-weight: 600;*/
        font-size: 16px;
    }

    .custom-select-header-box select:focus, .custom-select-header-box:hover select:focus {
        border-radius: 5px 0 0 5px;
        border-color: #dee2e6;
        box-shadow: none;
        background-color: #eee;
    }

    /*responsive sidebar css*/
    .menu-item-wrapper {
        /* width: 180px;*/
        padding: 10px 0 10px 10px;
        position: relative;
        z-index: 6;
        box-sizing: border-box;
        height: 100%;
    }

    .sub-menu ul {
        padding: 0 40px 0 15px;
    }

    .sub-menu li {
        margin-bottom: 8px;
    }

    .sub-menu a {
        color: #333;
        font-size: 14px;
    }

    .sub-menu b {
        display: block;
        /*margin-bottom: 15px;*/
        font-size: 16px;
    }

    .sub-menu {
        padding: 30px 0 20px;
        background: #f8f8f8;
        position: absolute;
        z-index: 9;
        width: 100%;
        border: 1px solid #cccccc69;
        left: 0;
        right: 0;
        margin: 0 auto;
        box-sizing: border-box;
        display: none;
    }

    .menu-item.active .sub-menu {
        display: block;
    }

    .menu-item.active {
        background: #394297;
    }

    .menu-item:hover .menu-item-wrapper a, .menu-item.active .menu-item-wrapper a {
        color: #ffffff;
    }

    .menu-item-wrapper:after {
        font-family: "untitled-font-1";
        content: "\71";
        position: absolute;
        right: 35%;
        top: 0;
        color: #ffffff;
        cursor: pointer;
        margin-top: 14px;
        transition: all .3s linear;
        font-size: 10px;
        font-weight: normal;
    }

    .menu-item:last-child .menu-item-wrapper:after {
        right: 21%;
    }

    .menu-item-wrapper:last-child:after {
        content: "\4c";
    }

    .menu-item.active .menu-item-wrapper:after {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .menu-item:last-child a.clr-white.d-block {
        display: block !important;
    }

    .menu-item:last-child.active .menu-item-wrapper:after {
        transform: rotate(0);
    }

    li.menu-item.col-xl-2.col-md-3 {
        padding: 0;
    }

    .menu-item {
        margin: 0 5px;
        cursor: pointer;
        position: static;
    }

    .menu-item-wrapper:after {

        right: auto;

    }

    a.clr-white.d-block {
        display: inline-block !important;
        padding-right: 10px;
    }

    .sub-menu a {
        font-weight: normal;
    }


    /*slider box css*/
    .r-company-name, .r-company-add {
        overflow: hidden;
        width: 150px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .category-listing .r-company-name{
        /*width: auto;*/
        height: 40px;
        word-break: break-all;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }


    .sub-category-listing .r-company-name{
        /*width: 150px;
        height: 40px;*/
        width: auto;
        word-break: break-all;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: inherit;
    }

    .sub-category-listing .float-left{
        min-height: 55px;
    }

    
    .sub-category-listing .circle-rounded{
        width: 45px !important;
        height: 45px !important;
        border-radius: 50%;
        background-color: #F1F1F1;
        position: absolute;
        bottom: 40px;
        right: 25px;
    }

    /********** Custom Icon Fonts ************/

    @charset "UTF-8";

    @font-face {
        font-family: "untitled-font-1";
        src: url("../fonts/untitled-font-1.eot");
        src: url("../fonts/untitled-font-1.eot?#iefix") format("embedded-opentype"),
        url("../fonts/untitled-font-1.woff") format("woff"),
        url("../fonts/untitled-font-1.ttf") format("truetype"),
        url("../fonts/untitled-font-1.svg#untitled-font-1") format("svg");
        font-weight: normal;
        font-style: normal;
    }

    [data-icon]:before {
        font-family: "untitled-font-1" !important;
        content: attr(data-icon);
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;

    }

    [class^="icon-"]:before,
    [class*=" icon-"]:before {
        font-family: "untitled-font-1" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        vertical-align: middle;
    }

    .icon-default:before {
        content: "\61";
    }

    .icon-medal:before {
        content: "\62";
    }

    .icon-002-star:before {
        content: "\63";
    }

    .icon-002-tape:before {
        content: "\64";
    }

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

    .icon-close:before {
        content: "\67";
    }

    .icon-fuel-station:before {
        content: "\69";
    }

    .icon-ceramic:before {
        content: "\68";
    }

    .icon-checked:before {
        content: "\6a";
    }

    .icon-chrome:before {
        content: "\6b";
    }

    .icon-cloud-storage-uploading-option:before {
        content: "\6c";
    }

    .icon-construction:before {
        content: "\6d";
    }

    .icon-cosmetic:before {
        content: "\6e";
    }

    .icon-crane:before {
        content: "\6f";
    }

    .icon-dish:before {
        content: "\70";
    }

    .icon-down-arrow:before {
        content: "\71";
    }

    .icon-edit-1:before {
        content: "\72";
    }

    .icon-electronic:before {
        content: "\73";
    }

    .icon-envelope:before {
        content: "\74";
    }

    .icon-facebook-logo:before {
        content: "\75";
    }

    .icon-fork:before {
        content: "\76";
    }

    .icon-gears:before {
        content: "\77";
    }

    .icon-hand:before {
        content: "\78";
    }

    .icon-hemical:before {
        content: "\79";
    }

    .icon-icon:before {
        content: "\7a";
    }

    .icon-knot:before {
        content: "\41";
    }

    .icon-left-arrow:before {
        content: "\42";
    }

    .icon-linkedin-logo:before {
        content: "\43";
    }

    .icon-metal:before {
        content: "\45";
    }

    .icon-paint-palette:before {
        content: "\46";
    }

    .icon-pharmaceutical:before {
        content: "\47";
    }

    .icon-phone-receiver:before {
        content: "\48";
    }

    .icon-placeholder:before {
        content: "\66";
    }

    .icon-plastic:before {
        content: "\44";
    }

    .icon-plastic-1:before {
        content: "\49";
    }

    .icon-quick:before {
        content: "\4a";
    }

    .icon-registered:before {
        content: "\4b";
    }

    .icon-right-arrow:before {
        content: "\4c";
    }

    .icon-rubber:before {
        content: "\4d";
    }

    .icon-scroll-1:before {
        content: "\4e";
    }

    .icon-search:before {
        content: "\4f";
    }

    .icon-secure:before {
        content: "\50";
    }

    .icon-trusted:before {
        content: "\51";
    }

    .icon-twitter-social-logotype:before {
        content: "\52";
    }

    .icon-up-arrow:before {
        content: "\53";
    }

    .icon-water:before {
        content: "\54";
    }

    .icon-water-1:before {
        content: "\55";
    }

    .icon-wood:before {
        content: "\56";
    }

    .icon-font-w:before {
        font-size: 1.5em !important;
        vertical-align: middle;
    }

    .icon-font-w-3:before {
        font-size: 3.5em !important;
    }

    .icon-font-small:before {
        font-size: .8em !important;
    }

    /*add new icons*/


    /* AutoComplete Field*/
    .autocomplete-suggestions {
        border: 1px solid #999;
        background: #FFF;
        overflow: auto;
        cursor: pointer;
    }

    .autocomplete-suggestion {
        padding: 2px 5px;
        white-space: nowrap;
        overflow: hidden;
    }

    .autocomplete-selected {
        background: #F0F0F0;
    }

    .autocomplete-suggestions strong {
        font-weight: normal;
        color: #3399FF;
    }

    .autocomplete-group {
        padding: 2px 5px;
    }

    .autocomplete-group strong {
        display: block;
        border-bottom: 1px solid #000;
    }

    .btn-erase-city {
        display: none;
        position: absolute;
        right: 5px;
        top: 10px;
        height: 20px;
        width: 20px;
        border-radius: 100%;
        outline: none;
        text-align: center;
        font-weight: bold;
        padding: 2px;
        color: #1a237e;
        cursor: pointer;
    }

    .btn-erase-city i {
        color: #204cac;
    }


    /** Vj's Css **/
    .circle-rounded {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: #F1F1F1;
        position: relative;
        /*position: absolute;*/
        /*right: 10px;*/
    }

    .circle-rounded:after {
        content: "\4c";
        font-family: "untitled-font-1";
    }

    .listing-banner-content {
        overflow: hidden;
    }

    /*profile page css*/
    .profile-banner-content {
        position: relative;
    }

    .profile-banner0flist {
        position: relative;
        height: 250px;
        overflow: hidden;
    }

    .profile-banner0flist img {
        object-fit: cover;
        height: 100%;
        width: 100%;
    }

    .profile-img {
        width: 100%;
        height: auto;
        overflow: hidden;
        position: relative;
        z-index: 10;
        margin-top: -45%;
        border-radius: 5px;
        box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);
        background-color: #ffffff;
    }

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

    .profile-box-icon-section {
        position: relative;
        color: #949494;
        cursor: pointer;
    }

    .profile-address-pin:before, .phone-id:before, .read-more-down:before, .email-id:before {
        font-family: 'untitled-font-1';
        position: absolute;
        left: 0;
        top: 1.5px;
        color: #949494;
    }

    .read-more-section .custom-heading {
        padding: 0;
    }

    .phone-id:before {
        content: '\48';
    }

    .email-id:before {
        content: "\6b";
    }

    .profile-address-pin:before {
        content: '\66';
    }

    .read-more-down:before {
        content: '\e037';
    }

    .profile-box-icon {
        padding-left: 23px;
    }

    .custom-btn {
        background-color: #F1F1F1;
        border-radius: 20px;
        color: #4f4f4f;
        font-size: 14px;
        font-weight: 600;
        min-width: 150px;
    }

    .profile-list-section .custom-btn {
        background-color: #F1F1F1;
        border-radius: 20px;
        color: #4f4f4f;
        font-size: 14px;
        font-weight: 600;
        position: relative;
    }

    .profile-list-section ul li {
        margin-bottom: 1em;
        display: inline-block;
    }

    .profile-box-icon span {
        font-size: 15px;
    }

    .color-gold {
        color: #FFD700;
    }

    .color-bronch {
        color: #615834;
    }

    .gradient-overlay {
        top: 0;
        left: 0;
        position: absolute;
        height: 100%;
        width: 100%;
        z-index: 9;
        background: #b92b27;
        background: -webkit-linear-gradient(to left, #1565C0, #b92b27);
        background: linear-gradient(to left, #1565C0, #b92b27);
        opacity: 0.65;
    }

    /**********  popup form  **********/

    #msform {
        width: 100%;
        padding: 50px 20px;
        text-align: center;
        position: relative;
        margin: 0 auto;
    }

    #msform fieldset {
        background: white;
        border: 0 none;
        border-radius: 3px;

        padding: 20px 30px;
        box-sizing: border-box;
        width: 90%;
        margin: 0 5%;

        /*stacking fieldsets above each other*/
        position: relative;
    }

    /*Hide all except first fieldset*/
    #msform fieldset:not(:first-of-type) {
        display: none;
    }

    /*inputs*/
    #msform input, #msform textarea {
        padding: 15px;
        border: 1px solid #ccc;
        border-radius: 3px;
        margin-bottom: 10px;
        width: 100%;
        box-sizing: border-box;
        font-family: montserrat;
        color: #2C3E50;
        font-size: 13px;
    }

    /*buttons*/
    #msform .action-button {
        width: 100px;
        background: #1a237e;
        font-weight: bold;
        color: white;
        border: 0 none;
        border-radius: 20px;
        cursor: pointer;
        padding: 10px 5px;
        margin: 10px 5px;
    }

    #msform .action-button.active, #msform .action-button:focus {
        outline: none;
    }

/*#msform .action-button:hover, #msform .action-button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #1a237e;
    }*/
    /*headings*/
    .fs-title {
        font-size: 2em;
        text-transform: uppercase;
        color: #1a237e;
        margin-bottom: 10px;
        margin-bottom: 20px !important;
    }

    .fs-subtitle {
        font-weight: normal;
        font-size: 1.3em;
        color: #666;
        margin-bottom: 20px;
    }

    /*progressbar*/
    #progressbar {
        margin-bottom: 30px;
        overflow: hidden;
        /*CSS counters to number the steps*/
        counter-reset: step;
    }

    #progressbar li {
        list-style-type: none;
        color: white;
        text-transform: uppercase;
        font-size: 9px;
        width: 33.33%;
        float: left;
        position: relative;
    }

    #progressbar li:before {
        content: counter(step);
        counter-increment: step;
        width: 30px;
        line-height: 30px;
        display: block;
        font-size: 13px;
        color: #333;
        background: #eee;
        border-radius: 3px;
        margin: 0 auto 5px auto;
        position: relative;
        z-index: 2;
    }

    /*progressbar connectors*/
    #progressbar li:after {
        content: '';
        width: 100%;
        height: 2px;
        background: #eee;
        position: absolute;
        left: -50%;
        top: 15px;
        z-index: 1; /*put it behind the numbers*/
    }

    #progressbar li:first-child:after {
        /*connector not needed before the first step*/
        content: none;
    }

    /*marking active/completed steps green*/
    /*The number of the step and the connector before it = green*/
    #progressbar li.active:before, #progressbar li.active:after {
        background: #1a237e;
        color: white;
    }

    .product_content {
        min-height: 600px;
    }


    .ratings .small-size {
        font-size: 0.67em;
        vertical-align: middle;
        /* display: block; */
        margin-bottom: 5px;
        position: absolute;
        right: 10px;
        top: 8px;
        line-height: 0;
    }

    .ratings {
        display: inline-block;
        padding: 2px 16px 2px 10px;
        border-radius: 20px;
        vertical-align: middle;
        background-color: #6f9b09;
        font-size: 1em;
        color: black;
        padding-right: 25px;
        margin-top: 30px;
        position: relative;
        width: 52px;
    }

    .gold-member, .silver-member {
        background: #fff;
        padding: 4px 60px 4px 40px;
        position: absolute;
        top: 25px;
        left: -55px;
        transform: rotate(-45deg);
        box-shadow: 4px 5px 6px 1px rgba(0, 0, 0, .1);
    }

    .box-section.silvermember {
        border: 1px solid #ccc;
    }

    .color-silver {
        color: #aaa
    }


    /********* ToolTip css ************/
    .tooltip {
        visibility: hidden;
        z-index: 1;
        opacity: .40;
        width: 100%;
        padding: 3px 20px;
        background: #333;
        color: #fff;
        position: absolute;
        top: -140%;
        left: -25%;
        border-radius: 9px;
        font: 16px;
        transform: translateY(9px);
        transition: all 0.3s ease-in-out;
        box-shadow: 0 0 3px rgba(56, 54, 54, 0.86);
        width: 100px;
        font-size: 13px;
    }


    /* tooltip  after*/
    .tooltip::after {
        content: " ";
        width: 0;
        height: 0;

        border-style: solid;
        border-width: 12px 12.5px 0 12.5px;
        border-color: #333 transparent transparent transparent;

        position: absolute;
        left: 40%;

    }

    .con-tooltip:hover .tooltip {
        visibility: visible;
        transform: translateY(0px);
        opacity: 1;
        transition: .3s linear;

    }

    @keyframes odsoky {
        0% {
            transform: translateY(6px);
        }

        100% {
            transform: translateY(1px);
        }
    }

    .left .tooltip {
        top: -48%;
        left: -216%;
    }

    .left .tooltip::after {
        top: 39%;
        left: 90%;
        transform: rotate(-90deg);
    }


    /*LOGIN/REGISTER/MANAGE PROFILE*/
    .user_profile_container ul.nav li a.active {
        background-color: #1a237e;
        color: #fff !important;
        font-weight: 700 !important;
    }

    .verify_button_div {
        position: absolute;
        right: 0;
        top: 0;
        margin: 9px 12px 0px 0px;
    }

    .error {
        color: #e30000;
        font-weight: 600;
        font-size: 13px;
    }

    .toast {
        top: 10px;
    }

    .disabled{
        pointer-events: none;
    }

    .inquiry_sent_list ol{
        font-weight: 400;
    }
    .inquiry_sent_list ol.seller-list{
        list-style: none;
    }

    /*PRODUCT INQUIRY FORM*/
    .phone-agreement-checkbox{
        margin-top: 10px;
    }
    .inquiry_form_container form {
        color: #2C3E50;
    }

    .inquiry_form_container form input, textarea, select, .inquiry_form_container form .form-control {
        font-size: 13px;
    }

    form .form-group .iti {
        display: inherit;
    }

    form .form-group .iti input#phoneNumber::placeholder {
        font-size: 1.1em;
        color: #9098a9;
        font-weight: 500;
    }

    /*word-break css for subcategory section in homepage*/
    /*.subcategory-section .sub-menu a{word-break: break-all;}*/
    .subcategory-section .sub-menu{
        max-height: 300px;
        overflow: hidden;
        overflow-y: scroll;
        border:2px solid #1a237e;
    }
    .link_view_all a{
        border:1px solid #1a237e;
        margin: 20px 0;
        padding: 5px 10px;
    }
    .subcategory-section .sub-menu .col-md-2{
        padding-bottom: 20px;
    }

    /*footer-section css*/
    .social-section ul li{display: inline-block;margin-right: 15px;}
    .social-section ul li span img{height: 20px;}
    .social-section ul li a:hover{opacity: 1;}

    /*Homepage:Search Filter*/
    .filter_loader {display:none;position: absolute;top: 0;width: 21%;right: 4px;background: #ffffff;z-index: 9;border-radius: 5px;}

    /*sell-on-rmi card design css*/
    .plan_feature p{
        position: relative;
        padding-left: 1.5em;
        margin-bottom: .5em;
    }
    .plan_feature p:before{
        position: absolute;
        left: 0;
        content: "\6a";
        font-family: 'untitled-font-1';
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        vertical-align: middle;
        font-size: .875em;
        color: #1a237e;
    }

    /*seller-batch-section css*/
    .seller-batch-section{
        position: relative;
        z-index: 99;
    }
    .seller-batch-section .silver-member {
        top: 70px;
        padding: 4px 80px 4px 80px;
    }
    .seller-batch-section .gold-member {
        left: -78px;
        top: 40px;
        padding: 4px 70px 4px 70px;
    }

    /*product-listing css*/
    .box-section .line_price span.price {
        font-weight: 600;
        /*font-size: 1.8em;*/
    }
    .box-section .line_form span.label {
        font-weight: 600;
    }
    .box-section .attributes {
        min-height: 42px;
    }

    .navbar .dropdown-menu {
        right: 0;
        left: auto;
    }


    /*buyer_popup_view pop-up css*/
    .buyer_popup_view h5{
        color: #1a237e;
        font-size: 1.3em;
        margin-bottom: .8em;
    }
    .buyer_popup_view .close{
        position: absolute;
        right: 5px;
        z-index: 999;
        color: #FFFFFF;
        opacity: 1;
    }
    .buyer_popup_view .buyer-popup-banner{
        height: 150px;
        position: relative;
        overflow:hidden;
        border-radius: 5px 5px 0 0;
    }
    .buyer_popup_view .buyer-popup-banner img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    @media (min-width:576px){
        .buyer_popup_view .text-or{
            display: inline-block;
            margin:1em;

        }
    }
    @media (max-width:576px){
        .buyer_popup_view .text-or{
            text-align: center;
        }
        .buyer_popup_view .btn-find-more,.buyer_popup_view .btn-buyer{
            display: block;
        }
    }
    


    /*custom-form css*/
    .inquiry_form_container .inp-textarea{
        background-color: transparent!important;
        border: 1px solid #ced4da;
        font-weight: normal;
    }
    .inquiry_form_container .inp-textarea:focus{
        border: 1px solid #1a237e;
    }

    /*Seller Page*/
    .company_parameters{background: rgba(26, 35, 126, 0.05); padding: 20px 30px; margin: 20px 0 30px;}

    /*terms and condition page*/
    .terms_and_condition_container .sub_title{
        margin: 25px 0 10px 0;
        font-weight: bolder;
    }

    /*List type style*/
    .lower-alpha-list{
        list-style-type: lower-alpha;
    }

    .round-buttet-list{
        list-style-type: circle;
        margin: 0 0px 15px 30px;
    }

    .numberic-list{
        margin: 0 0px 15px 25px;
    }

    ol.lower-alpha-list{
        margin: 0 0px 15px 25px;
    }

    .dotted-line{
        width: 100%;
        border-bottom: 1px dotted;
        margin: 25px 0;
    }
    .underline_with_italic{
        font-style: italic;
        text-decoration:underline;
        font-weight: bold;
    }