:root {
    --primarycolor: #1f212a;
    --secondarycolor: #3c4172;
    --highlightedcolor: #0a82fa;
    --whitecolor: #fff;
    --regularfontsize: 15px;
    --header-fontsize: 54px;
    --sectiontitle: 34px;
    --moduletitlefontsize: 22px;
    --regularfonts: "PoppinsRegular", sans-serif;
    --boldfonts: "PoppinsSemiBold", sans-serif;
    --mediumfonts: "PoppinsMedium", serif;
}

.header-main,
.login-btn,
a.headercontactus {
    backdrop-filter: blur(5px);
}

.headerleft h1,
h2 {
    font-weight: 500;
}

.latest-title strong,
.sectiontitle {
    line-height: 1.2;
    letter-spacing: -0.5px;
}

.combined-row,
.news-details-section .newsinsights ul li,
.submissions-txt {
    font-style: italic;
}

.animation-icon-1,
.animation-icon-2,
.animation-icon-3,
.animation-icon-4,
.animation-icon-5,
.animation-icon-6,
.animation-icon-7 {
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

.container,
.header-main {
    width: 90%;
    max-width: 1440px;
    margin-right: auto;
    margin-left: auto;
}

#leftMenu,
.header-main {
    position: fixed;
    top: 0;
    left: 0;
}

    #newslatterpopup .form-wrapper form .form-group,
    .big-img,
    .box,
    .getdailyupdates .form-wrapper form .form-group,
    .getfreeweekly .form-wrapper,
    .header-main .right-menu,
    .insight-newslatter .form-wrapper,
    .main-table,
    .toggle,
    .tooltip,
    li.submenu {
        position: relative;
    }

    #leftMenu ul,
    .right-menu ul {
        margin: 0;
        list-style-type: none;
    }

        #leftMenu ul li a,
        .footerlink a,
        .footerlink a:focus,
        .footerlink a:visited,
        body {
            color: #000;
        }

        .login-btn:hover,
        .module-box a,
        .request-demo a,
        .right-menu ul li a,
        a {
            text-decoration: none;
        }

.box,
.detailspage-inner-section .table-box p,
.rightunlock,
.text-center {
    text-align: center;
}

.col-equal span,
.form-wrapper form .submit-btn,
.form-wrapper form input,
.leftwhychoose-details .key-details strong,
.what-to-submit p strong,
body {
    font-size: var(--regularfontsize);
}

.formfield.comments textarea,
.right-menu ul li a,
body {
    font-family: var(--regularfonts);
}

#dvcaption,
#leftMenu ul li,
.col-equal,
.col-equal strong,
.common-row .right-title,
.login-btn,
.title-section .view-all a,
ul.chemical-list li {
    font-family: var(--mediumfonts);
}

.headerleft h1,
.headerleft h2,
body {
    font-display: swap;
}

.aboutalchemprowrapper,
.big-img,
.capacityheader,
.modal,
.modal-open,
.rwd-table,
.tryalchempro {
    overflow: hidden;
}

body {
    margin: 0;
    line-height: 1.4;
    padding: 0;
    background-color: #fff;
}

.common-left-title .sectiontitle,
.common-right-details p,
.explore-wrapper p,
.left-module .sectiontitle,
.leftkytrarif .key-features,
.modal-left-title p,
.module-box p,
.mt-none,
.tailored-wrapper .sectiontitle,
.trending-section .title-section {
    margin-top: 0;
}

.pt-none {
    padding-top: 0 !important;
}

.common-right-details p,
.faqs h4.panel-title,
.inner-header-section .breadcrume,
.inner-header-section .breadcrume a,
.inner-header-section.detailspage-inner-section .breadcrume,
.inner-header-section.detailspage-inner-section .breadcrume a,
.newslist-title a,
.plan-ttitle,
.price-details p,
.right-trends-details h2,
.tooltipText,
a,
ul.chemical-list li {
    color: var(--primarycolor);
}

img {
    max-width: 100%;
    height: auto;
    aspect-ratio: auto 640/360;
}

.clearfix {
    clear: both;
    display: inline-block;
}

#leftMenu ul,
.container {
    padding: 0;
}

.header-main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    background: #fff;
    box-shadow: 0 4px 24px 0 rgba(35, 31, 32, 0.1);
    z-index: 99;
    right: 0;
    max-width: inherit;
    width: 98%;
}

.animation-icon-6,
.animation-icon-7 {
    box-shadow: 0 4px 24px 0 rgba(135, 44, 145, 0.21);
}

.logo {
    display: flex;
    align-items: center;
}

    .logo #openLeftButton {
        display: none;
        cursor: pointer;
    }

.right-menu ul {
    display: flex;
    padding: 0;
}

    #captchadivarticle br,
    #leftMenu,
    .editor-news-group:nth-of-type(4),
    .faqs .collapse,
    .mobile-show,
    .mobile.details-extra-block,
    .news-details-section hr,
    .newsaudio,
    .pera-text .col-md-12 .row .col-md-12 .row a,
    .pera-text .news-details-txt h6,
    .read-more-content,
    .right-become-form h2.section-title,
    .right-menu ul li a.dropdown-toggle1::before,
    .right-menu ul li.dropdown1 a::before,
    .rwd-table th,
    .title-btn-wrapper .sectiontitle br,
    br.mobile-use {
        display: none;
    }

.pera-text .news-details-txt h6 {
    display: block !important;
    font-weight: normal;
}

.right-menu ul li a {
    color: #000;
    font-size: 16px;
    padding: 16px 12px;
    position: relative;
}

    .right-menu ul li a::before {
        width: 0%;
        position: absolute;
        content: "";
        background-color: var(--secondarycolor);
        bottom: -9px;
        right: 0;
        height: 3px;
        left: 0;
        display: block;
        transition: 250ms ease-in-out;
        margin: 0;
        padding: 0;
    }

    .leftwhychoose-details .key-features,
    .news-details-img img,
    .news-top-main .form-wrapper form .submit-btn,
    .right-become-form .search_button,
    .right-menu ul li a:hover::before,
    .right-menu ul li.active a::before {
        width: 100%;
    }

.dropdown-toggle1,
.faqs h4.panel-title a,
.right-menu ul li.active a .logo #openLeftButton {
    cursor: pointer;
}

#leftMenu {
    max-width: 400px;
    width: 40%;
    height: 100%;
    z-index: 1000;
    transform: translateX(-100%);
    opacity: 0;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 4px 0 10px 0 rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(4px);
    transition: transform 0.3s, opacity 0.3s;
}

.side-menu-logocontainer {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 20px;
}

    .side-menu-logocontainer button {
        border: 0;
        outline: 0;
        cursor: pointer;
        background-color: transparent;
    }

.toggle {
    cursor: pointer;
    display: block;
    height: 33px;
    width: 33px;
}

    .toggle:before {
        -moz-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }

    .toggle .toggle__bar,
    .toggle:after,
    .toggle:before {
        background: var(--primarycolor);
        width: 33px;
        height: 3px;
        position: absolute;
        top: 45%;
        background: var(--primarycolor);
        -moz-transition: 0.2s cubic-bezier(0.77, 0, 0.175, 1);
        -o-transition: 0.2s cubic-bezier(0.77, 0, 0.175, 1);
        -webkit-transition: 0.2s cubic-bezier(0.77, 0, 0.175, 1);
        transition: 0.2s cubic-bezier(0.77, 0, 0.175, 1);
    }

    .toggle:after,
    .toggle:before {
        display: block;
        content: "";
        text-indent: 200%;
        white-space: nowrap;
    }

    .toggle:after {
        -moz-transform: translateY(8px);
        -ms-transform: translateY(8px);
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }

#leftMenu ul li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding-bottom: 15px;
    margin-bottom: 15px;
    padding-left: 20px;
}

li.submenu {
    padding-left: 45px !important;
    display: block;
    font-family: var(--regularfonts) !important;
}

#leftMenu ul li.request-demo.mobile-show a,
.login-btn,
.login-btn:hover,
.tryalchempro-details p {
    color: var(--whitecolor);
}

.login-btn,
a.headercontactus {
    font-size: 16px;
    color: var(--primarycolor);
}

#leftMenu ul li.request-demo a:hover {
    color: var(--highlightedcolor) !important;
}

#leftMenu ul li.request-demo a:focus,
#leftMenu ul li.request-demo a:focus-visible {
    color: var(--highlightedcolor) !important;
    outline: 0;
    background-color: var(--primarycolor);
}

.login-btn {
    padding: 10px 22px;
    border-radius: 100px;
}

    .keyaccordion.active p,
    .keyaccordion.keyaccordion.active h4,
    .login-btn:hover {
        color: var(--primarycolor) !important;
    }

    .login-btn:focus-visible {
        outline: 0;
        border: 0;
    }

a.headercontactus {
    border-radius: 100px;
    border: 2px solid #3c4172;
    background: #fff;
    padding: 10px 18px;
    margin-right: 5px;
}

.border-btn a,
.request-demo a {
    padding: 8px 22px;
    transition: 0.25s;
}

.banner-section {
    padding: 170px 0 100px;
    background: url(../images/new/header-img.jpg) 0 0 / cover no-repeat;
}

.topheader {
    display: flex;
    justify-content: space-between;
    padding: 0;
    align-items: center;
}

.headerleft,
.latest-newsimg,
.leftunlock-wrapper {
    width: 60%;
}

    .headerleft h1 {
        font-size: var(--header-fontsize);
        line-height: 1.2;
        font-family: var(--boldfonts);
        margin-top: 0;
        margin-bottom: 0;
        color: #fff;
    }

    .headerleft h2 {
        font-size: 20px;
        font-family: var(--headingfonts);
        font-weight: 300;
        margin-top: 16px;
        color: #fff;
        margin-bottom: 30px;
    }

.accordion-thumb1,
.moduletitle strong,
.popular-articles .section-title,
.read-more,
.sectiontitle,
b,
strong {
    font-family: var(--boldfonts);
    font-weight: 500;
}

.headerleft .request-demo a:hover,
.market-insight-block .request-demo a:hover {
    color: var(--whitecolor) !important;
}

.request-demo a {
    background-color: var(--highlightedcolor) !important;
    color: var(--whitecolor);
    border: solid 2px var(--highlightedcolor);
    border-radius: 100px;
    text-align: center;
}

    .request-demo a:hover {
        background-color: transparent !important;
        color: var(--highlightedcolor) !important;
    }

.border-btn a {
    background-color: var(--primarycolor);
    color: #fff;
    border: solid 2px var(--primarycolor);
    border-radius: 100px;
}

.box::after,
.box::before {
    position: absolute;
    inset: 0;
    background: repeating-conic-gradient(from var(--a), #053452, #0a82fa, #0a82fa, #0a82fa, #0a82fa);
    border-radius: 20px;
    animation: 5s linear infinite rotating;
    content: "";
}

.header-right {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    row-gap: 22px;
    justify-content: center;
    align-items: center;
}

.box {
    width: max-content;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1px 3px;
}

    .box::after {
        filter: blur(8px);
        opacity: 0.75;
    }

    .box span {
        inset: 0px;
        background: #222;
        border-radius: 16px;
        z-index: 1;
        padding: 8px 35px;
        font-size: 18px;
    }

@property --a {
    syntax: "<angle>";
    inherits: false;
    initial-value: 0deg;
}

@keyframes rotating {
    0% {
        --a: 0deg;
    }

    100% {
        --a: 360deg;
    }
}

.enhanced-value,
.modules,
.whatmakes {
    padding: 50px 0;
}

.left-module {
    width: 40%;
    position: -webkit-sticky;
    position: sticky;
    top: 12%;
    display: inline-block;
    float: left;
    margin-right: 50px;
}

.right-modules-wrapper {
    width: calc(100% - 45%);
    display: inline-block;
}

.sectiontitle {
    font-size: var(--sectiontitle);
    color: var(--secondarycolor);
    margin-top: 0;
    margin-bottom: 10px;
}

.accordion-thumb1,
.authorname,
.enhance-details-wrapper .tools-contant strong,
.first-row:first-of-type .col-equal span,
.innermodulebox .tools-contant strong,
.key-features strong,
.leftwhychoose-details .subtitle,
.moduletitle strong,
.right-trends-details h2 {
    font-size: var(--moduletitlefontsize);
}

.first-row:first-of-type .col-equal span {
    color: var(--secondarycolor);
}

.module-box a {
    color: var(--primarycolor);
    padding: 18px;
    border: 1px solid transparent;
    border-radius: 10px;
    transition: 0.25s;
    display: flex;
}

.moduletitle,
div#divlistPopularNews {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}

.module-box a:hover {
    border-radius: 10px;
    padding: 18px;
    border: 1px solid rgba(10, 130, 250, 0.2);
    box-shadow: 0 12px 34px -10px rgba(18, 69, 152, 0.15);
    background: #fff;
}

    .module-box a:hover strong img {
        opacity: 1;
        display: inline-block;
        vertical-align: middle;
    }

    .accordion-item1.is-active1 h3,
    .categorytitle a,
    .module-box a:hover strong,
    .tryalchempro-details .sectiontitle {
        color: var(--highlightedcolor);
    }

.moduletitle strong img {
    margin-left: 10px;
    display: none;
    transition: 0.25s;
}

.market-insight-block {
    background: url(../images/new/market-insight-bg.jpg) no-repeat #1e2629;
    padding: 50px 0;
}

    .chemical-country-wrapper .country-btn,
    .keybox-wrapper,
    .market-insight-block .container,
    .owl-carousel .owl-stage,
    .tailors-keyfeatures {
        display: flex;
    }

.market-details-block {
    width: calc(100% - 46%);
    display: inline-block;
}

    .customized-details .sectiontitle,
    .market-details-block h3,
    .market-details-block p {
        color: var(--whitecolor);
        margin-top: 0;
        margin-bottom: 10px;
    }

.left-market-block {
    width: 40%;
    display: inline-block;
    margin-right: 65px;
}

.aboutalchempro {
    margin: 50px 0 0;
}

.aboutalchemprowrapper {
    border-radius: 10px;
    background: linear-gradient(125deg, #e2eeff 5.84%, #fff7eb 70.8%);
    display: flex;
    column-gap: 18px;
}

.aboutleft {
    width: 40%;
    padding: 50px 0 50px 50px;
}

.aboutsright {
    width: 60%;
    position: relative;
    display: flex;
    align-items: end;
    justify-content: flex-end;
}

.accordion1 {
    margin: 30px auto;
    padding: 0;
    list-style: none;
}

.accordion-panel1,
.accordion-thumb1,
.getdailyupdates .sectiontitle {
    margin-top: 0;
    margin-bottom: 0;
}

.accordion-item1 {
    border-left: 3px solid #fff;
    margin: 0;
    cursor: pointer;
    padding: 12px 0 12px 25px;
}

    .accordion-item1.is-active1 {
        border-color: var(--highlightedcolor);
    }

.accordion-thumb1 {
    padding: 0;
    align-items: center;
    color: var(--primarycolor);
}

    .accordion-thumb1::before {
        height: 7px;
        width: 7px;
        display: none;
        margin-right: 3rem;
        margin-left: 0.5rem;
        border-right: 1px solid;
        border-bottom: 1px solid;
    }

.accordion-panel1 {
    display: none;
    padding-left: 0;
    padding-bottom: 0;
}

.unlock {
    margin-top: 80px;
    margin-bottom: 80px;
    display: flex;
}

.customized-wrapper,
.unlock-wrapper {
    display: flex;
    column-gap: 50px;
    align-items: center;
}

.rightunlock {
    width: 40%;
    position: relative;
}

.animation-icon-1,
.animation-icon-2 {
    position: absolute;
    border-radius: 20px;
    transition: 0.4s ease-in-out;
    animation-name: animation-1;
    animation-duration: 1.5s;
}

.animation-icon-1 {
    right: 8%;
    top: 12%;
}

@keyframes animation-1 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.1);
    }
}

.animation-icon-2 {
    left: 5%;
    bottom: 20%;
}

#populararticle,
.flexible-download {
    margin-top: 50px;
}

.tailored-solutions {
    margin: 50px 0;
    border-top: 1px solid #ececec;
    padding-top: 50px;
}

.box-wrapper,
.tailored-wrapper {
    display: flex;
    column-gap: 35px;
}

.common-left-title,
.tailored-left {
    width: 40%;
}

.tailored-right {
    width: calc(100% - 40%);
    display: flex;
    column-gap: 18px;
}

.business-title {
    background-color: var(--primarycolor);
    color: var(--whitecolor);
    padding: 2px 18px;
    display: inline-block;
    margin-bottom: 10px;
    border-radius: 15px;
    font-size: 13px;
    text-transform: uppercase;
}

.animation-icon-3,
.animation-icon-4 {
    border-radius: 20px;
    transition: 0.4s ease-in-out;
}

.customized-report {
    background: linear-gradient(90deg, #1a1e2f 0, #535f95 100%);
    padding: 50px 0;
}

.box-common,
.customized-details,
.leftkytrarif,
.leftwhychoose-details,
.row_inner,
.tarrif-whychoose-left,
.tarrif-whychoose-right {
    width: 50%;
}

.customized-img {
    width: 50%;
    text-align: right;
    position: relative;
}

.animation-icon-5,
.animation-icon-6,
.animation-icon-7 {
    width: auto;
    z-index: 9;
}

.customized-details p {
    color: var(--whitecolor);
    font-size: 18px;
}

.footerlink,
.services-copyright,
.services-copyright a {
    color: #404967;
}

.animation-icon-3 {
    position: absolute;
    animation-name: animation-1;
    animation-duration: 1.5s;
    right: 15%;
    top: -25px;
}

.animation-icon-4 {
    position: absolute;
    animation-name: animation-4;
    animation-duration: 2s;
    left: 0;
    bottom: 18px;
}

@keyframes animation-4 {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(20px);
    }
}

.animation-icon-5 {
    position: absolute;
    right: 9%;
    top: 90px;
    animation-name: animation-5;
    animation-duration: 3s;
}

@keyframes animation-5 {
    0% {
        transform: translateY(0);
    }

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

.animation-icon-6 {
    position: absolute;
    left: 30%;
    top: 170px;
    animation-name: animation-6;
    animation-duration: 1s;
}

@keyframes animation-6 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.1);
    }
}

.animation-icon-7 {
    position: absolute;
    left: 54%;
    top: 3px;
    animation-name: animation-7;
    animation-duration: 2s;
}

@keyframes animation-7 {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(10px);
    }
}

.footer {
    background: #d4d9de !important;
    padding: 12px 0 !important;
}

    .copyright .container,
    .footer .container {
        display: flex;
        justify-content: space-between;
        width: 90%;
    }

.footerlink {
    display: flex;
    font-size: 14px;
    align-items: center;
}

.footer-social {
    text-align: end;
    display: flex;
    justify-content: flex-end;
}

    .footer-social a {
        display: flex;
        align-items: center;
        margin-left: 10px;
        transform: translatey(0);
        transition: 0.4s;
    }

ul.accordion-list,
ul.accordion-list li {
    margin: 0 auto;
    position: relative;
    display: block;
}

.copyright {
    padding: 18px 0;
    background-color: #e5e8eb;
}

.benifits-slider-section,
.faq-section,
.industry-articles,
.tabs-wrapper,
.whychoose-reserach {
    margin: 50px 0;
}

ul.accordion-list {
    list-style: none;
    width: 80%;
    padding: 0;
}

    ul.accordion-list li {
        width: 100%;
        height: auto;
        background-color: #fff;
        padding: 20px 0;
        border-bottom: 1px solid #eee;
        cursor: pointer;
    }

        ul.accordion-list li h3 {
            font-weight: 700;
            position: relative;
            display: block;
            width: 100%;
            height: auto;
            padding: 0;
            margin: 0;
            font-size: 20px;
            letter-spacing: 0.01em;
            cursor: pointer;
        }

            ul.accordion-list li h3:after {
                content: "";
                background: url(https://static.fibre2fashion.com/staticresources/alchempro/images/arrow.svg) 0 0/70% no-repeat;
                position: absolute;
                transform: rotate(180deg);
                width: 31px;
                height: 18px;
                right: 0;
                top: 6px;
                color: #fcc110;
                transition: 0.3s ease-in-out;
                filter: brightness(0) saturate(100%) invert(32%) sepia(78%) saturate(2740%) hue-rotate(198deg) brightness(104%) contrast(96%);
                font-size: 18px;
            }

        ul.accordion-list li.active h3:after {
            transform: rotate(0);
        }

        ul.accordion-list li div.answer {
            position: relative;
            display: block;
            width: 95%;
            height: auto;
            font-size: 16px;
            margin: 0;
            padding: 0 20px 0 0;
            cursor: pointer;
        }

            ul.accordion-list li div.answer p {
                position: relative;
                display: block;
                font-weight: 300;
                padding: 10px 0 0;
                cursor: pointer;
                line-height: 150%;
                margin: 0 0 15px;
                font-size: 16px;
            }

.newslatter-sticky {
    position: fixed;
    bottom: 0;
    z-index: 99;
    left: 1%;
}

.getdailyupdates {
    background: linear-gradient(125deg, #e2eeff 5.84%, #fff6eb 70.8%);
    margin-top: 50px;
    padding: 50px 0;
    text-align: center;
}

.form-wrapper form {
    display: flex;
    margin: 16px auto 0;
    width: 40%;
    background-color: var(--whitecolor);
    border-radius: 25px;
    padding: 5px;
}

    .form-wrapper form .form-group {
        width: 100%;
        margin-bottom: 0;
    }

.viewall-section .form-wrapper form .form-group {
    width: calc(100% - 150px);
    margin-bottom: 0;
}

.modal,
.modal-backdrop {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
}

.form-wrapper form input {
    padding: 0 18px;
    background-color: transparent;
    border: 0;
    box-shadow: none;
    height: 45px;
    width: -webkit-fill-available;
}

    .form-wrapper form input:focus-visible {
        outline: 0;
        border: 0;
    }

#ErrorMsg,
.form-wrapper form .text-danger {
    color: #a94442;
    position: absolute;
    left: 0;
    bottom: -28px;
}

.form-wrapper form .submit-btn {
    background-color: var(--highlightedcolor);
    color: #fff;
    border: solid 2px var(--highlightedcolor);
    padding: 8px 40px;
    border-radius: 100px;
    transition: 0.25s;
    cursor: pointer;
}

#requestmodal .formfield:nth-of-type(7),
#requestmodal .formfield:nth-of-type(8),
.get-custom-report .formfield:nth-of-type(4),
.get-custom-report .formfield:nth-of-type(5),
.get-custom-report .formfield:nth-of-type(6),
.get-custom-report .formfield:nth-of-type(7),
.valuebox {
    width: 49%;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity 0.5s linear;
    -o-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear;
}

    .accordion_active .accordion_content,
    .fade.in {
        opacity: 1;
    }

.modal-backdrop {
    z-index: 1040;
    background-color: #000;
}

    .modal-backdrop.fade.in {
        opacity: 0.5;
    }

    .modal-backdrop.fade {
        opacity: 0;
    }

.modal {
    z-index: 1050;
    display: none;
    outline: 0;
}

.modal-dialog {
    width: inherit !important;
    margin: 0 auto !important;
    max-width: 980px;
    position: relative;
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background: #cfddf7;
    background: var(--asdf, linear-gradient(125deg, #e2eeff 5.84%, #faf4eb 70.8%));
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 18px;
    padding: 30px 0;
    outline: 0;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: 100vh;
    margin-top: 0;
    transition: transform 0.5s ease-out;
    transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%);
}

.modal.fade.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-body {
    position: relative;
    padding: 0;
}

.close-btn,
.formfield .form-control {
    padding: 0 15px;
    background-color: transparent;
}

.close-btn {
    position: absolute;
    right: 5px;
    top: 5px;
    border: 0;
    font-size: 35px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 9;
}

#CustomizedResearchmodal h3.sectiontitle,
#chemicalprise h3.sectiontitle,
#requestmodal h3.sectiontitle {
    margin-bottom: 5px;
    margin-top: 0;
    text-align: center;
}

div#InquireForm,
div.get-custom-report {
    width: 95%;
    margin: 0 auto;
    max-width: 950px;
}

.form-group {
    margin-bottom: 15px;
}

#msgSuccess,
#msgcasSuccess {
    text-align: center;
    margin: 50px 0;
    display: block;
    line-height: 26px;
    font-size: 16px;
}

#CustomizedResearchmodal .formwrapper,
#caspopup .formwrapper,
#requestmodal .formwrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 18px;
}

.box-common p,
.enhanced-value .sectiontitle,
.flag-icon a p,
.industry-articles .sectiontitle,
.mb-none,
.titlebtnwrapper .sectiontitle,
div#InquireForm .form-group,
div.get-custom-report .form-group {
    margin-bottom: 0;
}

#CustomizedResearchmodal .mobile-scroll,
#caspopup .mobile-scroll,
#requestmodal .mobile-scroll {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.formfield {
    width: 32%;
    margin: 10px 0;
    display: flex;
    flex-wrap: wrap;
}

    .formfield .form-control {
        border: 1px solid #404040;
        outline: 0;
        border-radius: 100px;
        font-size: 15px;
        width: 100%;
        height: 45px;
        display: block;
        line-height: 1.42857143;
        color: #555;
        background-image: none;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
        -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    .formfield.comments textarea {
        width: 100%;
        padding-top: 10px;
        border: 1px solid #404040;
        border-radius: 15px;
        resize: none;
        outline: 0;
        background-color: transparent;
        font-display: swap;
        height: auto;
    }

.text-danger {
    color: #a94442;
}

.submitbtn {
    text-align: center;
    width: 100%;
    margin: 15px 0 0;
    display: flex;
}

input#btncasinqsbmt,
input#btninqsbmt {
    padding: 12px 40px;
    background: var(--highlightedcolor);
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    border: 0;
    border-radius: 100px;
    margin: 0 auto;
}

.formfield.comments {
    width: 100%;
    height: 100px;
    background-color: transparent;
    border-radius: 15px;
}

.filter-section {
    display: flex;
    justify-content: center;
}

    .filter-section input {
        padding: 12px 16px;
        border: 0;
        border-radius: 5px 0 0 5px;
        width: 35%;
        outline: 0;
    }

.read-more,
.readmore span {
    background: rgba(10, 130, 250, 0.1);
    padding: 10px 20px;
}

.filter-section #clearFilter,
.filter-section #remove {
    background-color: var(--highlightedcolor);
    font-size: 14px;
    cursor: pointer;
    color: #fff;
    padding: 5px 18px;
    border-radius: 0 5px 5px 0;
    font-family: var(--boldfonts);
    border: 0;
    outline: 0;
}

#allcountriesmodal .country-wrapper,
#chemicalprise .country-wrapper {
    width: 93%;
    max-height: 350px;
    overflow-y: auto;
    padding: 15px;
    margin: 12px auto 0;
    display: flex;
    justify-content: center;
    column-gap: 10px;
    flex-wrap: wrap;
    row-gap: 10px;
}

    #allcountriesmodal .country-wrapper a,
    #chemicalprise .country-wrapper a {
        background-color: #fff;
        font-size: 14px;
        display: inline-block;
        text-align: center;
        color: var(--primarycolor);
        padding: 5px 18px;
        border-radius: 5px;
    }

    #allcountriesmodal .country-wrapper::-webkit-scrollbar-track,
    #chemicalprise .country-wrapper::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        border-radius: 10px;
        background-color: #f5f5f5;
    }

    #allcountriesmodal .country-wrapper::-webkit-scrollbar,
    #chemicalprise .country-wrapper::-webkit-scrollbar {
        width: 5px;
        background-color: #f5f5f5;
        height: 5px;
    }

    #allcountriesmodal .country-wrapper::-webkit-scrollbar-thumb,
    #chemicalprise .country-wrapper::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: var(--primarycolor);
    }

.chemical-price-wrapper,
.tabs-wrapper .row_flex {
    display: flex;
    column-gap: 50px;
}

.left-chemical-price {
    width: 50%;
    text-align: left;
}

.chemical-country-wrapper {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    gap: 12px;
    flex-wrap: wrap;
}

    .chemical-country-wrapper .country-btn a {
        border-radius: 50px;
        background: rgba(135, 135, 135, 0.06);
        font-size: 15px;
        font-family: var(--mediumfonts);
        display: flex;
        text-align: center;
        color: var(--primarycolor);
        padding: 5px 18px;
        align-items: center;
        column-gap: 12px;
    }

        .chemical-country-wrapper .country-btn a:hover,
        ul.chemical-list li:hover {
            background-color: #e4f0fc;
            color: var(--primarycolor);
        }

        .chemical-country-wrapper .country-btn a.highlited-btn {
            background-color: #363636;
            color: var(--whitecolor);
        }

            .chemical-country-wrapper .country-btn a.highlited-btn img {
                filter: brightness(0) saturate(100%) invert(100%) sepia(4%) saturate(91%) hue-rotate(353deg) brightness(117%) contrast(100%);
            }

.common-sprator {
    margin: 50px 0;
    opacity: 0.1;
}

.comprehensive-main {
    margin: 100px 0 0;
}

.moretext {
    display: none;
    margin-top: 0;
}

.read-more {
    margin-top: 25px;
    cursor: pointer;
    border-radius: 50px;
    width: 131px;
    text-align: center;
    color: var(--highlightedcolor);
}

.title-btn-wrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    align-items: baseline;
}

    .title-btn-wrapper .request-demo {
        min-width: 220px;
        text-align: right;
    }

    .title-btn-wrapper.customized-research-btn .request-demo {
        min-width: 310px;
        text-align: right;
    }

.benifits-customizedresearch,
.enhance-details-wrapper {
    margin-bottom: 50px;
}

    .enhance-details-wrapper .owl-item {
        border-radius: 10px;
        padding: 10px;
        background: linear-gradient(125deg, rgba(226, 238, 255, 0.5) 5.84%, rgba(250, 244, 235, 0.5) 70.8%);
    }

.innermodulebox .owl-item {
    border-radius: 10px;
    border: 1px solid #e9e9e9;
    overflow: hidden;
    margin: 0.1%;
}

.enhance-details-wrapper .tools-contant,
.innermodulebox .tools-contant {
    padding: 25px;
}

    .importkeybox p,
    .innermodulebox .tools-contant p,
    .news-details-section .news-bigtitle,
    .right-trends-details .modlue-details p,
    .title-left-withtext .sectiontitle,
    .title-left-withtext p,
    .value-content p {
        margin: 0;
    }

.enhance-details-wrapper.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 30px;
}

.owl-theme .owl-dots .owl-dot span {
    background: #d9d9d9;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: var(--highlightedcolor) !important;
}

.owl-theme .owl-dots .owl-dot:focus-visible,
.owl-theme .owl-dots .owl-dot:focus-within {
    outline: 0;
}

.inner-unlockcommon-block {
    padding: 30px 0;
    background-color: #fafafa;
}

    .inner-unlockcommon-block .unlock-wrapper {
        align-items: center;
    }

.inner-header-section {
    background: linear-gradient(125deg, #e2eeff 5.84%, #fff7eb 70.8%);
    padding: 100px 0 50px;
    margin-bottom: 50px;
    color: var(--whitecolor);
    display: inline-block;
    width: 100%;
}

.inner-left-hedaer-details {
    width: 40%;
    position: -webkit-sticky;
    position: sticky;
    top: 12%;
    display: inline-block;
    float: left;
    margin-right: 50px;
    margin-top: 30px;
    column-gap: 35px;
}

.right-trends-details {
    margin-top: 14px;
    width: calc(100% - 46%);
    display: inline-block;
}

    .right-trends-details .trends-wrapper {
        display: flex;
        flex-direction: column;
        row-gap: 18px;
    }

    .right-trends-details p {
        margin: 22px 0 30px;
        color: var(--primarycolor);
    }

    .right-trends-details .trends-wrapper .trends-box a {
        background: var(--primarycolor);
        border-radius: 10px;
        padding: 25px;
        display: flex;
        background: #fff;
        column-gap: 18px;
    }

        .right-trends-details .inner-trendswrapper .trends-box:hover,
        .right-trends-details .trends-wrapper .trends-box a:hover {
            box-shadow: 0 12px 34px -10px rgba(18, 69, 152, 0.15);
        }

    .right-trends-details .inner-trendswrapper .trends-box {
        background: var(--primarycolor);
        border-radius: 10px;
        padding: 25px;
        display: flex;
        background: #fff;
        column-gap: 18px;
        cursor: default;
    }

.inner-left-hedaer-details .sectiontitle {
    margin: 0 0 30px;
    color: var(--primarycolor);
}

.right-trends-details .module-img {
    width: 60px;
}

.right-trends-details .modlue-details {
    width: calc(100% - 60px);
    color: var(--primarycolor);
    display: flex;
    flex-direction: column;
    row-gap: 7px;
}

.col-xs-11.form-group.floatlabel.clsTC,
.leftwhychoose-details .key-details,
.readmore span,
.rwd-table td:before,
.trending-section {
    display: inline-block;
}

.custom-pagination,
.news-pagination,
.readmore {
    display: flex;
    justify-content: end;
}

    .readmore span {
        color: #fff;
        border-radius: 50px;
        color: var(--highlightedcolor);
    }

.detailspage-inner-section .trends-section .trends-wrapper {
    display: flex;
    justify-content: center;
    column-gap: 45px;
    row-gap: 45px;
    flex-wrap: wrap;
}

.detailspage-inner-section {
    background: var(--asdf, linear-gradient(125deg, #e2eeff 5.84%, #faf4eb 70.8%));
    color: var(--primarycolor);
}

    .detailspage-inner-section .common-table-wrapper .table-box {
        width: 100%;
        background-color: #fff;
        position: relative;
        padding: 18px 0;
        box-shadow: 0 4px 50px 0 rgba(0, 0, 0, 0.15);
        backdrop-filter: blur(25px);
        border-radius: 1.5rem;
    }

.inner-header-section.detailspage-inner-section .breadcrume img {
    filter: none;
}

.common-table-wrapper .table-box p.note-text {
    background-color: #bb2c2c17;
    text-align: center;
    margin: 10px 0;
    font-size: 13px;
    padding: 5px 15px;
}

.detailspage-inner-section .trends-wrapper {
    background-color: var(--whitecolor);
    padding: 18px;
    border-radius: 10px;
    margin-top: 60px;
}

    .detailspage-inner-section .trends-wrapper .sectiontitle {
        font-size: var(--moduletitlefontsize);
        text-align: center;
    }

.rwd-table {
    width: 100%;
    border-collapse: collapse;
    color: #000;
}

    .rwd-table thead tr,
    .rwd-table tr th {
        border-top: none;
        background: #f2f2f2 !important;
        color: #000;
    }

    .rwd-table tr:nth-child(odd) {
        background-color: #fbfbfb;
    }

    .faqs .collapse.in,
    .profilecontributes .editor-news-group:nth-of-type(4),
    .rwd-table td {
        display: block;
    }

        .rwd-table td:first-child {
            margin-top: 0.5em;
        }

        .rwd-table td:last-child {
            margin-bottom: 0.5em;
        }

        .rwd-table td:before {
            content: attr(data-th) ": ";
            font-weight: 700;
            width: 120px;
            color: #000;
        }

    .rwd-table td,
    .rwd-table th {
        text-align: left;
        padding: 0.5em 1em;
    }

    .rwd-table tr {
        border-color: #bfbfbf;
    }

    .rwd-table .commonbtn-group {
        position: absolute;
        margin: 0 auto;
        z-index: 999;
        left: 0;
        right: 0;
        width: 100%;
        text-align: center;
        justify-content: center;
        bottom: 12px;
    }

.disabled {
    background-color: #f0f0f0;
    pointer-events: none;
    opacity: 0.6;
}

.combined-row {
    text-align: center;
    background-color: #f9f9f9;
}

.originprice {
    color: #b81615;
    text-decoration: line-through;
}

@media screen and (max-width: 601px) {
    .rwd-table tr:nth-child(2) {
        border-top: none;
    }
}

@media screen and (min-width: 600px) {
    .rwd-table tr:hover,
    .rwd-table tr:hover:not(:first-child) {
        background-color: #fbfbfb;
    }

    .rwd-table td:before {
        display: none;
    }

    .rwd-table td,
    .rwd-table th {
        display: table-cell;
        padding: 0.6em 1em !important;
        font-size: 14px;
        text-align: left;
    }

        .rwd-table td:first-child,
        .rwd-table th:first-child {
            padding-left: 0;
        }

        .rwd-table td:last-child,
        .rwd-table th:last-child {
            padding-right: 0;
        }

    .chemical-dailyprice-table .rwd-table th,
    .rwd-table td {
        padding: 1em !important;
    }
}

.common-note {
    border-radius: 50px;
    background: linear-gradient(105deg, #e2eeff 9.69%, #faf4eb 82.38%);
    padding: 4px 11px 4px 20px;
    text-align: center;
    display: flex;
    margin: 40px auto 0;
    align-items: center;
    column-gap: 15px;
    justify-content: center;
    width: fit-content;
}

    .common-note p {
        margin: 10px 10px 10px 0;
    }

.innerheader-common-wrapper {
    display: flex;
    margin-top: 30px;
    column-gap: 35px;
}

.common-right-details {
    width: calc(100% - 40%);
}

.tabs-wrapper .keyaccordion.active {
    border-left: 2px solid rgb(0 136 238);
    position: relative;
}

    .tabs-wrapper .keyaccordion.active::before {
        content: "";
        width: 30px;
        height: 30px;
        background: url(../images/new/tab-arrow.svg) center center no-repeat;
        position: absolute;
        top: 35%;
        left: -16px;
    }

.row_flex .keyaccordion {
    width: 100%;
    border-left: 2px solid rgba(0, 0, 0, 0.15);
    padding-bottom: 10px;
    cursor: pointer;
}

.accordion_intro {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0 0;
}

.keyaccordion h4 {
    color: #898989;
    padding-left: 30px;
    font-size: 20px;
    margin: 0;
}

.dropdown:hover .dropdown-arrow,
.tabs-wrapper .keyaccordion.active .arrow-img {
    transform: rotate(180deg);
}

.tabs-wrapper .accordion_content {
    color: #000;
    max-height: fit-content !important;
    padding: 0 20px 0 30px;
    transition: 0.25s ease-out;
}

.tabs-wrapper .keyaccordion p {
    color: #898989;
    font-size: 15px;
    margin: 0;
}

#big-image img {
    width: 100%;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.keyaccordion p {
    color: #000;
    font-size: 15px;
    margin: 0;
}

.tryalchempro {
    border-radius: 10px;
    background: linear-gradient(89deg, #535f95 0.8%, #1a1e2f 99.42%);
    display: flex;
    padding: 30px 12px 0 0;
    column-gap: 30px;
}

.tryalchempro-img {
    position: relative;
    min-width: 400px;
    display: flex;
    align-items: end;
}

.tryalchempro-details {
    margin-bottom: 30px;
}

.big-img img {
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.overly {
    position: absolute;
    bottom: 25px;
    left: 20px;
    z-index: 9;
}

    .overly .sectiontitle,
    .overly p {
        color: var(--whitecolor);
        margin-bottom: 0;
        margin-top: 2px;
        padding-right: 12px;
    }

.common-grey-bg {
    padding: 60px 0;
    background-color: #fafafa;
}

.enhanced-value,
.explore-wrapper,
.tarrifwhychoose {
    background: var(--asdf, linear-gradient(125deg, #e2eeff 5.84%, #faf4eb 70.8%));
}

.common-grey-bg.white-bg {
    background-color: var(--whitecolor) !important;
}

.key-features {
    margin-top: 22px;
}

.featrues-box {
    margin-top: 18px;
    display: flex;
    column-gap: 20px;
    align-items: start;
}

.industry-articles-wrapper,
.valuebox,
.valuewrapper,
.whychoosewrapper {
    display: flex;
    column-gap: 18px;
}

.key-details {
    display: flex;
    flex-direction: column;
    width: calc(100% - 25px);
}

.features-check-icon {
    width: 25px;
    padding-top: 4px;
}

.common-block .unlock-wrapper {
    border-bottom: 0;
    padding-bottom: 0;
}

.importkeybox {
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 25px;
    position: relative;
}

    .importkeybox::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 60px;
        height: 60px;
        background: url(../images/new/blue-triangel-bg.svg) no-repeat;
    }

    .importkeybox strong {
        font-size: 21px;
    }

.explore-wrapper {
    border-radius: 10px;
    margin: 50px 0;
    padding: 25px;
}

.country-wrapper {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
    margin-top: 30px;
}

.flag-icon a {
    display: flex;
    align-items: center;
    background: var(--whitecolor);
    border-radius: 50px;
    padding: 5px 18px 5px 5px;
    column-gap: 12px;
    color: var(--primarycolor);
}

.newslist-row,
.whychoose-rightimg img {
    border-radius: 10px;
}

.flag-icon a img {
    width: 30px;
}

.researchofferings .module-box a {
    cursor: default;
}

.valuewrapper {
    margin-top: 50px;
    flex-wrap: wrap;
    row-gap: 35px;
}

    .valuewrapper .value-img {
        width: 70px;
    }

    .valuewrapper .value-content {
        width: calc(100% - 70px);
    }

.value-content strong {
    font-size: var(--moduletitlefontsize);
    margin-bottom: 0;
}

.leftwhychoose-details .featrues-box {
    align-items: normal;
    margin-top: 10px;
    column-gap: 12px;
}

.whychoose-rightimg {
    width: 50%;
    text-align: right;
}

.tailors-research .key-features {
    flex-wrap: wrap;
    display: flex;
    column-gap: 18px;
}

.tailors-research .featrues-box {
    width: 49%;
    align-items: flex-start;
    column-gap: 15px;
}

.innercustomizedreport .animation-icon-5,
.innercustomizedreport .animation-icon-6,
.innercustomizedreport .animation-icon-7 {
    animation: none;
}

.leftkytrarif .key-features .featrues-box {
    margin-top: 0;
    margin-bottom: 20px;
    align-items: normal;
}

.leftkytrarif .key-features .features-check-icon {
    padding-top: 4px;
}

.tarrifwhychoose {
    margin: 50px 0;
    display: flex;
    column-gap: 35px;
}

.tarrif-whychoose-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-height: 45vh;
    object-position: 20%;
}

.insightwrapper {
    padding: 5% 2%;
    max-width: 670px;
    width: 80%;
}

.statstics-section {
    padding: 50px 0 20px;
    background-color: #fafafa;
    margin: 0 0 50px;
}

    .statstics-section .line-bg {
        width: 45px;
        background-color: var(--highlightedcolor);
        height: 5px;
    }

    .statstics-section p {
        margin: 0;
        padding: 12px 0 0;
    }

    .statstics-section h2 {
        margin-top: 0;
        font-size: clamp(1rem, 4vw, 1.5rem);
        margin-bottom: 0;
    }

    .statstics-section .owl-theme .owl-nav.disabled + .owl-dots {
        margin-top: 5px;
    }

.nodatafound {
    text-align: center;
    margin-top: 30px;
}

.news-header {
    background: 0 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.insight-newslatter,
.news-top-main .getfreeweekly {
    background: linear-gradient(125deg, #e2eeff 5.84%, #fff6eb 70.8%);
    padding: 35px 18px;
    text-align: center;
}

.viewall-section {
    margin-top: 18px;
    position: relative;
    display: flex;
    align-items: flex-start;
    column-gap: 40px;
    justify-content: space-between;
}

.insight-newslatter {
    border-radius: 10px;
    position: -webkit-sticky;
    position: sticky;
    top: 90px;
    width: 30%;
}

.viewall-section .newslist-section {
    width: 70%;
}

.viewall-section .latest-news-img {
    width: 30%;
}

.viewall-section .newslist-title {
    width: calc(100% - 30%);
}

.getfreeweekly .form-wrapper form,
.insight-newslatter .form-wrapper form {
    width: auto;
}

.getfreeweekly .form-wrapper form {
    flex-wrap: wrap;
}

.getfreeweekly p {
    margin: 40px auto !important;
}

.getfreeweekly .form-wrapper {
    margin-bottom: 90px;
}

.getfreeweekly .sectiontitle,
.insight-newslatter .sectiontitle {
    font-size: clamp(1.8rem, 10vw, 2rem);
}

.getfreeweekly p,
.insight-newslatter p {
    color: var(--primarycolor);
    width: 95%;
    margin: 0 auto;
}

.getfreeweekly #ErrorMsg,
.getfreeweekly .form-wrapper form .text-danger,
.insight-newslatter #ErrorMsg,
.insight-newslatter .form-wrapper form .text-danger {
    bottom: -25px;
}

.chemical-right-news {
    width: 326px;
    display: inline-block;
    margin-left: 20px;
}

    .chemical-right-news .newsbox a,
    .newslist-row,
    .right-recommended-news .recommended-news-content {
        display: flex;
        display: flex;
    }

    .chemical-right-news .newsbox a,
    .right-recommended-news .recommended-news-content {
        flex-direction: column;
    }

.newslist-row {
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #fff;
    overflow: hidden;
    margin-bottom: 30px;
}

.newslist-title {
    color: var(--primarycolor);
    font-size: var(--moduletitlefontsize);
    font-family: var(--boldfonts);
    padding: 20px;
}

    .newslist-title span {
        width: 100%;
        display: inline-block;
        color: #b3b3b3;
        font-size: var(--regularfontsize);
        font-family: var(--regularfonts);
    }

.latest-news-img {
    width: 31%;
}

    .latest-news-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top center;
    }

.latest-news-content {
    width: calc(100% - 31%);
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 0 0 20px;
    border-radius: 4px;
}

    .pager li,
    .pagination > li {
        display: inline;
    }

        .pagination > li > a,
        .pagination > li > span {
            position: relative;
            float: left;
            padding: 6px 12px;
            margin-left: -1px;
            line-height: 1.42857143;
            color: #337ab7;
            text-decoration: none;
            background-color: #fff;
            border: 1px solid #ddd;
        }

        .pagination > li:first-child > a,
        .pagination > li:first-child > span {
            margin-left: 0;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
        }

        .pagination > li:last-child > a,
        .pagination > li:last-child > span {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
        }

        .pagination > li > a:focus,
        .pagination > li > a:hover,
        .pagination > li > span:focus,
        .pagination > li > span:hover {
            z-index: 3;
            color: #23527c;
            background-color: #eee;
            border-color: #ddd;
        }

    .pagination > .active > a,
    .pagination > .active > a:focus,
    .pagination > .active > a:hover,
    .pagination > .active > span,
    .pagination > .active > span:focus,
    .pagination > .active > span:hover {
        z-index: 2;
        color: #fff;
        cursor: default;
        background-color: var(--highlightedcolor);
        border-color: var(--highlightedcolor);
    }

    .pagination > .disabled > a,
    .pagination > .disabled > a:focus,
    .pagination > .disabled > a:hover,
    .pagination > .disabled > span,
    .pagination > .disabled > span:focus,
    .pagination > .disabled > span:hover {
        color: #777;
        cursor: not-allowed;
        background-color: #fff;
        border-color: #ddd;
    }

.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: var(--regularfontsize);
    line-height: 1.5;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none;
}

    .pager li > a,
    .pager li > span {
        display: inline-block;
        padding: 5px 14px;
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 15px;
    }

        .pager li > a:focus,
        .pager li > a:hover {
            text-decoration: none;
            background-color: #eee;
        }

    .pager .next > a,
    .pager .next > span {
        float: right;
    }

    .boxform p,
    .pager .previous > a,
    .pager .previous > span {
        float: left;
    }

    .pager .disabled > a,
    .pager .disabled > a:focus,
    .pager .disabled > a:hover,
    .pager .disabled > span {
        color: #777;
        cursor: not-allowed;
        background-color: #fff;
    }

.title-section {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    align-items: center;
    margin-bottom: 20px;
}

    .title-section .view-all {
        min-width: 96px;
    }

        .title-section .view-all a {
            border-radius: 50px;
            background: #dbdbdb;
            padding: 8px 18px;
            color: var(--primarycolor);
            border: 2px solid #dbdbdb;
            transition: 0.25s;
        }

            .first-row:last-of-type .right-title,
            .title-section .view-all a:hover {
                background: 0 0;
            }

.news-top-main .getfreeweekly {
    border-radius: 10px;
    width: 290px;
    display: inline-block;
    margin-left: 20px;
}

.main-newswrapper .newsbox {
    display: inline-block;
    vertical-align: top;
    flex-wrap: wrap;
    width: 32.33%;
    margin-top: 18px;
}

.chemical-right-news .newsbox {
    width: 100% !important;
    margin-bottom: 18px !important;
}

.main-newswrapper .newsbox span {
    width: 100%;
    display: inline-block;
}

.news-top-main .insight-newslatter .form-wrapper form {
    flex-wrap: wrap;
    margin: 30px 0;
}

.main-newswrapper {
    width: calc(100% - 350px);
    display: inline-block;
    vertical-align: top;
}

.latest-news-big a {
    display: flex;
    background-color: #f5f5f5;
    column-gap: 18px;
    border-radius: 10px;
    overflow: hidden;
}

.latest-title {
    padding: 25px;
    width: 40%;
    display: flex;
    flex-direction: column;
}

    .latest-title strong {
        font-size: 26px;
    }

    .latest-title span {
        font-size: 13px;
        color: rgba(31, 33, 42, 0.5);
        margin: 12px 0;
        width: 100%;
        display: inline-block;
    }

    .latest-title p {
        padding-top: 0;
        margin: 0;
    }

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

.latest-othernews {
    display: flex;
    column-gap: 18px;
    margin: 20px 0;
}

.newsbox {
    display: flex;
    flex-wrap: wrap;
    width: 33.33%;
    flex-direction: column;
}

    .newsbox strong {
        font-size: 18px;
    }

    .newsbox span,
    .right-recommended-news .recommended-news-content span {
        font-size: 13px;
        color: rgba(31, 33, 42, 0.5);
        margin-top: 5px;
    }

.allcategories .sectiontitle {
    margin-bottom: 20px;
}

.trending-news {
    width: 370px;
}

    .trending-news .newsbox {
        width: 100%;
        border-bottom: 1px solid #e9e9e9;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

        .trending-news .newsbox:last-child {
            border-bottom: 0;
            margin-bottom: 0;
            padding-bottom: 0;
        }

.newsarticle-box {
    width: 33%;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.article-img {
    height: 160px;
    overflow: hidden;
}

    .article-img img,
    .editor-news-group .editor-images img,
    .popular-articles .advertorials-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.newsarticle-box a strong {
    padding: 15px;
    display: block;
    color: var(--primarycolor);
    font-size: 18px;
}

.details-wrapper .profile-intro,
.news-homepage .common-sprator,
.plan-pricing-details {
    margin: 30px 0;
}

.news-details-section .news-banner-title a {
    color: #007bff;
    text-transform: uppercase;
    font-size: 0.9em;
    font-weight: 600;
}

.categorytitle a,
.news-details-section .newsinsights h3 {
    font-size: var(--regularfontsize);
    text-transform: uppercase;
}

.news-details-section .news-banner-title {
    text-align: left;
}

.newslist-section .section-title {
    margin: 5px 0;
    font-family: var(--boldfonts);
    color: var(--primarycolor);
    line-height: 1;
    text-align: left;
    font-size: var(--sectiontitle);
}

.newslist-section .latest-news-date-main {
    display: flex;
    align-items: center;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin: 18px 0;
    position: relative;
}

.news-details #dvcaption,
.news-details-section .addthis_sharing_toolbox_top {
    position: absolute;
    right: 0;
}

.news-details-section .latest-news-read {
    margin-left: 30px;
    position: relative;
}

    .news-details-section .latest-news-read:after {
        content: "";
        background-color: var(--primarycolor) !important;
        width: 7px;
        height: 7px;
        background-color: #949aaa;
        left: -18px;
        top: 50%;
        border-radius: 100%;
        transform: translateY(-50%);
        position: absolute;
    }

.news-details-section .newsinsights {
    background-color: #fafafa;
    padding: 30px;
    margin-top: 22px;
    border-radius: 10px;
}

    .news-details-section .newsinsights h3 {
        margin: 0;
        padding: 0;
        font-family: var(--boldfonts);
    }

    .news-details-section .newsinsights ul {
        margin: 0;
        padding: 8px 0 0 19px;
    }

.pera-text .news-details-txt {
    font-size: 17px;
    line-height: 1.45;
}

    .pera-text .news-details-txt .text-right.f2fdesk {
        text-align: right;
        font-family: var(--mediumfonts);
        margin: 30px 0 10px;
    }

.news-details-section {
    margin-top: 18px;
    position: relative;
    display: flex;
    align-items: flex-start;
    column-gap: 40px;
}

    .news-details-section .newslist-section {
        width: -webkit-fill-available;
        width: calc(100% - 400px);
    }

    .news-details-section .insight-newslatter {
        max-width: 400px;
        position: initial;
    }

.newsdetials-right .insight-newslatter {
    width: fit-content;
}

.right-recommended-news {
    margin: 20px 0;
}

    .right-recommended-news .section-title {
        margin: 0 0 18px;
    }

    .right-recommended-news .recommended-news-content a {
        font-size: var(--moduletitlefontsize);
        font-family: var(--mediumfonts);
    }

#press-release .modal-dialog {
    max-width: 780px;
}

#press-release .request-demo {
    margin: 30px 0 12px;
}

.right-recommended-news .section-title strong {
    font-size: var(--sectiontitle);
    color: var(--secondarycolor);
    letter-spacing: -0.2px;
    margin-top: 0;
    margin-bottom: 10px;
    line-height: 1.2;
}

.trending-news .newsbox span {
    display: inline-block;
    width: 100%;
}

.must-read-share.share-icon {
    display: flex;
    justify-content: end;
    margin: 30px 0;
    border-top: 1px solid #ebebeb;
    padding-top: 30px;
}

.recommended .recommended-news {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 18px;
}

.newsdetials-right {
    display: flex;
    flex-direction: column;
    max-width: 400px;
}

    .newsdetials-right .form-wrapper form .submit-btn {
        padding: 8px 30px;
    }

.must-read-share.share-icon .text-left.news-icons-top.pull-right {
    display: flex;
    align-items: center;
    column-gap: 20px;
}

.must-read-share.share-icon .text-left.news-icons-top a {
    display: flex;
    align-items: center;
    column-gap: 8px;
}

.must-read-share .addthis_sharing_toolbox_top {
    position: inherit;
}

.authore-proviles-main {
    margin-top: 18px;
    position: relative;
}

.articles-alphabate ul {
    margin: 22px 0;
    padding: 0;
    display: flex;
    column-gap: 12px;
    list-style-type: none;
    flex-wrap: wrap;
    row-gap: 11px;
}

    .articles-alphabate ul li a {
        border-radius: 5px;
        border: 2px solid rgba(0, 0, 0, 0.1);
        background: #fff;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: var(--mediumfonts);
    }

.contributorgroup.authorlistgroup {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 40px;
}

.contributorblock {
    border-radius: 7px;
    background-color: #f9f9f9;
    padding: 25px;
    transition: 1s;
}

.contributorimg {
    border-radius: 8px;
    width: 105px;
    height: 105px;
    overflow: hidden;
    margin: 0 auto;
}

.interviews-title {
    text-align: center;
    font-size: 18px;
    font-family: var(--mediumfonts);
    margin-top: 18px;
}

.interviews-sub-title {
    text-align: center;
    font-size: var(--regularfontsize);
}

.contributorblock:hover {
    background: #e2eeff;
    background: linear-gradient(134deg, #e2eeff 0, #fff6eb 70%);
    transition: 1s;
}

.top-authordetails-section {
    padding-bottom: 180px !important;
    margin-bottom: 0;
}

.profilecontributes {
    margin-top: -120px;
}

    .profilecontributes .profile-img {
        width: 184px;
        height: 184px;
        overflow: hidden;
        border-radius: 20px;
        box-shadow: 0 24px 34px 0 rgba(12, 26, 50, 0.2);
        margin: 0 auto;
    }

    .profilecontributes h1 {
        color: var(--primarycolor);
        font-size: var(--moduletitlefontsize);
        margin-top: 40px;
        text-align: center;
    }

.details-wrapper {
    width: 80%;
    margin: 0 auto;
}

.relatedarticle {
    margin-top: 20px;
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 30px;
}

.contriburearticlepagging {
    margin-top: -20px;
}

#homepopulararticle .owl-item,
.editor-news-group {
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #fff;
    overflow: hidden;
    position: relative;
}

    #homepopulararticle .owl-item .editor-news-group {
        background-color: transparent;
        border-radius: 0;
        border: 0;
    }

#populararticle .owl-carousel .owl-stage {
    margin: 2px;
}

.editor-news-group .editor-icon {
    position: absolute;
    top: 9px;
    right: 12px;
}

.editor-text {
    padding: 8px 18px;
}

    .editor-text .editor-pera a {
        font-size: var(--moduletitlefontsize);
        font-family: var(--boldfonts);
        margin-bottom: 14px;
        display: inline-block;
    }

.button-wrapper {
    display: flex;
    justify-content: center;
    column-gap: 18px;
}

.authore-details-top ol {
    margin: 0;
    padding: 0;
    display: flex;
    column-gap: 7px;
}

.latest-view-btn a,
a.view-allbtn {
    background: #dbdbdb;
    padding: 6px 25px;
    transition: 0.25s;
}

.authore-details-top ol li {
    margin-left: 15px;
    font-weight: 700;
}

.becomeacontent-wrapper {
    display: flex;
    column-gap: 30px;
    margin-top: -265px;
    align-items: flex-start;
}

.right-become-form {
    border-radius: 10px;
    padding: 25px;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 20px 50px 0 rgba(181, 188, 194, 0.35);
    display: inline-block;
}

.right-become-section {
    width: 100%;
    min-width: 455px;
    border-radius: 10px;
}

.becomeacontributor {
    padding-bottom: 280px;
    margin-bottom: 0;
}

.left-becomecontributer .subtitle {
    font-family: var(--boldfonts);
    margin-bottom: 10px;
}

.what-to-submit {
    margin-top: 80px;
}

    .what-to-submit strong {
        font-size: 17px;
    }

.becomeacontent-wrapper .contributorgroup.authorlistgroup {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 0;
}

.titlebtnwrapper {
    display: flex;
    justify-content: space-between;
    margin: 40px 0 30px;
    align-items: center;
}

a.view-allbtn {
    border-radius: 50px;
    border: 1px solid #dbdbdb;
    font-family: var(--mediumfonts);
}

a:hover.view-allbtn {
    background-color: transparent;
    color: var(--primarycolor);
}

.right-become-form h2 {
    margin-top: 0;
    text-align: center;
}

.writeus {
    text-align: center;
    padding: 12px 0;
}

.alchempro-article-section {
    background: 0 0 !important;
    margin-bottom: 0;
    padding-bottom: 0;
}

.Alchempro-article-details .article-authorsection {
    border-radius: 0;
    padding: 9px 0;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    align-items: center;
}

.Alchempro-article-details .article-buyimg {
    display: flex;
    column-gap: 12px;
    align-items: center;
}

.Alchempro-article-details .article-img-top {
    width: 90%;
    margin: 40px auto 0;
}

.Alchempro-article-details .article-bigimg {
    height: 600px;
    overflow: hidden;
    position: relative;
    margin-top: 25px;
}

    .Alchempro-article-details .article-bigimg img {
        width: 100%;
        object-fit: cover;
    }

.Alchempro-article-details .pic-shutterstock {
    position: absolute;
    background-color: #fff;
    font-size: 12px;
    padding: 4px 12px;
    right: 10px;
    bottom: 10px;
    border-radius: 5px;
}

.Alchempro-article-details .share-icon-right {
    display: flex;
    align-items: center;
    column-gap: 10px;
}

.Alchempro-article-details .article-buyimg img {
    width: 32px;
    height: 32px;
    border-radius: 100px;
}

.Alchempro-article-details .article-details-wrapper {
    margin-top: 50px;
    position: relative;
    display: flex;
    align-items: flex-start;
}

.Alchempro-article-details .article-details-left {
    width: 100%;
    max-width: 300px;
    float: none;
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
}

    .Alchempro-article-details .article-details-left ul {
        margin: 0 0 20px 35px;
        padding: 0;
        display: flex;
        flex-direction: column;
        row-gap: 8px;
    }

    .Alchempro-article-details .article-details-left .tableofcontent {
        border-radius: 10px;
        background: #f4f4f4;
        display: inline-block;
        width: 100%;
    }

.Alchempro-article-details .article-right-details {
    width: calc(100% - 330px) !important;
    margin-left: 30px;
}

.Alchempro-article-details .article-details-left h2 {
    margin: 14px !important;
    padding: 0;
    font-size: var(--moduletitlefontsize);
    color: var(--black);
    font-family: var(--mediumfonts);
}

.Alchempro-article-details .article-bottom-author {
    border-radius: 10px;
    background: linear-gradient(125deg, #e2eeff 5.84%, #fff6eb 70.8%);
    padding: 20px;
    display: flex;
    align-items: flex-start;
    column-gap: 20px;
    margin: 20px 0;
}

.Alchempro-article-details .authorimg {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    background: #eee;
    justify-content: center;
}

    .Alchempro-article-details .authorimg a {
        display: inline-block;
        height: 100%;
    }

    .Alchempro-article-details .authorimg img {
        width: 120px;
        height: 120px;
        margin: 0;
    }

.Alchempro-article-details .authortext {
    width: calc(100% - 170px);
}

.Alchempro-article-details .authorsummery a {
    text-transform: uppercase;
    color: #2196f3;
    text-decoration: underline;
}

.popular-articles .section-title {
    font-size: var(--sectiontitle);
    color: var(--secondarycolor);
    letter-spacing: -0.5px;
    font-family: var(--boldfonts);
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.2;
}

.popular-articles .main-title {
    margin-bottom: 18px;
}

.latest-view-btn a {
    border-radius: 50px;
    border: 1px solid #dbdbdb;
    font-family: var(--mediumfonts);
    color: var(--primarycolor);
}

    .latest-view-btn a:hover {
        background-color: transparent;
        color: var(--primarycolor);
    }

.popular-articles .mustread {
    display: grid;
    gap: 32px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.popular-articles .advertorials-first-details {
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    overflow: hidden;
    background: #fff;
}

.editor-news-group .categoryname {
    color: var(--highlightedcolor);
    font-family: var(--mediumfonts);
    padding: 8px 0 5px;
    display: inline-block;
}

.editor-news-group .editor-pera .blocktitle a {
    margin-left: 18px;
    display: inline-block;
    margin-bottom: 18px;
    font-family: var(--mediumfonts);
    font-size: 18px;
}

.editor-news-group .editor-images,
.popular-articles .advertorials-img {
    height: 200px;
}

.details-extra-block.keytakeaways {
    background-color: #f4f4f4;
    padding: 20px 30px;
    border-radius: 10px;
}

    .details-extra-block.keytakeaways h2 {
        margin-top: 0;
        margin-bottom: 8px;
    }

.article-right-details hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}

.submissions-txt {
    font-family: var(--regularfonts);
    color: var(--primarycolor);
    font-size: 12px;
}

.authorname,
.plan-ttitle {
    font-family: var(--boldfonts);
}

.right-become-form .search_button .submit {
    background-color: var(--highlightedcolor);
    width: 100%;
    display: inline-block;
    border: 2px solid transparent;
    padding: 12px 0;
    color: var(--whitecolor);
    font-size: 16px;
    border-radius: 100px;
    transition: 0.25s;
    cursor: pointer;
    margin-top: 12px;
}

    .right-become-form .search_button .submit:hover {
        background-color: transparent;
        border: solid 2px var(--highlightedcolor);
        color: var(--highlightedcolor);
    }

p#TermsCondition {
    font-size: 13px;
    margin: 0;
    padding: 0;
}

.article-right-details p {
    margin-bottom: 22px;
    line-height: 25px;
    font-family: var(--regularfonts) !important;
    font-size: 16px !important;
}

.article-text p[style],
.article-text span[style] {
    font-family: var(--regularfonts) !important;
    font-size: var(--blocktitlefontsize) !important;
    line-height: 1.5 !important;
}

.article-author,
.article-text {
    line-height: 26px;
    text-align: left;
}

#conclusion,
#divArticleFile a[name],
#faqs,
#toc1,
#toc10,
#toc2,
#toc3,
#toc4,
#toc5,
#toc6,
#toc7,
#toc8,
#toc9 {
    scroll-margin-top: 70px !important;
}

.details-extra-block h2.blocktitle {
    font-size: var(--moduletitlefontsize);
    font-weight: 500;
    margin: 5px 0 15px;
}

#homepopulararticle button.owl-next,
#homepopulararticle button.owl-prev {
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    filter: drop-shadow(0px 10px 10px rgba(0, 0, 0, 0.05));
    margin: 10px;
    width: 40px;
    height: 40px;
    background-color: #fff !important;
}

#homepopulararticle button.owl-prev {
    left: -30px;
    border-radius: 100% !important;
}

#homepopulararticle button.owl-next {
    right: -30px;
    border-radius: 100% !important;
}

.floatlabel {
    position: relative;
    margin-bottom: 20px;
}

.re-article-form input,
select,
textarea {
    margin-bottom: 6.8px;
    padding: 5px;
}

.floatlabel input {
    -webkit-appearance: none;
    color: #000;
    padding: 10px 0;
    border-bottom: 1px solid #000;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    width: 100%;
    border-radius: 0;
    font-weight: 400;
    font-size: 14px;
    background-color: transparent !important;
}

select.Selectcountry {
    -webkit-appearance: none;
    -moz-appearance: none;
    behavior: url(/industry-article/Content/css/PIE.htc);
    background: url(/industry-article/Content/images/arrow-dropdown.png) 98% 18px no-repeat;
}

    select.Selectcountry:focus-visible {
        outline: 0;
    }

.Selectcountry {
    background-color: transparent;
    color: #000;
    border-bottom: 1px solid #000 !important;
    border: 0;
    padding-left: 0;
    width: 100%;
}

.red-txt.field-validation-error {
    color: red;
    font-size: 12px;
    position: absolute;
    left: 0;
    bottom: -10px;
}

.dropdown-menu1::after,
.dropdown-menu1::before {
    bottom: 100%;
    position: absolute;
    width: 0;
    z-index: 9;
}

input#CaptchaInputText {
    width: 45%;
    display: block;
    height: 40px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #000;
    background-color: #000;
    background-image: none;
}

.boxform p {
    color: #fff;
    margin-top: 18px;
    font-size: 13px;
}

.floatlabel label.label {
    position: absolute;
    top: 8px;
    left: 0;
    transition: 0.2s ease-out;
    color: #000;
    font-weight: 400;
    font-size: 12px;
    cursor: text;
    padding: 0 !important;
}

    .floatlabel label.label.floatlabel-shift {
        top: -7px;
        left: 0;
        padding: 0 4px;
        font-size: 14px;
        color: #000;
    }

.floatlabel input[type="text"]:focus,
.floatlabel textarea:focus {
    border-bottom: solid 1px var(--secondarycolor) !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    outline: 0;
    color: #000;
}

.fileinput-button {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

    .fileinput-button input {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        opacity: 0;
        -ms-filter: "alpha(opacity=0)";
        font-size: 200px !important;
        direction: ltr;
        cursor: pointer;
    }

[href="#CaptchaImage"] {
    color: #000;
    float: right;
    position: absolute;
    right: 0;
    bottom: -13px;
}

img#CaptchaImage {
    width: 45%;
}

#CaptchaImage {
    height: 40px;
    width: 150px;
    float: right;
}

#captchadivarticle,
.CProfile {
    float: left;
    width: 100%;
}

    .CProfile .box-border:last-child {
        border: none;
    }

.boxform .floatlabel,
.vrads ul li {
    margin-bottom: 12px;
}

.right-become-form .floatlabel {
    position: relative;
    margin-bottom: 16px;
}

input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
    transition: background-color 5000s ease-in-out;
}

@media screen\9 {
    .fileinput-button input {
        font-size: 100%;
        height: 100%;
    }
}

#dvcaption,
.fileinput-button span {
    color: #000;
    font-size: 12px;
}

#progress {
    float: right;
    width: 58%;
    height: 4px;
    margin-bottom: 0;
}

.captchaimg {
    float: left;
    margin-right: 18px;
    width: 50%;
}

.search_button {
    float: left;
    margin-top: -12px;
}

.right-menu ul li a:hover {
    transform: translate(0, 0);
    opacity: 1;
    pointer-events: auto;
}

.dropdown-arrow {
    display: inline-block;
    margin-left: 2px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #333;
    transition: transform 0.3s;
}

.dropdown-menu1 {
    position: absolute;
    top: 40px;
    right: -155px;
    list-style: none;
    padding: 20px;
    margin: 0 auto;
    opacity: 0;
    transform: translateY(10px);
    pointer-events: none;
    transition: 0.3s;
    z-index: 1000;
    flex-direction: column;
    min-width: 430px;
    white-space: nowrap;
    justify-content: center;
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: none;
}

    .dropdown-menu1::before {
        content: "";
        height: 0;
        border-left: 18px solid transparent;
        border-right: 18px solid transparent;
        border-bottom: 18px solid #e5e5e5;
        clear: both;
    }

    .dropdown-menu1::after {
        content: "";
        height: 0;
        border-left: 16px solid transparent;
        border-right: 16px solid transparent;
        border-bottom: 16px solid #fff;
        clear: both;
    }

.dropdown1:hover .dropdown-menu1 {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.dropdown-menu1 li {
    padding: 5px 0;
}

.dropdown-menu1 strong {
    margin-bottom: 10px;
    display: inline-block;
}

.dropdown-menu1 li a {
    text-decoration: none;
    color: #333;
    padding: 0 !important;
    display: block;
    transition: background-color 0.2s;
}

    .dropdown-menu1 li a::before {
        display: none !important;
    }

.dropdown-menu1 .sublink {
    display: flex;
    flex-wrap: wrap;
    column-gap: 18px;
}

    .dropdown-menu1 .sublink ul {
        width: 47%;
        display: inline-block;
    }

#st-1.st-animated {
    z-index: 9 !important;
}

.what-to-submit ul {
    margin: 5px 0 18px 18px;
    padding: 0;
}

.faqs .panel-default {
    border: 0;
    border-radius: 0;
    box-shadow: unset;
    margin-bottom: 10px;
    position: relative;
    background-color: #fff;
}

    .faqs .panel-default > .panel-heading {
        background: #f5f5f5;
        border-color: #f5f5f5;
        padding: 10px 15px;
        border-bottom: 1px solid transparent;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        color: #333;
    }
/* .bottom-round .right-title,
.common-row .right-title,
.round-row .right-title {
    background: var(--new-gradient, linear-gradient(125deg, #e2eeff 5.84%, #faf4eb 70.8%));
} */
.faqs h4.panel-title {
    font-size: 18px !important;
    font-family: var(--mediumfonts) !important;
    letter-spacing: -0.5px;
    margin-bottom: 0;
    text-transform: capitalize;
    margin-top: 0;
    font-weight: 500;
}

.faqs .panel-default:after {
    position: absolute;
    content: "<";
    top: 18px;
    bottom: 0;
    transform: rotate(-90deg);
    right: 15px;
    text-align: center;
    width: 20px;
    height: 10px;
    transition: 0.5s;
}

.faqs .panel-default:has(.collapse.in):after {
    transform: rotate(90deg);
    right: 0;
}

#divArticleFile table {
    width: 100% !important;
    margin-left: 0 !important;
}

.center-blocks {
    text-align: center;
    width: 50%;
    margin: 0 auto;
}

.price-details p {
    margin: 0 auto 30px;
    width: 54%;
}

.price-box-container {
    max-width: 850px;
    margin: 50px auto 50px auto;
    width: 90%;
}

.plan-price {
    color: #3c4172;
}

    .plan-price sup {
        font-size: 16px;
        font-family: var(--mediumfonts);
        vertical-align: top;
        padding-top: 5px;
        display: inline-table;
    }

.plan-ttitle {
    font-size: var(--sectiontitle);
    text-align: center;
}

.first-row {
    display: grid;
    grid-template-columns: 30% 80%;
    width: 100%;
    border-bottom: solid 1px #bad7f2;
}

    .first-row:last-of-type {
        border-bottom: 0px;
    }

.plan-details-title {
    display: grid;
    grid-template-columns: 40% 40%;
}

.col-equal {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 14px 0;
}

    .col-equal strong {
        font-size: var(--sectiontitle);
        color: var(--secondarycolor);
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .col-equal strong img {
            margin-left: 8px;
            cursor: pointer;
            top: -2px;
            position: relative;
        }

.ProductCount a {
    color: var(--highlightedcolor);
    text-decoration: underline;
}

.first-row:first-of-type .col-equal {
    border-bottom: 0;
}

    .first-row:first-of-type .col-equal span.small-text {
        color: var(--primarycolor);
        color: #000;
    }

    .first-row:first-of-type .col-equal sup {
        position: relative;
        left: -5px;
    }

.first-row:first-of-type .sectiontitle {
    display: flex;
    justify-content: center;
    align-items: center;
}

.right-title {
    text-align: right;
    padding-right: 18px;
}

.round-row .right-title {
    border-radius: 16px 0 0;
    display: flex;
    align-items: center;
    justify-content: end;
    font-family: var(--mediumfonts);
}

.bottom-round .right-title {
    border-radius: 0 0 0 16px;
}

.common-row .right-title {
    display: flex;
    align-items: center;
    justify-content: end;
}

.bottom-cornor .plan-details-title {
    padding: 30px 0px 0px 0px;
}

    .bottom-cornor .plan-details-title .col-equal {
        border-bottom: 0;
        padding: 0;
    }

#pricingmodelpopup .modal-content {
    padding: 25px;
    background: #fff;
}

.modal-title-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-left-title h2 {
    margin-bottom: 5px;
}

.right-count a {
    border-radius: 5px;
    border: 1px dashed #08e;
    background: #efefef;
    padding: 6px 18px;
}

.search-bar form {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-radius: 10px;
    border: 1px solid #e5e5e5;
    background: #fff;
    overflow: hidden;
    margin-bottom: 18px;
}

.search-bar .form-control {
    width: 100%;
    border: 0;
    padding: 0 18px;
    height: 40px;
    border-radius: 0;
}

    .search-bar .form-control:focus-visible {
        outline: 0;
    }

.search-bar img {
    padding-right: 15px;
}

.plan-box ul,
ul.chemical-list {
    list-style: none;
    padding: 0;
}

#productForm h3 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 10px;
}

.price-product-list {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

#pricingmodelpopup .modal-body {
    overflow-y: auto;
    height: 350px;
    padding-right: 18px;
}

#pricingmodelpopup .submitbtn button {
    padding: 12px 35px;
    background: #3c4172;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    border: 2px solid #3c4172;
    border-radius: 100px;
    margin: 0 auto;
}

    #pricingmodelpopup .submitbtn button:hover {
        background-color: transparent;
        color: #3c4172;
    }

#productForm input[type="checkbox"] {
    margin-right: 6px;
}

.tooltip {
    display: inline-block;
}

.tooltipText {
    background-color: #fff;
    position: absolute;
    right: -266px;
    padding: 10px 15px;
    border-radius: 5px;
    font-size: 13px !important;
    opacity: 0;
    transition: 0.5s;
    width: 207px;
    text-align: left;
    z-index: 9;
    border: 1px solid #d7d7d7;
    bottom: -27px;
    visibility: hidden;
}

    .tooltipText::after {
        content: "";
        border-width: 10px;
        border-style: solid;
        border-color: transparent #b5b0b0 transparent transparent;
        position: absolute;
        top: 35px;
        left: -33px;
        margin-left: 5%;
    }

.tooltip:hover .tooltipText {
    opacity: 1;
    transform: translateX(-10px);
    visibility: visible;
}

.business-scop-section {
    background: var(--asdf, linear-gradient(125deg, #e2eeff 5.84%, #faf4eb 70.8%));
    margin: 10px 0;
    display: inline-block;
    width: 100%;
    padding: 40px 0;
}

.plan-box-wrapper {
    display: flex;
    gap: 40px;
    justify-content: center;
    margin: 40px 0px 50px 0px;
}

    .plan-box-wrapper .request-demo.blue-btn a {
        display: block;
    }

.plan-box {
    border-radius: 10px;
    padding: 20px 30px;
    background: #fff;
    width: 330px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
    font-size: 16px;
    transition: transform 0.5s;
}

    .plan-box:hover {
        transform: scale(1.2);
        box-shadow: 0 3px 27px rgba(0, 0, 0, .1);
    }

.bestvalue {
    color: var(--primarycolor);
    background-color: #FFCA45;
    font-size: 13px;
    border-radius: 5px;
    padding: 5px 18px;
}

.exclusiveplan .plan-name {
    justify-content: space-between;
    display: flex;
}

.plan-box.basicplan {
    background: #F8F8F8;
    border: 1px solid rgba(60, 65, 114, 0.20);
}

.plan-box.exclusiveplan {
    background: var(--asdf, linear-gradient(125deg, #faf4eb 5.84%, #e2eeff 70.8%));
    border: 1px solid rgba(60, 65, 114, 0.20);
}

strong#TotalDiscountedPrice, .exclusiveprice {
    font-size: 34px;
    font-family: var(--boldfonts);
}

.plan-name {
    font-size: 20px;
    font-family: var(--mediumfonts);
}

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

.plan-wrapper {
    display: grid;
    grid-template-columns: repeat(2, minmax(0px, 1fr));
    gap: 30px;
    margin-bottom: 25px;
}

.plan-box li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
    font-size: 16px;
    color: #333;
}

    .plan-box li::before {
        content: "✔";
        color: #28a745;
        font-weight: 700;
        margin-right: 10px;
        line-height: 1.2;
    }

ul.chemical-list {
    margin: 25px 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

    ul.chemical-list li {
        border-radius: 50px;
        background: rgba(135, 135, 135, 0.06);
        font-size: 15px;
        display: flex;
        text-align: center;
        padding: 5px 18px;
        align-items: center;
        cursor: none;
        column-gap: 12px;
        transition: 0.25s;
    }

        ul.chemical-list li:last-of-type {
            background: rgba(135, 135, 135, 0.15);
        }

.accessbusiness {
    margin: 50px 0 30px;
}

.customhr {
    border-top: 1px solid #e7e7e7;
}

:target {
    scroll-margin-top: 90px;
}

html {
    scroll-behavior: smooth;
}

.blue-btn a {
    background-color: #3c4172 !important;
    border-color: #3c4172;
}

    .blue-btn a:hover {
        color: #3c4172 !important;
    }

#dvcaption {
    padding: 4px 0;
    bottom: -5px;
}

.right-menu li:first-child .dropdown-menu1 {
    left: -30px;
    right: inherit;
    min-width: auto;
}

    .dropdown-menu1::before,
    .right-menu li:first-child .dropdown-menu1::before {
        left: calc(40% - 2px);
    }

    .dropdown-menu1::after,
    .right-menu li:first-child .dropdown-menu1::after {
        left: 40% !important;
    }

.accessscop {
    margin-top: 50px;
}

    .accessscop p {
        width: 80%;
        margin: 30px auto;
    }

#plans {
    padding: 40px 0px 70px 0px;
    margin-bottom: 0px;
}

#PrimeContentModel .form-control {
    outline: 0;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.10) !important;
    font-size: 15px;
    width: 93%;
    padding: 0px 15px;
    height: 45px;
    display: block;
    line-height: 1.42857143;
    color: #555;
    background-image: none !important;
    background-color: transparent !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -o-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

#PrimeContentModel select.form-control {
    width: 100%;
}

#PrimeContentModel .border-purple-btn {
    padding: 12px 40px !important;
    width: 81%;
    background: var(--secondarycolor) !important;
    border: solid 2px var(--secondarycolor) !important;
    color: #fff !important;
    font-size: var(--regularfontsize) !important;
    cursor: pointer;
    text-transform: none !important;
    border: 0;
    border-radius: 100px !important;
    margin: 0 auto;
}

    #PrimeContentModel .border-purple-btn:hover {
        background-color: transparent !important;
        color: var(--secondarycolor) !important;
    }

#PrimeContentModel .modal-dialog .close {
    border: 0px !important;
    right: 15px !important;
    cursor: pointer;
    top: 15px !important;
}

#PrimeContentModel .modal-body {
    padding: 0px !important;
}

.prime-forom-container.success-container .white-box {
    max-width: 600px;
    margin: 6% auto 0 auto;
    width: 80%;
    border-radius: 10px;
    text-align: center;
    background-color: #fff;
    padding: 30px 0px;
}

.prime-forom-container.success-container h1.success-title {
    font-size: var(--sectiontitle);
    color: #3c4172 !important;
    margin-top: 0;
    margin-bottom: 5px;
    font-family: var(--boldfonts);
    font-weight: 500;
}

.check-msg {
    width: 50%;
    background-color: #d3d3d3;
    margin: 60px auto 50px auto;
    position: relative;
    height: 1px;
}

i.fa.fa-check {
    background-color: #fff;
    width: 80px;
    height: 80px;
    border-radius: 100px;
    position: absolute;
    top: -42px;
    left: 0;
    right: 0;
    margin: 0px auto;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    border: solid 1px #d1d1d1;
    color: #2ab300;
    font-size: 30px;
}

.success-content span {
    width: 100%;
    display: block;
    font-size: 18px !important;
}

.footer {
    margin: 0px !important;
}

div#Success {
    height: 86vh;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.prime-forom-container.success-container .bottom-btns a, .planform .border-purple-btn {
    background-color: #3c4172;
    border: solid 2px #3c4172;
    padding: 8px 40px;
    cursor: pointer;
    color: #fff;
    display: inline-block;
    transition: .25s;
    margin-top: 18px;
    border-radius: 100px;
}

    .prime-forom-container.success-container .bottom-btns a:hover, .planform .border-purple-btn:hover {
        background-color: transparent;
        color: #3c4172;
    }

.select-product-layout {
    padding: 0px;
    gap: 50px;
    display: flex;
    padding-bottom: 50px;
    margin-top: 50px;
}

.select-products-col {
    width: calc(100% - 370px);
}

.pricing-sidebar {
    width: 370px;
}

    .pricing-sidebar .pricing-card {
        border: 1px solid rgba(0, 0, 0, 0.10);
        border-radius: 16px;
        position: sticky;
        top: 120px;
        overflow: hidden;
    }

.plandetails {
    background: var(--new-gradient, linear-gradient(125deg, #E2EEFF 5.84%, #FAF4EB 70.8%));
    padding: 18px;
}

    .plandetails .exclusiveprice {
        color: #3c4172;
    }

    .plandetails .small-text {
        font-size: var(--moduletitlefontsize);
        color: #3c4172;
    }

.subpricing {
    display: flex;
    color: #3c4172;
    font-family: var(--mediumfonts);
}

.product-count {
    background: rgba(244, 244, 244, 0.60);
    border-top: 1px solid rgba(0, 0, 0, 0.10);
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    padding: 10px;
    color: #3c4172;
}

    .product-count span {
        font-family: var(--mediumfonts);
    }

.planform {
    padding: 18px;
}

    .planform .form-control {
        border-radius: 5px;
        border: 1px solid rgba(0, 0, 0, 0.10);
        width: 95%;
        margin-bottom: 18px;
        padding: 14px 0px 14px 14px;
    }

        .planform .form-control:focus-visible {
            outline: none;
        }

        .planform .form-control:last-child {
            margin-bottom: 0px;
        }

    .planform select.form-control {
        width: 100%;
    }

    .planform .form-group .col-sm-12 {
        position: relative;
    }

        .planform .form-group .col-sm-12 .text-danger {
            position: absolute;
            bottom: 0px;
            font-size: 12px;
            width: 100%;
            left: 0;
        }

    .planform .border-purple-btn {
        margin-top: 0px;
        display: block;
        text-align: center;
    }

.contact-form h3 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    padding-bottom: 12px;
}

.mobile-pricebar, .mobile-back-btn {
    display: none;
}

#PrimeContentModel .modal-content {
    background: #fff !important;
    max-width: 450px !important;
    width: 80% !important;
    background: #ffff !important;
    padding: 15px 20px !important;
}

#PrimeContentModel .prime-modal-title {
    margin: 8px !important;
    font-size: var(--moduletitlefontsize);
}

#PrimeContentModel .modal-dialog .close {
    right: 16px !important;
    cursor: pointer;
    top: 8px !important;
}

.success-payment-text strong, .success-next-steps strong {
    font-size: 18px;
}

@media (max-width: 1366px) {
    .dropdown-menu1::before {
        left: calc(40% - 2px);
    }
}

@media (max-width: 1300px) {
    .right-menu ul {
        column-gap: 0;
    }

    .dropdown-menu1 {
        right: -150px;
    }
}

@media (max-width: 1280px) {
    .market-details-block {
        width: calc(100% - 50%);
    }

    .right-modules-wrapper {
        width: calc(100% - 46%);
    }

    .market-insight-block {
        background-position: -100px 0;
    }

    .login-btn {
        padding: 10px 22px;
    }

    .getfreeweekly .form-wrapper form,
    .insight-newslatter .form-wrapper form {
        width: 100%;
        flex-direction: column;
    }

    .becomeacontributor {
        padding-bottom: 340px;
    }

    .becomeacontent-wrapper {
        margin-top: -315px;
    }

    .right-become-section {
        top: 15%;
    }

    .plan-box-wrapper {
        gap: 30px;
    }
}

@media (max-width: 1200px) {
    #leftMenu {
        display: inherit;
    }

    .aboutsright,
    .price-details br,
    .right-menu {
        display: none;
    }

    .logo {
        column-gap: 20px;
    }

        .logo #openLeftButton {
            filter: invert(1);
            display: block;
            margin-left: 12px;
        }

    .mobile-show {
        display: block;
    }

    .details-wrapper {
        width: 100%;
    }
}

@media (max-width: 1024px) {
    .menu-accordion-content li a,
    .menu-accordion-toggle.active .menu-accordion-header {
        font-family: var(--mediumfonts);
    }

    :root {
        --header-fontsize: 34px;
        --sectiontitle: 24px;
        --moduletitlefontsize: 18px;
    }

    .modal-dialog {
        width: 90% !important;
        margin: 0 auto;
    }

    .module-even,
    .module-odd {
        width: 42%;
    }

    .form-wrapper form,
    .headerleft {
        width: 60%;
    }

    .nav > .nav-list > li a {
        font-size: 13px;
        padding-right: 12px;
    }

    .nav > .nav-list {
        column-gap: 8px;
    }

    .aboutsright,
    .news-top-main .getfreeweekly,
    .news-top-main .insight-newslatter,
    .right-menu,
    .tailored-left .mobile-hide {
        display: none;
    }

    .logo #openLeftButton {
        filter: invert(1);
        display: block;
        margin-left: 12px;
    }

    #leftMenu {
        display: inherit;
    }

    .animation-icon-6 {
        left: 18%;
    }

    .market-details-block {
        width: calc(100% - 50%);
    }

    .market-insight-block {
        background-position: -215px -40px;
        background-size: cover;
    }

    .right-modules-wrapper {
        width: calc(100% - 48%);
    }

    .aboutleft {
        width: 90%;
        padding: 40px 0 0 40px;
    }

    .animation-icon-1,
    .animation-icon-2,
    .animation-icon-3,
    .animation-icon-4,
    .animation-icon-5,
    .animation-icon-6,
    .animation-icon-7 {
        animation-name: none;
    }

    .unlock-wrapper {
        align-items: center;
    }

    .animation-icon-1 {
        right: 12px;
        top: -9px;
    }

        .animation-icon-1 img,
        .animation-icon-3 img {
            width: 60px;
        }

    .animation-icon-2 img {
        width: 100px;
    }

    .animation-icon-4 img {
        width: 150px;
    }

    .left-module {
        top: 15%;
    }

    .logo {
        column-gap: 20px;
    }

    .common-note {
        flex-wrap: wrap;
        border-radius: 5px;
    }

        .common-note .request-demo {
            display: inline-block;
            margin: 10px 0 20px;
        }

    .detailspage-inner-section .trends-wrapper {
        margin-top: 30px;
    }

    .detailspage-inner-section {
        padding-bottom: 50px;
    }

    .accordion-item1 {
        padding: 8px 0 8px 25px;
    }

    .tailored-right {
        flex-wrap: wrap;
    }

    .insight-newslatter {
        min-width: 320px;
    }

        .insight-newslatter .form-wrapper form {
            flex-direction: column;
        }

    .news-homepage .main-newswrapper {
        width: 100%;
    }

    .chemical-right-news {
        width: 100%;
        flex-direction: row;
        column-gap: 18px;
        margin-left: 0;
    }

        .chemical-right-news .newsbox {
            display: inline-block;
            width: 30%;
            margin-top: 17px;
            padding-right: 20px;
        }

    .industry-articles,
    .news-homepage .common-sprator {
        margin: 20px 0;
    }

    .trending-section .news-top-main {
        flex-wrap: wrap;
        row-gap: 22px;
    }

    .trending-section .trending-news {
        width: auto;
        display: flex;
        margin-top: 20px;
        column-gap: 20px;
        padding-bottom: 0;
        border-bottom: 0;
    }

        .trending-section .trending-news .newsbox {
            border: 0;
        }

    .latest-title {
        width: 75%;
    }

    .menu-accordion-toggle {
        position: relative;
    }

    .menu-accordion-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
        padding: 0 18px 0 0;
        text-decoration: none;
        color: #333;
    }

    .menu-accordion-arrow {
        transition: transform 0.3s;
        font-size: 0.9em;
    }

    .menu-accordion-toggle.active .menu-accordion-arrow {
        transform: rotate(93deg);
    }

    .menu-accordion-content {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.4s;
        padding: 0 10px;
    }

        .menu-accordion-content li {
            padding-left: 0 !important;
            padding-bottom: 0 !important;
            margin-bottom: 0 !important;
        }

            .menu-accordion-content li:last-child {
                border-bottom: 0 !important;
            }

            .menu-accordion-content li a {
                display: block;
                padding: 4px 10px;
                color: #333;
                text-decoration: none;
                font-size: 14px;
            }

                .menu-accordion-content li a:hover {
                    color: #007bff;
                }

    .contributorgroup.authorlistgroup {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .becomeacontent-wrapper {
        margin-top: -340px;
    }

    .becomeacontributor {
        padding-bottom: 360px;
    }
}

@media (max-width: 992px) {
    .banner-section {
        padding: 100px 0 50px;
    }

    .inner-header-section {
        padding-top: 80px;
    }

    .price-details p {
        width: 98%;
    }

    .becomeacontent-wrapper,
    .chemical-price-wrapper,
    .innerheader-common-wrapper,
    .tailored-wrapper,
    .tarrifwhychoose,
    .topheader,
    .unlockrecent .unlock-wrapper {
        flex-wrap: wrap;
    }

    .customized-wrapper {
        flex-wrap: wrap-reverse;
        padding-bottom: 50px;
    }

    .box-common,
    .common-left-title,
    .common-right-details,
    .customized-details,
    .customized-img,
    .headerleft,
    .insightwrapper,
    .left-chemical-price,
    .leftkytrarif,
    .leftunlock-wrapper,
    .leftwhychoose-details,
    .right-modules-wrapper,
    .rightunlock,
    .tailored-left,
    .tailors-research .featrues-box,
    .tarrif-whychoose-left,
    .valuebox,
    .viewall-section .newslist-section,
    ul.accordion-list {
        width: 100%;
    }

    .header-main {
        padding: 9px 4px 9px 9px;
    }

    .header-right {
        display: flex;
        flex-wrap: nowrap;
        -ms-overflow-style: none;
        scrollbar-width: none;
        flex-direction: inherit;
        justify-content: left;
        white-space: nowrap;
        overflow: hidden;
        overflow-x: scroll;
        margin-top: 41px;
        column-gap: 20px;
    }

    .new-module {
        display: flex;
        flex-wrap: wrap;
    }

    .inner-left-hedaer-details,
    .left-module {
        width: 100%;
        position: inherit;
        margin-right: 0;
        text-align: center;
    }

        .inner-left-hedaer-details .sectiontitle,
        .left-module .sectiontitle {
            text-align: left;
        }

        .comprehensive-main,
        .inner-header-section .right-trends-details p,
        .inner-left-hedaer-details .right-trends-details {
            margin-top: 0;
        }

    .inner-header-section .right-trends-details {
        width: 100%;
        margin-top: 0;
    }

    .business-title,
    .module-box p,
    .title-btn-wrapper .sectiontitle,
    .unlock {
        margin-bottom: 0;
    }

    .unlock-wrapper {
        flex-wrap: wrap-reverse;
        border-bottom: 1px solid #ececec;
        padding-bottom: 50px;
        margin-bottom: 50px;
    }

    .flexible-download .unlock-wrapper {
        flex-wrap: wrap;
        border-bottom: 0;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .animation-icon-1 {
        right: 150px;
        top: 10px;
    }

    .animation-icon-2 {
        left: 126px;
    }

    .common-left-title br,
    .industry-articles-wrapper .newsarticle-box:last-of-type,
    .mobile-hide,
    .news-details-section .insight-newslatter.form-wrapper,
    .whychoose-rightimg {
        display: none;
    }

    .tailored-right {
        width: 100%;
        flex-wrap: wrap;
        row-gap: 18px;
    }

    .tailored-solutions {
        padding-top: 20px;
    }

    .customized-img {
        text-align: center;
    }

    .customized-report {
        padding-bottom: 0;
    }

    .animation-icon-5 {
        right: 130px;
    }

    .animation-icon-6 {
        left: 165px;
    }

    .comprehensive-main .unlock-wrapper {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: 0;
    }

    .inner-unlockcommon-block .unlock-wrapper {
        padding-bottom: 0;
        border-bottom: 0;
    }

    .detailspage-inner-section .trends-wrapper {
        margin-top: 18px;
    }

    .box-wrapper {
        flex-direction: column;
        row-gap: 50px;
    }

    .tryalchempro {
        flex-direction: column;
        padding: 15px 15px 35px;
    }

    .tryalchempro-details {
        text-align: center;
        margin-top: 18px;
    }

    .tryalchempro-img {
        bottom: inherit;
        text-align: center;
        margin: 0 auto;
    }

    .main-table {
        position: relative;
        overflow-x: auto;
        white-space: nowrap;
    }

    .right-trends-details .trends-wrapper {
        margin-top: 40px;
    }

    .whatmakes .sectiontitle {
        width: 50%;
    }

    .valuewrapper {
        margin-top: 35px;
        row-gap: 30px;
    }

    .tarrif-whychoose-right {
        width: 90%;
        margin: 0 auto;
    }

    ul.accordion-list li h3 {
        padding: 0 35px 0 0;
        width: initial;
    }

    .request-demo a {
        padding: 14px 40px;
    }

    .module-box a {
        border-radius: 10px;
        padding: 18px;
        border: 1px solid rgba(10, 130, 250, 0.2);
        box-shadow: 0 12px 34px -10px rgba(18, 69, 152, 0.15);
        background: #fff;
    }

    .moduletitle strong img {
        opacity: 1;
        display: inline-block;
        vertical-align: middle;
    }

    .module-box {
        margin-bottom: 30px;
    }

    .title-btn-wrapper {
        align-items: center;
    }

    .viewall-section {
        flex-direction: column;
    }

    .latest-title strong {
        font-size: 18px;
    }

    .latest-title span {
        margin: 8px 0;
    }

    .latest-news-big {
        align-items: normal;
    }

    .viewall-section .insight-newslatter {
        min-width: 320px;
        width: fit-content;
    }

        .viewall-section .insight-newslatter .form-wrapper form {
            flex-direction: initial;
        }

    .contributorgroup.authorlistgroup,
    .popular-articles .mustread {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .Alchempro-article-details .article-img-top {
        width: 100%;
        margin-top: 20px;
    }

    .Alchempro-article-details .article-bigimg {
        height: auto;
    }

    .what-to-submit {
        margin-top: 30px;
    }

    .becomeacontributor {
        background: 0 0;
    }

    .left-becomecontributer .subtitle {
        margin-top: 0;
        margin-bottom: 0;
        display: inline-block;
    }

    .right-become-section {
        min-width: fit-content;
        margin-top: 28px;
    }

    .price-box-container .request-demo a {
        padding: 8px 22px;
    }

    .price-box-container {
        margin: 25px 0px;
    }

    .first-row {
        grid-template-columns: 40% 70%;
    }

    .accessscop {
        margin-top: 25px;
    }

        .accessscop p {
            width: 100%;
        }
}

@media (max-width: 767px) {
    .footerlink,
    .left-becomecontributer .subtitle,
    .overly .sectiontitle {
        font-size: 18px;
    }

    .login-btn,
    .login-btn:hover {
        color: var(--whitecolor);
    }

    #CustomizedResearchmodal h3.sectiontitle,
    #chemicalprise h3.sectiontitle,
    #requestmodal h3.sectiontitle,
    .mobile.tableofcontent h2.blocktitle {
        font-size: var(--moduletitlefontsize);
    }

    .keyaccordion h4,
    .tabs-wrapper .keyaccordion p {
        color: var(--primarycolor);
    }

    .accordion_intro,
    .formfield,
    .main-table {
        position: relative;
    }

    :root {
        --moduletitlefontsize: 18px;
    }

    .Alchempro-article-details .article-details-wrapper,
    .flexible-download,
    .inner-left-hedaer-details,
    .innerheader-common-wrapper,
    .nodatafound,
    .submitbtn {
        margin-top: 0;
    }

    .becomeacontributor,
    .bottom-cornor .right-title,
    .breadcrume,
    .headercontactus,
    .left-market-block,
    .must-read-share.share-icon,
    .news-header,
    .plan-wrapper .plan-box br,
    .statstics-section h2 br,
    .tabs-wrapper .keyaccordion.accordion_active::before,
    .tabs-wrapper .keyaccordion.active::before,
    .title-btn-wrapper .sectiontitle br {
        display: none;
    }

    .newslatter-sticky img {
        width: 160px;
    }

    .form-wrapper form,
    .formfield,
    .get-custom-report .formfield:nth-of-type(4),
    .get-custom-report .formfield:nth-of-type(5),
    .get-custom-report .formfield:nth-of-type(6),
    .get-custom-report .formfield:nth-of-type(7),
    .industry-articles .newsarticle-box,
    .latest-newsimg,
    .latest-title,
    .market-details-block,
    .news-details-section .newslist-section,
    .newsbox,
    .newsdetials-right,
    .row_inner,
    .viewall-section .newslist-section {
        width: 100%;
    }

    ul.accordion-list li h3 {
        width: 90%;
        font-size: 16px;
        padding: 0;
    }

        ul.accordion-list li h3:after {
            right: -35px;
        }

    ul.accordion-list li.active h3:after {
        right: -45px;
    }

    .copyright .container,
    .footer .container {
        justify-content: center;
        row-gap: 15px;
        flex-wrap: wrap;
        display: flex;
    }

    .footerlink {
        flex-wrap: wrap;
        justify-content: center;
    }

    .services-copyright {
        text-align: center;
    }

    .market-insight-block {
        background: #1e2629;
    }

    .aboutleft {
        padding: 30px;
    }

    .animation-icon-6 {
        left: 13%;
        top: 50%;
    }

    .animation-icon-5 {
        right: 22px;
    }

    .animation-icon-1 {
        right: 5%;
        top: 10px;
    }

    .animation-icon-2 {
        left: 0;
    }

    .module-box a,
    .module-box a:hover {
        padding: 10px 18px;
    }

    .formfield {
        margin: 0 0 8px;
    }

        .formfield .form-control {
            border-radius: 8px;
        }

    .modal-body {
        padding: 0;
    }

    #CustomizedResearchmodal .formwrapper,
    #caspopup .formwrapper,
    #requestmodal .formwrapper,
    .details-wrapper .profile-intro {
        margin-top: 15px;
    }

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

    #leftMenu {
        width: 70%;
    }

    .inner-header-section {
        padding-top: 100px;
        padding-bottom: 50px;
    }

    .industry-articles-wrapper,
    .latest-news-big a,
    .latest-othernews,
    .news-details-section,
    .news-top-main,
    .title-btn-wrapper,
    .trending-section .trending-news {
        flex-wrap: wrap;
    }

        .title-btn-wrapper .sectiontitle {
            margin-bottom: 22px;
            width: 100%;
        }

    .enhance-details-wrapper {
        margin-top: 40px;
    }

    #allcountriesmodal .country-wrapper a,
    #chemicalprise .country-wrapper a,
    .chemical-country-wrapper .country-btn a {
        text-align: left;
    }

    .enhance-details-wrapper .tools-contant {
        padding: 18px 12px;
    }

    .common-sprator,
    .tabs-wrapper {
        margin: 30px 0;
    }

    .common-note,
    .readmore {
        margin-top: 10px;
    }

    .chemical-right-news .newsbox,
    .inner-unlockcommon-block .unlock-wrapper {
        margin-bottom: 0 !important;
    }

    .readmore {
        justify-content: flex-start;
    }

    .alchempro-article-section,
    .article-details-left,
    .row_inner#dynamicContent {
        display: none !important;
    }

    .row_flex .keyaccordion {
        border-left: 0 !important;
    }

    .tabs-wrapper .accordion_intro::before {
        top: 15px;
        left: 0;
        transform: rotate(180deg);
        content: "";
        width: 20px;
        height: 20px;
        background: url(../images/new/tab-arrow.svg) center center/20px no-repeat;
        position: absolute;
    }

    .accordion.accordion h4 {
        padding-left: 30px;
    }

    .tabs-wrapper .accordion_content {
        padding: 0 0 0 30px;
    }

    .chemical-right-news,
    .title-btn-wrapper {
        flex-direction: column;
    }

    .main-table {
        overflow-x: auto;
        white-space: normal;
    }

    .rwd-table td,
    .rwd-table th {
        padding: 0.5em 15px;
        border-bottom: 1px solid #edf1f9;
        font-size: 14px;
    }

    .tryalchempro-img {
        min-width: inherit;
    }

    .rwd-table td:before {
        display: inline;
        margin-right: 10px;
    }

    .keybox-wrapper {
        flex-direction: column;
        row-gap: 9px;
        margin-top: 40px;
    }

    .authorlistgroup .pagination,
    .trending-section .title-section,
    .tryalchempro-details {
        margin-bottom: 0;
    }

    .box-wrapper {
        row-gap: 12px;
    }

    #allcountriesmodal .country-wrapper,
    #chemicalprise .country-wrapper {
        width: 85%;
        justify-content: flex-start;
    }

    .filter-section input {
        width: 50%;
    }

    div#InquireForm,
    div.get-custom-report {
        width: 90%;
    }

    #CustomizedResearchmodal .mobile-scroll,
    #caspopup .mobile-scroll,
    #requestmodal .mobile-scroll {
        height: 65vh;
        overflow-y: auto;
    }

    .modal-content {
        padding: 20px 0;
    }

    .rwd-table td:last-child {
        border-bottom: 1px solid #cfcfcf;
    }

    .market-insight-block,
    .modules {
        padding: 30px 0;
    }

    .aboutalchempro {
        margin-top: 30px;
    }

    .inner-header-section {
        margin-bottom: 30px;
    }

    .unlock {
        margin: 50px 0;
    }

    .statstics-section {
        padding: 20px 0;
        margin: 0;
    }

        .statstics-section .owl-theme .owl-dots .owl-dot span {
            width: 8px;
            height: 8px;
            margin: 6px 7px 0;
        }

    #ErrorMsg,
    .form-wrapper form .text-danger {
        bottom: -60px;
    }

    .title-btn-wrapper .request-demo,
    .title-btn-wrapper.customized-research-btn .request-demo {
        width: auto;
        text-align: left;
    }

    .title-btn-wrapper {
        align-items: baseline;
    }

    .request-demo a {
        padding: 8px 22px;
    }

    .right-trends-details .trends-wrapper {
        margin-top: 25px;
    }

    .overly p {
        line-height: 18px;
    }

    .Alchempro-article-details .article-img-top,
    .authore-proviles-main,
    .news-details-section,
    .viewall-section {
        margin-top: 90px;
    }

    .newslist-title span {
        font-size: 14px;
    }

    .newslist-title {
        padding: 0 0 0 14px;
    }

    .latest-news-img {
        min-width: 135px;
    }

    .right-become-section,
    a.view-allbtn {
        min-width: fit-content;
    }

    .latest-news-img img {
        height: auto;
        border-radius: 5px;
    }

    .newslist-row {
        border: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 0;
        padding-bottom: 18px;
        margin-bottom: 18px;
    }

    .insight-newslatter.form-wrapper #ErrorMsg,
    .insight-newslatter.form-wrapper form .text-danger {
        bottom: -25px;
    }

    .header-main {
        padding: 16px 6px;
    }

    .login-btn {
        background-color: #3c4172;
        margin-right: 5px;
    }

    .title-section {
        margin-top: 85px;
    }

    .industry-articles-wrapper,
    .latest-othernews,
    .main-newswrapper {
        row-gap: 18px;
    }

    .latest-title strong {
        font-size: 24px;
    }

    .news-top-main .insight-newslatter .form-wrapper form {
        margin: 12px 0;
    }

    .industry-articles .title-section,
    .trending-section .title-section {
        margin-top: 20px !important;
    }

    .trending-section .trending-news .newsbox {
        border-bottom: 1px solid #e9e9e9;
        padding-bottom: 12px;
        margin-bottom: 12px;
    }

        .trending-section .trending-news .newsbox:last-child {
            border-bottom: 0 !important;
        }

    .industry-articles-wrapper .newsarticle-box:last-of-type,
    .viewall-section .insight-newslatter,
    br.mobile-use {
        display: block;
    }

    .industry-articles-wrapper .article-img {
        height: 200px;
    }

    .industry-articles {
        margin: 40px 0 20px;
    }

    .getfreeweekly .sectiontitle,
    .insight-newslatter .sectiontitle {
        font-size: 22px;
    }

    .latest-news-big.trending-news-boxwrapper a {
        flex-wrap: wrap;
        display: flex;
    }

    .recommended .recommended-news {
        padding-bottom: 10px;
    }

    .news-top-main .main-newswrapper .newsbox {
        width: 100%;
        margin-top: 12px;
    }

    .editorialsection .sectiontitle {
        font-size: 23px;
        padding: 0 30px;
    }

    .contributorgroup.authorlistgroup,
    .popular-articles .mustread,
    .relatedarticle {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .articles-alphabate ul {
        margin: 0 0 12px;
    }

    .becomeacontent-wrapper {
        margin-top: 80px;
        flex-wrap: wrap;
    }

    .what-to-submit {
        margin-top: 20px;
    }

    .becomeacontent-wrapper .contributorgroup.authorlistgroup {
        flex-wrap: wrap;
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .right-become-section {
        margin-top: 28px;
    }

    .titlebtnwrapper {
        margin: 30px 0 18px;
    }

    .mobile.tableofcontent {
        position: sticky;
        width: 100vw;
        bottom: 0 !important;
        background: #fff;
        margin: 0;
        transition: 0.7s;
        display: flex;
        flex-direction: column;
    }

        .mobile.tableofcontent.open {
            transition: 0.7s;
        }

        .mobile.tableofcontent h2.blocktitle {
            padding: 15px 20px;
            margin: 0;
            background: var(--highlightedcolor);
            color: var(--whitecolor);
            font-family: var(--boldfonts);
            line-height: 1.3;
            text-align: center;
            letter-spacing: normal;
        }

        .mobile.tableofcontent ul {
            padding: 10px 0 0;
            display: none;
            transition: 0.3s;
        }

        .mobile.tableofcontent.open ul {
            display: block;
            max-height: 60vh;
            overflow: auto;
            background: linear-gradient(134deg, #e2eeff 0, #fff6eb 70%);
            padding: 0;
            transition: 0.3s;
            margin: 0;
        }

        .mobile.tableofcontent ul li a {
            list-style: unset;
            border-bottom: 1px solid #e5e5e5;
            padding: 12px 18px;
            display: flex;
            border-right: 3px solid transparent;
        }

    .Alchempro-article-details .article-right-details {
        width: 100% !important;
        margin: 10px 0 0;
    }

    .Alchempro-article-details .article-authorsection {
        flex-wrap: wrap;
        row-gap: 1px;
    }

    .article-img-top h1 {
        font-size: var(--sectiontitle);
    }

    .right-become-form {
        padding: 25px 20px;
    }

    .form-group.floatlabel input {
        width: 100% !important;
    }

    .editor-news-group .editor-images,
    .popular-articles .advertorials-img {
        height: auto;
    }

    .top-authordetails-section {
        padding-top: 18px;
    }

    #captchadivarticle {
        display: flex;
        flex-wrap: wrap-reverse;
    }

    [href="#CaptchaImage"] {
        bottom: 12px;
        font-size: 12px;
    }

    .plan-pricing-details {
        margin: 0;
    }

    .first-row,
    .plan-wrapper {
        grid-template-columns: auto;
    }

    .common-row .right-title,
    .round-row .right-title {
        justify-content: center;
        padding: 18px 0;
        font-family: var(--mediumfonts);
    }

    .bottom-round .right-title,
    .round-row .right-title {
        border-radius: 0;
    }

    .tooltipText {
        bottom: -100px;
        right: -128px;
    }

        .tooltipText::after {
            border-color: transparent transparent #b5b0b0;
            top: -21px;
            left: 38%;
        }

    .first-row:first-of-type .col-equal span {
        font-size: 16px;
        color: #fff;
    }

    .col-equal strong {
        flex-wrap: wrap;
        font-size: 20px;
    }

        .col-equal strong img {
            top: 2px;
        }

    .plan-box-wrapper {
        flex-wrap: wrap;
        margin: 18px 0px 40px 0px;
    }

    .exclusiveplan .plan-desc br {
        display: none;
    }

    .plan-details-title {
        background-color: #fff;
        grid-template-columns: 50% 50%;
    }

    .bottom-cornor .plan-details-title {
        padding: 30px 0px 30px 0px;
    }

    .price-box-container {
        width: 100%;
    }

    .first-row:first-of-type .plan-details-title {
        background-color: var(--secondarycolor);
        color: #fff;
    }

    .right-title {
        background-color: #e1e8f1;
    }

    #plans {
        padding-bottom: 40px;
    }

    .plan-box {
        box-shadow: 0 3px 27px rgba(0, 0, 0, .1);
    }

        .plan-box:hover {
            transform: none;
        }

    .first-row:first-of-type {
        position: -webkit-sticky;
        position: sticky;
        top: 6%;
    }

    .box span {
        padding: 8px 18px;
        font-size: 15px;
    }

    .get-custom-report .comments, .get-custom-report div#JobFunction {
        width: 100% !important;
    }

    .header-right {
        column-gap: 8px;
    }

    .news-homepage .title-section .view-all {
        min-width: 100px;
    }

    .insight-newslatter.form-wrapper {
        display: none !important;
    }

    #insightnewslatter {
        margin-top: 20px;
    }

    #PrimeContentModel .form-control {
        width: 89% !important;
    }

    #PrimeContentModel select.form-control {
        width: 100% !important;
    }

    #PrimeContentModel a.border-purple-btn {
        width: -webkit-fill-available !important;
    }

    .select-product-layout {
        flex-direction: column;
        gap: 0px;
    }

    .select-products-col {
        width: 100%;
    }

    .pricing-sidebar {
        width: 370px;
        position: sticky;
        bottom: 0px;
    }

    .prime-forom-container.success-container .white-box {
        width: 95%;
        margin: 18% auto 0 auto;
    }

    .success-content {
        padding: 0px 18px;
    }

    .plandetails {
        background: transparent;
        padding: 0px;
    }

    .pricing-sidebar {
        display: none;
    }

    .mobile-pricebar {
        display: block;
    }

    .pricing-card {
        background: #FFF;
        padding: 18px;
        box-shadow: 0 -4px 13px 0 rgba(0, 0, 0, 0.10);
    }

    .mobile-pricebar {
        position: sticky;
        bottom: 0px;
    }

    div#pollSlider-button .price-wrapper {
        display: flex;
        column-gap: 18px;
        justify-content: space-between;
    }

    .product-count {
        border-radius: 5px;
        border: 1px dashed rgba(0, 0, 0, 0.10);
        background: rgba(140, 140, 140, 0.10);
    }

    .plan-label {
        margin-bottom: 5px;
    }

    /* Slide Box */
    .slide-box {
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        padding: 0;
        transform: translateY(10px);
        transition: max-height 0.45s ease, opacity 0.3s ease, transform 0.4s ease;
    }

        .slide-box.active {
            max-height: 600px; /* adjust if needed */
            opacity: 1;
            transform: translateY(0);
        }


    /* Subscribe Button */
    .subscribe-btn {
        display: inline-block;
        opacity: 1;
        padding: 0;
        transform: translateY(0);
        transition: opacity 0.3s ease, transform 0.3s ease, margin 0.3s ease, padding 0.3s ease, height 0.3s ease;
        width: 100%;
    }

        .subscribe-btn .border-purple-btn {
            background-color: #3c4172;
            border: solid 2px #3c4172;
            padding: 8px 40px;
            cursor: pointer;
            color: #fff;
            font-family: var(--regularfonts);
            font-size: var(--regularfontsize);
            text-align: center;
            display: block;
            transition: .25s;
            margin-top: 18px;
            border-radius: 100px;
            width: 100%;
        }

        .subscribe-btn.hide-btn {
            opacity: 0;
            transform: translateY(10px);
            height: 0;
            margin: 0;
            padding-top: 0;
            padding-bottom: 0;
            overflow: hidden;
        }

    span.close-inline-form {
        position: absolute;
        right: 18px;
        top: 10px;
        font-size: 19px;
        font-weight: bold;
    }

    .close-inline-form {
        opacity: 0;
        transform: scale(0.8);
        pointer-events: none;
        transition: opacity 0.3s ease, transform 0.3s ease;
    }

        /* Show when active */
        .close-inline-form.show-close {
            opacity: 1;
            transform: scale(1);
            pointer-events: auto;
        }

    strong#TotalDiscountedPrice, .exclusiveprice {
        font-family: var(--boldfonts);
    }

    #MobileSelectProductPriceMonthly.exclusiveprice {
        font-size: 20px;
    }

    .mobile-back-btn {
        display: block;
    }

        .mobile-back-btn a {
            display: flex;
            margin: 36px 0px 12px 0px;
            font-size: 16px;
            column-gap: 10px;
            color: var(--secondarycolor);
            align-items: center;
            font-family: var(--mediumfonts);
        }

    .price-wrapper {
        display: flex;
        column-gap: 18px;
    }

    .selectproduct {
        width: calc(100% - 170px);
        position: relative;
    }

    .pricing-display {
        width: 210px;
    }

    #mobileProductSelectionError {
        color: rgb(217, 83, 79);
        font-size: 12px;
        margin-top: 4px;
        font-weight: 500;
        text-align: left;
        position: absolute;
        top: -34px;
        line-height: 1.2;
    }

    .mobile-show-more-btn {
        display: inline-block;
        margin-top: 8px;
        padding: 10px 14px;
        font-size: var(--regularfontsize);
        color: var(--whitecolor);
        background: var(--secondarycolor);
        border: 1px solid var(--secondarycolor);
        border-radius: 4px;
        cursor: pointer;
        width: 100%;
        width: 100%;
        /* float: left; */
    }

        .mobile-show-more-btn:hover {
            color: var(--whitecolor);
            background: var(--secondarycolor);
        }

    .price-product-list label {
        display: flex;
        align-items: baseline;
        column-gap: 4px;
    }
}

@media (max-width: 480px) {
    .form-wrapper form {
        flex-wrap: wrap;
        width: 96%;
    }

        .form-wrapper form .submit-btn {
            width: 100%;
        }
    /*.bottom-cornor .plan-details-title, .market-insight-block, .modules {
        padding: 30px 0;
        flex-direction: column;*/
        /* grid-template-columns: 100% 100%; */
        /*display: flex !important;
        row-gap: 40px;
    }*/

    .price-box-container .request-demo a {
        padding: 8px 13px;
    }
}

@media (max-width: 360px) {
    .logo a:first-of-type img {
        width: 18px;
    }

    .logo a:last-of-type img {
        width: 118px;
    }

    .inner-header-section {
        padding-top: 90px;
    }

    strong#TotalDiscountedPrice, .exclusiveprice {
        line-height: 1;
        font-size: 18px;
    }

    .plandetails .small-text {
        font-size: var(--regularfontsize);
    }

    .selectproduct {
        width: calc(100% - 35px);
        position: relative;
    }
}