@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-family: "DRL Circular";
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
    overflow-x: hidden;
    overflow-y: auto;
    font-family: "DRL Circular";
    font-size: 18px;
    line-height: 25px;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

@font-face {
    font-family: "DRLCircular-Black";
    src: url(../fonts/DRLCircular-Black.eot);
    src: local("?"), url(../fonts/DRLCircular-Black.woff) format("woff"),
        url(../fonts/DRLCircular-Black.ttf) format("truetype"),
        url(../fonts/DRLCircular-Black.svg) format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "DRLCircular-Bold";
    src: url(../fonts/DRLCircular-Bold.eot);
    src: local("?"), url(../fonts/DRLCircular-Bold.woff) format("woff"),
        url(../fonts/DRLCircular-Bold.ttf) format("truetype"),
        url(../fonts/DRLCircular-Bold.svg) format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "DRLCircular-Book";
    src: url(../fonts/DRLCircular-Book.eot);
    src: local("?"), url(../fonts/DRLCircular-Book.woff) format("woff"),
        url(../fonts/DRLCircular-Book.ttf) format("truetype"),
        url(../fonts/DRLCircular-Book.svg) format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "DRLCircular-Light";
    src: url(../fonts/DRLCircular-Light.eot);
    src: local("?"), url(../fonts/DRLCircular-Light.woff) format("woff"),
        url(../fonts/DRLCircular-Light.ttf) format("truetype"),
        url(../fonts/DRLCircular-Light.svg) format("svg");
    font-weight: 400;
    font-style: normal;
}

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

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

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

body.lang-pt-pt nav#block-reddy-footer ul li a {
    font-size: 17px;
}

div[role="alert"] {
    top: 0 !important;
    left: 0 !important;
    padding: 5px 0 !important;
    background: #ff7777 !important;
    background-color: #ff7777 !important;
    position: absolute !important;
    width: 100% !important;
    text-align: center !important;
    margin-bottom: 15px !important;
    color: #fff !important;
    opacity: 1;
}

p.articleLink {
    float: left;
}

h4.articleHead {
    float: left;
    height: 72px;
    padding-right: 33px;
}

div.search_count {
    margin: 0;
    color: #32c8f5;
    font-size: 30px;
    background: #f1f1f1;
    width: 100%;
    padding: 10px;
}

a.download-product span {
    word-break: normal;
}

table thead th {
    white-space: nowrap;
}

.ui-accordion-content {
    width: 100%;
    overflow: auto;
}

.ui-accordion-content .views-row:nth-child(odd) tbody {
    background: #efefef;
}

body.lang-pt-pt .search img {
    margin-left: 36px;
}

.ui-accordion-content .views-row {
    min-width: 750px;
}

.search-everything .content-panel h4 a {
    text-decoration: none;
    font-size: 16px;
    color: #000;
    font-weight: 700;
    height: 46px;
    overflow: hidden;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.search-everything .content-panel p {
    max-height: 80px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    float: left;
}

.trendingTopics header a {
    font-size: 12px !important;
    display: flex !important;
}

.trendingTopics header a span {
    word-break: normal;
    margin: auto;
}

.ui-autocomplete {
    max-height: 50vh;
    overflow: auto;
}

.search-everything header {
    margin: 0 !important;
    padding-left: 7px !important;
}

.no-result {
    text-align: center;
    font-size: 24px;
    margin-top: 15px;
    display: flex;
    flex-direction: column;
}

.no-result i {
    flex: 1;
    margin-top: 25px;
    font-size: 45px;
    color: #d5cde6;
}

body.lang-es ul.quicktabs-tabs li a {
    min-width: 180px;
}

.bannerInfo h1 {
    font-weight: 700;
    font-size: 2.5rem;
    color: #fff !important;
    line-height: 1.4;
    margin-bottom: 30px;
}

.ui-accordion-content .views-row .views-field table tr td a {
    text-decoration: underline;
    color: #32c8f5;
}

.ui-accordion-content .views-row .views-field table tr td a:hover {
    text-decoration: underline !important;
    color: #5f4ba0;
}

.g-recaptcha div {
    /* width: 100% !important; */
    margin-top: 15px;
}

input#edit-actions-submit {
    padding: 0;
}

.g-recaptcha div iframe {}

body.path-webinar section.content-sec {
    padding: 0 !important;
    margin-top: 0px;
}

body.path-webinar .webinar-div {
    max-width: 100% !important;
    width: 100%;
    padding: 0;
}

body.path-webinar .webinar-div .container {
    margin: 0 auto;
    width: 90%;
    max-width: 1170px;
    padding: 0;
}

.bannerInfo p {
    color: #fff !important;
    font-size: 30px;
}

body.path-webinar .col-md-4 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
}

.bannerForm {
    position: absolute;
    top: 80px;
    right: 15px;
}

.image-panel {
    height: 400px;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

.bannerForm {
    padding: 15px;
    background-color: #fff;
    border-radius: 20px;
    -webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 12%);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 12%);
    width: 100%;
}

.info-text {
    text-align: center;
    padding: 5px 0;
    font-size: 18px;
    color: #fff;
    background: #4b2c84;
    margin: 0 0 10px 0;
}

#slider-owl-carousel {
    margin: 20px 0;
}

body.path-webinar .form-text {
    margin-top: 0.25rem;
    height: 49px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
    font-size: 0.875em;
    color: #8a8a8a !important;
    font-weight: normal !important;
}

body.path-webinar .txt_fld::-webkit-input-placeholder {
    color: #8a8a8a !important;
    font-weight: normal !important;
}

body.path-webinar .txt_fld:-ms-input-placeholder {
    color: #8a8a8a !important;
    font-weight: normal !important;
}

body.path-webinar .txt_fld::placeholder {
    color: #8a8a8a !important;
    font-weight: normal !important;
}

body.path-webinar input#edit-field-work-email {
    width: 100% !important;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    padding: 10px 0 10px 3px;
    border-bottom: 1px solid #cfcfcf !important;
    color: #8a8a8a !important;
    margin-top: 0.25rem;
    font-size: 0.875em;
}

.bannerForm .txt_fld:focus {
    border-bottom: 2px solid #4b2c84 !important;
    background: rgb(75 44 132 / 10%);
    padding-left: 14px;
    padding-left: 15px;
    font-weight: 700;
    background: rgb(74 43 132 / 10%);
}

body.path-webinar .form-text {
    width: 100% !important;
    border: none !important;
    border-bottom: 1px solid #cfcfcf !important;
    color: #8a8a8a !important;
    font-size: 0.875em;
    color: #8a8a8a !important;
    font-weight: normal !important;
    float: left;
    padding: 0 15px !important;
    box-sizing: border-box;
}

body.path-webinar input#edit-field-work-email {
    width: 100% !important;
    border-bottom: 1px solid #cfcfcf !important;
    color: #8a8a8a !important;
    margin-top: 0.25rem;
    font-size: 0.875em;
    font-size: 0.875em;
    color: #8a8a8a !important;
    font-weight: normal !important;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
    float: left;
    padding: 10px 15px !important;
    box-sizing: border-box;
}

body.path-webinar .form-item label,
body.path-webinar .form-wrapper .label {
    font-size: 0.929em;
}

.bannerForm input#edit-send {
    background-color: #fff;
    border: 1px solid #5f4ba0;
    color: #5f4ba0;
    min-width: 120px;
    padding: 4px;
    border-radius: 30px;
    font-weight: 700;
    display: block;
    margin: 0 auto;
}

body.path-webinar .col-md-12 {
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
}

.lessOwlSlider .speeakersBox img {
    width: 100px;
    display: block;
    height: 100px;
    margin-right: 15px;
}

.lessOwlSlider .speeakersBox {
    width: 33%;
    vertical-align: top;
    display: inline-flex;
}

.webinarfooterSection .container {
    text-align: center;
    border: none !important;
}

#more,
#more2,
#more3 {
    display: none;
}

.speeakersBox h4 {
    font-size: 20px;
    font-weight: 700;
}

body.path-webinar select#edit-field-country {
    border: none !important;
    border-bottom: 1px solid #cfcfcf !important;
    border-radius: 0;
    width: 100%;
    padding: 7px 15px 7px 15px;
    height: 49px;
    font-size: 0.875em;
    color: #8a8a8a !important;
    font-weight: normal !important;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
    float: left;
}

.bannerInfo {
    color: #fff;
    align-self: center;
    padding: 90px 0 30px;
    position: relative;
}

body.path-webinar .col-md-8 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
}

.bannerInfo p {
    color: #fff !important;
    font-size: 30px;
}

body.path-webinar .bannerInfo {
    padding-top: 123px;
}

.video-link {
    background: #fff;
    padding: 25px 10px;
    margin: 55px 0 27px -25px;
    float: left;
    width: 100vw;
    display: flex;
    flex-direction: column;
}

.video-top-text {
    width: 100%;
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    color: #4a2b84;
    margin: auto;
    margin-bottom: 12px;
    max-width: 675px;
    line-height: normal;
}

.video-link img {
    margin: auto;
    max-width: 100%;
}

body.path-webinar .inner-content-sec h2 {
    margin: 0 0 20px;
    padding: 0;
    font-family: "DRLCircular-Book";
    font-style: normal;
    font-weight: 450;
    /* font-size: 37px;
  line-height: 46px; */
    font-size: clamp(24px, 5vw, 37px);
    line-height: 1.5em;
    /* 1.5 times the font size */
    color: #000;


}

body.path-webinar .col-md-3 {
    width: 25%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
}

.whatWillBox {
    min-height: 200px;
}

.whatWillBox {
    background-color: #fff;
    padding: 15px;
    border-radius: 20px;
}

.whatWillIconSec {
    margin-bottom: 10px;
}

.whatWillIconSec img {
    width: 60px;
    height: 60px;
    display: block;
    margin: 0 auto;
}

.whatWillDesc p {
    margin-bottom: 0;
}

.bannerBottomInfo p {
    font-size: 17px !important;
}

.whatWillWRapper {
    padding-top: 0 !important;
}

.speeakersBox p {
    margin: 0 0 30px !important;
    padding: 0 !important;
    font-size: 16px !important;
    color: #696969;
    line-height: 1.5 !important;
}

.webinarfooterSection p {
    margin: 0 0 30px !important;
    padding: 0 !important;
    font-size: 16px !important;
    color: #696969 !important;
    line-height: 1.5 !important;
}

.productDisplayCon h2 {
    margin-bottom: 25px;
    font-family: "DRLCircular-Book";
    font-style: normal;
    font-weight: 450;
    /* font-size: 37px;
  line-height: 46px; */
    font-size: clamp(24px, 5vw, 37px);
    line-height: 1.5em;
    /* 1.5 times the font size */
    text-transform: capitalize;
}

body.lang-es .re-imagine h2 {
    font-family: "DRLCircular-Book";
    font-style: normal;
    font-weight: 450;
    font-size: clamp(24px, 5vw, 37px);
    line-height: 1.5em;
}

body.lang-es .myScrollSec h2,
body.lang-es .resourceSec h2,
body.lang-es .path-contact-us h2,
body.lang-es .contactFormclearfix h1,
body.lang-es h2.related-prod {
    font-family: "DRLCircular-Book";
    font-style: normal;
    font-weight: 450;
    font-size: clamp(24px, 5vw, 37px);
    line-height: 1.5em;
}

body.lang-es nav#block-reddy-footer ul li a {
    font-size: 18px;
}

body.lang-es .myScroll .scrollItems .textArea p {
    font-size: 18px;
}

/* .re-imagine h2 {
  line-height: normal;
} */

header {
    float: left;
    width: 100%;
    background: #fff;
    display: flex;
    padding: 10px 0;
    border-bottom: 1px solid #f6f6f6;
    font-family: "DRL Circular";
    transition: all 0.8s;
    position: fixed;
    z-index: 101;
    top: 0;
    transition: 0.3s ease;
}

.inHead {
    width: auto !important;
    box-shadow: none !important;
    margin-top: 15px;
    position: absolute;
    z-index: 2;
}

#no-result {
    margin: 25px 0;
    text-align: center;
    font-size: 22px;
}

.download-product-list h3 {
    margin: 25px 0 0 0;
    text-align: center;
    font-size: 20px;
}

label.js-form-required {
    line-height: normal;
    width: auto;
    float: left;
}

.js-form-item.form-item.js-form-type-checkbox input {
    margin-right: 8px;
    float: left;
    margin-top: 0px;
}

body.page-contact-us #edit-actions--2 {
    display: block;
}

.ui-accordion .ui-accordion-header span {
    position: absolute;
    right: 18px;
    margin-top: 7px;
}

.ui-accordion .ui-accordion-header {
    font-family: "DRL Circular";
    font-size: 24px;
    background: #fff;
    color: #000;
    border-left: none;
    border-right: none;
}

.ui-accordion .ui-state-active {
    background-color: #5f4ba0;
    border: 1px solid #5f4ba0;
    color: #fff;
}

.innerPageBanner h1 {
    line-height: normal;
    color: #fff;
}

summary {
    font-size: 17px;
}

.trendingTopics header a {
    word-wrap: normal;
}

.innerPageSection {
    padding: 15px 0;
}

.views-row .views-field table {
    width: 100%;
    font-family: "DRL Circular";
    font-size: 17px;
    font-weight: 700;
}

.ui-widget-content {
    border: none;
}

.path-node h3,
.path-node h4 {
    margin-bottom: 15px;
}

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

.myMonth td:first-child {
    color: #5f4ba0 !important;
}

.views-row .views-field table thead {
    display: none;
}

.ui-accordion-content .views-row .views-field table tr td:first-child {
    color: #fff;
}

.ui-accordion-content .views-row .views-field table tr {
    display: flex;
    padding: 8px 0;
}

.ui-accordion-content .views-row .views-field table tr th,
.ui-accordion-content .views-row .views-field table tr td {
    flex: 1;
    padding: 0 7px;
}

.ui-accordion-content .views-row .views-field table tr th:first-child,
.ui-accordion-content .views-row .views-field table tr td:first-child {
    flex: 0.5;
}

.ui-accordion-content .views-row:first-child .views-field table thead {
    display: contents;
}

.ui-accordion-content .views-row:first-child .views-field table thead tr th {
    font-size: 20px;
    text-transform: uppercase;
    color: #5f4ba0;
    font-weight: 700;
    padding: 0 0 17px 0;
}

.quicktabs-tabs {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    justify-content: center;
}

.ui-accordion-content .views-row:first-child .views-field table thead tr th:last-child,
.ui-accordion-content .views-row .views-field table tr td:last-child {
    text-align: center;
}

.ui-accordion-content .views-row .views-field table tr td:last-child a {
    margin: auto;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 16px;
}

.ui-accordion .ui-accordion-content {
    height: auto !important;
}

#edit-submit-product-with-catalogue,
#input#edit-submit-product-page,
#edit-submit-product-page,
#edit-submit-generic-formulation {
    width: auto;
    background-color: #5f4ba0;
    border-color: #5f4ba0;
    border: 2px solid #5f4ba0;
    height: 40px;
    border-radius: 20px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
    min-width: 120px;
}

.innerPageBanner {
    z-index: 0;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255, 0, 0, 0);
    -webkit-box-shadow: none;
}

::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255, 255, 255, 0);
}

input,
a {
    outline: none !important;
    text-decoration: none !important;
}

header .col-8 {
    display: flex;
}

.navbar-expand-lg {
    margin: auto;
}

.logoUl {
    display: flex;
}

.innerPageSection {
    z-index: 0;
}

ul.logoUl li {
    margin-right: 10px;
    display: flex;
}

ul.logoUl li a {
    text-decoration: none;
    color: #5f4ba0;
    font-size: 30px;
    font-family: "DRLCircular-Black";
    margin: auto;
}

ul.logoUl li a span {
    font-family: "DRLCircular-light";
    font-size: 12px;
    font-weight: 700;
    word-break: keep-all;
    white-space: nowrap;
    display: block;
}

.search-everything .views-col .views-field {
    margin: 0 !important;
    box-shadow: none !important;
    min-height: 406px;
    max-height: 406px !important;
    overflow: hidden;
}

.products-box {
    padding: 15px !important;
}

.products-box h3 {
    font-size: 20px !important;
    font-weight: bold !important;
    color: #5f4ba0 !important;
}

.navbar-list .navbar-item .navbar-link {
    font-family: "DRL Circular";
    font-size: 16px;
    color: #5f4ba0;
    font-weight: 700;
    padding: 0 12px;
    word-break: keep-all;
    white-space: nowrap;
}

.navBtn:hover {
    color: #5f4ba0 !important;
    background-color: #fff !important;
}

.dropdown-menu .navbar-item .navbar-link {
    font-family: "DRL Circular";
    font-size: 15px;
    color: #5f4ba0;
    padding: 10px;
    float: left;
    width: 100%;
}

.dropdown-menu .navbar-item .navbar-link:hover {
    color: #32c8f5 !important;
    background-color: #e9ecef;
}

ul.navbar-item {
    width: 100%;
}

.agree-button {
    cursor: pointer;
    margin-right: 5px;
    margin-top: 1em;
    vertical-align: middle;
    overflow: visible;
    width: auto;
    width: auto !important;
    min-width: 52px !important;
    background: #32c8f5;
    color: #fff !important;
    line-height: 1;
    padding: 0 15px !important;
    cursor: pointer !important;
    position: relative !important;
    border-radius: 20px !important;
    border: none !important;
    outline: none !important;
    text-shadow: none;
    margin-right: 0px;
    height: 30px;
}

.decline-button {
    cursor: pointer;
    border: none;
    background: none;
    margin-top: 1em;
    padding: 0 8px;
    vertical-align: middle;
    color: #fff;
    text-shadow: none;
    box-shadow: none !important;
    outline: none !important;
    -webkit-appearance: button;
    text-transform: none;
    font-weight: 400;
}

.views-view-grid .views-row {
    margin-bottom: 20px;
}

.views-view-grid .clearfix .views-col {
    margin: 8px;
    box-shadow: 2px 1px 5px 2px rgb(0 0 0 / 33%);
    min-height: 334px !important;
    width: calc(33.3333333333% - 16px) !important;
}

.search-everything .views-view-grid .clearfix .views-col {
    min-height: 425px !important;
    max-height: 425px;
}

body.page-node-product .views-view-grid .clearfix .views-col {
    min-height: auto !important;
}

.views-view-grid .clearfix .views-col .col-md-4 {
    width: 100%;
}

.productBtn {
    max-width: 100%;
}

.top_btn_panel {
    display: flex;
    margin: 20px 0;
    justify-content: flex-end;
}

.top_btn_panel .btn {
    font-size: 18px;
    margin-bottom: 15px;
    max-width: 210px;
    flex: 1;
    padding: 8px 2px;
    white-space: nowrap;
}

.product_btn_info strong a,
.product_btn_info strong {
    white-space: nowrap;
}

.decline-button:hover {
    background: none;
    text-decoration: underline;
}

.views-col .views-field {
    max-height: 100% !important;
}

dd ul li,
.field--name-body ul li,
.indication ul li,
.mechanism ul li {
    margin-bottom: 15px;
    padding-left: 18px;
}

dd p {
    margin-bottom: 0 !important;
}

dd ul li::before,
.field--name-body ul li::before,
.indication ul li::before,
.mechanism ul li::before {
    content: "";
    width: 8px;
    height: 8px;
    display: block;
    background: #696969;
    border-radius: 50%;
    position: absolute;
    margin: 6px 0 0 -22px;
}

h3.product-header {
    text-align: center;
    margin: 25px 0 0 0;
    background: #f1f1f1;
    padding: 10px;
}

body.lang-en .lang-dropdown-form .form-select {
    padding: 0 15px !important;
}

body.lang-zh-hans .lang-dropdown-form .form-select {
    padding: 0 30px 0 5 !important;
}

body.lang-es .lang-dropdown-form .form-select {
    padding: 0 12px 0 6px !important;
}

body.lang-pt-pt .lang-dropdown-form .form-select {
    padding: 0 27px 0 5px !important;
}

body.lang-ja .lang-dropdown-form .form-select {
    padding: 0 15px !important;
}

.login-sec a {
    padding: 0px 8px;
    line-height: 33px;
}

.search-everything img {
    width: 100%;
    max-height: 250px;
    overflow: hidden;
    height: auto;
}

#fullSlider .owl-item:nth-child(even) {
    background: #5f4ba0;
}

#fullSlider .owl-item:nth-child(odd) {
    background: #5f4ba0;
}

.dropdown-item:hover {
    color: #32c8f5 !important;
    background-color: transparent !important;
}

.articleImage {
    width: 100%;
    height: 100%;
    overflow: hidden;
    max-height: 278px;
}

thead#sticky tr th:nth-child(6) {
    width: 18% !important;
}

.articleImage img {
    width: 100%;
    height: auto;
}

.lang-dropdown-select-element option {
    background: #fff !important;
    padding: 5px;
}

.articleCaption {
    overflow: hidden;
    max-height: 200px;
}

#resource .owl-item {
    background: #7560b9 !important;
}

.contact-us-form {
    margin-bottom: 0 !important;
}

.search img {
    width: 25px;
    height: auto;
    margin-left: 52px;
}

.search {
    padding-left: 8px !important;
    padding-right: 15px !important;
    display: flex;
}

.navbar-toggler {
    display: flex;
    flex-direction: column;
}

.header_search_append {
    display: none;
}

.textCont .knowMore {
    width: auto !important;
    max-width: auto !important;
}

body.lang-es .textCont .knowMore {
    width: auto !important;
    max-width: 270px;
}

header .container .row .col:first-child {
    flex: 0.9;
    width: 30%;
}

header .container .row .col:nth-child(2) {
    flex: 2;
    align-self: center;
}

.navbar-toggler span {
    width: 30px;
    height: 2px;
    background: #5f4ba0;
    display: block;
    margin: 4px 0;
    transition: all 0.5x;
}

.navbar-toggler span.snd {
    width: 22px;
    margin-left: 8px;
}

.navbar-list .navbar-toggler {
    border: none;
}

.myClass {
    width: 100%;
    display: block;
}

.contactFormclearfix h6,
.js-form-type-processed-text h6 {
    display: flex;
}

.contactFormclearfix h6 strong,
.js-form-type-processed-text h6 strong {
    display: flex;
    margin: auto 5px;
}

.contactFormclearfix h6 strong img,
.js-form-type-processed-text h6 strong img {
    margin: auto 5px;
    filter: brightness(0) invert(1);
}

.navBtn {
    padding: 9px 20px !important;
    background-color: #5f4ba0;
    border-color: #5f4ba0;
    border: 2px solid #5f4ba0;
    border-radius: 18px;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 700;
    text-decoration: none;
    margin-left: 10px;
    width: 130px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.navbar-item li {
    margin: auto;
}

.navbar-expand-lg .navbar-nav {
    flex-wrap: nowrap;
}

.nav-item select.dd {
    width: Auto !important;
    min-width: 52px !important;
    background: url(../images/arrow-down.png) no-repeat center right 8px #32c8f5;
    color: #fff !important;
    line-height: 35px !important;
    font-size: 14px !important;
    padding: 0 10px !important;
    cursor: pointer !important;
    position: relative !important;
    border-radius: 10px !important;
    border: none !important;
    outline: none !important;
    margin-left: 10px;
    appearance: none;
}

.dropdown-toggle::after {
    vertical-align: 0.055em;
}

.close,
.navTitle {
    display: none;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
    background: #fff !important;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
    top: auto !important;
}

.owl-carousel .owl-nav button.owl-next img,
.owl-carousel .owl-nav button.owl-prev img {
    width: auto !important;
    height: 100% !important;
}

.close img {
    width: 24px;
}

.overlay {
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgba(255, 255, 255, 0.5);
    position: fixed;
}

.searchSec {
    position: absolute;
    width: 100%;
    background: #fff;
    z-index: 2;
    box-shadow: 0 0 10px 2px rgb(0 0 0 / 20%);
    top: 72px;
    overflow: hidden;
    min-height: 0;
    height: 0;
    opacity: 0;
    box-sizing: border-box;
    transition: all 0.9s;
}

.searchSec form {
    width: 100%;
    display: flex;
    margin: 13px 0;
    background: #f5f3f3;
    border-radius: 50px;
    overflow: hidden;
    border: 1px solid #ccc;
}

.searchSec form div {
    display: flex !important;
    width: auto !important;
    margin: auto !important;
}

.searchSec form div:first-child {
    flex: 1;
}

.searchSec input[type="text"] {
    border: none;
    padding: 10px 10px 10px 40px;
    background: url(../images/search2.png) no-repeat 15px 6px;
    height: 35px;
    background-color: transparent;
    background-size: 20px;
    flex: 1;
    width: 100%;
}

.searchSec input[type="submit"] {
    background: #5f4ba0;
    height: 30px;
    margin: auto 7px;
    color: #fff;
    border: none;
    outline: 0;
    border-radius: 30px;
    font-size: 13px;
    padding: 2px 19px;
    width: 80px;
}

.hSearch {
    margin-top: 6px;
    float: right;
    display: none;
}

.advertisementSection img {
    width: 100%;
}

#homeBanner,
#fullSlider {
    margin: 0 -9px;
    width: calc(100% + 24px);
}

.bannerSec {
    margin-top: 70px;
    height: auto;
    min-height: 32.50vw;
    /* overflow: hidden;
  overflow-y: hidden; */
    width: 100vw;
}

#homeBanner button.owl-dot {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50%;
    background: rgba(233, 63, 58, 0.4) !important;
    margin: 2px;
}

#homeBanner button.active {
    background: rgba(233, 63, 58, 1) !important;
}

#homeBanner .owl-dots {
    display: flex;
    position: absolute;
    top: 63%;
    align-items: center;
    width: 100%;
    justify-content: center;
}

#fullSlider .owl-prev {
    margin-left: 0 !important;
    left: 0;
}

#fullSlider .owl-next {
    margin-left: calc(100% - 108px) !important;
}

#fullSlider .owl-nav {
    margin-top: -11%;
}

.owl-next {
    margin-left: calc(100% + 10px);
}

.owl-prev img {
    transform: rotate(180deg);
}

.owl-nav .disabled img {
    opacity: 0.2;
}

#homeBanner .item {
    display: flex;
    flex-direction: column;
}

#homeBanner .item .mycon {
    position: absolute;
    top: 0;
    width: 100%;
    display: flex;
    height: 100%;
}

#homeBanner .item .mycon h2,
#homeBanner .item .mycon div.h2 {
    font-family: "DRLCircular-Book";
    font-style: normal;
    font-weight: 450;
    font-size: clamp(24px, 5vw, 37px);
    line-height: 1.5em;
    color: #fff;
    transition: all 0.5s;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    max-height: 370px;
    overflow: hidden;
    margin-top: 0px !important;
}

#homeBanner .item .mycon .container {
    display: flex;
    height: 100%;
    flex-direction: column;
    width: 100%;
    max-width: 1376px !important;
}

.product-disclaimer-desk {
    display: block;
}

.product-disclaimer-mob {
    display: none;
}

.qContact a,
.qContact2 a {
    position: fixed;
    background: #f0504b;
    right: 0;
    top: 45vh;
    width: 64px;
    padding: 18px 0;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    border-radius: 15px 0 0 15px;
    font-family: "DRLCircular-Light";
    font-size: 14px;
    line-height: 16px;
    text-decoration: none;
    z-index: 8;
    flex-direction: column;
    display: flex;
}

.qContact3 a {
    position: fixed;
    background: #5f4b9f;
    right: 0;
    top: 45vh;
    width: 64px;
    padding: 18px 0;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    border-radius: 15px 0 0 15px;
    font-family: "DRLCircular-Light";
    font-size: 14px;
    line-height: 16px;
    text-decoration: none;
    z-index: 8;
    flex-direction: column;
    display: flex;
}

.qContact a img,
.qContact2 a img,
.qContact3 a img {
    margin: auto;
    margin-bottom: 10px;
    width: 38px;
}

.qContact a span,
.qContact2 a span,
.qContact3 a span {
    width: 100%;
    text-align: center;
}

.mycon .knowMore {
    max-width: 255px;
    position: absolute;
    bottom: 6.5vw;
}

.knowMore {
    border: 1px solid #fff;
    border-radius: 30px;
    padding: 10px 20px !important;
    color: #fff !important;
    background: none;
    text-decoration: none !important;
    font-family: "DRLCircular-Light";
    font-size: 20px;
    width: auto !important;
    text-align: center;
    position: relative;
    margin-top: 35px;
    transition: all 0.5s;
    height: 50px;
    line-height: 30px;
}



body.page-contact-us.lang-ja .knowMore {
    font-size: 14px;
}

.knowMore spam {
    white-space: nowrap;
}

.search-2 {
    width: 80%;
    height: 55px;
    margin: 0 auto;
    border-radius: 30px;
    background-color: #a8ebff;
    text-align: left;
    border: none;
    outline: none;
    padding: 0px 25px 0 15px;
    margin-bottom: 30px;
    position: relative;
    max-width: 933px;
    margin-top: 30px;
    margin-bottom: 0px;
    display: flex;
}

.search-2::placeholder {
    color: #000 !important;
}

.search-2::-moz-placeholder {
    color: #000 !important;
}

.search-2 input[type="text"] {
    font-family: "DRLCircular-Light" !important;
    font-size: 14px !important;
    color: #000;
    height: 38px !important;
    background: none !important;
    padding: 10px 10px 10px 10px;
    outline: none;
    border: none;
    width: calc(100% - 15px) !important;
    float: left;
    margin: 10px 0 0 0 !important;
}

.search-2 input[type="text"]::-webkit-input-placeholder {
    /* Edge */
    color: #000;
    font-family: "DRLCircular-Light" !important;
    font-size: 18px;
}

.search-2 input[type="text"]:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #000;
    font-family: "DRLCircular-Light" !important;
    font-size: 18px;
}

.search-2 input[type="text"]::placeholder {
    color: #000;
    font-family: "DRLCircular-Light" !important;
    font-size: 18px;
}

.bef-exposed-form {
    margin-bottom: 0px !important;
}

.search-2 .bef-exposed-form {
    display: flex;
}

.search-2 .js-form-type-textfield {
    width: 100%;
}

.search-2 button {
    margin: 0 0 0 0;
    padding: 0;
    height: 40px;
    display: block;
    background: none !important;
    border: none;
    outline: none;
    float: right;
    display: flex;
    margin-top: 7.5px;
}

.search-2 button img {
    width: 25px;
    height: auto;
    margin: auto;
}

.myScrollSec {
    background: #fff;
    padding: 25px 0px 40px;
}

body.path-frontpage .myScrollSec {
    padding: 25px 0px 25px;
}

#resource {
    margin-top: 25px;
}

.contactFormclearfix p {
    margin: 15px;
}

p {
    line-height: 25px;
    font-size: 18px;
    color: #000000;
    margin-bottom: 25px;
}

.fullSliderSec h2,
.myScrollSec h2,
.resourceSec h2,
.path-contact-us h2,
.contactFormclearfix h1,
h2.related-prod {
    padding: 15px 15px;
    color: #5f4ba0 !important;
    background: none;
    text-decoration: none !important;
    font-family: "DRLCircular-Book";
    font-style: normal;
    font-weight: 450;
    font-size: clamp(24px, 5vw, 37px);
    line-height: 1.5em;
    text-align: center;
    margin: 0;
    padding: 0;
}

div#fullSlider {
    margin-top: 30px;
}

h2.related-prod {
    margin: 35px 0;
}

.myScroll {
    width: 100%;
    overflow: auto;
    margin-top: 30px;
    display: flex;
}

.myScroll .scrollItems {
    float: left;
    width: calc((100% - 30px) / 3);
    margin: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
}

.myScroll .scrollItems img {
    width: 100%;
    height: auto;
}

.myScroll .scrollItems:nth-child(2) {
    margin: 0 30px;
}

.myScroll .scrollItems .textArea {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    flex: 1;
    cursor: pointer;
    transition: all 1s;
}

.myScroll .scrollItems .textArea:hover {
    background: -moz-radial-gradient(center,
            ellipse cover,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0.7) 100%);
    background: -webkit-radial-gradient(center,
            ellipse cover,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0.7) 100%);
    background: radial-gradient(ellipse at center,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0.7) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}

.myScroll .scrollItems .textArea p {
    color: #ffffff !important;
    background: none;
    text-decoration: none !important;
    font-family: "DRLCircular-Bold";
    font-size: 22px;
    text-align: center;
    margin: 0 auto;
    padding: 0 10px;
    width: 100%;
    text-align: center;
    display: block;
    height: auto;
    top: 50px;
    position: absolute;
    font-weight: bold;
    height: 160px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.homeReadBtn {
    outline: none;
    min-width: 150px;
    height: 50px;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 69px;
    font-family: DRL Circular;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    vertical-align: middle;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: 0px 20px;
    line-height: 15px;
}

#webform-submission-contact-us-generic-formulation-add-form #edit-actions {
    padding-left: 25px;
}

.webform-confirmation__message {
    text-align: center;
}

.webform-confirmation__message h2 {
    font-family: "DRLCircular-Book";
    font-style: normal;
    font-weight: 450;
    font-size: clamp(24px, 5vw, 37px);
    line-height: 1.5em;
    margin: 25px 0;
}

.webform-confirmation__message p {
    line-height: 25px;
    font-size: 21px;
    color: #151515;
    margin-bottom: 50px;
}

.webform-confirmation__message a {
    text-decoration: underline !important;
}

.webform-confirmation__message a.home-btn {
    background: #5f4ba0;
    padding: 12px 24px;
    border-radius: 30px;
    color: #fff;
    text-decoration: none !important;
}

.myScroll .scrollItems .textArea p::after {
    content: "";
    background: url(../images/arrow.png) no-repeat;
    margin: 28px 0 0 0;
    width: 30px;
    transition: all 0.5s;
}

.myScroll .scrollItems .textArea:hover p::after {
    animation-name: myMove;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
}

@keyframes myMove {
    0% {
        width: 35px;
    }

    50% {
        width: 30px;
    }

    100% {
        width: 35px;
    }
}

.myScroll .scrollItems .textArea p span {
    margin: auto auto auto 0px;
    width: 100%;
    line-height: normal;
    min-height: 26px;
}

.dark {
    color: #5f4ba0 !important;
    border-color: #5f4ba0 !important;
    padding: 15px 50px;
}

.resourceSec {
    width: 100%;
    background: #fff;
    margin-bottom: 40px;
    margin-top: 0px;
}

#resource {
    margin: 30px 0 0;
}

#resource .owl-stage {
    display: flex;
}

.owl-carousel .owl-item img {
    /* height: 100%; */
}

#resource .owl-item {
    background: #fff;
}

#resource .owl-item {
    border: 1px solid #ccc;
    transition: all 0.5s;
}

#resource .owl-item:hover {
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
}

.articleHead {
    line-height: 25px;
}

#popup-text h2 {
    font-size: 20px;
    color: #fff !important;
}

.contact-us-form {
    box-shadow: none;
    padding: 0;
}

div#edit-processed-text {
    display: flex;
}

#resource p {
    padding: 30px;
    color: #fff !important;
    font-family: "DRLCircular-Bold";
    font-size: 22px;
    line-height: 30px;
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 120px;
    overflow: hidden;
    margin-bottom: 30px;
}

.re-imagine {
    background: url(../images/bg2.webp) no-repeat left top fixed;
    background-size: cover;
    padding: 40px 0;
    margin: 0 0 40px 0;
}

.alineCenter {
    text-align: center;
}

.re-imagine h2 {
    font-family: "DRLCircular-Book";
    font-style: normal;
    font-weight: 450;
    font-size: clamp(24px, 5vw, 37px);
    line-height: 1.5em;
    color: #fff;
    text-align: center;
}

.re-imagine h3 {
    font-size: 35px;
    color: #fff;
    text-align: center;
    font-family: "DRLCircular-Book";
    margin: 10px 0 30px;
}

.re-imagine p {
    font-size: 22px;
    line-height: 27px;
    color: #fff;
    text-align: center;
    font-family: "DRLCircular-Bold";
    margin: 15px 0 45px 0;
    float: left;
    width: 100%;
    overflow: hidden;
}

.re-imagine .knowMore {
    display: inline-block;
    margin-top: 0px;
}

.owl-nav {
    width: 98%;
    margin-left: 1%;
    position: absolute;
    margin-top: -21%;
    margin-right: 1%;
    display: flex;
}

.bannerImageSec {
    background: #fff;
    padding: 0px;
}

.event {
    display: flex;
    flex-wrap: nowrap;
}

.imagCont {
    background: #ccc;
}

.imagCont img {
    margin: auto;
}

.event .imagCont,
.event .textCont {
    flex: 1;
    display: flex;
    flex-direction: column;
    position: relative;
}

.eDate {
    position: absolute;
    right: 0px;
    bottom: 0px;
    padding: 10px 24px;
    /* margin: calc(20% - 3px) 0 0 calc(50% - 169px); */
    background: #f0504b;
    font-size: 43px;
    color: #fff;
    text-align: center;
    font-family: "DRLCircular-Bold";
    max-width: 120px;
}

.textCont {
    background: #5f4ba0;
    padding: 50px;
}

.eDate span {
    width: 100%;
    float: left;
    font-size: 48px;
}

.textCont {
    padding: 35px 50px;
    font-size: 20px;
    line-height: 26px;
    font-weight: 300;
    color: #fff;
}

.textCont h2,
.textCont img {
    color: #fff !important;
    font-family: "DRLCircular-Book";
    font-style: normal;
    font-weight: 450;
    font-size: clamp(24px, 5vw, 37px);
    line-height: 1.5em;
    text-align: left;
    margin-bottom: 15px;
}

.textCont img {
    width: 70% !important;
    margin: 20px 0 0 0;
}

.generic-formulation-footer .container {
    max-width: 100% !important;
    padding: 0 !important;
}

.textCont p {
    color: #fff;
    font-family: "DRLCircular-Book";
    font-size: 28px;
    font-weight: 700;
    line-height: normal;
    text-align: left;
    margin-top: 20px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 60px;
    max-height: 60px;
    min-height: 60px;
    overflow: hidden;
}

.eDate span {
    width: 100%;
    float: left;
    font-size: 40px;
}

.footerWrapper {
    width: 100%;
    height: auto;
    min-height: 250px;
    background: var(--unnamed-color-502e92) 0% 0% no-repeat padding-box;
    background: #5f4ba0 0% 0% no-repeat padding-box;
    opacity: 1;
    margin-top: 50px;
    padding: 30px 0 0;
    font-family: "DRLCircular-Book";
}

.footerLogo {
    margin-bottom: 0;
}

.footerLogo ul {
    margin-top: 40px;
    display: flex;
}

.footerLogo ul li {
    font-weight: 700;
    font-size: 32px;
    margin-right: 10px;
    color: #fff;
    align-self: center;
}

.footerLogo ul li img {
    width: 220px;
}

.footerLogo ul li span {
    margin-top: 14px;
    float: left;
}

.footerWrapper h4 {
    color: #fff;
    font-weight: 700;
    font-size: 26px;
    margin-bottom: 20px;
}

nav#block-reddy-footer ul li {
    display: inline-block;
    width: 49%;
    color: #fff;
    margin: 11px 0;
}

.footerContact li {
    list-style: none;
    display: block;
    /* line-height: 40px; */
}

nav#block-reddy-footer ul li a {
    text-decoration: none;
    color: #fff;
    font-size: 20px;
    font-family: "DRLCircular-Light";
    display: flex;
    align-items: center;
}

.footerContact li a {
    text-decoration: none;
    color: #fff;
    font-size: 20px;
    font-family: "DRLCircular-Light";
}

.footerContact li a img {
    width: 20px;
    margin-right: 10px;
}

.copyrightInfo {
    color: #fff;
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 35px;
}

.navTitle {
    color: #a8ebff;
    font-size: 30px;
    margin: 20px 0 20px 30px;
    font-family: "DRLCircular-Light";
}

.navbar-expand-lg .navbar-toggler {
    display: none;
}

#fullSlider .owl-next {
    right: 0;
}

#fullSlider .owl-next,
#fullSlider .owl-prev {
    background: rgb(255 255 255 / 10%) !important;
}

table.genericTable thead th {
    height: 64px;
    font-size: 16px;
    line-height: 44px;
}

table.genericTable td {
    padding: 20px 10px;
    border-bottom: 1px solid #ccc !important;
    background-color: transparent !important;
    line-height: 24px;
    vertical-align: middle;
    font-size: 18px;
}

table.genericTable tbody tr:nth-child(even) {
    background: #efefef !important;
}

table.genericTable tbody tr:nth-child(odd) {
    background: #fff !important;
}

.lang-dropdown-form .form-select {
    width: auto !important;
    min-width: 52px !important;
    background: url(../images/arrow-down.png) no-repeat center right 10px #32c8f5;
    background-size: 10px;
    color: #fff !important;
    line-height: 35px !important;
    font-size: 14px !important;
    padding: 0 15px !important;
    cursor: pointer !important;
    position: relative !important;
    border-radius: 20px !important;
    border: none !important;
    outline: none !important;
    margin-left: 10px;
}

a.productBtn.connectBtn {
    background: url(../images/mail2.png) no-repeat center center;
    width: 46.22px;
    height: 32px;
    display: block;
    border-radius: 0;
    background-size: 20px;
    margin: 0;
    border: none;
}

#quicktabs-resource ul.quicktabs-tabs {
    margin-bottom: 20px !important;
    margin-top: 14px;
}

.navbar-expand-lg .navbar-collapse {
    display: flex !important;
    justify-content: flex-end !important;
}

input#edit-reset {
    font-size: 20px;
    margin: 15px auto;
}

.field--title {
    font-size: 25px;
    font-family: "DRLCircular-Black";
    color: #333;
    line-height: normal;
}

.Update-table .views-row {
    float: left;
    width: 100%;
    position: relative;
}

.products-box h3 {
    font-size: 24px;
    margin-bottom: 15px;
}

.products-box ul li {
    margin-bottom: 10px;
    padding-left: 30px;
    background: url(../images/check.png);
    background-repeat: no-repeat;
    background-size: 18px auto;
    background-position: 0 5px;
}

.products-box ul li::before {
    display: none;
}

.search-everything header {
    position: relative;
    box-shadow: none !important;
    font-weight: 700;
    padding-left: 15px;
    font-size: 25px;
    font-family: "DRLCircular-Black";
    color: #333;
}

.resourcesWrapper .views-col .views-field {
    margin: 0 !important;
    box-shadow: none !important;
}

.related_product_main header {
    position: relative;
    box-shadow: none !important;
    font-weight: 700;
    padding-left: 15px;
    font-size: 25px;
    font-family: "DRLCircular-Black";
    color: #333;
}

article.node.node--type-product.node--view-mode-full.clearfix header {
    position: relative;
    box-shadow: none !important;
    display: none;
}

.productDisplayCon {
    margin-top: 14px;
}

.eDate time {
    line-height: 37px;
}

.views-element-container div header {
    position: relative;
    background: none !important;
    box-shadow: none !important;
    border: none !important;
    z-index: 0;
}

.path-product .views-element-container div header {
    height: 0 !important;
    width: 0 !important;
}

body.page-terms-of-use article ul li strong,
body.page-cookie-policy article ol li strong {
    font-weight: 700;
    margin: 15px 0;
}

#edit-field-strength-value-collapsible .js-form-item-field-strength-value {
    width: 60%;
    max-height: 200px;
    position: absolute;
    z-index: 99;
    background: #fff;
    padding: 10px 20px;
    overflow-y: scroll;
    left: 20%;
    border-radius: 20px;
    -webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 30%);
    margin-top: 10px;
}

#edit-field-strength-value-collapsible .js-form-item-field-strength-value .form-text {
    background: none;
    width: 100%;
    border: 1px solid #ccc;
    padding: 5px 10px;
}

.newSearch {
    position: absolute;
    width: 50px;
    height: 50px;
    display: block;
    right: calc(10% + 25px);
    top: 40px;
}

body.lang-es .navbar-list .navbar-item .navbar-link {
    font-size: 15px;
}

body.lang-es .login-sec a {
    padding: 0px 8px;
    font-size: 12px;
    line-height: 33px;
}

body.lang-es .lang-dropdown-form .form-select {
    font-size: 12px !important;
}

.download-product-list header a,
.search-hide header a {
    transition: all 0.5s;
    font-size: 12px !important;
    display: flex;
}

/* .owl-stage {
  display: flex;
} */

body.lang-es .search img {
    margin-left: 38px;
}

#homeBanner .item .mycon h2,
#homeBanner .item .mycon div.h2,
#homeBanner .item .mycon a.knowMore {
    margin: auto !important;
    margin-left: 20px !important;
    position: relative !important;
}

#homeBanner .item .mycon a.knowMore {
    margin-top: 10px !important;
    line-height: 28px;
}

span.field-content .col-md-4 {
    width: 100% !important;
}

.productBox {
    margin: 0 !important;
    height: auto;
    min-height: auto;
    overflow: hidden;
    /* background-color: #fff;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.22);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.22);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.22);
  margin: 0px 0px 20px; */
    cursor: pointer;
    position: relative;
    color: #000;
    background: #FFFFFF;
    box-shadow: 0px 2px 12.6px rgba(93, 77, 145, 0.07);
    border-radius: 18px;
    padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid #ccc;
}

.productBox .prodHead {
    color: #5f4ba0;
    font-size: 24px;
    font-weight: normal !important;
    margin-bottom: 0px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 103px;

}

.anti-diabetic-row.views-row.clearfix.row .col-md-4 {
    margin-top: 20px;
}

.productBox .prodHead h4 {
    max-width: 80%;
}

.productBox .prodHead p {
    margin-bottom: 0px !important;
}

.trendingTopics .col-md-4 {
    margin-bottom: 20px !important;
}

.articleDate {
    color: #000;
    font-weight: lighter;
    font-size: 14px;
    display: block;
    margin-bottom: 0;
}

.dcat-body {
    color: #045395 !important;
    font-family: "DRLCircular-Bold";
    text-align: left !important;
    font-weight: bold;
    font-size: 50px;
}

h2.col-7 .dcat-body {
    float: left;
    text-align: left !important;
    position: relative;
}

.dcat-body span {
    width: 360px;
    height: 60px;
    display: block !important;
    margin: 0 auto;
    border-radius: 30px;
    text-align: center !important;
    line-height: 60px !important;
    color: #fff;
    background-color: #045395 !important;
    font-size: 40px;
    margin-bottom: 15px !important;
}

/*new sustainability*/
.susInitaiativeBannerSection {
    width: 100%;
    height: auto;
    min-height: 474px;
    background: url(../images/sustainability-new-banner.png) no-repeat center center;
    background-size: cover;
    display: flex;
    align-items: center;
    margin-top: 142px;
}

.susInitaiativeBannerSection-inner {
    width: 100%;
    height: auto;
    min-height: 474px;
    background: url(../images/sustainability-new-banner-inner.png) no-repeat center top !important;
    background-size: 100% !important;
    display: flex;
    align-items: center;
    margin-top: 142px;
}

.susInitaiativeBannerSection h1 {
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 700;
    font-size: 50px;
    line-height: 62px;
    color: #000000;
    margin-bottom: 29px;
}

.susInitaiativeBannerSection p {
    max-width: 347px;
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 450;
    font-size: 22px;
    line-height: 27px;
    color: #000000;
}

.SusconnectBtn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 15px 28px;
    gap: 10px;
    width: auto;
    max-width: 180px;
    height: 50px;
    background: #502E92;
    border-radius: 61px;
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 450;
    font-size: 18px;
    line-height: 22px;
    text-transform: capitalize;
    color: #FFFFFF;
}

.SusconnectBtn:hover {
    color: #fff;
}

body.page-plantation-drive section.innerPageBanner.productBanner,
body.page-plantation-drive-cphi-milan-plantation section.innerPageBanner.productBanner {
    display: none;
}

.susBodyWrapper {
    display: flex;
    gap: 70px;
    align-items: flex-start;
    justify-content: start;
    margin: 50px 0px;
}

.susMapSection {
    margin-top: 250px;
}

.susMapSection h2 {
    font-family: "DRLCircular-Book";
    font-style: normal;
    font-weight: 450;
    font-size: clamp(24px, 5vw, 37px);
    line-height: 1.5em;
    color: #502E92;
    max-width: 80%;
    margin: 0 auto;
    margin-bottom: 25px;
    text-align: center;
}

.sustreeSection {
    text-align: left;
}


.sustreeSection table th {
    background: #5f4ba0 !important;
    color: #fff !important;
    padding: 10px !important;
    text-align: left !important;
}

.sustreeSection table td {
    padding: 10px !important;
    vertical-align: middle !important;
    text-align: left !important;
    font-size: 14px;
    font-weight: bold;
}

.sustreeSection table tr:nth-child(even) {
    background-color: #f2f2f2 !important;
}

.susBodyWrapper h2 {
    font-family: "DRLCircular-Book";
    font-style: normal;
    font-weight: 450;
    font-size: clamp(24px, 5vw, 37px);
    line-height: 1.5em;
    color: #502E92;
    margin-bottom: 25px;
}

.sustainabilityNewsEvent .newEventSection {
    background: #fff;
    position: relative;
    padding: 60px 0px;

}

.sustainabilityNewsEvent .newEventSection p {
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #575757;
}

.sustainabilityNewsEvent .newEventBox {
    width: 100%;
    height: auto;
    min-height: 400px;
    background: #FFFFFF;
    border: 1px solid rgba(203, 203, 203, 0.41);
    border-radius: 0px;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    position: relative;
}

.sustainabilityNewsEvent .newEventBox:hover {
    box-shadow: 0px 9px 25.4px rgba(84, 69, 134, 0.09);
    border-color: #fff;
}

.sustainabilityNewsEvent .newEventImageBox {
    min-height: 214px;
    position: relative !important;
    overflow: hidden;
}

.sustainabilityNewsEvent .newEventImageBox img {
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: auto;
    border-radius: 0;
    filter: grayscale(1);
}

.susBodyWrapper p strong {
    font-weight: bold;
}

.newEventBox:hover .newEventImageBox img {
    filter: grayscale(0);
}

.sustainabilityNewsEvent .newEventDescription {
    padding: 15px;
    min-height: 100px;
}

.sustainabilityNewsEvent .newEventDescription h4 {
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    color: #000000;
    margin-bottom: 15px;
}

.sustainabilityNewsEvent .boothLabel {
    min-width: 137px;
    padding: 0px 12px;
    box-sizing: border-box;
    height: 32px;
    line-height: 32px;
    background: #F0EAF9;
    border-radius: 4px;
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 450;
    font-size: 14px;
    color: #502E92;
}

.sustainabilityNewsEvent .boothLabel strong {
    font-weight: bold;
    color: #000000;
}

.sustainabilityNewsEvent .newEventDateLabel {
    position: absolute;
    width: 84px;
    height: 84px;
    border-radius: 50px;
    top: 12px;
    right: 12px;
    background: linear-gradient(62.18deg, #6843B8 17.27%, #34C5F4 130.25%);
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 7px;
    border: 1px solid #fff;
}

.sustainabilityNewsEvent .newEventDateLabel img {
    width: 16px !important;
    height: 18px !important;
    min-height: 0;
}

.sustainabilityNewsEvent .newEventDateLabel span {
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 900;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    color: #FFFFFF;
    padding: 0 6px;
}

.sustainabilityNewsEvent .newEventDateLabel span+span {
    font-size: 10.8738px;
    line-height: 9px;
    text-align: center;
    text-transform: uppercase;
    color: #AEC5FF;
}

.sustainabilityNewsEvent .newEventPlace {
    display: flex;
    gap: 10px;
    align-items: center;
    margin: 16px 0px;
}

.sustainabilityNewsEvent .newEventPlace img {
    width: 18px !important;
    height: 18px !important;
}

.sustainabilityNewsEvent .newEventPlace span {
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 26px;
    color: #000000;
}


.sustainabilityNewsEvent a.newEventBtn {
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 450;
    font-size: 14px;
    line-height: 17px;
    text-transform: capitalize;
    color: #575757;
    position: relative;
    width: auto;
    background: transparent;
    align-items: center;
    justify-content: flex-start;
    padding: 0px;
    display: inline-flex;
    float: left;
    margin-top: 20px;
}

.sustainabilityNewsEvent a.newEventBtn::after {
    content: '';
    background: url(../images/schedule-arrow.svg) no-repeat center center;
    background-size: 14px;
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    right: -30px;
    top: 9px;
    color: #4A8FDB;
    display: none;
}



.sustainabilityNewsEvent .newEventBox:hover a.newEventBtn::after {
    display: flex;

}

.sustainabilityNewsEvent .newEventBox:hover a.newEventBtn {
    color: #4A8FDB;
    font-weight: 600;
}

.gallerySection {
    width: 100%;
}

.sustainabilityNewsEvent .owl-carousel .owl-nav button.owl-prev {
    background: url(../images/sus-left-arrow.svg) no-repeat center center !important;
    color: inherit !important;
    border: none !important;
    padding: 0 !important;
    font: inherit !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 25px !important;
    top: 41% !important;
}

.sustainabilityNewsEvent .owl-carousel .owl-nav button.owl-next {
    background: url(../images/sus-right-arrow.svg) no-repeat center center !important;
    color: inherit !important;
    border: none !important;
    padding: 0 !important;
    font: inherit !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 25px !important;
    top: 41% !important;
}

.sustainabilityNewsEvent .owl-carousel .owl-nav button.owl-prev span,
.sustainabilityNewsEvent .owl-carousel .owl-nav button.owl-next span {
    display: none;
}

.sustainabilityNewsEvent .owl-nav {
    display: block !important;
}

.sustainabilityNewsEvent h2 {
    font-family: "DRLCircular-Book";
    font-style: normal;
    font-weight: 450;
    font-size: clamp(24px, 5vw, 37px);
    line-height: 1.5em;
    text-align: center;
    text-transform: capitalize;
    color: #502E92;
    margin-bottom: 12px;
}

.sustainabilityNewsEvent .owl-carousel .owl-prev.disabled, .sustainabilityNewsEvent .owl-carousel .owl-next.disabled {
    pointer-events: none;
    filter: grayscale(1);
}



.carousel-item-wrapper {
    position: relative;
    display: inline-block;
}

/* .carousel-img {
  display: block;
  width: 100%;
} */

.Itemoverlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    /* Black background with 50% opacity */
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
    border-radius: 10px;
}

.plus-icon {
    color: white;
    font-size: 3rem;
    font-weight: bold;
    cursor: pointer;
}

.carousel-item-wrapper:hover .Itemoverlay {
    opacity: 1;
    /* Show overlay with icon when hovering */
}

.susNewGallery {
    width: 100%;
    padding: 50px 0px;
    background: linear-gradient(279.49deg, #6843B8 -14.98%, #34C5F4 115.75%);
    text-align: center;
    color: #fff;
    max-height: 434px;
    position: relative;
}

.susNewGallery .owl-item {
    margin-bottom: 0px;
}

#imageCarousel {}

.newGalleryHead {
    margin: 60px 0px;
}

.susNewGallery .owl-nav {
    display: block !important;
}

.susNewGallery .owl-carousel .item {
    text-align: center;
    /* max-width: 85%; */
    overflow: hidden;
    border-radius: 10px;
    padding: 20px;
}

.susNewGallery .owl-item.active.center .item {
    padding: 0px;
}

.susNewGallery .owl-carousel .carousel-img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    /* Smaller images */
    transition: transform 0.3s ease;
    position: relative;
}

.susNewGallery .owl-carousel .center .carousel-img {
    width: 120%;
    height: 120%;
    /* Larger center image */
    transform: scale(1.2);
    /* Add scaling effect */
}

/* Popup Gallery Styling */
.gallery-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    text-align: center;
    z-index: 999;
}

.gallery-popup .popup-content {
    max-width: 600px;
    max-height: 450px;
    margin: 0 auto;
    margin-top: 5%;
}

.gallery-popup .close {
    position: absolute;
    top: 20px;
    right: 40px;
    font-size: 40px;
    color: white;
    cursor: pointer;
    display: block;
}

/* Next and Previous buttons */
.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: white;
    font-weight: bold;
    font-size: 20px;
    user-select: none;
}

.next {
    right: 30px;
}

.prev {
    left: 30px;
}

.prev:hover, .next:hover {
    color: #f1f1f1;
}


.newEventSection.sustainabilityNewsEvent {
    margin-top: 300px;
}



.susNewGallery h2 {
    font-family: "DRLCircular-Book";
    font-style: normal;
    font-weight: 450;
    font-size: clamp(24px, 5vw, 37px);
    line-height: 1.5em;
    text-align: center;
    text-transform: capitalize;
    color: #fff;
    margin-bottom: 12px;
}

.susNewGallery::before {
    content: '';
    background: url(../images/gallery-before.svg) no-repeat;
    width: 211.14px;
    height: 343.95px;
    display: block;
    position: absolute;
    left: 0px;
}

.susNewGallery::after {
    content: '';
    background: url(../images/gallery-after.svg) no-repeat;
    width: 201.75px;
    height: 316.93px;
    display: block;
    position: absolute;
    right: 0px;
    top: 0;
}

.susNewGallery .owl-nav {
    display: flex !important;
    position: absolute;
    bottom: -80px !important;
    margin-top: 0px !important;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    align-items: center;
    justify-content: center;
    height: 50px;
}

.susNewGallery .owl-nav button.owl-prev, .susNewGallery .owl-nav button.owl-next {
    pointer-events: all;
    border-radius: 50%;
    width: 27px !important;
    height: 27px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 1;
    cursor: pointer;
    background: url(../images/chevron-left.svg) no-repeat !important;
    box-shadow: 0 0 10px 1px rgba(255, 255, 255, 0.8) !important;
}

.susNewGallery .owl-next {
    right: -22px;
    transform: rotate(-180deg);
}

.susNewGallery .owl-nav span {
    display: none;
}

.susNewGallery .owl-next {
    margin-left: 90px;
}

.susNewGallery .owl-carousel .owl-nav button.owl-prev {
    left: 46%;
}

.susNewGallery .owl-carousel .owl-nav button.owl-next {
    right: 46%;
}

.susInitiativeBodySection h2 {
    font-family: "DRLCircular-Book";
    font-style: normal;
    font-weight: 450;
    font-size: clamp(24px, 5vw, 37px);
    line-height: 1.5em;
    color: #502E92;
    max-width: 80%;
    margin-bottom: 25px;
    text-align: left;
    margin-top: 20px;
}

.sustreeSection h2 {
    font-family: "DRLCircular-Book";
    font-style: normal;
    font-weight: 450;
    font-size: clamp(24px, 5vw, 37px);
    line-height: 1.5em;
    color: #502E92;
    max-width: 80%;
    margin-bottom: 25px;
    text-align: left;
    margin-bottom: 20px;
}

.sustainabilityNewsEvent .owl-nav {
    display: block !important;
    margin-top: -16%;
}

body.page-plantation-drive .disclaimerWrapper {
    display: none !important;
}

.sustreeSection h2 {
    font-family: "DRLCircular-Book";
    font-style: normal;
    font-weight: 450;
    font-size: clamp(24px, 5vw, 37px);
    line-height: 1.5em;
    color: #502E92;
    max-width: 80%;
    margin-bottom: 25px;
    text-align: left;
    margin-bottom: 20px;
}



.newEventSection {
    background: #fff;
    position: relative;
    padding: 60px 0px;

}

.newEventSection p {
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #575757;
}

.newEventBox {
    width: 100%;
    min-height: 436px;
    background: #FFFFFF;
    box-shadow: 0px 9px 25.4px rgba(84, 69, 134, 0.09);
    border-radius: 18px;
    position: relative;
}

.newEventImageBox {
    min-height: 214px;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    position: relative;
    overflow: hidden;
}

.newEventImageBox img {
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 214px;
}

.newEventDescription {
    padding: 15px;
    min-height: 220px;
    position: relative;
}

.newEventDescription h4 {
    font-family: "DRLCircular-Book";
    font-style: normal;
    font-weight: 450;
    font-size: 18px;
    line-height: 26px;
    color: #000000;
    margin-bottom: 15px;
}

.boothLabel {
    min-width: 137px;
    padding: 0px 12px;
    box-sizing: border-box;
    height: 32px;
    line-height: 32px;
    background: #F0EAF9;
    border-radius: 4px;
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 450;
    font-size: 14px;
    color: #502E92;
}

.boothLabel strong {
    font-weight: bold;
    color: #000000;
}

.newEventDateLabel {
    position: absolute;
    width: 84px;
    height: 84px;
    border-radius: 50px;
    top: 12px;
    right: 12px;
    background: linear-gradient(62.18deg, #6843B8 17.27%, #34C5F4 130.25%);
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 7px;
}

.newEventDateLabel img {
    width: 16px !important;
    height: 18px !important;
    min-height: 0;
}

.newEventDateLabel span {
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 900;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    color: #FFFFFF;
    padding: 0 6px;
}

.newEventDateLabel span+span {
    font-size: 10.8738px;
    line-height: 9px;
    text-align: center;
    text-transform: uppercase;
    color: #AEC5FF;
}

.newEventPlace {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin: 16px 0px;
}

.newEventPlace img {
    width: 18px !important;
    height: 18px !important;
}

.newEventPlace span {
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
}

.newEventBtn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 15px 18px;
    gap: 10px;
    width: 164px;
    height: 40px;
    background: #F0504B;
    border-radius: 61px;
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 450;
    font-size: 14px;
    line-height: 17px;
    text-transform: capitalize;
    color: #FFFFFF;
    transition: all 500ms;
    position: absolute;
    bottom: 20px;

}

.newEventBtn:hover {
    color: #fff;
    background: #d03b36;
}

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

.newEventBtn .owl-carousel .owl-item img {
    display: inline-block;
    width: inherit;
}



#newEvent .owl-prev,
#newEvent .owl-next {
    pointer-events: all;
    border-radius: 50%;
    width: 27px !important;
    height: 27px !important;
    display: flex;
    /* Ensure arrow content is centered */
    justify-content: center;
    /* Center horizontally */
    align-items: center;
    /* Center vertically */
    cursor: pointer;
    /* Pointer cursor */
    z-index: 1;
    /* Ensure arrows are above items */
    cursor: pointer;
    background: url(../images/chevron-left.svg) no-repeat !important;
    box-shadow: 0 0 10px 1px rgba(255, 255, 255, 0.8) !important;

}

#newEvent .owl-prev {
    left: -45px;
}

#newEvent .owl-next {
    right: -45px;
    transform: rotate(-180deg);
}

#newEvent .owl-prev span,
#newEvent .owl-next span {
    display: none !important;
}



@media screen and (max-width: 768px) {
    .dcat-body span {
        width: auto;
        height: 40px;
        line-height: 40px !important;
        max-width: 360px;
        font-size: 20px !important;
        padding: 0 15px;
    }

    .dcat-body {
        font-size: 30px;
        text-align: left !important;
    }
}

@media screen and (max-width: 480x) {



    .cphiCaption button.reserveBtn {
        min-width: 100%;
    }

    .cphiCaption P {
        font-size: 24px;
        line-height: 28px;
    }

    .cphiCaption h4 {
        font-size: 30px;
        line-height: 34px;
    }

    .cphiCaption h1 {
        font-size: 55px;
        line-height: 62px;
        margin-bottom: 20px;
    }

    .dcat-body span {
        height: 30px;
        line-height: 30px !important;
        font-size: 16px !important;
    }

    .dcat-body {
        font-size: 16px;
        line-height: 24px;
    }
}

.dcatLandingbannerForm #edit-field-work-email--2::placeholder,
.dcatLandingbannerForm #edit-field-phone-number--2::placeholder {
    font-weight: bold !important;
}

.js-form-item.form-item.js-form-type-number.form-item-field-phone-number.js-form-item-field-phone-number label {
    display: none !important;
}

/*DCAT PAGE*/

.dcatLandingbannerForm .form-select {
    background-image: url("../images/down-arrow-white.png") !important;
    background-repeat: no-repeat !important;
    background-position: right 0.75rem center !important;
    background-size: 18px 10px !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-color: transparent !important;
    border: none !important;
    border-bottom: 1px solid #ad9fcc !important;
    margin-bottom: 12px !important;
    /* padding-left: 0px !important; */
    border-radius: 0 !important;
    color: #fff !important;
}

.dcatLandingbannerForm label {
    display: none;
}

.dcatLandingbannerForm #edit-field-product--2 {
    color: #fff !important;
}

.dcatLandingbannerForm #edit-field-product--2 option {
    color: #fff !important;
}

body.page-meet-api-experts .dcatLandingbannerForm #edit-field-product--2 option {
    color: #000 !important;
}

.dcatLandingbannerForm .form-textarea {
    margin: 8px 0px;
    font-weight: 600;
    height: 60px;
}

.dcatFooterBanner {
    width: 100%;
    height: auto;
}

.dcatFooterBanner img {
    width: 100%;
    cursor: pointer;
}

.dcatAboutSec {
    background: url(../images/grey-bg.png) no-repeat center top #fff;
    background-size: 100% 827px;
    width: 100%;
    height: auto;
    min-height: 944px;
    padding-top: 250px;
}

.dcatAboutSec h2 {
    text-align: center;
    font-family: "DRLCircular-Book";
    font-style: normal;
    font-weight: 450;
    font-size: clamp(24px, 5vw, 37px);
    line-height: 1.5em;
    margin-bottom: 15px;
    line-height: normal;
}

body.page-events-cphi-barcelona-2023 .dcatAboutSec h2 {
    text-align: center;
    font-family: "DRLCircular-Book";
    font-style: normal;
    font-weight: 450;
    font-size: clamp(24px, 5vw, 37px);
    line-height: 1.5em;
    margin-bottom: 40px;
}

.dcataboutBox {
    max-width: 930px;
    height: auto;
    margin: 0 auto;
}

.dcatsustainabilityBox {
    width: 90%;
    height: auto;
    margin: 0 auto;
    background-color: #fff;
    padding: 50px;
    margin-top: 90px;
    -webkit-box-shadow: 3px 0px 14px 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 3px 0px 14px 3px rgba(0, 0, 0, 0.15);
    box-shadow: 3px 0px 14px 3px rgba(0, 0, 0, 0.15);
    margin-bottom: 30px;
}

a.learMoreBtn,
button.learMoreBtn {
    max-width: 190px;
    height: 38px;
    background-color: #5f4b9f;
    color: #fff;
    padding: 0 20px;
    display: block;
    margin: 0 auto;
    cursor: pointer;
    line-height: 38px;
}

a.learMoreBtn span,
button.learMoreBtn span {
    display: block;
    line-height: 38px;
    position: relative;
    font-family: "DRLCircular-Bold";
    font-size: 18px;
}

.sustainabilityOuter h2 {
    text-align: center;
    color: #fff !important;
    font-family: "DRLCircular-Bold";
    font-size: 28px;
    margin-bottom: 15px;
    line-height: normal;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dcatTeamSec {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 50px 0px 0px;
}

.dcatTeamSec h2 {
    font-family: "DRLCircular-Black";
    text-align: center;
    color: #5f4b9f !important;
    font-size: 28px;
    margin-bottom: 15px;
}

.dcatTeamSec ul {
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.dcatTeamSec ul li {
    list-style: none;
    display: inline-block;
    width: 260px;
    height: auto;
    margin: 15px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    vertical-align: top;
}

.dcatTeamSec .profileSec {
    width: 260px;
    height: 247px;
    border-bottom: 4px solid #fff;
}

.dcatTeamSec .bioSec {
    width: 260px;
    height: auto;
    padding: 25px 10px;
    color: #000;
    text-align: left;
    min-height: 142px;
}

.dcatTeamSec .bioSec h4 {
    font-size: 19px;
    font-family: "DRLCircular-Bold";
    margin-bottom: 12px;
    text-transform: capitalize;
}

.dcatTeamSec .bioSec p {
    margin-bottom: 0px;
    color: #000;
    font-family: "DRLCircular-Book";
    font-size: 16px;
    line-height: 18px;
    text-transform: capitalize;
}

.dcatTeamSec ul li:first-child {
    background-color: #64c191;
}

.dcatTeamSec ul li:nth-child(2) {
    background-color: #fcd209;
}

.dcatTeamSec ul li:last-child {
    background-color: #34c6f4;
}

.dcatBanner {
    width: 100%;
    height: auto;
    background: url(../images/dcat-banner.png) no-repeat center top #fff;
    background-size: cover;
    padding-top: 77px;
    padding-bottom: 50px;
}

.dcatBanner.cphiBanner {
    width: 100%;
    height: auto;
    background: url(../images/CPhI-banner.webp) no-repeat center top #fff;
    background-size: cover;
    padding-top: 200px;
    padding-bottom: 50px;
}

.bannerBox {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.dcatbannerCaption {
    margin-top: 100px;
    margin-left: 15%;
}

.dcatbannerCaption h1,
.dcatbannerCaption h2 {
    font-size: 57px;
    font-family: "DRLCircular-Black";
    color: #fff;
    line-height: 60px;
    margin-bottom: 50px;
}

.dcatbannerCaption h1 span {
    font-family: "DRLCircular-Book";
    font-size: 47px;
}

.dcatbannerCaption p {
    font-size: 23px;
    font-family: "DRLCircular-Book";
    color: #fff;
    margin-bottom: 15px;
}

.dcatbannerCaption h4 {
    font-size: 25px;
    font-family: "DRLCircular-Bold";
    color: #fff;
    margin-bottom: 15px;
}

a.reserveBtn,
button.reserveBtn {
    width: 177px;
    height: 46px;
    background-color: #fcd209;
    color: #000;
    display: block;
    line-height: 46px;
    padding: 0 20px;
    font-size: 18px;
    font-family: "DRLCircular-Bold";
    text-decoration: none;
    border: none;
    outline: none;
    text-align: left;
}

a.reserveBtn span,
button.reserveBtn span {
    position: relative;
}

a.reserveBtn span::after,
button.reserveBtn span::after {
    content: "";
    position: absolute;
    background-image: url(../images/reserver-arrow.png);
    background-repeat: no-repeat;
    background-size: 18px;
    height: 12px;
    display: block;
    right: -32px;
    top: 2px;
    width: 18px;
}

.dcatbannerFormHead {
    width: 375px;
    height: 69px;
    background-color: #f0524c;
    color: #fff;
    text-align: center;
    font-family: "DRLCircular-Book";
    font-size: 30px;
    line-height: 69px;
}

.dcatbannerForm {
    width: 375px;
    height: auto;
    background-color: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 50px 35px;
}

.dcatBanner.cphiBanner .dcatbannerForm {
    background-color: rgba(255, 255, 255, 0.7);
}

.dcatbannerForm .form-control {
    border: none;
    border-bottom: 1px solid #b2b2b2;
    margin-bottom: 25px;
    padding-left: 0px;
    border-radius: 0;
}

.dcatBookedBtn {
    width: 141px;
    height: 30px;
    display: block;
    margin: 0 auto;
    background-color: #5f4b9f;
    color: #fff;
    text-align: center;
    font-family: "DRLCircular-Book";
    font-size: 14px;
    line-height: 30px;
    border: none;
    outline: none;
    cursor: pointer;
}

.aboutdcatBox {
    width: 100%;
    height: auto;
    padding: 90px 50px 35px;
    background-color: #fff;
    -webkit-box-shadow: 3px 0px 14px 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 3px 0px 14px 3px rgba(0, 0, 0, 0.15);
    box-shadow: 3px 0px 14px 3px rgba(0, 0, 0, 0.15);
    margin-top: 90px;
    position: relative;
}

.aboutdcatBox p {
    font-family: "DRLCircular-Light";
    font-size: 16px;
    color: #1c1c1c;
}

.aboutdcatHead {
    width: 289px;
    height: 76px;
    background-color: #f0524c;
    color: #fff;
    font-family: "DRLCircular-Bold";
    text-align: center;
    font-size: 28px;
    line-height: 76px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: -39px;
}

.dcatNavbar .navbar-nav .nav-link {
    font-size: 16px;
    font-family: "DRLCircular-Bold";
    color: #262b2d;
    position: relative;
}

.dcatNavbar .navbar-nav .nav-link::after {
    content: "";
    background-image: url(../images/sep.png);
    background-repeat: no-repeat;
    width: 3px;
    height: 19px;
    position: absolute;
    right: -1px;
    top: 10px;
}

.nav-link.meetUsBtn {
    height: 29px;
    width: 89px;
    text-align: center;
    background: #502e92;
    color: #fff !important;
    line-height: 17px;
    margin-top: 5px;
    border: none;
}

.dcatNavbar .navbar-nav .nav-link.meetUsBtn:last-child::after,
.dcatNavbar .navbar-nav .nav-link.resources:last-child::after {
    background-image: none;
}

.achivementWrapper {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.achivementImgBox {
    overflow: hidden;
}

.item.achivementBox {
    width: 380px;
    min-height: 439px;
    -webkit-box-shadow: 3px 0px 6px 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 3px 0px 6px 3px rgba(0, 0, 0, 0.15);
    box-shadow: 3px 0px 6px 3px rgba(0, 0, 0, 0.15);
    margin-left: 15px;
}

.achivementDescBox {
    padding: 20px 10px 10px;
    min-height: 170px;
    background-color: #fff;
}

.achivementDescBox p {
    font-family: "DRLCircular-Light";
    font-style: normal;
    font-size: 15px;
    line-height: 18px;
    color: #000000;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 0px;
    padding-right: 30px;
}

.achivementDescBox .arrowBtn {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 20px;
    height: 20px;
}

.achivementBox a.arrowBtn img {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
}

.achivementDescBox span {
    font-family: "DRLCircular-Bold";
    display: block;
    margin-bottom: 10px;
}

p.date {
    color: #00a2b5;
    margin-bottom: 10px;
}

.achivementWrapper .nav-btn.next-slide {
    background-image: url(../images/achime-slide-right-arrow.png);
    background-repeat: no-repeat;
    background-size: 50px;
    display: block;
    width: 50px;
    height: 50px;
    /* -webkit-box-shadow: 0px 2px 9px 1px rgba(0, 0, 0, 0.76);
  -moz-box-shadow: 0px 2px 9px 1px rgba(0, 0, 0, 0.76);
  box-shadow: 0px 2px 9px 1px rgba(0, 0, 0, 0.76); */
    border-radius: 50px;
}

.achivementWrapper .nav-btn.prev-slide {
    background-image: url(../images/achime-slide-left-arrow.png);
    background-repeat: no-repeat;
    background-size: 50px;
    display: block;
    width: 50px;
    height: 50px;
    /* -webkit-box-shadow: 0px 2px 9px 1px rgba(0, 0, 0, 0.76);
  -moz-box-shadow: 0px 2px 9px 1px rgba(0, 0, 0, 0.76);
  box-shadow: 0px 2px 9px 1px rgba(0, 0, 0, 0.76); */
    border-radius: 50px;
}

.achivementSec h2 {
    text-align: center;
    color: #5f4b9f !important;
    font-family: "DRLCircular-Bold";
    font-size: 28px;
    margin-bottom: 15px;
    line-height: normal;
    display: flex;
    justify-content: center;
    align-items: center;
}

body.path-events .achivementSec h2 {
    margin-bottom: 30px;
}

.achivementSec {
    width: 100%;
    height: auto;
    margin: 50px 0px;
}

body.path-dcat-week input[type="email"]::placeholder,
body.path-dcat-week input[type="email"]::placeholder,
body.page-events-dcat-week-2022 input[type="email"]::placeholder,
body.page-events-dcat-week-2022 input[type="email"]::placeholder {
    color: #5f4ba0 !important;
    opacity: 1 !important;
    font-family: "DRLCircular-Bold" !important;
}

body.page-hpapis #edit-email::placeholder,
body.page-hpapis #edit-message::placeholder {
    color: #5f4ba0 !important;
    opacity: 1 !important;
    font-family: "DRLCircular-Bold" !important;
}

body.page-form-contact-us-generic-formulation input#edit-email::placeholder,
body.page-form-contact-us-generic-formulation textarea#edit-message::placeholder {
    color: #5f4ba0 !important;
    opacity: 1 !important;
    font-family: "DRLCircular-Bold" !important;
}

body.page-events-dcat-week-2022 section.content-sec.inner-content-sec {
    padding-top: 0px;
    margin-top: -30px;
}

body.page-events-dcat-week-2022 input#edit-field-first-name {
    width: 100%;
    border: none;
    border-bottom: 1px solid #b2b2b2;
    margin-bottom: 25px;
    padding-left: 0px;
    border-radius: 0;
}

body.page-events-cphi-na input#edit-field-first-name {
    width: 100%;
    border: none;
    border-bottom: none;
    margin-bottom: 25px;
    padding: 5px 10px;
    border-radius: 0;
}

body.page-events-cphi-na input#edit-field-work-email {
    width: 100%;
    border: none;
    border-bottom: none;
    margin-bottom: 25px;
    padding: 5px 10px;
    border-radius: 0;
}

body.page-events-cphi-na input#edit-field-organization {
    width: 100%;
    border: none;
    border-bottom: none;
    margin-bottom: 25px;
    padding: 5px 10px;
    border-radius: 0;
}

body.page-events-cphi-na .form-select {
    width: 100%;
    border: none;
    border-bottom: none;
    margin-bottom: 25px;
    padding: 5px 10px;
    border-radius: 0;
}

body.page-events-cphi-na .field--name-field-cc .mobile-number-field .js-form-type-textfield input {
    float: left;
    width: 92.5%;
    background: #fff !important;
    margin-left: 15px;
    padding: 5px 10px;
    border-bottom: none;
}

form#cphi-na-form .field--name-field-cc .mobile-number-field .js-form-type-textfield input {
    background: #fff !important;
}

body.page-events-cphi-na .mobile-number-field .country-select {
    border-bottom: none;
    background: #fff !important;
    display: flex;
}

body.page-events-cphi-na .aboutdcatHead {
    width: 414px;
}

body.page-events-cphi-na div#edit-field-cc-wrapper {
    margin-bottom: 22px;
}

body.page-events-cphi-na div#edit-field-cc-wrapper .mobile-number-field {
    display: flex;
}

body.page-events-cphi-na div#edit-field-cc-0 label {
    display: none;
}

body.page-events-dcat-week-2022 input#edit-field-last-name {
    width: 100%;
    border: none;
    border-bottom: 1px solid #b2b2b2;
    margin-bottom: 25px;
    padding-left: 0px;
    border-radius: 0;
}

body.page-events-dcat-week-2022 input#edit-field-work-email {
    width: 100%;
    border: none;
    border-bottom: 1px solid #b2b2b2;
    margin-bottom: 25px;
    padding-left: 0px;
    border-radius: 0;
}

body.page-events-dcat-week-2022 input#edit-field-phone-number {
    width: 100%;
    border: none;
    border-bottom: 1px solid #b2b2b2;
    margin-bottom: 25px;
    padding-left: 0px;
    border-radius: 0;
}

body.page-events-dcat-week-2022 input#edit-field-organization {
    width: 100%;
    border: none;
    border-bottom: 1px solid #b2b2b2;
    margin-bottom: 25px;
    padding-left: 0px;
    border-radius: 0;
}

body.page-events-dcat-week-2022 input#edit-field-job-title {
    width: 100%;
    border: none;
    border-bottom: 1px solid #b2b2b2;
    margin-bottom: 25px;
    padding-left: 0px;
    border-radius: 0;
}

body.page-events-dcat-week-2022 .form-select {
    width: 100%;
    border: none;
    border-bottom: 1px solid #b2b2b2;
    margin-bottom: 25px;
    padding-left: 0px;
    border-radius: 0;
}

body.page-events-dcat-week-2022 div[role="alert"] {
    z-index: 999 !important;
}

.cphiCaption P {
    font-family: "DRLCircular-Book";
    font-size: 34px;
    line-height: 34px;
    color: #000;
}

.cphiCaption h4 {
    font-family: "DRLCircular-Bold";
    font-size: 45px;
    line-height: 55px;
}

.cphiCaption h1 {
    font-family: "DRLCircular-Black";
    font-size: 90px;
    line-height: 90px;
    color: #502e92;
}

.cphiCaption P span {
    font-family: "DRLCircular-Bold";
    color: #502e92;
}

.cphiCaption button.reserveBtn {
    min-width: 309px;
    height: 55px;
    background-color: #502e92;
    color: #fff;
    display: block;
    line-height: 55px;
    padding: 0 20px;
    font-size: 30px;
    text-decoration: none;
    border: none;
    outline: none;
    text-align: center;
    font-family: "DRLCircular-Book";
}

.cphiCaption button.reserveBtn span::after {
    display: none;
}

@media screen and (min-width: 1200px) {

    .dcatPage .container,
    .dcatPage .container-lg,
    .dcatPage .container-md,
    .dcatPage .container-sm,
    .dcatPage .container-xl {
        max-width: 1160px;
    }
}

@media screen and (min-width: 1400px) {

    .dcatPage .container,
    .dcatPage .container-lg,
    .dcatPage .container-md,
    .dcatPage .container-sm,
    .dcatPage .container-xl {
        max-width: 1320px;
    }
}

@media screen and (max-width: 991px) {
    .dcatNavbar .navbar-nav .nav-link::after {
        background-image: none;
    }

    .dcatbannerCaption {
        margin-top: 50px;
        margin-left: 0%;
    }

    .dcatNavbar li.nav-item {
        border-top: 1px solid rgba(255, 255, 225, 0.3);
    }

    .dcatNavbar li.nav-item:first-child {
        border: none;
    }

    .dcatNavbar .navbar-nav .nav-link {
        font-size: 19px;
        color: #fff;
        position: relative;
        padding: 16px 25px 16px 54px;
    }

    .nav-link.meetUsBtn {
        height: 45px;
        width: 90%;
        text-align: center;
        background: #32c8f5;
        color: #fff !important;
        line-height: 17px;
        margin-top: 5px;
        border: none;
        margin: 0 auto;
        margin-top: 15px;
    }

    body.page-events-dcat-week-2022 a.search.header_search_append {
        display: none;
    }

    .item.achivementBox {
        width: 100%;
    }

    .achivementWrapper .owl-carousel .owl-nav button.owl-prev {
        left: -25px;
    }

    .achivementWrapper .owl-carousel .owl-nav button.owl-next {
        right: -61px;
    }

    .dcatNavbar .navbar-toggler {
        z-index: 9999 !important;
        position: absolute;
        right: 20px;
    }

    .dcatNavbar .navbar-toggler {
        border: none;
        background: transparent !important;
    }

    .dcatNavbar .navbar-toggler:hover {
        background: transparent !important;
    }

    .dcatNavbar .navbar-toggler .icon-bar {
        width: 38px;
        transition: all 0.2s;
    }

    .dcatNavbar .navbar-toggler .top-bar {
        transform: rotate(45deg);
        transform-origin: 10% 10%;
        background: #fff;
    }

    .dcatNavbar .navbar-toggler .middle-bar {
        opacity: 0;
    }

    .dcatNavbar .navbar-toggler .bottom-bar {
        transform: rotate(-45deg);
        transform-origin: 10% 90%;
        background: #fff;
    }

    .dcatNavbar .navbar-toggler.collapsed .top-bar {
        transform: rotate(0);
        background: #5f4ba0;
    }

    .dcatNavbar .navbar-toggler.collapsed .middle-bar {
        opacity: 1;
        background: #5f4ba0;
    }

    .dcatNavbar .navbar-toggler.collapsed .bottom-bar {
        transform: rotate(0);
        background: #5f4ba0;
    }

    body.page-node-product .js-form-item.form-item.js-form-type-checkbox {
        margin: 0px 0px 10px !important;
    }
}

@media screen and (max-width: 767px) {
    .bannerBox {
        flex-direction: column;
    }

    .dcatbannerCaption {
        margin-top: 0px;
        margin-bottom: 20px;
    }

    .dcatBanner {
        padding-top: 40px;
    }

    .dcatbannerCaption h1,
    .dcatbannerCaption h2 {
        margin-bottom: 20px;
    }

    .dcatbannerFormHead {
        width: 100%;
    }

    .dcatbannerForm {
        width: 100%;
    }

    .aboutdcatBox {
        margin-top: 80px;
    }

    .dcatBanner {
        background-size: 100% 1056px;
    }

    .dcatAboutSec {
        padding-top: 160px;
    }

    .dcatBannerContent {
        background-color: rgba(255, 255, 255, 0.8);
        padding: 30px 10px;
    }

    #usps .owl-nav,
    #achivements-two .owl-nav,
    #achivements .owl-nav {
        display: block !important;
        top: 50% !important;
    }

    #usps .owl-carousel .owl-nav button.owl-prev,
    #achivements-two .owl-carousel .owl-nav button.owl-prev,
    #achivements .owl-carousel .owl-nav button.owl-prev {
        left: 0px !important;
    }

    .dcatLApiProductSec iframe {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 749px) {
    .item.achivementBox {
        width: 100%;
    }

    .dcatsustainabilityBox {
        width: 100%;
        padding: 20px;
        margin-top: 20px;
    }

    .dcatsustainabilityBox .mt-5 {
        margin-top: 1rem !important;
    }

    .dcatsustainabilityBox img {
        display: block;
        margin: 0 auto;
    }

    .aboutdcatBox {
        padding: 50px 20px 35px;
    }
}

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

    .dcatbannerCaption h1,
    .dcatbannerCaption h2 {
        font-size: 30px;
        line-height: 35px;
    }

    .dcatPage .navbar-brand img {
        width: 95%;
    }

    .dcatPage .navbar-brand {
        width: 150px;
    }

    .dcatPage .navbar {
        padding-top: 15px;
    }
}

@media screen and (max-width: 480px) {
    body.page-events-dcat-week-2022 .g-recaptcha div iframe {
        margin-top: 0px !important;
    }

    .dcatLApiProductSec ul li {
        width: 100%;
        text-align: left;
    }

    .dcatLApiProductSec h4::before {
        width: 30px;
    }

    .dcatLApiProductSec h4::after {
        width: 30px;
    }

    .dcatLApiProductSec h4::before {
        left: 10px;
    }

    .dcatLApiProductSec h4::after {
        right: 10px;
    }

    .achivementWrapper .owl-carousel .owl-nav button.owl-prev {
        left: -59px;
    }

    .owl-carousel .owl-nav button.owl-prev {
        left: -59px;
    }

    .owl-carousel .owl-nav button.owl-next {
        right: -59px;
    }

    #usps.owl-carousel .owl-nav button.owl-prev {
        left: 0px;
    }

    #usps.owl-carousel .owl-nav button.owl-next {
        right: 0px;
    }

    .item.achivementBox {
        margin-left: 0px;
    }

    .item.dcatResourcesSecBox {
        margin-left: 0px;
    }
}

@-moz-document url-prefix() {
    body.lang-en .lang-dropdown-form .form-select {
        padding: 0 10px !important;
    }

    .login-sec a {
        margin-left: 0px;
    }
}

#edit-field-work-email::placeholder {
    color: #502e92;
    font-weight: 600;
    opacity: 1;
}

#edit-field-message::placeholder {
    color: #502e92;
    font-weight: 600;
    opacity: 1;
}


/* --------------Include other CSS----------------- */

/*Formulation Page*/

.formulationTopNav .nav {
    justify-content: space-between;
    border: none;
    float: left;
    width: 100%;
}

.formulationTopNav .nav-tabs .nav-link {
    min-width: 235px;
    border: none;
    background: transparent;
    font-family: "DRLCircular-Light";
    color: #717171;
    font-size: 25px;
}

.formulationTopNav .nav-tabs .nav-link.active {
    border-bottom: 3px solid #502E92;
    font-family: "DRLCircular-Bold";
    color: #502E92;
}

#nav-tabContent {
    float: left;
    width: 100%;
}

.formulationtabHead {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
    margin-bottom: 20px;
    float: left;
    width: 100%;
}

.formulationtabHead h1 {
    font-family: "DRLCircular-Light";
    font-size: 50px;
    color: #502E92;
}

.formulationTopNav p {
    color: #000;
}

.brochureBtn {
    height: 50px;
    border-radius: 25px;
    border: 1px solid #502E92;
    background-color: #E5D8FF;
    padding: 0 25px;
    display: flex;
    align-items: center;
    color: #502E92;
    font-family: "DRLCircular-Book";
    font-size: 18px;

}

.brochureBtn img {
    margin-right: 10px;
}

.brochureBtn:hover {
    color: #502E92;
}

.formulationTopNav .accordion-button {
    border: none;
    color: #3d3d3d;
}

.formulationTopNav .accordion-item {
    border-bottom: 1px solid #CBCBCB;
}

.formulationTopNav .accordion-item:last-child {
    border-bottom: none;
}

.formulationTopNav .accordion-header .accordion-button.collapsed::after {
    width: 16px;
    height: 16px;
    content: "";
    background-image: url(../images/accor-arrow.svg) !important;
    background-size: 16px;
}

.formulationTopNav .accordion-button:not(.collapsed)::after {
    width: 16px;
    height: 16px;
    content: "";
    background-image: url(../images/accor-arrow.svg) !important;
    background-size: 16px;
    rotate: 0deg;
}

.formulationCapabilities h2,
.formulationBusinessmodel h2,
.formulationMap h2,
.formulationvision h2 {
    font-family: "DRLCircular-Light";
    font-size: 50px;
    color: #502E92;
    text-align: center;
    margin-bottom: 50px;
}

.formulationBusinessmodel h2 span,
.formulationvision h2 span {
    display: block;
    font-family: "DRLCircular-Bold";
    font-size: 25px;
    margin-top: 30px;
    color: #5F55C0;
}

.formulationBusinessmodel h4 {
    font-family: "DRLCircular-Bold";
    font-size: 25px;
    margin: 30px 50px;
    text-align: center;
    display: block;
}

.formulationCapabilities,
.formulationBusinessmodel,
.formulationMap {
    margin-top: 80px;
}

.formulationCapabilities .accordion-item {
    border: 1px solid #CBCBCB;
    padding: 20px 35px;
    margin-top: 20px;
}

.formulationCapabilities h2.accordion-header {
    margin-bottom: 0px;
}

.formulationCapabilities .accordion-button {
    padding: 0px;
}

.formulationCapabilities .accordion-item:last-child {
    border-bottom: 1px solid #CBCBCB;
}

.formulationCapabilities .accordion-button:not(.collapsed),
.formulationCapabilities .accordion-button {
    border-bottom: none;
    border: 0;
}

.formulationCapabilities .accordion-button:not(.collapsed)::after {
    width: 20px;
    height: 3px;
    content: "";
    background-image: url(../images/formulation-minus.svg);
    background-repeat: no-repeat;
    background-size: 25px;
}

.formulationCapabilities .accordion-header .accordion-button.collapsed::after {
    width: 20px;
    height: 20px;
    content: "";
    background-image: url(../images/formulation-plus.svg) !important;
    background-repeat: no-repeat;
    background-size: 20px;
}

.formulationCapabilities .accordion-button:not(.collapsed) {
    color: #05C6B7;
}

.formulationCapabilities .accordion-header .accordion-button span {
    width: 55px;
    height: 55px;
    border-radius: 30px;
    background-color: #5F4BA0;
    margin-right: 15px;
    text-align: center;
    color: #fff;
    line-height: 55px;
}

#visionMobCarousal .item img {
    width: 217px;
    display: block;
    margin: 0 auto;
}

.visionMob .owl-carousel .owl-nav button.owl-next,
.visionMob .owl-carousel .owl-nav button.owl-prev,
.visionMob .owl-carousel button.owl-dot {
    width: auto !important;
    height: auto !important;
}

.visionMob .owl-prev img {
    transform: none;
}

.visionMob .textsec {
    text-align: center;
}

.visionMob .textsec p {
    font-family: "DRLCircular-Light";
    font-size: 14px;
}

.visionMob .textsec h4 {
    font-family: "DRLCircular-Bold";
    font-size: 18px;
    margin: 18px 0px;
}

.formulationMap img {
    margin: 0 auto;
}

.businessModalMobile .accordion-body ul li {
    display: flex;
    justify-content: space-between;
}

.businessModalMobile .accordion-body ul li .textLeft {
    font-family: "DRLCircular-Book";
}

.businessModalMobile .accordion-body ul li .textRight {
    text-align: right;
    font-family: "DRLCircular-Light";
}

.businessModalMobile .accordion-body ul {
    background-color: #EBEBEB;
    padding: 15px !important;
}



.businessModalMobile .accordion-button {
    border: none;
    color: #3d3d3d;
}

.businessModalMobile .accordion-item {
    border-bottom: 1px solid #CBCBCB;
}

.businessModalMobile .accordion-item:last-child {
    border-bottom: none;
}

.businessModalMobile .accordion-header .accordion-button.collapsed::after {
    width: 16px;
    height: 16px;
    content: "";
    background-image: url(../images/accor-arrow.svg) !important;
    background-size: 16px;
}

.businessModalMobile .accordion-button:not(.collapsed)::after {
    width: 16px;
    height: 16px;
    content: "";
    background-image: url(../images/accor-arrow.svg) !important;
    background-size: 16px;
    rotate: 0deg;
}

.businessModalMobile h2 {
    margin-bottom: 0px;
    font-family: "DRLCircular-Book";
    font-size: 16px;
    color: #5F4BA0;
}

.businessModalMobile .accordion-button {
    margin-bottom: 0px;
    font-family: "DRLCircular-Book";
    font-size: 16px;
    color: #5F4BA0;
}

.businessModalMobile .accordion-body {
    padding: 0px;
}

.Hdesktop {
    display: block !important;
}

.Hmobile {
    display: none !important;
}

#regularAccordionRobots table th {
    background: #5f4ba0;
    color: #fff;
    padding: 10px;
}

#regularAccordionRobots table td {
    padding: 10px;
    vertical-align: middle !important;
}

#regularAccordionRobots table tr:nth-child(even) {
    background: #EBEBEB;
}

form#views-exposed-form-generic-formulation-block-1 {
    display: flex;
    background: #ECE8F2 !important;
    padding: 24px;
    gap: 15px;
    justify-content: start;
    align-items: center;
}

body.page-generic-formulation a.download-product {
    display: none !important;
}

form#views-exposed-form-generic-formulation-block-1 input {
    margin-bottom: 0px !important;
}

form#views-exposed-form-generic-formulation-block-1 input#edit-combine,
form#views-exposed-form-generic-formulation-block-1 input#edit-combine--2,
form#views-exposed-form-generic-formulation-block-1 input.views-ac-dependent-filter {
    width: 424px;
    max-width: 100%;
    box-sizing: border-box;
    height: 50px;
    margin: 0 auto;
    border-radius: 10px !important;
    background-color: #fff;
    text-align: left;
    border: none;
    outline: none;
    padding: 0 15px !important;
    margin-bottom: 0px !important;
    position: relative;
    background-size: 30px;
    background-position: center right 20px !important;
    padding-right: 65px;
    border: 1px solid #BEBEBE !important;
    padding-right: 60px !important;
}

form#views-exposed-form-generic-formulation-block-1 .bef-exposed-form details {
    padding: 0 15px !important;
    line-height: 50px !important;
    border-radius: 10px !important;
    margin-right: 0px !important;
    border: 1px solid #BEBEBE !important;
}

div.download-product-list table.cols-7 {
    width: 100% !important;
}

body.page-generic-formulation .bef-exposed-form details {
    background: #fff !important;
    border: 1px solid #BEBEBE !important;
    height: 50px !important;
    border-radius: 10px !important;
    margin-right: 0px !important;
    line-height: 50px !important;
    /* position: relative; */
    min-width: 167px !important;
}

body.page-generic-formulation #edit-submit-generic-formulation {
    border-radius: 10px !important;
    height: 50px !important;
}

form#views-exposed-form-generic-formulation-block-1 input[type="submit"] {
    width: auto;
    background-color: #5f4ba0 !important;
    border-color: #5f4ba0 !important;
    border: 2px solid #5f4ba0 !important;
    height: 50px !important;
    border-radius: 10px !important;
    color: #fff !important;
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
    min-width: 120px;
}

form#views-exposed-form-generic-formulation-block-1 input[value="Reset"] {
    background: transparent !important;
    color: #5f4ba0 !important;
    margin-left: 10px;
}

body.page-generic-formulation input#edit-combine,
body.page-generic-formulation input#edit-combine--2 {
    background-image: url(../images/formulation-search.svg) !important;
    background-size: 18px !important;
}

table.cols-5 {
    width: 100% !important;
}

tr.mobileDataeHeader {
    display: none;
}

body.page-generic-formulation span.inj {
    margin-top: 0px;
    height: 20px;
}


body.page-generic-formulation span.oral {
    margin-top: 0px;
    height: 20px;
}


body.page-events-cphi-india-2023 input#edit-send--9 {
    margin-top: 30px !important;
}

/* ========================================================== for CLS issue ============ */

#homeBanner {
    height: 34.21vw;
    display: block;
}

.fullSliderSec img {
    height: 16.84vw;
    display: block;
}

.bannerImageSec {
    height: auto;
    display: block;
}

@media (max-width: 992px) {
    #re-imagine .item {
        min-height: 350px;
    }

    #homeBanner {
        min-height: 280px;
        display: block;
    }

    #resource {
        height: 464px;
        display: block;
    }
}

/*FCE Pharma Page*/

.dcatFooterBanner h2 {
    text-align: center;
    color: #5f4b9f !important;
    font-family: "DRLCircular-Bold";
    font-size: 28px;
    margin-bottom: 15px;
    line-height: normal;
}

.dcatFooterBanner.location img {
    width: auto;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    margin-top: 35px;
    margin-bottom: 50px;
    cursor: auto;
}

.achivementSec.fce {
    background: #f6f4f9;
    padding: 50px 0px;
}

.achivementSec.fce .achivementWrapper {
    margin-top: 25px;
}

.dcatAboutSec.fce {
    background: #fff;
    text-align: center;
    padding-top: 50px;
}

.dcatsustainabilityBox.fce {
    text-align: left;
    margin-top: 0px;
    margin-bottom: 50px;
    max-width: 1088px;
}

.dcatsustainabilityBox.fce h2 {
    text-align: left;
}

.dcatTeamSec.fce {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0px 0px 60px;
    background: #502e92;
}

.dcatTeamSec.fce .profileSec {
    width: 260px;
    height: 260px;
    border-bottom: 4px solid #f5e3e5;
    border-radius: 130px;
    overflow: hidden;
}

.dcatTeamSec.fce ul li:first-child {
    background-color: transparent;
}

.dcatTeamSec.fce ul li:nth-child(2) {
    background-color: transparent;
}

.dcatTeamSec.fce ul li:last-child {
    background-color: transparent;
}

.dcatTeamSec.fce .bioSec {
    width: 260px;
    height: auto;
    padding: 25px 10px;
    color: #fff;
    text-align: center;
    min-height: 142px;
}

.dcatTeamSec.fce .bioSec p {
    margin-bottom: 0px;
    color: #fff;
    font-family: "DRLCircular-Book";
    font-size: 16px;
    line-height: 24px;
    text-transform: capitalize;
}

.dcatTeamSec.fce ul {
    margin-top: -150px;
}

.dcatTeamTopSec {
    padding: 50px 0 180px;
}

.dcatTeamTopSec h2 {
    text-align: center;
    color: #5f4b9f !important;
    font-family: "DRLCircular-Bold";
    font-size: 28px;
    margin-bottom: 15px;
    line-height: normal;
}

.fceBanner {
    width: 100%;
    height: auto;
    background: url(../images/fce-banner.png) no-repeat center top #fff;
    background-size: cover;
    padding-top: 77px;
    padding-bottom: 50px;
}

.fceBanner .dcatbannerCaption h1,
.fceBanner .dcatbannerCaption h2 {
    font-size: 42px;
    font-family: "DRLCircular-Black";
    color: #fff;
    line-height: 52px;
    /* margin-bottom: 30px; */
    margin-bottom: 20px;
}

.date,
.place {
    display: flex;
    max-width: 240px;
    color: #fff;
    margin-bottom: 10px;
}

.date img,
.place img {
    margin-right: 10px;
    width: 28px;
    height: 28px;
}

.fceBanner a.reserveBtn span::after,
.fceBanner button.reserveBtn span::after {
    display: none;
}

.fceBanner a.reserveBtn,
.fceBanner button.reserveBtn {
    width: auto;
    height: 46px;
    background-color: #fcd209;
    color: #000;
    display: block;
    line-height: 46px;
    padding: 0 20px;
    font-size: 18px;
    font-family: "DRLCircular-Bold";
    text-decoration: none;
    border: none;
    outline: none;
    text-align: left;
    max-width: 200px;
    border-radius: 10px;
}

.fceBanner .dcatbannerCaption p {
    margin-bottom: 20px;
}

.fceBanner .dcatbannerCaption {
    margin-left: 0px;
}

body.page-events-fce-pharma section.content-sec.inner-content-sec {
    padding-top: 0px;
    margin-top: -25px;
}

.fceBanner .dcatbannerForm {
    background-color: rgba(255, 255, 255, 0.7);
    width: 375px;
    max-width: 100%;
}

.fceBanner .dcatbannerFormHead {
    width: 375px;
    max-width: 100%;
}

body.page-events-fce-pharma input#edit-field-first-name {
    width: 100%;
    border: none;
    border-bottom: none;
    margin-bottom: 25px;
    padding: 5px 10px;
    border-radius: 0;
}

body.page-events-fce-pharma input#edit-field-work-email {
    width: 100%;
    border: none;
    border-bottom: none;
    margin-bottom: 25px;
    padding: 5px 10px;
    border-radius: 0;
}

body.page-events-fce-pharma div#edit-field-cc-wrapper {
    margin-bottom: 22px;
}

body.page-events-fce-pharma div#edit-field-cc-wrapper .mobile-number-field {
    display: flex;
}

body.page-events-fce-pharma div#edit-field-cc-wrapper .mobile-number-field label {
    display: none;
}

form#cphi-na-page-form .field--name-field-cc .mobile-number-field .js-form-type-select {
    min-width: 75px;
    display: flex;
    color: #5f4b9f;
}

body.page-events-fce-pharma input#edit-field-organization {
    width: 100%;
    border: none;
    border-bottom: none;
    margin-bottom: 25px;
    padding: 5px 10px;
    border-radius: 0;
}

body.page-events-cphi-na .form-select {
    width: 100%;
    border: none;
    border-bottom: none;
    margin-bottom: 25px;
    padding: 5px 10px;
    border-radius: 0;
}

body.page-events-fce-pharma .mobile-number-field .country-select {
    border-bottom: none;
    background: #fff !important;
}

body.page-events-fce-pharma label.js-form-required.form-required {
    display: none;
}

form#cphi-na-page-form .field--type-mobile-number .mobile-number-field .js-form-type-select .country-select .form-select {
    position: absolute;
    height: 25px;
}

form#cphi-na-page-form .field--name-field-cc .mobile-number-field .js-form-type-textfield input {
    float: left;
    width: 92.5%;
    background: #fff !important;
    margin-left: 15px;
    padding-left: 10px;
}

body.page-events-fce-pharma .g-recaptcha div {
    width: 100% !important;
    margin-top: 10px;
    margin-bottom: 10px;
}

#fce-pharma-connect {
    display: none;
}

@media (max-width: 991px) {
    body.page-events-fce-pharma .header_search_append {
        display: none;
    }
}

@media (max-width: 749px) {
    body.page-events-fce-pharma .item.achivementBox {
        width: 100%;
    }

    body.page-events-fce-pharma .achivementWrapper .owl-carousel .owl-nav button.owl-prev {
        left: 0px;
    }

    body.page-events-fce-pharma .achivementWrapper .owl-carousel .owl-nav button.owl-next {
        right: -31px;
    }
}

@media (max-width: 480px) {
    .fceBanner .dcatbannerCaption {
        margin-left: 0px;
        text-align: left;
    }

    body.page-events-fce-pharma section.content-sec.inner-content-sec {
        padding: 0px 28px 0px !important;
    }

    body.page-events-fce-pharma .achivementDescBox {
        text-align: left;
    }

    body.page-events-fce-pharma .achivementWrapper .owl-carousel .owl-nav button.owl-prev {
        left: -16px;
    }
}

.dcatLandingBannerSec h1 {
    font-family: "DRLCircular-Bold";
    font-size: 30px;
    line-height: 38px;
    color: #502e92;
    margin-bottom: 30px;
}

@media screen and (max-width: 850px) {
    .dcatLandingBannerSec .col-md-5 {
        flex: 0 0 auto;
        width: 50%;
    }

    .dcatLandingBannerSec .col-md-4 {
        flex: 0 0 auto;
        width: 50%;
    }
}

@media screen and (max-width: 767px) {
    .dcatLandingBannerSec .col-md-5 {
        flex: 0 0 auto;
        width: 100%;
    }

    .dcatLandingBannerSec .col-md-4 {
        flex: 0 0 auto;
        width: 100%;
    }
}

body.page-meet-api-experts .form-textarea {
    width: calc(100% - 0px) !important;
}

body.page-apisearch h4 {
    margin-top: 15px;
}

/* ========================================================== for CLS issue end ============ */


body.path-meet-api-experts section.content-sec.inner-content-sec {
    padding-top: 0px !important;
    margin-top: -25px;
}

.dcatPage.dcatLandingPage.apilanding-success .justify-content-end {
    justify-content: center !important;
}

.dcatPage.dcatLandingPage.apilanding-success .dcatLandingBannerSec {
    height: 750px;
}

.dcatPage.dcatLandingPage.apilanding-success h3 {
    font-size: 24px;
    display: block;
    margin-bottom: 20px;
}

body.path-generic-formulation .download-product-list header a span {
    margin-top: 15px;
}

body.path-api-product-experts #meet-api-experts-form .g-recaptcha div iframe {
    margin-top: 20px;
}

body.path-api-product-experts section.content-sec.inner-content-sec {
    padding-top: 0px;
    margin-top: -25px;
}

body.path-api-product-experts .dcatLandingbannerForm .form-control {
    width: 100%;
}

body.path-api-product-experts .mobile-number-field .country-select .prefix {
    color: #fff;
}

body.path-api-product-experts section.content-sec.inner-content-sec {
    padding-top: 0px;
    margin-top: -25px;
}

body.path-api-product-experts .dcatPage.dcatLandingPage.apilanding-success .dcatBannerContent.api-landing-banner {
    width: 100%;
    height: auto;
    padding: 90px 50px 35px;
    background-color: #fff;
    -webkit-box-shadow: 3px 0px 14px 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 3px 0px 14px 3px rgba(0, 0, 0, 0.15);
    box-shadow: 3px 0px 14px 3px rgba(0, 0, 0, 0.15);
    margin-top: 90px;
    position: relative;
}

body.path-api-product-experts .dcatPage.dcatLandingPage.apilanding-success h3 {
    font-family: "DRLCircular-Light";
    font-size: 35px !important;
    line-height: 45px !important;
    margin: 25px 0px !important;
    text-align: center;
    color: #5f4ba0;
}

body.path-api-product-experts .dcatPage.dcatLandingPage.apilanding-success .col-md-5 {
    flex: 0 0 auto;
    width: 100%;
    text-align: center;
}

body.path-api-product-experts .dcatPage.dcatLandingPage.apilanding-success .dcatLandingBannerSec {
    height: 90vh;
}

body.path-api-product-experts .dcatPage.dcatLandingPage.apilanding-success h3 {
    font-family: "DRLCircular-Light";
    font-size: 35px !important;
    margin: 25px 0px !important;
    text-align: center;
    color: #5f4ba0;
}

ul.js-pager__items.pager a {
    margin-bottom: 20px;
    margin-top: 20px;
}

.waitmsc {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #5f4ba0;
    font-weight: bold;
    margin: 25px 0;
}

.ssResWrapper ul li::before {
    display: none !important;
}

.ssResWrapper.apiProductWrapper .innerContent ul li::before {
    background: url(../images/dyabetic-bullet.png) no-repeat left top;
    display: block !important;
}

.ssResWrapper.apiProductWrapper .innerContent ul li {
    padding-left: 25px;
}

body.page-meet-api-experts section.content-sec.inner-content-sec {
    padding-top: 0px !important;
    margin-top: -25px;
}

/* Home Page Modification Start*/

.mobOn {
    display: none;
}

/* Home Page Modification end*/

body.path-product header.azido-header {
    margin-top: 65px;
}

/* Search section integration start*/

body.page-apisearch .content-panel {
    padding: 10px;
}

body.page-apisearch .content-panel h4 a {
    text-decoration: none;
    font-size: 16px;
    color: #000;
    font-weight: 700;
    height: 46px;
    overflow: hidden;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

body.page-apisearch .content-panel p {
    max-height: 80px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    float: left;
}

body.page-apisearch .views-view-grid .clearfix .views-col {
    min-height: 425px !important;
    max-height: 425px;
}

body.page-apisearch .views-col .views-field {
    margin: 0 !important;
    box-shadow: none !important;
    min-height: 350px;
    max-height: 390px !important;
    overflow: hidden;
    margin-bottom: 25px;
}

body.page-apisearch h3 {
    font-family: "DRLCircular-Bold";
    padding-left: 10px;
    display: block;
    margin: 15px 0;
}

body.page-apisearch .articleImage img {
    width: 100%;
    max-height: 250px;
    overflow: hidden;
    height: auto;
}

body.page-apisearch form#views-exposed-form-apisearch-page-1 {
    display: flex;
    width: 100%;
    align-content: center;
    justify-content: center;
    padding-bottom: 35px;
}

body.page-apisearch .views-element-container {
    position: relative !important;
}

body.page-apisearch .views-element-container div header {
    background: none !important;
    box-shadow: none !important;
    border: none !important;
    z-index: 0;
    position: absolute !important;
    top: 50px;
}

body.page-apisearch div.search_count {
    margin: 0;
    color: #5f4ba0;
    font-size: 20px;
    background: transparent;
    width: 100%;
    padding: 10px;
    text-align: center;
    font-weight: 600;
}

body.page-apisearch input#edit-search {
    width: 833px;
    height: 50px;
    margin: 0 auto;
    border-radius: 25px;
    background-color: #d7f6ff;
    text-align: left;
    border: none;
    outline: none;
    padding: 0 25px;
    margin-bottom: 30px;
    position: relative;
    background-size: 30px;
    background-position: center right 20px !important;
    padding-right: 65px;
}

body.page-apisearch input#edit-submit-apisearch {
    width: auto;
    background-color: #5f4ba0;
    border-color: #5f4ba0;
    border: 2px solid #5f4ba0;
    height: 40px;
    border-radius: 20px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    margin-left: 10px;
    min-width: 120px;
}

body.page-apisearch input#edit-reset {
    font-size: 14px;
    margin: 0 10px;
}

body.page-apisearch div#edit-actions {
    display: flex;
    align-content: center;
}

.item.seacrchVideoSecBox {
    width: 400px;
    background: #efefef;
    padding: 15px;
    box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.33);
}

.seacrchVideoSecBox {
    width: 100%;
    background: #efefef;
    padding: 15px;
    box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.33);
}

.bannerImageSec.xceedBanner {
    margin-top: 20px;
}

.bannerImageSec.xceedBanner img {
    width: 100%;
}

.seacrchVideoSection .owl-nav {
    margin-top: -17%;
}

body.page-apisearch .articleImage img {
    display: block;
    margin: 0 auto;
    vertical-align: middle;
}

body.page-apisearch .articleImage {
    height: 250px;
    background: #fff;
}

body.page-apisearch .capabilities-box {
    display: block;
    height: 350px;
}

body.page-apisearch .capabilities-img img {
    width: 150px;
}

@media screen and (max-width: 1024px) {
    body.page-apisearch input#edit-search {
        width: 629px;
    }
}

@media screen and (max-width: 850px) {
    body.page-apisearch input#edit-search {
        width: 99%;
    }
}

@media screen and (max-width: 768px) {
    body.page-apisearch div#edit-actions {
        display: flex !important;
    }
}

@media screen and (max-width: 767px) {
    .seacrchVideoSecBox {
        margin-bottom: 15px;
    }

    body.page-apisearch input#edit-search {
        margin-bottom: 15px;
    }

    body.page-apisearch div#edit-actions {
        display: flex !important;
        align-content: center !important;
        width: 100% !important;
        justify-content: center !important;
    }

    body.page-apisearch .views-element-container div header {
        top: 100px !important;
    }

    body.page-apisearch .form-actions {
        margin-top: 0px !important;
    }

    body.page-apisearch form#views-exposed-form-apisearch-page-1 {
        display: block !important;
        width: 100% !important;
        align-content: center !important;
        justify-content: center !important;
        padding-bottom: 57px !important;
    }
}

/* Search section integration end*/

/* Home Page Modification Start*/
.mobOn {
    display: none;
}

#navbarSupportedContent .mobOn {
    display: none;
}

.footerWrapper .mobOn {
    display: none;
}

/* Home Page Modification end*/
div#edit-field-product-wrapper label {
    display: none;
}

.evenBannerSection.successBanner {
    margin-top: 70px;
}

#fullSlider .owl-item:nth-child(2n + 1) {
    background: #5f4ba0 !important;
}

body.path-contact-us #fullSlider {
    margin-top: 30px;
}

body.path-product {
    border-radius: 0px !important;
}

body.path-product .ui-widget-header {
    background: none;
    border: none;
}

body.path-product .form-textarea {
    margin: 8px 0px;
}

body.path-product .webform-submission-form .form-text {
    margin: 8px 0px;
}

body.path-product .js-form-item.form-item.js-form-type-checkbox {
    display: flex;
}

body.path-product div#drupal-modal .webform-submission-form .form-select {
    width: 90%;
}

body.path-product h6 {
    background-color: #5f4ba0;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 25px;
    text-align: center;
    margin: 0 auto;
    color: #fff !important;
    font-size: 18px;
}

body.path-product h6 a {
    color: #fff;
    display: flex;
    justify-content: center;
    align-self: baseline;
}

body.path-product .form-submit {
    min-width: 200px;
    height: 50px;
    background-color: #32c8f5;
    text-align: center;
    border-radius: 25px;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    padding: 17px;
    border: none;
    outline: none;
    line-height: 0px;
}



body.path-product .searchSec input.form-submit {
    background: #5f4ba0;
    height: 30px;
    line-height: 30px;
    margin: auto 7px;
    color: #fff;
    border: none;
    outline: 0;
    border-radius: 30px;
    font-size: 13px;
    padding: 2px 19px;
    width: 80px;
    min-width: 80px;
}


body.path-product .ui-dialog-titlebar-close {
    background: url(../images/nav-close-black.svg) no-repeat;
    border: none;
    outline: none;
    width: 24px !important;
    height: 24px !important;
    margin-top: -15px;
}

body.path-product .ui-dialog .ui-dialog-title {
    color: #fff !important;
    background: none;
    text-decoration: none !important;
    font-family: "DRLCircular-Light";
    font-size: 22px;
    padding-left: 0px;
    margin-left: 0px;
    line-height: 30px;
}

ul.innerPageBul.collaboration li {
    list-style: none !important;
    background: none;
    display: inline-block;
    width: auto;
    padding-left: 0px;
}

ul.innerPageBul.collaboration {
    margin-top: 50px;
}

ul.innerPageBul.api-generic li {
    list-style: none;
    display: inline-block;
    width: auto;
    background: none;
    padding-left: 0px;
}

.capabilitiesImgSec {
    margin: 50px 0px;
}

.newLocationPage p {
    color: #000;
}

.locationTopContent {
    padding: 25px 0 50px;
}

.locationTopContent h2 {
    font-size: 25px;
    font-weight: bold;
    color: #3D3D3D;
    margin-bottom: 30px;
}

.locationTopContent h4 {
    margin-bottom: 25px;
}

.locationCapabilities h4 {
    margin-bottom: 25px;
}

.locationCapabilities {
    background-color: #EFEFEF;
    padding: 50px 0px 300px;
    position: relative;
    z-index: 0;
}

.locationCapabilities h2 {
    margin-bottom: 50px;
}

.capabilitiesParaOne {
    margin-bottom: 50px;
}

.newLocationPage h2 {
    font-family: "DRLCircular-Light";
    font-size: 50px;
    text-align: center;
}

.newLocationPage h4 {
    font-family: "DRLCircular-Bold";
    font-size: 25px;
}

section.locationService {
    z-index: 1;
    position: relative;
    margin-top: -240px;
    margin-bottom: 50px;
}

.locationServiceBox {
    background: #FFFFFF;
    box-shadow: 0px 4px 27px rgba(0, 0, 0, 0.11);
    border-radius: 20px;
}

.locationServiceBox ul {
    margin: 0px;
    margin-top: 60px;
    margin-bottom: 40px;
    padding: 0px;
    display: flex;
    justify-content: center;
    gap: 25px;
}

.locationServiceBox ul li {
    display: inline-flex;
    width: 351px;
    height: 520px;
}

.locationServiceBox ul li .locationBox {
    padding: 50px 35px;
}

.locationServiceBox ul li img {
    height: 82px;
}

.locationServiceBox ul li:first-child .locationBox {
    background: linear-gradient(180deg, #7EC1FF 0%, #0CA6D7 100%);
    border: 4px solid #FFFFFF;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
}

.locationServiceBox ul li:nth-child(2) .locationBox {
    background: linear-gradient(180deg, #77EDFD 0%, #22C2B8 100%);
    border: 4px solid #FFFFFF;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
}

.locationServiceBox ul li:last-child .locationBox {
    background: linear-gradient(180deg, #A6F6A4 0%, #46C786 100%);
    border: 4px solid #FFFFFF;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
}

.locationServiceBox ul li span {
    display: block;
    font-family: "DRLCircular-Bold";
    font-size: 22px;
    margin-top: 25px;
    margin-bottom: 20px;
    color: #000;
}

.locationServiceBox ul li p {
    font-family: 'DRL Circular';
    font-size: 18px;
    line-height: 25px;
    color: #000;
}

.locationServiceBottomInfo p {
    font-family: 'DRL Circular';
    font-size: 24px;
    line-height: 34px;
    text-align: center;
    color: #502E92;
}

.locationServiceBox .locationServiceBottomInfo p {
    color: #502E92;
}

.locationInfoSec h4 {
    margin-bottom: 25px;
}

.locationInfoParaOne,
.locationInfoParaTwo {
    margin-bottom: 50px;
}

.locationSustainibilitySec {
    background: #EFEFEF;
    padding: 50px 0px;
    margin: 50px 0px;
}

.locationSustainibilitySec h2 {
    margin-bottom: 50px;
}

.locationAchivement {
    padding: 50px 0px;
}

.locationAchivement h2 {
    margin-bottom: 50px;
}


.locationAchivement ul {
    margin: 0px;
    padding: 0px;
    display: flex;
    justify-content: center;
    gap: 25px;
    flex-wrap: wrap;
}

.locationAchivement ul li {
    display: inline-flex;
    position: relative;
    width: 400px;
    height: 186px;
    padding: 40px;
    background: linear-gradient(90deg, #6840B7 -13.26%, #32C8F5 138.7%);
    border-radius: 15px;

}

.locationAchivement ul li::before {
    content: '';
    background: url(../images/achivement-pic.png) no-repeat right bottom;
    background-size: 48px;
    width: 48px;
    height: 103px;
    position: absolute;
    right: 20px;
    bottom: 0px;

}

.locationAchivement ul li p {
    font-family: 'DRL Circular';
    font-size: 18px;
    line-height: 22px;
    color: #fff;
    padding-right: 60px;
}

.locationDesc p {
    font-family: 'DRL Circular';
    font-size: 24px;
    line-height: 34px;
    color: #000;
}

.locationDescBox {
    border: 1px solid #E6E6E6;
    padding: 40px;
    margin-top: 20px;
}

.locationDescBox h4 {
    margin-bottom: 25px;
}

.locationCustomerService {
    width: 100%;

    background-image: url(../images/customer-service.png);
    background-repeat: no-repeat;
    background-position: right;
    position: relative;
    padding: 50px 0px;
    margin: 50px 0px;
}

.locationCustomerService::after {
    content: '';
    background: linear-gradient(90deg, #502E92 100%, rgba(95, 75, 160, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 0.8;
}

.locationCustomerService h2,
.locationCustomerService p {
    text-align: left;
    color: #fff;
}

.locationCustomerService h2 {
    margin-bottom: 25px;
}

.locationCustomerService p {
    max-width: 960px;
}

.customerInfo {
    color: #fff;
    z-index: 99;
}

.customerInfo p {
    color: #fff;
}

p.copyrightInfo {
    color: #fff;
}

.locationKeyStrength {
    padding-top: 50px;
}

.locationKeyStrength img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 50px;
}

.footerinfoBox {
    background: #FFFFFF;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.14);
    border-radius: 20px;
    padding: 50px 80px;
}

.locationFooterinfo {
    margin-bottom: 50px;
}

.footerinfoBox p {
    margin-bottom: 0px;
}

.rightContactBox .js-form-item.form-item.js-form-type-textfield.form-item-linkdin-text.js-form-item-linkdin-text {
    display: none;
}

.rightContactBox .js-form-item.form-item.js-form-type-textfield.form-item-linkdin-link.js-form-item-linkdin-link {
    display: none;
}


body.page-node-create_custom_page .inner_breadcrumb nav ol li {
    margin-left: auto;
    margin-top: 20px;
}

body.page-node-create_custom_page .innerPageBanner {
    /* margin-top: 87px; */
}

body.page-node-create_custom_page .innerPageBanner .container {
    position: relative;
    max-width: 1320px !important;
    margin: 0 auto;
    display: block;
    z-index: 9;
}

body.page-node-create_custom_page .desktop {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
}

body.page-node-create_custom_page .bannerCaption {
    display: none;
}

@media (max-width: 851.98px) {
    .locationServiceBox ul {
        display: block;
    }

    .locationServiceBox ul li {
        display: block;
        width: 100%;
        height: auto;
        margin-top: 20px;
    }
}

@media (max-width: 768.98px) {
    .newLocationPage h2 {
        font-size: 30px;
    }

    .newLocationPage h4 {
        font-size: 22px;
    }

    .locationCapabilities img,
    .locationInfoSec img,
    .locationSustainibilitySec img {
        display: block;
        margin: 0 auto;
        margin-bottom: 20px;
    }
}

@media (max-width: 767.98px) {
    .order-mob-1 {
        order: 1;
    }

    .order-mob-0 {
        order: 0;
    }

    .locationDescBox img {
        display: block;
        margin: 0 auto;
        margin-bottom: 15px;
    }

    .locationDescBox {
        padding: 20px;
    }

    .locationAchivement ul {
        margin-bottom: 20px;
    }

    .locationAchivement ul li {
        max-width: 400px;
        height: auto;
        padding: 20px;

    }

    .locationSustainibilitySec {
        padding: 30px 20px;
        margin: 30px 0px;
    }

    .locationAchivement {
        padding: 0px;
    }

    .locationServiceBottomInfo p {
        font-size: 20px;
        line-height: 30px;
    }

    .locationCapabilities {
        padding: 30px 20px 30px;
    }

    section.locationService {
        margin-top: 0px;
        margin-bottom: 30px;
    }

    .locationAchivement h2 {
        margin-bottom: 15px;
    }

    .footerinfoBox {
        padding: 30px 20px;
    }

    .customerInfo p,
    .customerInfo h2 {
        padding: 0 20px;
    }

    .locationCustomerService {
        background-position: right bottom;
    }

    div#relatedAPICarousal {
        margin-top: 0px;
    }
}



/* ========================================================== for CLS issue ============ */

.dcatTeamSec.fce.frontPage {
    background: transparent !important;
}

.dcatTeamSec.fce.frontPage .profileSec {
    border-radius: 0px !important;
    width: 100%;
    border-bottom: 0px;
    height: 357px;
}

.dcatTeamSec.fce.frontPage .profileSec img {
    width: 100%;
}

.centerGraph img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.whoWeHead p {
    text-align: center;
    color: #502E92;
    font-weight: bold;
    margin-top: 20px;
}

.capabilitiesMapBg {
    background-color: #EFEFEF;
    margin: 0 auto;
    text-align: center;
    padding: 30px 0px;
    margin-top: 30px;
    position: relative;
    z-index: 0;
}

.capabilitiesMapBg h2 {
    font-family: DRL Circular;
    font-style: normal;
    font-weight: 300;
    font-size: 45px;
    line-height: 62px;
    color: #5f4ba0;
    text-align: center;
    margin-bottom: 20px;
}




.mapContainer {
    max-width: 1021px;
    height: auto;
    margin: 0 auto;
    position: relative;
}

.world-map {
    display: block;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

.map-yellow {
    position: absolute;
    left: 162px;
    top: 240px;
    cursor: pointer;
}

.map-green {
    position: absolute;
    left: 481px;
    top: 189px;
    cursor: pointer;
}

.map-blue {
    position: absolute;
    right: 278px;
    top: 285px;
    cursor: pointer;
}

.map-red {
    position: absolute;
    right: 107px;
    top: 219px;
    cursor: pointer;
}

.map-blue-green {
    position: absolute;
    right: 220px;
    top: 219px;
    cursor: pointer;
}

.map-purple {
    position: absolute;
    right: 160px;
    top: 36px;
    cursor: pointer;
}


.map-blue-wrapper .tooltiptext,
.map-red-wrapper .tooltiptext,
.map-blue-green-wrapper .tooltiptext,
.map-purple-wrapper .tooltiptext,
.map-green-wrapper .tooltiptext,
.map-yellow-wrapper .tooltiptext {
    visibility: hidden;
    width: 256px;
    background-color: #fff;
    color: #000;
    text-align: left;
    border-radius: 15px;
    padding: 15px;
    position: absolute;
    z-index: 1;
    font-size: 18px;
    min-height: 150px;
    box-shadow: 0 0 5px 1px #eee;
}











.map-yellow-wrapper:hover .tooltiptext {
    position: absolute;
    top: 310px;
    left: 156px;
    visibility: visible;
}

.map-green-wrapper:hover .tooltiptext {
    position: absolute;
    top: 258px;
    right: 481px;
    visibility: visible;
}

.map-blue-wrapper:hover .tooltiptext {
    position: absolute;
    top: 341px;
    right: 250px;
    visibility: visible;
}

.map-blue-green-wrapper:hover .tooltiptext {
    position: absolute;
    top: 283px;
    right: 198px;
    visibility: visible;
}

.map-red-wrapper:hover .tooltiptext {
    position: absolute;
    top: 286px;
    right: 91px;
    visibility: visible;
}

.map-purple-wrapper:hover .tooltiptext {
    position: absolute;
    top: 103px;
    right: 141px;
    visibility: visible;
}




.map-yellow-wrapper .tooltiptext::before {
    content: '';
    width: 0px;
    height: 0px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #eee;
    position: absolute;
    right: 84%;
    top: -14px;
    /* box-shadow: 0 0 5px 1px #eee; */
}

.tooltiptext p {
    padding-left: 25px;
    line-height: 20px;
    font-size: 16px;
    color: #666;
    margin-bottom: 8px;
}



.tooltiptext h4 {
    font-size: 24px;
    color: #5F4BA0;
    font-weight: bold;
}

.tooltiptext span {
    font-size: 16px;
    font-weight: bold;
    color: #3D3D3D;
    display: block;
    margin-bottom: 15px;
}

.tooltiptext p::before {
    content: '';
    position: absolute;
    background: url(../images/map-inner-loaction-icon.svg) no-repeat center left;
    width: 17px;
    height: 22px;
    left: 15px;

}

.tooltiptext::before {
    content: '';
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid black;
    position: absolute;
    right: 0px;
    top: 0px;
}

.tooltiptext::before {
    content: '';
    width: 0px;
    height: 0px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #eee;
    position: absolute;
    right: 25px;
    top: -14px;
}

.mobile-map {
    display: none;
}

.mapTab {
    display: none;
}

.capabilitiesMapBg img {
    width: 90%;
}


@media (max-width: 992px) {

    .capabilitiesMapBg {
        width: 100%;
    }

    .mapContainer {}

    .capabilitiesMapBg img {
        width: 100%;
    }

}

@media (max-width: 550px) {
    .capabilitiesMapBg h2 {
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 20px;
        text-align: left;
    }
}


@media (max-width: 480px) {

    .accordionCustom {
        padding: 0px 28px;
    }

    .whoWeHead p {
        text-align: left;
    }

    .capabilitiesMapBg {
        padding: 24px 24px;
    }

}





#homeBanner {
    height: 34.21vw;
    display: block;
}

.fullSliderSec img {
    height: 16.84vw;
    display: block;
}

.bannerImageSec {
    height: auto;
    display: block;
}

@media (max-width: 992px) {
    #re-imagine .item {
        min-height: 350px;
    }

    #homeBanner {
        min-height: 280px;
        display: block;
    }

    #resource {
        height: 464px;
        display: block;
    }
}

/* DCAT Landing Page CSS Start*/

body.page-api-landing section.content-sec.inner-content-sec {
    padding-top: 0px !important;
    margin-top: -25px !important;
}

.dcatLFooterInner ul li:first-child {
    padding-left: 0px;
    padding-right: 0px !important;
}

li.dcatFooterLogo img {
    width: 120px !important;
    margin-left: 0px !important;
    margin-right: 0px;
}

.dcatLandingbannerForm #edit-field-country {
    color: #fff !important;
}

.dcatMeetusBtn {
    width: 166px;
    height: 47px;
    border-radius: 25px;
    background-color: #502e92;
    color: #fff;
    font-size: 23px;
    text-transform: uppercase;
    font-family: "DRLCircular-Bold";
    display: inline-block;
    text-align: center;
    text-decoration: none;
    line-height: 52px;
    float: right;
}

.dcatMeetusBtn:hover {
    text-decoration: none;
    color: #fff;
}

.dcatLandingBannerSec h4 {
    font-family: "DRLCircular-Bold";
    font-size: 30px;
    line-height: 38px;
    color: #502e92;
    margin-bottom: 30px;
}

.dcatLandingBannerSec p {
    font-family: "DRLCircular-Book";
    font-size: 24px;
    line-height: 30px;
    color: #212121;
    position: relative;
}

.dcatLandingBannerSec p::after {
    content: "";
    width: 218px;
    height: 2px;
    background-color: #a0aaad;
    position: absolute;
    right: 16px;
    bottom: -58px;
    display: none;
}

.dcatLandingBannerSec {
    width: 100%;
    background-image: url(../images/dcat-landing-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 45px 0px 90px;
}

.dcatLandinhHeader {
    margin-bottom: 115px;
}

.dcatLandingbannerForm {
    background-color: #5b3f9a;
    padding: 30px;
}

.dcatLandingbannerForm .g-recaptcha div {
    margin-bottom: 0px;
}

.dcatLandingbannerForm h4 {
    font-size: 28px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-family: "DRLCircular-Bold";
}

.dcatLandingbannerForm .form-control {
    border: none;
    border-bottom: 1px solid #ad9fcc;
    margin-bottom: 12px;
    padding-left: 0px;
    border-radius: 0;
    color: #fff;
    background-color: transparent;
}

.dcatLandingbannerForm .form-control::placeholder {
    color: #fff !important;
    opacity: 1 !important;
}

.dcatLandingBtn {
    width: 220px;
    height: 47px;
    display: block;
    margin: 0 auto;
    background-color: #fff;
    color: #502e92;
    text-align: center;
    font-family: "DRLCircular-Bold";
    font-size: 21px;
    line-height: 30px;
    border: none;
    outline: none;
    cursor: pointer;
    text-transform: uppercase;
    border-radius: 25px;
}

.dcatLandingBannerbottomSec {
    width: 100%;
    height: auto;
    padding: 80px 0px;
    background-color: #fff;
    position: relative;
}

.dcatDownBtn {
    width: 116px;
    height: 116px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    background-image: url(../images/downBtn.png);
    background-repeat: no-repeat;
    top: -43px;
    background-color: transparent;
    border: none;
    outline: none;
}

.dcatLandingBannerbottomSec p {
    font-family: "DRLCircular-Light";
    font-size: 18px;
    line-height: 25px;
    color: #000000;
}

#usps .owl-next span {
    background-image: url(../images/achime-slide-right-arrow.png);
    background-repeat: no-repeat;
    background-size: 50px;
    display: block;
    width: 50px;
    height: 50px;
}

#usps .owl-prev span {
    background-image: url(../images/achime-slide-left-arrow.png);
    background-repeat: no-repeat;
    background-size: 50px;
    display: block;
    width: 50px;
    height: 50px;
}

#usps .owl-nav {
    margin-top: -33%;
}

#usps .owl-prev span:hover,
#usps .owl-next span:hover {
    color: transparent;
}

.dcatuspcsec {
    width: 100%;
    height: auto;
    padding: 100px 0px;
    background-color: #efefef;
}

.dcatuspcsec h2 {
    font-family: "DRLCircular-Bold";
    font-size: 36px;
    color: #000;
    position: relative;
    margin-bottom: 40px;
    text-align: center;
    line-height: 40px;
}

#meet-api-experts-form .js-form-item {
    margin: 5px 0;
    width: 100%;
    /* float: left; */
}

#meet-api-experts-form input::placeholder {
    color: #502e92;
    opacity: 1;
}

#meet-api-experts-form input,
#meet-api-experts-form textarea {
    color: #502e92 !important;
}

#meet-api-experts-form .local-number {
    border: none;
    color: #666 !important;
}

#meet-api-experts-form .mobile-number-field .form-item-field-cc-0-country-code {
    flex: 0.2;
}

#meet-api-experts-form .js-form-item-form-type,
#meet-api-experts-form .js-form-item-form-type-id {
    display: none;

}

#resourceModal .modal-title {
    font-size: 25px;
    color: #502e92;
    font-weight: bold;
}

#meet-api-experts-form .field--type-mobile-number {
    float: left;
    width: 100%;
    border: 1px solid #ced4da;
    height: 38px;
}

#meet-api-experts-form .dcatLandingBtn {
    background: #502e92;
    margin: 10px auto;
    color: #fff !important;
}

#meet-api-experts-form .captcha {
    float: left;
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
}

#meet-api-experts-form .prefix {
    color: #502e92;
}

#meet-api-experts-form .g-recaptcha {
    width: 235px;
    min-width: 235px;
}

.uspBox {
    text-align: center;
    padding: 10px 10px 25px;
    cursor: pointer;
    position: relative;
}

.uspBox:hover {
    background-color: #502e92;
    color: #fff;
}

.uspBox:hover::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #502e92;
    position: absolute;
    top: -5px;
    left: 49.5%;
}

.usp-icon-one,
.usp-icon-two,
.usp-icon-three,
.usp-icon-four,
.usp-icon-five,
.usp-icon-six,
.usp-icon-seven,
.usp-icon-eight,
.usp-icon-nine,
.usp-icon-ten,
.usp-icon-eleven,
.usp-icon-twelve,
.usp-icon-thirteen,
.usp-icon-forteen,
.usp-icon-fifteen {
    width: 130px;
    height: 100px;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

.usp-icon-one {
    background: url(../images/usp-icon-01.png) no-repeat center center;
}

.uspBox:hover .usp-icon-one {
    background: url(../images/usp-icon-01-hover.png) no-repeat center center;
}

.usp-icon-two {
    background: url(../images/usp-icon-02.png) no-repeat center center;
}

.uspBox:hover .usp-icon-two {
    background: url(../images/usp-icon-02-hover.png) no-repeat center center;
}

.usp-icon-three {
    background: url(../images/usp-icon-03.png) no-repeat center center;
}

.uspBox:hover .usp-icon-three {
    background: url(../images/usp-icon-03-hover.png) no-repeat center center;
}

.usp-icon-four {
    background: url(../images/usp-icon-04.png) no-repeat center center;
}

.uspBox:hover .usp-icon-four {
    background: url(../images/usp-icon-04-hover.png) no-repeat center center;
}

.usp-icon-five {
    background: url(../images/usp-icon-05.png) no-repeat center center;
}

.uspBox:hover .usp-icon-five {
    background: url(../images/usp-icon-05-hover.png) no-repeat center center;
}

.usp-icon-six {
    background: url(../images/usp-icon-06.png) no-repeat center center;
}

.uspBox:hover .usp-icon-six {
    background: url(../images/usp-icon-06-hover.png) no-repeat center center;
}

.usp-icon-seven {
    background: url(../images/usp-icon-07.png) no-repeat center center;
}

.uspBox:hover .usp-icon-seven {
    background: url(../images/usp-icon-07-hover.png) no-repeat center center;
}

.usp-icon-eight {
    background: url(../images/usp-icon-08.png) no-repeat center center;
}

.uspBox:hover .usp-icon-eight {
    background: url(../images/usp-icon-08-hover.png) no-repeat center center;
}

.usp-icon-nine {
    background: url(../images/usp-icon-09.png) no-repeat center center;
}

.uspBox:hover .usp-icon-nine {
    background: url(../images/usp-icon-09-hover.png) no-repeat center center;
}

.usp-icon-ten {
    background: url(../images/usp-icon-10.png) no-repeat center center;
}

.uspBox:hover .usp-icon-ten {
    background: url(../images/usp-icon-10-hover.png) no-repeat center center;
}

.usp-icon-eleven {
    background: url(../images/usp-icon-11.png) no-repeat center center;
}

.uspBox:hover .usp-icon-eleven {
    background: url(../images/usp-icon-11-hover.png) no-repeat center center;
}

.usp-icon-twelve {
    background: url(../images/usp-icon-12.png) no-repeat center center;
}

.uspBox:hover .usp-icon-twelve {
    background: url(../images/usp-icon-12-hover.png) no-repeat center center;
}

.usp-icon-thirteen {
    background: url(../images/usp-icon-13.png) no-repeat center center;
}

.uspBox:hover .usp-icon-thirteen {
    background: url(../images/usp-icon-13-hover.png) no-repeat center center;
}

.usp-icon-forteen {
    background: url(../images/usp-icon-14.png) no-repeat center center;
}

.uspBox:hover .usp-icon-forteen {
    background: url(../images/usp-icon-14-hover.png) no-repeat center center;
}

.usp-icon-fifteen {
    background: url(../images/usp-icon-15.png) no-repeat center center;
}

.uspBox:hover .usp-icon-fifteen {
    background: url(../images/usp-icon-15-hover.png) no-repeat center center;
}

.dcatAchivementsSec {
    width: 100%;
    height: auto;
    padding: 100px 0px;
    background-color: #502e92;
}

.dcatAchivementsSec h2 {
    font-family: "DRLCircular-Bold";
    font-size: 36px;
    color: #fff;
    position: relative;
    margin-bottom: 60px;
    text-align: center;
}

.dcatAchivementsSec .accordion-button {
    height: 43px;
    background: #fff;
    margin-bottom: 10px;
    font-size: 18px;
    padding: 0 15px 0 25px;
}

.dcatAchivementsSec .accordion-button:not(.collapsed) {
    background: #fff;
    color: #5f4ba0;
    border-bottom: 1px solid #c1b1f4;
    padding: 0 15px 0 25px;
}

.dcatAchivementsSec .accordion-button::after {
    width: 25px;
    height: 25px;
    content: "+";
    background-image: none;
    background-size: 25px;
}

.dcatAchivementsSec .accordion-button:not(.collapsed)::after {
    width: 25px;
    height: 25px;
    content: "-";
    background-image: none;
    background-size: 25px;
    transform: none;
}

.dcatAchivementsSec .accordion-body {
    margin-bottom: 10px;
}

.dcatResourcesSec {
    width: 100%;
    height: auto;
    background-color: #efefef;
    padding: 50px 0px;
}

.dcatResourcesSec h2 {
    font-family: "DRLCircular-Bold";
    font-size: 36px;
    color: #1c1d1d;
    position: relative;
    margin-bottom: 60px;
    text-align: center;
}

.item.dcatResourcesSecBox {
    width: 380px;
    min-height: auto;
    position: relative;
    margin-left: 15px;
    background: #d9cffb;
}

.item.dcatResourcesSecBox .dcatLandingbannerForm {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

.dcatResourcesSecImgBox {
    overflow: hidden;
}

.dcatResourcesDescBox {
    padding: 20px 10px 10px;
    min-height: 210px;
    text-align: center;
}

.dcatResourcesDescBox p {
    font-size: 15px;
    line-height: 18px;
    font-family: "DRLCircular-Light";
    color: #000;
    text-align: left;
}

.dcatResourcesDescBox span {
    font-size: 16px;
    line-height: 23px;
    font-family: "DRLCircular-Bold";
    color: #232424;
    display: block;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: left;
}

.dcatResourcesBtn {
    width: 130px;
    height: 34px;
    border: none;
    outline: none;
    background-color: #502e92;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-family: "DRLCircular-Light";
}

/* .item.dcatResourcesSecBox button {
  display: block;
    margin: -44px auto 0 auto;
    position: relative;
} */

.item.dcatResourcesSecBox button {
    display: block;
    margin: -50px auto 0 auto;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
}



.dcatResourcesWrapper .nav-btn.next-slide {
    background-image: url(../images/dcat-resources-rightt-arrow.png);
    background-repeat: no-repeat;
    background-size: 50px;
    display: block;
    width: 50px;
    height: 50px;
}

.dcatResourcesWrapper .nav-btn.prev-slide {
    background-image: url(../images/dcat-resources-left-arrow.png);
    background-repeat: no-repeat;
    background-size: 50px;
    display: block;
    width: 50px;
    height: 50px;
}

.dcatResourcesWrapper {
    width: 100%;
    margin: 0 auto;
}

.dcatCloseBtn {
    border: none;
    background: transparent;
    outline: none;
    position: absolute;
    right: 10px;
    top: 10px;
}

.dcatCloseBtn img {
    width: 20px !important;
    height: 20px !important;
}

.formtype-hidden,
.formtypeid-hidden {
    display: none;
}

.dcatCapabilitiesSec {
    width: 100%;
    height: auto;
    padding: 90px 0px;
}

.dcatCapabilitiesHead span {
    text-align: center;
    position: relative;
    font-family: "DRLCircular-Bold";
    font-size: 36px;
    color: #1c1d1d;
    position: relative;
    margin-bottom: 60px;
    width: 290px;
    display: block;
    margin: 0 auto;
    margin-bottom: 60px;
}

.dcatCapabilitiesHead span::after {
    content: "";
    width: 2px !important;
    height: 19px;
    background-color: #502e92;
    position: absolute;
    left: 49%;
    bottom: -40px;
}

.dcatCapabilitiesSec h2 {
    font-family: "DRLCircular-Bold";
    font-size: 36px;
    color: #1c1d1d;
    position: relative;
    margin-bottom: 60px;
}

.dcatCapabilitiesSec h2::after {
    content: "";
    width: 80px;
    height: 2px;
    background-color: #502e92;
    position: absolute;
    left: 0px;
    bottom: -30px;
}

.dcatCapabilitiesSec p {
    font-family: "DRLCircular-Light";
    font-size: 18px;
    line-height: 28px;
    color: #000;
}

.dcatCapabilitiesSec ul {
    text-align: center;
    margin-bottom: 60px;
}

.dcatCapabilitiesSec .nav {
    justify-content: space-between;
}

.dcatCapabilitiesSec .nav-item {
    width: 260px;
}

.dcatCapabilitiesSec .nav-link {
    border: none;
    background-color: #f0f0f0;
    font-family: "DRLCircular-Book";
    font-size: 18px;
    border-radius: 0;
    width: 100%;
}

.dcatCapabilitiesSec .nav-pills .nav-link.active,
.dcatCapabilitiesSec .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #502e92;
}

.dcatLApiProductSec {
    background-color: #502e92;
    width: 100%;
    height: auto;
    padding: 70px 0px;
}

.dcatLApiProductSec p {
    font-size: 18px;
    color: #fff;
    line-height: 28px;
    font-family: "DRLCircular-Light";
}

.dcatLApiProductSec h4 {
    font-family: "DRLCircular-Bold";
    font-size: 24px;
    color: #fff;
    text-align: center;
    margin: 50px 0px 25px;
    display: block;
    width: 100%;
    position: relative;
}

.dcatLApiProductSec h4::before {
    content: "";
    position: absolute;
    width: 236px;
    height: 1px;
    background-color: #fff;
    left: 13%;
    top: 12px;
}

.dcatLApiProductSec h4::after {
    content: "";
    position: absolute;
    width: 236px;
    height: 1px;
    background-color: #fff;
    right: 13%;
    top: 12px;
}

.dcatLApiProductSec ul {
    margin: 0px;
    padding: 0px;
}

.dcatLApiProductSec ul li {
    list-style: none;
    display: inline-block;
    width: 16.3%;
    color: #fff;
    font-family: "DRLCircular-Light";
    font-size: 14px;
    line-height: 31px;
    position: relative;
    padding-left: 38px;
}

.dcatLApiProductSec ul li::before {
    content: "";
    background-image: url(../images/api-list-icon.png);
    background-repeat: no-repeat;
    background-size: 23px;
    position: absolute;
    left: 0px;
    width: 23px;
    height: 23px;
    top: 5px;
}

.dcatLLabWrapper {
    width: 100%;
    height: auto;
    padding: 60px 0px;
}

.dcatLLabWrapper p {
    font-size: 18px;
    line-height: 25px;
    color: #000000;
    font-family: "DRLCircular-Book";
}

.dcatLLabWrapper p a {
    font-family: "DRLCircular-Bold";
    color: #000;
}

.dcatLFooter {
    width: 100%;
    height: auto;
    min-height: 148px;
    background-color: #502e92;
    padding-top: 40px;
}

.dcatLFooterInner {
    text-align: center;
    color: #fff;
    font-size: 14px;
}

.dcatLFooterInner p {
    color: #fff;
    font-family: "DRLCircular-Light";
    font-size: 14px;
}

.dcatLFooterInner ul {
    margin: 0px;
    padding: 0px;
    text-align: center;
    margin-bottom: 34px;
}

.dcatLFooterInner ul li {
    list-style: none;
    display: inline-block;
    padding: 0 13px;
    vertical-align: middle;
}

.dcatLFooterInner ul li:first-child {
    padding-left: 0px;
}

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

.dcatLFooterInner ul li a {
    text-decoration: none;
    color: #fff;
    font-family: "DRLCircular-Light";
}

.dcatLFooterInner ul li a img {
    width: 20px;
    margin-left: 16px;
}

.dcatFooterLogo img {
    width: 128px;
}

li.dcatEmail img {
    margin-left: 0px !important;
    margin-right: 8px;
}

li.dcatPhone img {
    margin-left: 0px !important;
    margin-right: 8px;
}

@media screen and (max-width: 1600px) {
    .dcatLandingBannerSec {
        padding: 15px 0px 90px;
    }

    .dcatLandinhHeader img {
        width: auto;
        max-width: 350px;
    }
}

@media screen and (max-width: 1400px) {
    .dcatLandinhHeader {
        margin-bottom: 50px;
    }
}

@media screen and (max-width: 1024px) {
    .dcatLandingBannerbottomSec {
        padding: 40px 0px;
    }

    .dcatuspcsec {
        padding: 40px 0px;
    }

    .dcatAchivementsSec {
        padding: 40px 0px;
    }

    .dcatResourcesSec {
        padding: 40px 0px;
    }

    .dcatCapabilitiesSec {
        padding: 40px 0px;
    }

    .dcatLApiProductSec {
        padding: 40px 0px;
    }

    .dcatLLabWrapper {
        padding: 40px 0px;
    }

    .dcatLApiProductSec ul li {
        width: 24%;
    }

    .dcatCapabilitiesSec .nav-item {
        width: 24%;
    }
}

@media screen and (max-width: 991px) {
    .dcatAchivementsSec .accordion-button {
        height: auto;
        padding: 10px 15px 10px 25px;
        line-height: 24px;
        min-height: 50px;
    }

    .dcatLApiProductSec h4::before {
        left: 1%;
    }

    .dcatLApiProductSec h4::after {
        right: 1%;
    }
}

@media screen and (max-width: 850px) {
    .dcatLandingbannerForm {
        padding: 20px;
    }

    .dcatDownBtn {
        width: 80px;
        height: 80px;
        background-size: 80px;
    }

    ul.innerPageBul.api-generic li {
        list-style: none;
        display: inline-block;
        width: 50%;
        background: none;
        padding-left: 0px;
        margin: 0 auto;
        margin-top: -116px;
        text-align: center;
    }

    ul.innerPageBul.api-generic li:first-child {
        margin-top: 0px;
    }

    ul.innerPageBul.api-generic li:nth-child(2) {
        margin-top: 0px;
    }
}

@media screen and (max-width: 768px) {
    .dcatLandingBtn {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .mob-first {
        order: 0;
    }

    .mob-last {
        order: 1;
    }

    .capInImg {
        display: block;
        margin: 0 auto;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 30px;
    }

    ul.innerPageBul.collaboration li {
        width: 50%;
        text-align: center;
    }
}

@media screen and (max-width: 767px) {
    .dcatLApiProductSec h4::before {
        width: 20%;
    }

    .dcatLApiProductSec h4::after {
        width: 20%;
    }

    .dcatLandingBannerSec p::after {
        display: none;
    }

    .dcatLandingPage section img {
        display: block;
        margin: 0 auto;
        text-align: center;
        margin-bottom: 15px;
    }

    .dcatLandingPage {
        text-align: center;
    }

    .dcatMeetusBtn {
        float: none;
    }

    .dcatLApiProductSec ul {
        text-align: left;
        margin: 0 auto;
    }

    .dcatLApiProductSec ul li {
        width: 49%;
        text-align: left;
    }

    .dcatCapabilitiesSec h2::after {
        position: absolute;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 749px) {
    .item.dcatResourcesSecBox {
        width: 100%;
    }
}

@media screen and (max-width: 551px) {
    .dcatCapabilitiesSec .nav-item {
        width: 100%;
    }

    .dcatLFooterInner ul li {
        display: block;
        padding: 0px;
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }

    ul.innerPageBul.api-generic li {
        width: 100%;
    }

    ul.innerPageBul.collaboration li {
        margin: 0 auto;
        text-align: center;
        width: 100%;
        margin-top: -48px;
    }

    ul.innerPageBul.collaboration li:first-child {
        margin-top: 0px;
    }

    ul.innerPageBul.api-generic li:first-child {
        margin-top: 0px;
    }

    ul.innerPageBul.api-generic li:nth-child(2) {
        margin-top: -116px;
    }
}

@media screen and (max-width: 480px) {
    .dcatLApiProductSec ul li {
        width: 100%;
        text-align: left;
    }

    .dcatLApiProductSec h4::before {
        width: 20px;
    }

    .dcatLApiProductSec h4::after {
        width: 20px;
    }

    .dcatLApiProductSec h4::before {
        left: 10px;
    }

    .dcatLApiProductSec h4::after {
        right: 10px;
    }

    .achivementWrapper .owl-carousel .owl-nav button.owl-next {
        right: -25px;
    }

    .achivementWrapper .owl-carousel .owl-nav button.owl-prev {
        left: -25px;
    }
}

@media screen and (max-width: 414px) {
    .dcatLandinhHeader img {
        width: auto;
        max-width: 300px;
    }
}

@media screen and (max-width: 360px) {
    .dcatLApiProductSec h4::before {
        width: 10px;
    }

    .dcatLApiProductSec h4::after {
        width: 10px;
    }

    .dcatLApiProductSec h4::before {
        left: 0px;
    }

    .dcatLApiProductSec h4::after {
        right: 0px;
    }

    .dcatLandinhHeader img {
        width: auto;
        max-width: 300px;
    }
}

.js-form-item.form-item.js-form-type-number.form-item-field-phone-number.js-form-item-field-phone-number label {
    display: inherit !important;
}

/* DCAT Landing Page CSS End*/

/* customer services page start */

.customerAboutSec {
    width: 100%;
    height: auto;
    padding: 30px 0px;
    font-family: "DRLCircular-Book";
}

.customerAboutSec h2 {
    font-family: "DRLCircular-Book";
    font-size: 45px;
    color: #502e92;
    line-height: 55px;
    margin-bottom: 30px;
}

.csWhyChoose {
    width: 100%;
    height: auto;
    background-color: #f6f2ff;
    padding: 50px 0px;
    font-family: "DRLCircular-Book";
    color: #502e92;
}

.csWhyChoose ul {
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.csWhyChoose ul li {
    list-style: none;
    display: inline-block;
    padding: 0 40px;
    position: relative;
}

.csWhyChoose ul li span {
    font-size: 24px;
    text-align: center;
    display: block;
}

.csWhyChoose ul li:first-child {
    padding-left: 0px;
}

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

.whyChooseIconSec {
    display: block;
    margin: 0 auto;
    margin-bottom: 30px;
    vertical-align: middle;
    width: 140px;
    height: 102px;
}

.whyChooseIconSec img {
    display: block;
    margin: 0 auto;
}

.csWhyChoose ul li::after {
    content: "";
    position: absolute;
    width: 19px;
    height: 34px;
    background: url(../images/why-choose-arrow-right.png) no-repeat center center;
    top: 38px;
    right: 0;
}

.csWhyChoose ul li:last-child::after {
    display: none;
}

.customerPlatformSec {
    width: 100%;
    height: auto;
    padding: 50px 0px;
}

.customerPlatformSec h2 {
    font-family: "DRLCircular-Book";
    font-size: 45px;
    color: #502e92;
    line-height: 55px;
    margin-bottom: 30px;
    text-align: center;
}

.platformRegBtn {
    width: 359px;
    height: 75px;
    border-radius: 40px;
    font-family: "DRLCircular-Book";
    font-size: 30px;
    color: #502e92;
    line-height: 75px;
    background-color: #fff;
    border: 2px solid #502e92;
    display: block;
    margin: 0 auto;
}

.csKeyfeatureSec {
    width: 100%;
    height: auto;
    background-color: #f6f2ff;
    padding: 50px 0px;
}

.csKeyfeatureSec h2 {
    font-family: "DRLCircular-Book";
    font-size: 45px;
    color: #502e92;
    line-height: 55px;
    margin-bottom: 30px;
    text-align: center;
}

.cskeyService {
    position: relative;
}

.csKeyCaption {
    width: 100%;
    height: auto;
    background-color: rgb(80 46 146 / 70%);
    position: absolute;
    left: 0px;
    bottom: 0px;
    font-size: 20px;
    font-family: "DRLCircular-Bold";
    color: #fff;
    padding: 10px 5px;
    text-align: center;
    min-height: 120px;
    line-height: 24px;
}

.csTestimonialsSec {
    width: 100%;
    height: auto;
    padding: 50px 0px;
}

.csTestimonialsSec h2 {
    font-family: "DRLCircular-Book";
    font-size: 50px;
    color: #502e92;
    line-height: 60px;
    margin-bottom: 30px;
    text-align: center;
}

.testimonialsBox {
    width: 100%;
    min-height: 336px;
    -webkit-box-shadow: 3px 0px 14px 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 3px 0px 14px 3px rgba(0, 0, 0, 0.15);
    box-shadow: 3px 0px 14px 3px rgba(0, 0, 0, 0.15);
    padding: 30px;
    text-align: center;
    margin-bottom: 20px;
}

.testimonialsDescBox p {
    font-family: "DRLCircular-Book";
    font-size: 22px;
    color: #000000;
    line-height: 28px;
}

.testimonialsDescBox p.bottomDesc {
    font-size: 26px;
    color: #502e92;
    font-family: "DRLCircular-Bold";
    line-height: 30px;
}

.testimonialsDescBox span {
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 30px;
}

.testimonialsDescBox span img {
    width: 73px !important;
    height: 57px !important;
    margin: 0 auto;
}

.testimonialsWrapper .item {
    margin-left: 25px;
    margin-top: 20px;
}

.testimonialsWrapper .nav-btn.prev-slide {
    background-image: url(../images/testti-left.png);
    background-repeat: no-repeat;
    background-size: 57px;
    display: block;
    width: 57px;
    height: 59px;
}

.testimonialsWrapper .nav-btn.next-slide {
    background-image: url(../images/testi-right.png);
    background-repeat: no-repeat;
    background-size: 57px;
    display: block;
    width: 57px;
    height: 59px;
}

.csFaqSec {
    width: 100%;
    height: auto;
    padding: 50px 0px;
}

.csFaqSec h2 {
    font-family: "DRLCircular-Book";
    font-size: 50px;
    color: #502e92;
    line-height: 60px;
    margin-bottom: 30px;
    text-align: center;
}

.csFaqSec .accordion-button {
    text-align: left;
    border-bottom: 1px solid #e6e6e6;
    font-family: "DRLCircular-Book";
    font-style: normal;
    font-weight: bold;
    font-size: 25px;
    line-height: 31px;
    color: #000000;
    padding: 20px 30px 20px 20px;
}

.csFaqSec .accordion-body {
    padding: 25px 0px 25px 20px;
    background-color: #fff;
    font-family: "DRLCircular-Book";
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
    color: #000000;
}

.csFaqSec .accordion-button::after {
    width: 25px;
    height: 14px;
    content: "";
    background-image: url(../images/cs-faq-down-arrow.png);
    background-repeat: no-repeat;
    background-size: 25px;
    position: absolute;
    right: 0px;
    top: 25px;
}

.csFaqSec .accordion-button:not(.collapsed)::after {
    width: 25px;
    height: 14px;
    content: "";
    background-image: url(../images/cs-faq-up-arrow.png);
    background-repeat: no-repeat;
    background-size: 25px;
    transform: none;
    position: absolute;
    right: 0px;
    top: 25px;
}

.csFaqSec .accordion-button {
    border-bottom: 2px solid #502e92;
    border-bottom-width: 2px !important;
}

.csFaqSec .accordion-button:not(.collapsed) {
    border-bottom: none !important;
}

.csOurProductSec {
    width: 100%;
    height: auto;
    padding: 50px 0px;
    background-color: #f6f2ff;
}

.csOurProductSec h2 {
    font-family: "DRLCircular-Book";
    font-size: 50px;
    color: #502e92;
    line-height: 60px;
    margin-bottom: 30px;
    text-align: center;
}

.ourProductBox {
    width: 100%;
    height: auto;
    min-height: 270px;
    background-color: #fff;
    border: 1px solid #f5f5f6;
    padding: 30px;
    position: relative;
    -webkit-box-shadow: 3px 0px 14px 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 3px 0px 14px 3px rgba(0, 0, 0, 0.15);
    box-shadow: 3px 0px 14px 3px rgba(0, 0, 0, 0.15);
}

.ourProductBox p {
    font-family: "DRLCircular-Book";
    font-size: 22px;
    color: #808080;
    line-height: 28px;
}

body.page-customer-service .ourProductBox {
    min-height: auto;
}

body.page-customer-service .ourProductBox p {
    display: none;
}

.ourProductBox h4 {
    font-family: "DRLCircular-Bold";
    font-size: 30px;
    color: #502e92;
    margin-bottom: 15px;
}

.csproBtn {
    position: absolute;
    right: 20px;
    bottom: 10px;
}

.csBanner {
    width: 100%;
    background: url(../images/cs-banner.webp) no-repeat center top;
    background-size: cover;
}

.innerPageBanner.csBanner {
    margin-top: 0px;
}

.csBannerForm {
    width: 100%;
    height: auto;
    background-color: #fff;
    padding: 20px;
    -webkit-box-shadow: 3px 0px 14px 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 3px 0px 14px 3px rgba(0, 0, 0, 0.15);
    box-shadow: 3px 0px 14px 3px rgba(0, 0, 0, 0.15);
}

.csBannerForm .form-control {
    border: none;
    padding-left: 0px;
    border-radius: 10px;
    background-color: #e9e9e9;
    height: 45px;
    margin-top: 12px;
    padding-left: 10px;
    color: #502e92;
}

.csBannerForm .form-control::placeholder {
    color: #502e92;
    opacity: 1;
}

.csBannerBtn {
    width: 100%;
    height: 45px;
    border-radius: 25px;
    display: block;
    margin: 0 auto;
    background-color: #32c8f5;
    color: #fff;
    text-align: center;
    font-family: "DRLCircular-Book";
    font-size: 20px;
    line-height: 30px;
    border: none;
    outline: none;
    cursor: pointer;
}

.csBannerCaption {
    background-color: #502e92;
    padding: 10px 10px;
    display: inline-block;
}

.csBannerCaption h1 {
    font-family: "DRL Circular";
    font-size: 60px;
    line-height: normal;
    color: #fff;
}

body.path-customer-service .csBannerCaption {
    font-size: 40px;
    display: inline-block;
    border-bottom: 1px solid #fff;
    font-weight: bold;
    margin-bottom: 15px;
    background: rgba(80, 46, 146, 0.4);
    padding: 10px;
    color: #fff;
    position: absolute;
    bottom: 10px;
}

body.path-customer-service .csBannerCaption h1 {
    font-size: 40px;
    display: inline-block;
    font-weight: bold;
    color: #fff;
}

.csBannerForm h4 {
    text-align: center;
    font-family: "DRLCircular-Bold";
    font-size: 30px;
    color: #502e92;
}

.customerAboutSec p {
    font-size: 18px;
    line-height: 26px;
    color: #000;
}

.customerAboutSec img {
    -webkit-box-shadow: 3px 0px 14px 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 3px 0px 14px 3px rgba(0, 0, 0, 0.15);
    box-shadow: 3px 0px 14px 3px rgba(0, 0, 0, 0.15);
}

body.page-xceed-customer-service header {
    margin-top: 0px !important;
}

body.page-xceed-customer-service .js-form-item.form-item.js-form-type-checkbox.form-item-terms-checkbox.js-form-item-terms-checkbox {
    display: flex;
}

@media (max-width: 1024px) {
    .csWhyChoose ul li {
        padding: 0 20px;
    }

    .testimonialsWrapper .item {
        margin-left: 0px;
    }

    .testimonialsWrapper .owl-carousel .owl-nav button.owl-prev {
        left: 0px;
    }

    .testimonialsWrapper .owl-carousel .owl-nav button.owl-next {
        right: 0px;
    }
}

@media (max-width: 991px) {
    .csBanner {
        background: url(../images/cs-banner.webp) no-repeat center top;
    }
}

@media (max-width: 850px) {

    .customerAboutSec h2,
    .customerPlatformSec h2,
    .csKeyfeatureSec h2,
    .csTestimonialsSec h2,
    .csFaqSec h2,
    .csOurProductSec h2 {
        font-size: 30px;
        line-height: 40px;
    }
}

@media (max-width: 768px) {
    .platformRegBtn {
        width: auto;
        height: 45px;
        font-size: 20px;
        line-height: 45px;
        padding: 0 15px;
    }

    .csBannerCaption h1 {
        font-size: 40px;
    }

    .customerAboutSec,
    .csWhyChoose,
    .customerPlatformSec,
    .csKeyfeatureSec,
    .csTestimonialsSec,
    .csFaqSec,
    .csOurProductSec {
        padding: 20px 0px;
    }

    .customerAboutSec p {
        font-size: 18px;
        line-height: 22px;
        color: #000;
    }

    .csBannerNew {
        background-size: cover;
    }
}

@media (max-width: 767px) {
    .customerAboutSec img {
        display: block;
        margin: 0 auto;
    }

    .csWhyChoose ul li {
        display: block;
    }

    .csWhyChoose ul li::after {
        content: "";
        position: absolute;
        width: 34px;
        height: 34px;
        background: url(../images/why-choose-arrow-bottom.png) no-repeat center center;
        top: inherit;
        right: inherit;
        bottom: -53px;
        padding-bottom: 50px;
        left: 48%;
    }

    .csWhyChoose ul li span {
        margin-bottom: 50px;
        margin-top: 20px;
    }

    .cskeyService {
        margin-bottom: 20px;
    }

    .cskeyService img {
        width: 100%;
    }

    .item.testimonialsBox {
        width: 100%;
    }

    .testimonialsWrapper .owl-nav {
        display: block !important;
    }

    .ourProductBox {
        margin-bottom: 20px;
    }

    .csBannerCaption {
        background-color: rgba(80, 46, 146, 0.8);
        padding: 0px 10px;
        display: inline-block;
    }

    .csBannerCaption h1 {
        font-size: 30px;
    }
}

@media (max-width: 480px) {
    .csFaqSec .accordion-button {
        font-size: 20px;
        line-height: 28px;
    }

    .ourProductBox h4 {
        font-size: 24px;
    }

    .ourProductBox p {
        font-size: 18px;
        line-height: 24px;
    }

    .testimonialsDescBox p {
        font-size: 20px;
        line-height: 24px;
    }

    .testimonialsDescBox p.bottomDesc {
        font-size: 24px;
        line-height: 28px;
    }

    .csBannerCaption {
        margin-top: 50px;
    }
}

@media (max-width: 414px) {
    .csBannerCaption h1 {
        font-size: 30px;
    }
}

/* customer services page end */

@-moz-document url-prefix() {
    body.lang-en .lang-dropdown-form .form-select {
        padding: 0 10px !important;
    }

    .login-sec a {
        margin-left: 0px;
    }
}

/* Customer Services Page New */

.csFaqSecNew .accordion-button:not(.collapsed) {
    background: #5f4ba0;
    color: #fff;
    border-bottom: 1px solid #5f4ba0;
}

.csFaqSecNew .accordion-button {
    border-bottom: 2px solid #502e92;
    border-bottom-width: 2px !important;
    background: #5f4ba0;
    color: #fff !important;
}

.csFaqSecNew .accordion-item {
    margin-bottom: 5px;
    margin-top: 5px;
}

.csFaqSecNew {
    width: 100%;
    height: auto;
    padding: 0px 0px 50px;
}

.csFaqSecNew h2 {
    font-family: "DRLCircular-Book";
    font-size: 50px;
    color: #502e92;
    line-height: 60px;
    margin-bottom: 30px;
    text-align: center;
}

.csFaqSecNew .accordion-button {
    text-align: left;
    border-bottom: 1px solid #e6e6e6;
    font-family: "DRLCircular-Book";
    font-style: normal;
    font-weight: normal;
    font-size: 21px;
    line-height: 31px;
    color: #000000;
    padding: 20px 30px 20px 60px;
}

.csFaqSecNew .accordion-body {
    padding: 25px 0px 25px 20px;
    background-color: #eeefef;
    font-family: "DRLCircular-Book";
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
    color: #000000;
}

.csFaqSecNew .accordion-body p {
    font-family: "DRLCircular-Book";
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
    color: #000000;
}

.csFaqSecNew .accordion-button::after {
    width: 25px;
    height: 14px;
    content: "";
    background-image: url(../images/cs-faq-down-arrow-white.png);
    background-repeat: no-repeat;
    background-size: 25px;
    position: absolute;
    left: 20px;
    top: 25px;
    rotate: -90deg;
}

.accordion-header.buttonShow .accordion-button::after {
    width: 25px;
    height: 14px;
    content: "";
    background-image: url(../images/cs-faq-down-arrow-white.png) !important;

}

/* .csFaqSecNew .accordion-item:first-child .accordion-header .accordion-button.collapsed::after {
  width: 25px;
  height: 14px;
  content: "";
  background-image: url(../images/cs-faq-up-arrow-white.png) !important;

} */

#flush-headingOne .accordion-button.collapsed::after {
    width: 25px;
    height: 14px;
    content: "" !important;
    background-image: url(../images/cs-faq-up-arrow-white.png) !important;
    background-size: 16px !important;

}

.accordion-header .accordion-button.collapsed::after {
    width: 25px;
    height: 14px;
    content: "";
    background-image: url(../images/cs-faq-down-arrow-white.png) !important;

}

/* .accordion-header.buttonShow .accordion-button.collapsed::after {
  width: 25px;
  height: 14px;
  content: "";
  background-image: url(../images/cs-faq-up-arrow-white.png) !important;

} */


.csFaqSecNew .accordion-button:not(.collapsed)::after {
    width: 25px;
    height: 14px;
    content: "";
    background-image: url(../images/cs-faq-up-arrow-white.png);
    background-repeat: no-repeat;
    background-size: 25px;
    transform: none;
    position: absolute;
    left: 20px;
    top: 25px;
    rotate: none;
}

.csFaqSecNew .accordion-button {
    border-bottom: 2px solid #502e92;
    border-bottom-width: 2px !important;
}

.csFaqSecNew .accordion-button:not(.collapsed) {
    border-bottom: none !important;
}

.csFaqSecNew .accordion-body h4 {
    display: inline-block;
    min-height: 41px;
    background-color: #2ebee9;
    font-family: "DRL Circular";
    color: #fff;
    font-size: 21px;
    font-weight: bold;
    line-height: 40px;
    padding: 0 20px;
    margin-left: -20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    margin-bottom: 25px;
}

.csBannerNew {
    width: 100%;
    background: #0c1a25 url(../images/customer-services-banner-new.webp) no-repeat center center;
    background-size: cover;
    margin-top: 68px;
    width: 100%;
    height: 262px;
    position: relative;
    overflow: hidden;
}

.csFaqSecNew ul li {
    list-style: none;
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 30px;
    font-family: "DRLCircular-Book";
}

.csFaqSecNew ul li ul {
    margin-top: 20px;
}

.csFaqSecNew ul li::before {
    content: "";
    position: absolute;
    display: block;
    background-image: url(../images/cs-bullet.png);
    background-repeat: no-repeat;
    background-size: 10px;
    width: 10px;
    height: 10px;
    left: 3px;
    top: 6px;
}

.csFaqSecNew ul li ul li::before {
    content: "";
    position: absolute;
    display: block;
    background-image: url(../images/cs-bullet2.png);
    background-repeat: no-repeat;
    background-size: 10px;
    width: 10px;
    height: 10px;
    left: 3px;
    top: 6px;
}

.iconBoxWrapper {
    display: flex;
}

.iconBoxWrapper h5 {
    font-family: "DRLCircular-Bold";
    font-size: 22px;
    color: #2d2e2e;
    margin-bottom: 20px;
}

.iconBox {
    max-width: 321px;
}

.iconBoxWrapper span {
    margin-right: 25px;
}

.innerPadding img {
    display: block;
    margin: 0 auto;
    margin-bottom: 30px;
}

.innerPadding {
    width: 80%;
    height: auto;
    margin: 0 auto;
}

.customerAboutSec h2 span {
    font-family: "DRLCircular-Bold";
}

.csResourcesSec h2 {
    font-family: "DRLCircular-Book";
    font-size: 50px;
    color: #502e92;
    line-height: 60px;
    margin-bottom: 30px;
    text-align: center;
}

body.path-customer-service #edit-field-cc-0 label {
    display: none;
}

body.path-customer-service .csBannerForm .form-select {
    background-color: #e9e9e9;
    border: none;
    border-radius: 10px;
    height: 45px;
    margin-top: 12px;
}

body.path-customer-service .csBannerForm div#edit-field-cc-0 {
    display: flex;
}

body.path-customer-service .csBannerForm .form-textarea {
    margin: 12px 0px 15px;
    min-height: 70px !important;
}

body.path-customer-service .mobile-number-field .local-number {
    background-color: #e9e9e9;
    height: 45px;
    border-radius: 10px;
    width: 100%;
}

body.path-customer-service .csBannerForm .js-form-item.form-item.js-form-type-textfield.form-item-form-type.js-form-item-form-type {
    display: none;
}

body.path-customer-service .csBannerForm .mobile-number-field div.form-item {
    width: auto;
    background-color: #e9e9e9;
    border-radius: 10px;
}

body.path-customer-service .csBannerForm #edit-field-cc-wrapper {
    margin-top: 12px;
}

body.path-customer-service .csBannerForm .dcatLandingBtn {
    width: 100%;
    background-color: #32c8f5;
    color: #fff;
    margin-top: 12px;
}

body.path-customer-service .col-md-12.bannerCaption {
    display: none;
}

body.path-customer-service .js-form-item-field-cc-0-mobile {
    margin-left: 10px !important;
    padding-left: 10px !important;
}

body.path-customer-service .mobile-number-field .country-select {
    border-bottom: none;
    display: flex;
    padding: 5px;
}

body.path-customer-service .resourceDescBox {
    background: #d9cffb !important;
}

@media (max-width: 991px) {
    .csBannerNew {
        background-size: cover !important;
    }
}

@media (max-width: 480px) {
    .csOurProductSec {
        margin-left: -28px;
        margin-right: -28px;
        width: 113%;
        padding: 48px 28px;
    }

    .csBannerForm .form-control {
        background-color: #fff;
    }

    body.path-xceed-customer-service .csBannerForm .form-control {
        background-color: #e9e9e9;
    }

    body.path-customer-service .csBannerForm .form-select {
        background-color: #fff;
    }

    body.path-customer-service .csBannerForm #edit-field-cc-0-mobile {
        background-color: #fff;
    }

    .csBannerNew {
        width: 113%;
        padding: 20px 28px;
        background-size: cover;
        margin-left: -7%;
    }

    body.path-customer-service .csBannerForm .g-recaptcha div iframe {
        margin-top: 0px !important;
    }

    body.path-customer-service .csBannerForm {
        background-color: rgba(255, 255, 255, 0.5);
    }

    body.path-customer-service .csBannerForm .mobile-number-field div.form-item {
        background-color: #fff;
    }

    .csFaqSecNew .accordion-body {
        padding: 25px 10px;
    }

    .iconBoxWrapper {
        display: block;
    }

    .iconBoxWrapper span {
        display: block;
        margin: 0 auto;
        text-align: center;
    }

    .csFaqSecNew .accordion-body h4 {
        line-height: 27px;
        padding: 10px 20px;
        margin-left: -10px;
    }

    .innerPadding {
        width: 100%;
    }

    .iconBox {
        max-width: 321px;
        margin: 0 auto;
        text-align: center;
    }
}

@media (max-width: 420px) {
    .csBannerNew {
        width: 116%;
    }
}

@media (max-width: 360px) {
    .csOurProductSec {
        width: 118%;
    }

    .csBannerNew {
        width: 119%;
    }

    .csBannerNew {
        margin-left: -9%;
    }
}

/*Inner Page Modification*/

.eventBio {
    width: 100%;
    display: flex;
}

#edit-field-work-email::placeholder {
    color: #502e92;
    font-weight: 600;
    opacity: 1;
}

#edit-field-message::placeholder {
    color: #502e92;
    font-weight: 600;
    opacity: 1;
}

body.page-capabilities .accordion-body {
    padding: 20px 10px !important;
}

body.path-webinar.page-webinar-importance-of-api-particle-size.lang-zh-hans .bannerInfo,
body.path-webinar.page-webinar-challenges-opportunities-of-green-chemistry-pharmaceutical-industry.lang-zh-hans .bannerInfo {
    padding: 180px 0px;
}

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

    body.path-webinar.page-webinar-importance-of-api-particle-size.lang-zh-hans .bannerInfo,
    body.path-webinar.page-webinar-challenges-opportunities-of-green-chemistry-pharmaceutical-industry.lang-zh-hans .bannerInfo {
        padding: 130px 0px 0;
    }
}

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

    body.path-webinar.page-webinar-importance-of-api-particle-size.lang-zh-hans .bannerInfo,
    body.path-webinar.page-webinar-challenges-opportunities-of-green-chemistry-pharmaceutical-industry.lang-zh-hans .bannerInfo {
        padding-top: 180px;
    }
}

div#resource .item {
    background-color: #7560b9 !important;
}

.resourceDescBox {
    background: #d9cffb;
}

#resource p {
    background-color: #7560b9 !important;
}

#resource p a {
    color: #fff !important;
}

.articleCaption {
    background-color: #d9cffb;
}

#productView {
    color: #5f4ba0 !important;
}

.contactBtn {
    z-index: 7 !important;
    position: relative;
}

.csBannerNew .col-md-4 {
    position: fixed;
    right: 0;
    height: 60px;
    overflow: hidden;
    z-index: 9999;
    transition: all 0.5s;
    width: 380px;
    max-width: 100%;
    background-color: #fff !important;
    max-height: calc(100vh - 150px);
    border: 1px solid #f1f1f1;
    display: none;
}

.csBannerNew .col-md-4 .csBannerForm {
    width: 100%;
    height: 100%;
}

.csBannerNew .col-md-4 .csBannerForm form {
    height: calc(100% - 30px);
    float: left;
    width: 100%;
    overflow: auto;
}

.csBannerNew .col-md-4 .csBannerForm h4 {
    cursor: pointer;
    background: url(../images/hover-down-arrow.png) no-repeat 95% center;
    transition: all 0.5s;
    background-size: 15px;
}

.csBannerNew .col-md-4 .csBannerForm h4.open {
    cursor: pointer;
    background: url(../images/hover-up-arrow.png) no-repeat 95% center;
    background-size: 15px;
}

body.page-meet-api-experts1 section.content-sec.inner-content-sec {
    padding-top: 0px;
    margin-top: -25px;
}

body.page-meet-api-experts1 .mobile-number-field .country-select .prefix {
    color: #fff;
}

body.path-meet-api-experts1 section.content-sec.inner-content-sec {
    padding-top: 0px;
    margin-top: -25px;
}

body.path-meet-api-experts1 .dcatPage.dcatLandingPage.apilanding-success .dcatBannerContent.api-landing-banner {
    width: 100%;
    height: auto;
    padding: 90px 50px 35px;
    background-color: #fff;
    -webkit-box-shadow: 3px 0px 14px 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 3px 0px 14px 3px rgba(0, 0, 0, 0.15);
    box-shadow: 3px 0px 14px 3px rgba(0, 0, 0, 0.15);
    margin-top: 90px;
    position: relative;
}

body.path-meet-api-experts1 .dcatPage.dcatLandingPage.apilanding-success h3 {
    font-family: "DRLCircular-Light";
    font-size: 35px !important;
    line-height: 45px !important;
    margin: 25px 0px !important;
    text-align: center;
    color: #5f4ba0;
}

body.path-meet-api-experts1 .dcatPage.dcatLandingPage.apilanding-success .col-md-5 {
    flex: 0 0 auto;
    width: 100%;
    text-align: center;
}

body.path-meet-api-experts1 .dcatPage.dcatLandingPage.apilanding-success .dcatLandingBannerSec {
    height: 90vh;
}

body.path-meet-api-experts1 .dcatPage.dcatLandingPage.apilanding-success h3 {
    font-family: "DRLCircular-Light";
    font-size: 35px !important;
    margin: 25px 0px !important;
    text-align: center;
    color: #5f4ba0;
}

body.path-node .ui-dialog {
    box-shadow: 0 2px 6px 0 rgb(67 89 113 / 12%) !important;
}

body.path-generic-formulation .download-product-list header a span {
    margin-top: 15px;
}

section.fullSliderSec .owl-carousel .owl-item img {
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 100%;
    border: 1px solid #ccc;
}

/*FCE Pharma Page*/

.dcatFooterBanner h2 {
    text-align: center;
    color: #5f4b9f !important;
    font-family: "DRLCircular-Bold";
    font-size: 28px;
    margin-bottom: 15px;
    line-height: normal;
}

.dcatFooterBanner.location img {
    width: auto;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    margin-top: 35px;
    margin-bottom: 50px;
    cursor: auto;
}

.achivementSec.fce {
    background: #f6f4f9;
    padding: 50px 0px;
}

.achivementSec.fce .achivementWrapper {
    margin-top: 25px;
}

.dcatAboutSec.fce {
    background: #fff;
    text-align: center;
    padding-top: 50px;
}

.dcatsustainabilityBox.fce {
    text-align: left;
    margin-top: 0px;
    margin-bottom: 50px;
    max-width: 1088px;
}

.dcatsustainabilityBox.fce h2 {
    text-align: left;
}

.dcatTeamSec.fce {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0px 0px 60px;
    background: #502e92;
}

.dcatTeamSec.fce .profileSec {
    width: 260px;
    height: 260px;
    border-bottom: 4px solid #f5e3e5;
    border-radius: 130px;
    overflow: hidden;
}

.dcatTeamSec.fce ul li:first-child {
    background-color: transparent;
}

.dcatTeamSec.fce ul li:nth-child(2) {
    background-color: transparent;
}

.dcatTeamSec.fce ul li:last-child {
    background-color: transparent;
}

.dcatTeamSec.fce .bioSec {
    width: 260px;
    height: auto;
    padding: 25px 10px;
    color: #fff;
    text-align: center;
    min-height: 142px;
}

.dcatTeamSec.fce .bioSec p {
    margin-bottom: 0px;
    color: #fff;
    font-family: "DRLCircular-Book";
    font-size: 16px;
    line-height: 24px;
    text-transform: capitalize;
}

.dcatTeamSec.fce ul {
    margin-top: -150px;
}

.dcatTeamTopSec {
    padding: 50px 0 180px;
}

.dcatTeamTopSec h2 {
    text-align: center;
    color: #5f4b9f !important;
    font-family: "DRLCircular-Bold";
    font-size: 28px;
    margin-bottom: 15px;
    line-height: normal;
}

.fceBanner {
    width: 100%;
    height: auto;
    background: url(../images/fce-banner.webp) no-repeat center top #fff;
    background-size: cover;
    padding-top: 77px;
    padding-bottom: 50px;
}

.fceBanner .dcatbannerCaption h1,
.fceBanner .dcatbannerCaption h2 {
    font-size: 42px;
    font-family: "DRLCircular-Black";
    color: #fff;
    line-height: 52px;
    margin-bottom: 30px;
}

.date,
.place {
    display: flex;
    max-width: 240px;
    color: #fff;
    margin-bottom: 10px;
}

.date img,
.place img {
    margin-right: 10px;
    width: 28px;
    height: 28px;
}

.fceBanner a.reserveBtn span::after,
.fceBanner button.reserveBtn span::after {
    display: none;
}

.fceBanner a.reserveBtn,
.fceBanner button.reserveBtn {
    width: auto;
    height: 46px;
    background-color: #fcd209;
    color: #000;
    display: block;
    line-height: 46px;
    padding: 0 20px;
    font-size: 18px;
    font-family: "DRLCircular-Bold";
    text-decoration: none;
    border: none;
    outline: none;
    text-align: left;
    max-width: 200px;
    border-radius: 10px;
}

.fceBanner .dcatbannerCaption p {
    margin-bottom: 20px;
}

.fceBanner .dcatbannerCaption {
    margin-left: 0px;
}

body.path-fce-pharma section.content-sec.inner-content-sec {
    padding-top: 0px;
    margin-top: -25px;
}

.fceBanner .dcatbannerForm {
    background-color: rgba(255, 255, 255, 0.7);
}

body.path-fce-pharma input#edit-field-first-name {
    width: 100%;
    border: none;
    border-bottom: none;
    margin-bottom: 25px;
    padding: 5px 10px;
    border-radius: 0;
}

body.path-fce-pharma input#edit-field-work-email {
    width: 100%;
    border: none;
    border-bottom: none;
    margin-bottom: 25px;
    padding: 5px 10px;
    border-radius: 0;
}

body.path-fce-pharma div#edit-field-cc-wrapper {
    margin-bottom: 22px;
}

body.path-fce-pharma div#edit-field-cc-wrapper .mobile-number-field {
    display: flex;
}

form#cphi-na-page-form .field--name-field-cc .mobile-number-field .js-form-type-select {
    min-width: 75px;
    display: flex;
    color: #5f4b9f;
}

body.path-fce-pharma input#edit-field-organization {
    width: 100%;
    border: none;
    border-bottom: none;
    margin-bottom: 25px;
    padding: 5px 10px;
    border-radius: 0;
}

body.path-cphi-na .form-select {
    width: 100%;
    border: none;
    border-bottom: none;
    margin-bottom: 25px;
    padding: 5px 10px;
    border-radius: 0;
}

body.path-fce-pharma .mobile-number-field .country-select {
    border-bottom: none;
    background: #fff !important;
}

body.path-fce-pharma label.js-form-required.form-required {
    display: none;
}

form#cphi-na-page-form .field--type-mobile-number .mobile-number-field .js-form-type-select .country-select .form-select {
    position: absolute;
    height: 25px;
}

form#cphi-na-page-form .field--name-field-cc .mobile-number-field .js-form-type-textfield input {
    float: left;
    width: 92.5%;
    background: #fff !important;
    margin-left: 15px;
    padding-left: 10px;
}

body.path-fce-pharma .g-recaptcha div {
    width: 100% !important;
    margin-top: 10px;
    margin-bottom: 10px;
}

#fce-pharma {
    display: none;
}

@media (max-width: 991px) {
    body.path-fce-pharma .header_search_append {
        display: none;
    }
}

@media (max-width: 749px) {
    body.path-fce-pharma .item.achivementBox {
        width: 100%;
    }

    body.path-fce-pharma .achivementWrapper .owl-carousel .owl-nav button.owl-prev {
        left: 0px;
    }

    body.path-fce-pharma .achivementWrapper .owl-carousel .owl-nav button.owl-next {
        right: -31px;
    }
}

@media (max-width: 480px) {
    .fceBanner .dcatbannerCaption {
        margin-left: 0px;
        text-align: left;
    }

    body.path-fce-pharma section.content-sec.inner-content-sec {
        padding: 0px 28px 0px !important;
    }

    body.path-fce-pharma .achivementDescBox {
        text-align: left;
    }

    body.path-fce-pharma .achivementWrapper .owl-carousel .owl-nav button.owl-prev {
        left: -16px;
    }
}

a.homeMenu {
    display: none;
}

body.page-about-us .ssimagesec img {
    min-width: 409px !important;
    max-width: 100%;
}

body.page-node-article .js-form-item.form-item.js-form-type-select.form-item-country.js-form-item-country.form-no-label {
    width: 100%;
}

body.page-contact-us .inner_breadcrumb nav ol {
    margin-top: 15px;
}

body.page-meet-api-product-expert .mt-3 {
    margin-top: 30px !important;
}

body.page-contact-us #edit-email::placeholder {
    color: #5f4ba0 !important;
    opacity: 1 !important;
    font-weight: 600;
}

body.page-contact-us #edit-message::placeholder {
    color: #5f4ba0 !important;
    opacity: 1 !important;
    font-weight: 600;
}

body.page-form-hpapis-confirmation .webform-confirmation__message,
body.page-form-hpapis-confirmation .webform-confirmation__back {
    text-align: center !important;
}

body.page-form-contact-us-product input#edit-email::placeholder {
    color: #5f4ba0 !important;
    opacity: 1 !important;
    font-weight: 600;
}

body.page-form-contact-us-product input#edit-email,
body.page-form-contact-us-product #edit-message {
    color: #5f4ba0 !important;
}

body.page-peptide-capabilities input#edit-email::placeholder,
body.page-peptide-capabilities #edit-message::placeholder {
    color: #5f4ba0 !important;
    opacity: 1 !important;
    font-weight: 600;
}

body.page-form-contact-us-product #edit-message::placeholder {
    color: #5f4ba0 !important;
    opacity: 1 !important;
    font-weight: 600;
}

body.page-meet-api-product-expert #meet-expert-form .valid-email {
    margin-top: 0px;
}

.js-form-item.form-item.js-form-type-checkbox {
    font-size: 16px;
    color: #8a8a8a;
}

body.page-contact-us .contactFormSection .webform-submission-form .js-form-item.form-item.js-form-type-checkbox {
    font-size: 16px;
    color: #8a8a8a;
}

body.page-contact-us .g-recaptcha div iframe {
    max-width: 100% !important;
    margin-top: 0px;
    margin-left: 32px;
    margin-bottom: 15px;
}

body.page-contact-us .g-recaptcha div {
    width: 100% !important;
    margin-bottom: 15px;
}

body.page-peptide-capabilities .g-recaptcha div iframe {
    max-width: 100% !important;
    margin-left: 30px;
    margin-top: 10px;
}

body.page-peptide-capabilities .g-recaptcha div {
    margin-bottom: 15px;
}

body.page-peptide-capabilities .form-textarea {
    width: calc(100% - 44px);
}

body.page-node-product select#edit-country {
    width: 106%;
}

body.page-node-product .g-recaptcha div {
    /* width: 100% !important; */
    margin-top: 15px;
}

body.page-form-contact-us-product .g-recaptcha div iframe {
    margin-left: 34px;
}

body.page-form-contact-us-generic-formulation .g-recaptcha div iframe {
    margin-left: 34px;
}

body.page-form-contact-us-generic-formulation #webform-submission-contact-us-generic-formulation-add-form #edit-actions {
    padding-left: 34px;
}

body.page-meet-api-product-expert .ssResWrapper {
    padding: 30px 0px;
}

body.page-meet-api-product-expert .ssResWrapper h2 {
    margin-bottom: 20px;
}

body.lang-ja .eDate span {
    font-size: 35px;
}

.ui-autocomplete {
    border-radius: 20px;
    padding: 10px !important;
}

.ui-autocomplete .ui-menu-item-wrappe,
.ui-autocomplete li.ui-menu-item a {
    background: none !important;
    border-bottom: 1px solid #ddd;
}

.ui-autocomplete li:last-child .ui-autocomplete {
    border: none;
}

.ui-autocomplete li.ui-menu-item a:hover {
    color: #5f4ba0;
}

.ui-autocomplete li.ui-menu-item a.ui-state-active {
    background: none !important;
    color: #5f4ba0;
}

.contactinfo ul li img {
    width: auto !important;
    vertical-align: middle;
    margin: 0 5px;
}

@media (max-width: 550px) {
    body.page-about-us .ssimagesec img {
        min-width: 100% !important;
    }

    body.page-contact-us input#edit-actions-submit {
        margin-top: 0px auto !important;
    }
}

@media (max-width: 480px) {
    .contactFormclearfix {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        padding: 35px 0px;
        margin-bottom: 25px;
    }

    body.page-contact-us .contactFormclearfix {
        padding: 35px 0px 0px;
        margin-bottom: 10px;
    }
}

body.path-frontpage .js-form-item.form-item.js-form-type-textfield.form-item-combine.js-form-item-combine button {
    position: absolute;
    right: -8px;
}

form#up-meet-api-experts-form .mobile-number-field .country-select,
form#meet-api-experts-form .mobile-number-field .country-select {
    display: flex !important;
}

form#up-meet-api-experts-form .mobile-number-field .country-select .arrow,
form#meet-api-experts-form .mobile-number-field .country-select .arrow {
    border-top: 4px solid #fff !important;
}



.newAccordion .accordion-button::after {
    width: 25px;
    height: 14px;
    content: "";
    background-image: url(../images/cs-faq-down-arrow-white.png);
    background-repeat: no-repeat;
    background-size: 25px;
    position: absolute;
    left: 20px;
    top: 25px;
}

.newAccordion .accordion-button:not(.collapsed)::after {
    width: 25px;
    height: 14px;
    content: "";
    background-image: url(../images/cs-faq-up-arrow-white.png);
    background-repeat: no-repeat;
    background-size: 25px;
    transform: none;
    position: absolute;
    left: 20px;
    top: 25px;
}

.newAccordion .accordion-button {
    border-bottom: 2px solid #502e92;
    border-bottom-width: 2px !important;
}

.newAccordion .accordion-button:not(.collapsed) {
    border-bottom: none !important;
}

.newAccordion .accordion-button {
    text-align: left;
    border-bottom: 1px solid #e6e6e6;
    font-family: "DRLCircular-Book";
    font-style: normal;
    font-weight: normal;
    font-size: 21px;
    line-height: 31px;
    color: #fff;
    padding: 20px 30px 20px 60px;
    background: #5f4ba0;
}

.newAccordion .accordion-button:not(.collapsed) {
    background: #5f4ba0;
    color: #fff;
    border-bottom: 1px solid #5f4ba0;
}

.newAccordion .accordion-body {
    padding: 25px 0px 25px 20px;
    background-color: #eeefef;
    font-family: "DRLCircular-Book";
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
    color: #000000;
}

.newAccordion .accordion-body p {
    font-family: "DRLCircular-Book";
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
    color: #000000;
}

.newAccordion ul li {
    list-style: none;
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 30px;
    font-family: "DRLCircular-Book";
}

.newAccordion ul li::before {
    content: "";
    position: absolute;
    display: block;
    background-image: url(../images/cs-bullet.png);
    background-repeat: no-repeat;
    background-size: 10px;
    width: 10px;
    height: 10px;
    left: 3px;
    top: 6px;
    margin: auto;
}




/*quality control*/

section.qalityControlSection ul {
    display: flex;
    max-width: 1303px;
    justify-content: center;

}

.qalityControlSection h2 {
    font-family: "DRLCircular-Light";
    font-size: 50px;
    text-align: center;
    margin: 40px 0px;
}

section.qalityControlSection ul li {
    width: 50%;
    position: relative;
}

section.qalityControlSection ul li:first-child::after {
    content: '';
    width: 2.5px;
    height: 100%;
    background-color: #5F4BA0;
    position: absolute;
    right: 0px;
    top: 0px;
}

section.qalityControlSection ul:nth-child(2) li:first-child::after {
    display: none;
}

section.qalityControlSection ul:nth-child(2) li:last-child::after {
    content: '';
    width: 2.5px;
    height: 100%;
    background-color: #5F4BA0;
    position: absolute;
    right: 0px;
    top: 0px;
}



section.qalityControlSection ul:nth-child(4) li:first-child::after {
    display: none;
}

section.qalityControlSection ul:nth-child(4) li:last-child::after {
    content: '';
    width: 2.5px;
    height: 100%;
    background-color: #5F4BA0;
    position: absolute;
    right: 0px;
    top: 0px;
}

.qalityDesc::before {
    content: '';
    width: 18px;
    height: 18px;
    background-color: #5F4BA0;
    position: absolute;
    left: -10px;
    border-radius: 50%;
    top: 2px;
}


section.qalityControlSection ul:nth-child(2) {
    display: flex;
    flex-direction: row-reverse;
}

section.qalityControlSection ul:nth-child(2) .qalityDesc {
    text-align: right;
}

section.qalityControlSection ul:nth-child(2) .qalityDesc::before {
    left: 98.5%;
    top: 2px;
}




section.qalityControlSection ul:nth-child(4) {
    display: flex;
    flex-direction: row-reverse;
}

section.qalityControlSection ul:nth-child(4) .qalityDesc {
    text-align: right;
}

section.qalityControlSection ul:nth-child(4) .qalityDesc::before {
    left: 98.5%;
    top: 2px;
}

.qalityImage {
    display: block;

}

.qalityImage img {
    display: block;
    margin: 0 auto;
    text-align: center;
}

.qalityDesc {
    margin: 0 35px;
}

.qalityDesc h4 {
    font-size: 20px;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 15px;
}

.qalityDesc p {
    color: #000;
    font-size: 16px;
}

section.locationService {
    z-index: 1;
    position: relative;
    margin-top: -240px;
    margin-bottom: 50px;
}

.sustainabilitygoalsBox {
    background: #FFFFFF;
    box-shadow: 0px 4px 27px rgba(0, 0, 0, 0.11);
    border-radius: 20px;
    padding: 50px 40px;
}


.sustainabilitygoalsBox h2 {
    margin-bottom: 40px;
}

.sustainabilitygoalsBox span {
    display: block;
    font-family: "DRLCircular-Book";
    font-size: 18px;
    margin-bottom: 20px;
}

.sustainabilitygoalsBox ul li {
    position: relative;
    padding-left: 24px;
}

.sustainabilitygoalsBox ul li::before {
    content: '';
    position: absolute;
    left: 0px;
    top: 4px;
    background: url(../images/c-bullet.png) no-repeat left top;
    width: 12px;
    height: 12px;
}


.highlightCircelWrapper ul li {
    list-style: none;
    display: inline-block;
    width: 18%;
}

.highlightCircelWrapper ul li img {
    max-width: 100%;
}

.highlightCircelWrapper ul {
    margin: 24px 0px;
}

.highlightCircelWrapper {
    border-bottom: 1px solid #DCDCDC;
    margin-bottom: 40px;
}

.highlightCircelWrapper h4 {
    font-size: 25px;
}

.locationInfoSec h2 {
    margin-bottom: 40px;
}


.locationInfoSec table.table th,
.locationInfoSec table.table td {
    border: none;
    padding: 15px;
}

.locationInfoSec table.table {
    border: 1px solid #BBBBBB !important;
    margin-bottom: 60px;
}

.locationInfoSec table.table th {
    background-color: #5F4BA0;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    height: 60px;
    vertical-align: middle;
}

.locationInfoSec table.table tr:nth-child(odd) {
    background: #EBEBEB
}

.locationInfoSec table.table tr:nth-child(even) {
    background: #FFF
}

.locationDescBox p strong {
    font-weight: bold;
}

.footerinfoBox.footerSustain {
    text-align: center;
    font-size: 24px;
    margin-top: 40px;
}

.footerinfoBox.footerSustain p {
    font-size: 24px;
}

.locationTopContent h5 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 40px;
}

.footerinfoBox.footerSustain a {
    color: #5F4BA0;
}

.locationAchivement img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.sustainabilitygoalsBox img {
    max-width: 100%;
}


@media (max-width: 767.98px) {
    .qalityControlSection h2 {
        font-size: 30px;
    }

    .highlightCircelWrapper h4 {
        font-size: 18px;
    }

    section.locationService {
        margin-top: 0px;
    }

    .sustainabilitygoalsBox ul {
        margin-bottom: 30px;
    }

    .sustainabilitygoalsBox span {
        margin-bottom: 15px;
        margin-top: 15px;
    }

    .highlightCircelWrapper ul li {
        width: 24%;
    }

    section.qalityControlSection ul li {
        width: 100%;
        position: relative;
    }

    section.qalityControlSection ul {
        display: block;
    }

    section.qalityControlSection ul .qalityDesc {
        text-align: center;
    }

    section.qalityControlSection ul:nth-child(2) {
        display: block;
    }

    section.qalityControlSection ul:nth-child(2) .qalityDesc {
        text-align: center;
    }

    section.qalityControlSection ul:nth-child(4) {
        display: block;
    }

    section.qalityControlSection ul:nth-child(4) .qalityDesc {
        text-align: center;
    }

    .qalityDesc::before {
        display: none;
    }

    section.qalityControlSection ul li::after {
        display: none;
    }

}

@media (max-width: 480px) {
    .qalityControlSection h2 {
        font-size: 28px;
        line-height: 34px;
    }

    .newLocationPage section .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .locationCapabilities {
        padding: 30px 0px 30px;
    }

    .sustainabilitygoalsBox {

        padding: 20px 10px;
    }

    .highlightCircelWrapper ul li {
        width: 100%;
    }

    .locationDescBox {
        padding: 20px 0px;
    }

    .footerinfoBox.footerSustain p {
        font-size: 20px;
    }

    .customTableWrapper table {
        width: 200%;
    }

    .customTableWrapper {
        overflow: hidden;
        overflow-x: scroll;
    }

    .locationInfoSec table.table {
        margin-bottom: 0px;
    }

    .locationInfoSec h2 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

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

    .capabilitiesParaOne {
        margin-bottom: 0px;
        margin-top: 15px;
    }

    .locationInfoSec.newAchivedSection {
        margin: 0px;
    }

    section.locationService {
        padding-top: 30px;
    }

    .locationSustainibilitySec {
        padding: 20px 0px;
    }

    .locationAchivement ul li {
        width: 100%;
    }

    .locationServiceBox ul li .locationBox {
        padding: 20px 10px;
    }

    .locationServiceBox ul {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .qalityImage img {
        display: block;
        margin: 0 auto;
        text-align: center;
        max-width: 100%;
    }

    body.page-node-create_custom_page .innerPageBanner h1 {
        margin-top: 140px;

    }


    body.page-sustainability .inner_breadcrumb nav ol li {
        margin-top: 0px !important;
    }

    body.page-sustainability .mainContent ol li {
        margin-bottom: 0px;
    }

    .locationTopContent {
        padding: 25px 0 25px;
    }

}



.newyorkBanner {
    width: 100%;
    height: auto;
    background: url(../images/dcat-newyork-banner.webp) no-repeat center top #fff;
    /* background-size: cover; */
    background-size: 110% 100%;
    padding-top: 77px;
    padding-bottom: 50px;
    position: relative;
}

.newyorkBanner .dcatbannerCaption {
    margin-left: 0px;
    margin-top: 0px;
}

.newyorkBanner .dcatbannerCaption h1 {
    color: #452484;
    margin-bottom: 20px;
}

.newyorkBanner .dcatbannerCaption p {
    color: #452484;
}

.newyorkBanner .date,
.newyorkBanner .place {
    display: flex;
    max-width: 330px;
    color: #000;
    margin-bottom: 10px;
}

.newyorkBanner .dcatbannerForm {
    background-color: rgba(255, 255, 255, 1);
}


.japanBanner {
    width: 100%;
    height: auto;
    background: url(../images/cphi-japan-bg.webp) no-repeat center top #fff;
    background-size: 100% 100%;
    padding-top: 77px;
    padding-bottom: 450px;
    margin-top: -89px;
    position: relative;
    z-index: 0;

}

/*barcelona*/

.dcatPage.cphi-barcelonaPage .bannerBox {
    display: flex;
    justify-content: center;
    width: 100%;
    text-align: center;
}

section.fceBanner.barcelonaBanner.indiaBanner .bannerBox {
    display: flex;
    justify-content: space-between;
    width: 100%;
    text-align: left;
}



.barcelonaBanner {
    width: 100%;
    height: auto;
    background: url(../images/barcelona-banner-cphi4.webp) no-repeat center top #fff;
    background-size: 100% 100%;
    padding-top: 77px;
    padding-bottom: 280px;
    margin-top: -89px;
    position: relative;
    z-index: 0;

}

.barcelonaBanner.indiaBanner {
    width: 100%;
    height: auto;
    background: url(../images/cphi-india-banner.webp) no-repeat center top #fff;
    background-size: 100% 100%;
    padding-top: 77px;
    padding-bottom: 280px;
    margin-top: -89px;
    position: relative;
    z-index: 0;

}

.japanBanner.chinaBanner {
    background: url(../images/china-landing-banner-bg.webp) no-repeat center top #fff !important;
    background-size: 100% 100% !important;
}

.japanBanner::after {
    content: '';
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 243px;
    background: url(../images/japan-banner-afterbg.webp) no-repeat;
    background-size: 100% 100%;
}

/*barcelona*/
.cphi-japanPage .dcatNavbar,
.cphi-barcelonaPage .dcatNavbar {
    background: transparent;
    z-index: 9;
}

/*barcelona*/
.japanBanner .dcatbannerCaption,
.barcelonaBanner .dcatbannerCaption {
    margin-top: 50px;
}

.cphi-japanPage .dcatNavbar {
    background: transparent;
    z-index: 9;
}

.japanBanner .dcatbannerCaption {
    margin-top: 50px;
}

.cphi-japanPage .dcatNavbar .navbar-nav .nav-link {
    color: #fff;
}

/*barcelona*/
.cphi-barcelonaPage .dcatNavbar .navbar-nav .nav-link {
    color: #000000;
}

.cphi-japanPage .dcatNavbar .navbar-nav .nav-link::after {
    content: "";
    background-image: url(../images/japan-sep.png);
    background-repeat: no-repeat;
    width: 3px;
    height: 13px;
    top: 14px;
}

.cphi-japanPage .dcatNavbar .navbar-nav .nav-link.no-sep::after {
    display: none;
}

.cphi-japanPage .nav-link.meetUsBtn,
.cphi-barcelonaPage .nav-link.meetUsBtn {
    text-align: center;
    background: #f01d1d;
    border-radius: 15px;
}

/*barcelona*/
.barcelonaBanner .dcatbannerCaption p {
    color: #000;
}

/*barcelona*/
.barcelonaBanner .dcatbannerCaption h1 {
    color: #5225b5;
    margin-bottom: 10px;
}

.barcelonaBanner .date {
    max-width: 250px;
    color: #000;
    font-weight: 600;
    text-align: left;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 10px;
}

.barcelonaBanner.indiaBanner .date {
    max-width: 271px;
    color: #000;
    font-weight: 600;
    text-align: left;
    margin: auto 0;
    text-align: left;
    margin-bottom: 10px;
}

.barcelonaBanner .place {
    max-width: 401px;
    color: #000;
    font-weight: 600;
    text-align: left;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 10px;
}

.barcelonaBanner.indiaBanner .place {
    text-align: left !important;
    margin-left: 0px !important;
}

.fceBanner .dcatbannerCaption .headCaption h2 {
    font-size: 42px !important;
    font-family: "DRLCircular-Black";
    color: #5225b5;
    margin-bottom: 30px;
}

body.page-events-cphi-barcelona-2023 .calendly-badge-widget {
    position: absolute;
    z-index: 9998;
    top: 9%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -0%);
    width: 100%;
    display: flex;
    justify-content: center;
    height: 50px;
}

body.page-events-cphi-barcelona-2023 .calendly-badge-widget .calendly-badge-content {
    display: flex;
    justify-content: center;
    max-width: 219px;
    line-height: 45px;
    background: #5225b5 !important;
    background-color: #5225b5 !important;
}


/*barcelona*/
.barcelonaBanner a.reserveBtn,
.barcelonaBanner button.reserveBtn {
    background-color: #5225b5;
    color: #fff;
}

.japanBanner .dcatbannerCaption h1 span {
    color: #ff5fe3;
}

.japanBanner.chinaBanner .dcatbannerCaption h1 span {
    color: #fcd209;
}

.japanBanner .dcatbannerForm {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 30px;
}

.japanBanner .dcatbannerFormHead {
    background-color: transparent;
    color: #fff;
    text-transform: uppercase;
    margin-top: 50px;
}

/*barcelona*/
.barcelonaBanner .dcatbannerFormHead {
    background-color: transparent;
    color: #000000;
    text-transform: uppercase;
    margin-top: 50px;
}

.japanBanner a.reserveBtn,
.japanBanner button.reserveBtn {
    margin-top: 100px;
}

.cphi-japanPage .sustainabilityOuter {
    background: url(../images/japan-sustainability-bg.webp) no-repeat;
    background-size: cover;
}

.cphi-japanPage .sustainabilityOuter .learMoreBtn.lessIcon {
    background-color: transparent;
    width: 239px;
    height: 38px;
    border-radius: 20px;
    border: 1px solid #ff18f7;
    color: #fff;
    text-transform: uppercase;
}

.cphi-japanPage .sustainabilityOuter h2 {
    justify-content: left;
}

/*barcelona*/
body.page-events-cphi-barcelona-2023 .custom-form form input,
body.page-events-cphi-india-2023 .custom-form form input {
    border-radius: 20px;
}

.cphi-japanPage.cphi-barcelonaPage .footerWrapper {
    background: url(../images/barcelona-footer-bg.webp) no-repeat !important;
    background-size: cover !important;
}

.cphi-japanPage.cphi-barcelonaPage.cphi-indiaPage .footerWrapper {
    background: url(../images/cphi-india-footer.png) no-repeat !important;
    background-size: cover !important;
}

.cphi-japanPage .footerWrapper {
    background: url(../images/footer-bg.webp) no-repeat;
    background-size: cover;
    position: relative;
}

.cphi-japanPage.cphi-chinaPage .footerWrapper {
    background: url(../images/china-lp-footer-bg.webp) no-repeat !important;
}

.cphi-japanPage .footerWrapper::after {
    content: '';
    background: url(../images/footer-bottom-bg.webp) no-repeat;
    height: 7px;
    width: 100%;
    background-size: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.cphi-japanPage .dcatAboutSec.fce {
    margin-top: -180px;
}

body.page-events-cphi-barcelona-2023 .dcatAboutSec.fce {
    position: relative;
}

body.page-events-cphi-barcelona-2023 .dcatAboutSec.fce::before {
    content: '';
    position: absolute;
    left: 0px;
    top: 20px;
    width: 222px;
    height: 930px;
    background: url(../images/aboutcphi-before.webp) no-repeat left top;
}

body.page-events-cphi-barcelona-2023 .ourAchievement::after {
    content: '';
    position: absolute;
    right: 0px;
    top: 20px;
    width: 155px;
    height: 832px;
    background: url(../images/achivement-after-bg.webp) no-repeat left top;
}

.ourTeam {

    width: 100%;
    margin: 0;
    padding: 0;
    margin-top: -140px;
}

#ourTeamCasousel {
    float: left;
    width: 100%;
    background: url(../images/itemBG.webp) no-repeat 130px top;
    background-size: 500px auto;
    max-width: 986px;
    padding-bottom: 60px;
}

#ourTeamCasousel .teamMemberSet {
    display: flex;
    gap: 15px;
    justify-content: left;
    float: left;
    position: relative;
}

#ourTeamCasousel .item {
    float: left;
    position: relative;
    display: block;

    width: 100%;
}

#ourTeamCasousel .teamMemberSet:nth-child(1) {
    margin-left: 300px;
    margin-top: 35px;
}

#ourTeamCasousel .teamMemberSet:nth-child(2) {
    margin: -35px 0 0 63px;
}

#ourTeamCasousel .teamMemberSet:nth-child(3) {
    margin: -198px 0 0 514px;
}

#ourTeamCasousel .teamMemberSet .personDetails {
    margin: auto 15px;
}

#ourTeamCasousel .teamMemberSet .personDetails h3 {
    color: #130B27;
    font-family: "DRL Circular";
    font-weight: bold;
    font-size: 20px;
}

#ourTeamCasousel .teamMemberSet .personDetails p {
    color: #130B27;
    font-family: "DRL Circular";
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
}

#ourTeamCasousel .owl-item img {
    width: 205px;
}

.ourTeam.ourTeam2 #ourTeamCasousel {
    background: transparent;
}

.ourTeam.ourTeam2 .ourTeamHeading {
    position: relative;
    right: inherit;
    text-align: center;
}

.ourTeam.ourTeam2 {
    margin-top: 0px;
    position: relative;
}

.ourTeam.ourTeam2::after {
    content: '';
    background: url(../images/team-after-bg.webp) no-repeat right top;
    width: 124px;
    height: 786px;
    position: absolute;
    right: 0px;
    top: 0px;
}


.ourTeam.ourTeam2 #ourTeamCasousel .teamMemberSet {
    display: inline-block;
    float: none;
    position: relative;
}

.ourTeam.ourTeam2 .navigationArrowOurteam {
    position: absolute;
    right: auto;
    margin-top: 150px;
    width: 96%;
    display: flex;
    justify-content: space-between;
}

.ourTeam.ourTeam2 #ourTeamCasousel .item {
    float: none;
    width: 100%;
    text-align: center;
    display: flex;
}

body.page-events-cphi-barcelona-2023 .dcatAboutSec.fce {
    position: relative;
}

body.page-events-cphi-barcelona-2023 .dcatAboutSec.fce::before {
    content: '';
    position: absolute;
    left: 0px;
    top: 20px;
    width: 222px;
    height: 930px;
    background: url(../images/aboutcphi-before.webp) no-repeat left top;
}

body.page-events-cphi-barcelona-2023 .ourAchievement::after {
    content: '';
    position: absolute;
    right: 0px;
    top: 20px;
    width: 155px;
    height: 832px;
    background: url(../images/achivement-after-bg.webp) no-repeat left top;
}

.ourTeam.ourTeam2 #ourTeamCasousel .teamMemberSet:nth-child(1) {
    margin: auto;
}

.ourTeam.ourTeam2 #ourTeamCasousel .teamMemberSet:nth-child(2) {
    margin: auto;
}

.ourTeam.ourTeam2 #ourTeamCasousel .teamMemberSet:nth-child(3) {
    margin: auto;
}

.ourTeam.ourTeam2 #ourTeamCasousel {
    width: 100%;
    max-width: 100%;
}

.ourTeam.ourTeam2 #ourTeamCasousel .teamMemberSet .personDetails {
    margin-top: 15px;
}

.ourTeam.ourTeam2 .ourTeamHeading {

    margin-top: 20px;
    margin-bottom: 50px;
}

.AboutCPHIJapan {
    width: 100%;
    position: relative;
    z-index: 0;
    background: url(../images/bgCPHL1.webp) no-repeat left top;
    background-size: 100% auto;
    padding: 98px 0 0 0;
    height: calc(100vw * (49.75 / 100));

}

.aboutCphiBarscelona {
    background: url(../images/ABOUT-CPHI-BARCELONA-BANNER.webp) no-repeat left top !important;
    padding-bottom: 200px;
    color: #424242;
}

.aboutCphiBarscelona.aboutCphiIndia {
    background: url(../images/about-cphi-india-bg.webp) no-repeat left top !important;
    padding-bottom: 200px;
    color: #424242;
    background-size: 100% 80%;
}

.aboutCphiBarscelona h2 {
    color: #502E92;
    text-align: center;
    font-size: 50px;
    line-height: 50px;
    font-family: "DRL Circular";
    font-weight: 100;
}

.AboutCPHIJapan.aboutCphiChina {
    background: url(../images/china-cphi-bg.webp) no-repeat left top !important;
}

.AboutCPHIJapan h2 {
    font-family: "DRL Circular";
    font-weight: 100;
    color: #502E92;
    font-size: 50px;
    margin-bottom: 50px;
    padding-left: 80px;
}

.AboutCPHIJapan .circle {
    margin-bottom: -257px;
    width: calc(100vw * (51.75 / 100));
    height: calc(100vw * (51.75 / 100));
    background: #fff;
    border-radius: 50%;
    margin-left: -195px;
}

.cphsLogo {
    float: left;
    margin-left: 277px;
    margin-top: 80px;
}

.AboutCPHIJapan .circle .textBodyCPHLjapab {
    float: left;
    box-sizing: border-box;
    padding-left: 277px;
    padding-right: 150px;
    padding-top: 30px;
}

.AboutCPHIJapan .circle .textBodyCPHLjapab p {
    font-size: 16px;
    font-family: "DRL Circular";
    font-weight: normal;
    color: #424242;
}

.ourTeamHeading {
    color: #502E92;
    text-align: right;
    font-size: 50px;
    line-height: 50px;
    font-family: "DRL Circular";
    font-weight: 100;
    right: 15%;
    position: absolute;
    margin-top: 80px;
}

.ourTeam .col-md-12 {
    position: relative
}

.navigationArrowOurteam {
    position: absolute;
    right: 15%;
    margin-top: 255px;
    width: 90px;
    display: flex;
    justify-content: space-between;
}

.navigationArrowOurteam a:last-child img {
    transform: rotate(180deg);
}

.AboutCPHIJapan+section {
    z-index: 1;
    position: relative;
}

.ourAchievement {
    float: left;
    width: 100%;
    position: relative;
    padding: 100px 0;
}

.ourAchievement h2 {
    font-family: "DRL Circular";
    font-weight: 100;
    color: #502E92;
    font-size: 50px;
    margin-bottom: 50px;
    text-align: center;
    float: left;
    width: 100%;
    line-height: 50px;
}

#ourAchievementCasousel {
    float: left;
    width: 100%;
    position: relative;
}

#ourAchievementCasousel .item {
    float: left;
    width: 100%;
    position: relative;
    display: flex;
    gap: 15px;
    /* justify-content: space-between; */
}

#ourAchievementCasousel .item .block:first-child {
    flex: 1;
    max-width: 216px;
    background: #DBDBDB;
}

#ourAchievementCasousel .item .middleSec {
    flex: 1;
    display: flex;
    gap: 15px;
    flex-direction: column;
}

#ourAchievementCasousel .item .block {
    position: relative;

}

#ourAchievementCasousel .item .block:last-child {
    flex: 1;
    max-width: 338px;
    background: #DBDBDB;
}

#ourAchievementCasousel .item .block img,
#ourAchievementCasousel .item .middleSec .block {
    width: 100%;
    max-width: 100%;

}

#ourAchievementCasousel .item .block:first-child img {
    height: 100%;
}

#ourAchievementCasousel .item .middleSec .block img {
    height: auto;
}

#ourAchievementCasousel .owl-nav {
    position: absolute;
    top: 90%;
    width: calc(100% + 40px);
    left: -20px;
    display: flex;
    justify-content: space-between;
    z-index: 0;
}

#ourAchievementCasousel .owl-nav .owl-next img {
    transform: rotate(180deg);
}

#ourAchievementCasousel .textsec {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1;
    color: #fff;
    padding: 25px;
    background: rgba(0, 0, 0, 0.63);
    text-align: right;
    display: block;
}

#ourAchievementCasousel .textsec h3,
#ourAchievementCasousel .item .middleSec .block .textsec h3 {
    font-size: 14px;
    line-height: 18px;
    color: #fff;
}

#ourAchievementCasousel .textsec p,
#ourAchievementCasousel .item .middleSec .block .textsec p {
    margin-top: 24px;
    font-size: 10px;
    color: #fff;
}

#ourAchievementCasousel .item .block:last-child .textsec {
    background: none;
}

#ourAchievementCasousel .item .middleSec .block .textsec {
    background: rgba(0, 0, 0, 0.63);
    width: 50%;
    height: 100%;
}

#ourAchievementCasousel .block:hover .textsec {
    background: rgba(219, 219, 219, 1) !important;
}

#ourAchievementCasousel .block:hover h3 {
    color: #2c0462 !important;
}

#ourAchievementCasousel .block:hover p {
    color: #000 !important;
}

#ourAchievementCasousel .item .middleSec .block:hover .textsec {
    background: rgba(219, 219, 219, 1) !important;
}

#ourAchievementCasousel .textsec:hover {
    background: rgba(219, 219, 219, 1) !important;
}

#ourAchievementCasousel .item .middleSec .block:first-child .textsec {
    left: 50%;
    padding: 60px 25px;
}

#ourAchievementCasousel .item .middleSec .block:last-child .textsec {
    padding: 60px 25px;
}

#ourAchievementCasousel .item .middleSec .block:last-child .textsec p,
#ourAchievementCasousel .item .middleSec .block:last-child .textsec h3 {
    color: #fff;
    text-align: left
}

#ourAchievementCasousel .item .block .textsec a {
    width: 25px;
    height: 25px;
    max-width: 25px;
    max-height: 25px;
    min-width: 25px;
    min-height: 25px;
    float: right;
}

#ourAchievementCasousel .item .block .textsec a img {
    width: 100%;
    height: 100%;
}

.cphi-japanPage #ourAchievementCasousel .item .block:last-child .textsec {
    background: rgba(0, 0, 0, 0.63);
}

.AboutCPHIJapan .circle {
    z-index: 0;
    position: relative;
}

.cphi-japanPage .dcataboutBox {
    z-index: 1;
    position: relative;
}

.cphi-japanPage .dcataboutBox p {
    z-index: 1;
    position: relative;
}

.cphi-japanPage #ourAchievementCasousel .textsec p,
.cphi-japanPage #ourAchievementCasousel .item .middleSec .block .textsec p {
    line-height: 14px;
}

.cphi-japanPage .owl-carousel .owl-nav button.owl-next,
.cphi-japanPage .owl-carousel .owl-nav button.owl-prev {
    background: none;
}

.cphi-japanPage .owl-carousel .owl-nav button.owl-next,
.cphi-japanPage .owl-carousel .owl-nav button.owl-prev {
    background: none !important;
}

.cphi-japanPage .owl-carousel .owl-nav button.owl-next img,
.cphi-japanPage .owl-carousel .owl-nav button.owl-prev img {
    width: auto !important;
    height: auto !important;
}

.cphi-japanPage .owl-carousel .owl-nav button.owl-prev {
    rotate: -180deg;
}

body.page-events-cphi-japan-2023 .custom-form form input,
body.page-events-cphi-china-2023 .custom-form form input,
body.page-events-cphi-barcelona-2023 .custom-form form input,
body.page-events-cphi-india-2023 .custom-form form input {
    border-bottom: 1px solid #ccc !important;
}

body.page-events-cphi-japan-2023 .dcatbannerForm.custom-form input {
    border-bottom: 1px solid #ccc !important;
}

body.page-events-cphi-japan-2023 .custom-form form input,
body.page-events-cphi-china-2023 .custom-form form input {
    border-bottom: 1px solid #ccc !important;
}


body.page-events-cphi-japan-2023 .form-select,
body.page-events-cphi-china-2023 .form-select {
    border: none !important;
    border-radius: 0 !important;
    border-bottom: 1px solid #ccc !important;
}

body.page-events-cphi-japan-2023 .form-select,
body.page-events-cphi-china-2023 .form-select,
body.page-events-cphi-barcelona-2023 .form-select,
body.page-events-cphi-india-2023 .form-select {
    border: none !important;
    border-radius: 0 !important;
    border-bottom: 1px solid #ccc !important;
}

body.page-events-cphi-japan-2023 .dcatbannerForm.custom-form .form-select {
    border: none !important;
    border-radius: 0 !important;
    border-bottom: 1px solid #ccc !important;
}

.dcat-newyorkPage #ourTeamCasousel {
    background: none;
}

.dcat-newyorkPage #ourTeamCasousel .owl-nav {
    display: none;
}

.dcat-newyorkPage #ourTeamCasousel .teamMemberSet .personDetails h3,
.dcat-newyorkPage #ourTeamCasousel .teamMemberSet .personDetails p {
    color: #fff;
}

.dcat-newyorkPage .ourTeamHeading {
    margin-top: 230px;
    color: #fff !important;
    right: 0%;
}

.dcat-newyorkPage .navigationArrowOurteam {
    top: 336px;
    margin-top: 50px;
    right: 0;
}

.dcat-newyorkPage .dcatsustainabilityBox {
    box-shadow: none;
}

.dcat-newyorkPage .dcatsustainabilityBox p {
    color: #000;
}

.dcatAboutSec.fce.newYork {
    background: #f3f1f6;
}

.dcat-newyorkPage .dcatsustainabilityBox {
    background-color: transparent;
}

.dcat-newyorkPage .dcatAboutSec {
    min-height: auto;
    margin-bottom: 50px;
}

.dcat-newyorkPage .sustainabilityOuter {
    background: url(../images/japan-sustainability-bg.webp) no-repeat;
    background-size: cover;
}

.dcat-newyorkPage .sustainabilityOuter .learMoreBtn.lessIcon {
    background-color: transparent;
    width: 239px;
    height: 38px;
    border-radius: 20px;
    border: 1px solid #ff18f7;
    color: #fff;
    text-transform: uppercase;
}

.dcat-newyorkPage .sustainabilityOuter h2 {
    justify-content: left;
}

.dcat-newyorkPage .footerWrapper {
    background: url(../images/newyork-bg-footer.webp) no-repeat;
    background-size: cover;
    position: relative;
}

.dcat-newyorkPage .footerWrapper::after {
    content: '';
    background: url(../images/footer-bottom-bg.webp) no-repeat;
    height: 7px;
    width: 100%;
    background-size: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.dcat-newyorkPage #ourAchievementCasousel .textsec p,
.dcat-newyorkPage #ourAchievementCasousel .item .middleSec .block .textsec p {
    line-height: 14px;
}

.dcat-newyorkPage .owl-carousel .owl-nav button.owl-next,
.dcat-newyorkPage .owl-carousel .owl-nav button.owl-prev {
    background: none;
}

.dcat-newyorkPage .owl-carousel .owl-nav button.owl-next,
.dcat-newyorkPage .owl-carousel .owl-nav button.owl-prev {
    background: none !important;
}

.dcat-newyorkPage .owl-carousel .owl-nav button.owl-next img,
.dcat-newyorkPage .owl-carousel .owl-nav button.owl-prev img {
    width: auto !important;
    height: auto !important;
}

.dcat-newyorkPage .owl-carousel .owl-nav button.owl-prev {
    rotate: -180deg;
}

.dcat-newyorkPage .reserveBtn.whiteBtn {
    background-color: #fff !important;
    font-size: 16px !important;
    margin-bottom: 20px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.dcat-newyorkPage .navbar-brand img {
    width: 219px;
}

.dcat-newyorkPage .nav-link.meetUsBtn {
    text-align: center;
    background: #502e92;
    border-radius: 15px;
}

.dcat-newyorkPage .dcatbannerFormHead {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

body.page-events-dcat-2023 .dcatBookedBtn {
    border-radius: 15px;
}

.dcat-newyorkPage .ourTeam {
    margin-top: 80px;
}

body.page-events-dcat-2023 .custom-form form {
    background-color: rgba(255, 255, 255, 1);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.dcat-newyorkPage .dcatNavbar .navbar-nav .nav-link.no-sep::after {
    display: none;
}


body.page-events-dcat-2023 .custom-form form input {
    border-bottom: 1px solid #ccc !important;
}

body.page-events-dcat-2023 .form-select {
    border: none !important;
    border-radius: 0 !important;
    border-bottom: 1px solid #ccc !important;
}

/*Barcelona*/

section.ourTeam.ourTeam2 .profileSec {
    width: 205px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 15px;
}

section.ourTeam.ourTeam2 .bioSec {
    width: 205px;
    display: block;
    margin: 0 auto;
    text-align: center;
}

section.ourTeam.ourTeam2 .bioSec p {
    color: #130B27;
    font-family: "DRL Circular";
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
}

body.page-events-cphi-barcelona-2023 .owl-carousel .owl-nav button.owl-next,
body.page-events-cphi-india-2023 .owl-carousel .owl-nav button.owl-next,
body.page-events-cphi-barcelona-2023 .owl-carousel .owl-nav button.owl-prev,
body.page-events-cphi-india-2023 .owl-carousel .owl-nav button.owl-prev {
    background: none !important;
}

body.page-events-cphi-barcelona-2023 .nav-btn.prev-slide,
body.page-events-cphi-india-2023 .nav-btn.prev-slide {
    background-image: url(../images/navArrow.png);
    background-repeat: no-repeat;
    background-size: 20px;
    display: block;
    width: 50px;
    height: 50px;
    transform: rotate(180deg) !important;
}

body.page-events-cphi-barcelona-2023 .nav-btn.next-slide,
body.page-events-cphi-india-2023 .nav-btn.next-slide {
    background-image: url(../images/navArrow.png);
    background-repeat: no-repeat;
    background-size: 20px;
    display: block;
    width: 50px;
    height: 50px;
    transform: rotate(180deg);
}

@media(max-width:1800px) {
    .AboutCPHIJapan .circle .textBodyCPHLjapab {
        float: left;
        box-sizing: border-box;
        padding-left: 179px;
        padding-right: 65px;
        padding-top: 30px;
    }

    .cphsLogo {
        float: left;
        margin-left: 184px;
        margin-top: 80px;
    }

    .AboutCPHIJapan h2 {
        padding-left: 0;
    }
}

@media(max-width:1600px) {
    .AboutCPHIJapan {
        height: auto;
    }

    .cphsLogo {
        float: left;
        margin-left: 200px;
        margin-top: 80px;
    }

    .AboutCPHIJapan .circle .textBodyCPHLjapab {
        padding-right: 10%;
    }

    .AboutCPHIJapan .circle {
        margin-bottom: -257px;
        width: calc(100vw * (70 / 100));
        height: calc(100vw * (70 / 100));
        background: #fff;
        border-radius: 50%;
        margin-left: -195px;
    }
}

@media(max-width:1399px) {

    .ourTeamHeading,
    .navigationArrowOurteam {
        right: 7%;
    }
}

@media(max-width:1200px) {

    .ourTeamHeading,
    .navigationArrowOurteam {
        right: 0;
    }

    #ourTeamCasousel .teamMemberSet:nth-child(1) {
        margin-left: 25%;
        margin-top: 35px;
    }

    .cphsLogo {
        width: 150px;
        height: auto;
    }

    .AboutCPHIJapan {
        padding: 30px 0 0 0;
    }
}

@media(max-width:1024px) {
    .AboutCPHIJapan .circle {
        margin-bottom: 0px;
        width: 100%;
        height: auto;
        background: #fff;
        border-radius: 50%;
        margin-left: 0;
        display: flex;
        flex-direction: column;
    }

    .AboutCPHIJapan h2 {
        float: left;
        width: 100%;
        padding: 0;
        text-align: center;
    }

    .AboutCPHIJapan .circle .textBodyCPHLjapab {
        float: left;
        width: 100%;
        margin: 10px auto;
        padding: 0 15%;
    }

    .cphsLogo {
        width: 150px;
        height: auto;
        margin: 16px auto 35px;
    }

    #ourTeamCasousel .teamMemberSet {
        margin-left: 0 !important;
        margin-top: 35px !important;
        width: 100% !important;
    }

}


@media(max-width:991px) {
    .cphi-japanPage .dcatNavbar .navbar-nav .nav-link {
        color: #000;
    }
}

@media(max-width:767px) {
    .japanBanner {
        background-size: cover;
    }

    .japanBanner::after {
        display: none;
    }

    #ourTeamCasousel {
        float: left;
        width: 100%;
        background: url(../images/itemBG.webp) no-repeat 0 top;
        background-size: auto auto;
        max-width: 986px;
        padding-bottom: 60px;
    }

    #ourTeamCasousel {
        margin-top: 140px;
    }

    .ourTeam {
        margin-top: 0px;
    }

    .ourTeamHeading,
    .navigationArrowOurteam {
        right: 0;
        width: 100%;
        text-align: center;
        margin-top: 25px;
    }
}

@media(max-width:580px) {
    .AboutCPHIJapan h2 {
        font-size: 30px;
    }

    .AboutCPHIJapan .circle {
        max-width: 100vw;
        min-width: 320px;
        height: auto;
        box-sizing: border-box;
    }

}

.fceBanner.koreaBanner {
    width: 100%;
    height: auto;
    position: relative;
    background: url(../images/korea-banner.webp) no-repeat center top #fff;
    background-size: cover;
    padding-top: 77px;
    padding-bottom: 400px;
    margin-top: -89px;
    z-index: 0;
}

.scienceWrapper {
    max-width: 1088px;
    margin: 0 auto;
}

.scienceBox {
    border: 1px solid rgb(95, 75, 159) !important;
    padding: 30px;
    margin-top: 20px;
    text-align: center;
    box-shadow: rgb(0 0 0 / 15%) 3px 0px 14px 3px;
    min-height: 460px;
}

.scienceBox h4 {
    margin-bottom: 15px;
    font-family: "DRLCircular-Bold";
    font-size: 26px;
    color: #000;
}

.scienceBox p {
    font-family: "DRLCircular-Book";
    color: #585858;
    margin-bottom: 10px;
}

.scienceBox span {
    font-family: "DRLCircular-Book";
    font-size: 18px;
    color: #5225b5;
}

.koreaPage .dcatNavbar {
    background: transparent;
    z-index: 9;
}

.koreaPage .dcatNavbar .navbar-nav .nav-link {
    color: #fff;
}

.koreaPage .dcatNavbar .navbar-nav .nav-link::after {
    content: "";
    background-image: url(../images/japan-sep.png);
    background-repeat: no-repeat;
    width: 3px;
    height: 13px;
    top: 14px;
}

.koreaPage .dcatNavbar .navbar-nav .nav-link.no-sep::after {
    display: none;
}

.cphi-barcelonaPage .dcatNavbar .navbar-nav .nav-link.no-sep::after {
    display: none !important;
}

.koreaPage .fceBanner .dcatbannerFormHead {
    margin-top: 89px;
}

.fceBanner.koreaBanner a.reserveBtn,
.fceBanner.koreaBanner button.reserveBtn {
    margin-top: 50px;
}

.koreaPage .dcatTeamTopSec {
    padding-bottom: 0px;
}

.koreaPage .footerWrapper {
    background-color: #5225b5;
}

.footerBottom {
    background-color: #451aa4;
}

.footerBottom .copyrightInfo {
    margin-top: 25px;
    margin-bottom: 15px;
}

.koreaPage .sustainabilityOuter {
    background-color: #5225b5;
}

.koreaPage .nav-link.meetUsBtn {
    text-align: center;
    background: #f01d1d;
    border-radius: 15px;
}

body.page-node-create_custom_page .dcatbannerForm .form-text {
    border: none;
    border-bottom: none;
    margin-bottom: 25px;
    padding: 5px 10px;
    border-radius: 0;
    width: 100%;
}


.koreaPage .dcatbannerCaption {
    margin-top: 89px;
}

body.page-events-cphi-japan-2023 .custom-form form {
    background-color: rgba(255, 255, 255, 1) !important;
    box-sizing: border-box;
    padding: 25px;
    border-radius: 30px !important;
}


/* section.fceBanner.japanBanner .container {
  max-width: 88% !important;
} */


@media (max-width: 991px) {
    .koreaPage .dcatNavbar .navbar-nav .nav-link {
        color: #000;
    }

    section.fceBanner.japanBanner .container {
        max-width: 100% !important;
    }

}


@media (max-width: 767px) {

    .fceBanner.koreaBanner {
        padding-bottom: 111px
    }
}


@media (max-width: 767px) {

    .koreaPage,
    .cphi-japanPage,
    .dcat-newyorkPage {
        text-align: center;
        margin-left: inherit !important;
        margin-right: inherit !important;
    }

    .japanBanner a.reserveBtn,
    .japanBanner button.reserveBtn {
        margin: 0 auto;
        margin-top: 0px;
    }

    .japanBanner .date,
    .japanBanner .place {
        display: block;
        max-width: 100%;
    }

    .japanBanner {
        padding-bottom: 100px;
    }

    .japanBanner .dcatbannerFormHead {
        background-color: #f0524c;
    }

    .cphi-japanPage .sustainabilityOuter h2,
    .dcat-newyorkPage .sustainabilityOuter h2 {
        justify-content: center;
    }

    #ourAchievementCasousel .item {
        width: 100%;
        display: block;
    }

    #ourAchievementCasousel .item .block:first-child {
        max-width: 100%;
    }

    #ourAchievementCasousel .owl-nav {
        top: 20%;
        width: calc(100% + 67px);
        left: -34px;
    }

    .ourAchievement {
        padding: 50px 0;
    }

    #ourAchievementCasousel .item .middleSec .block:first-child .textsec {
        padding: 20px 25px;
    }

    #ourAchievementCasousel .item .middleSec .block:last-child .textsec {
        padding: 20px 25px;
    }

    #ourAchievementCasousel .item .middleSec .block .textsec {
        width: 100%;
        height: 100%;
        min-height: 147px;
        left: 0px !important;
    }


    .dcat-newyorkPage #ourTeamCasousel {
        margin-top: 0px;
    }

    .dcat-newyorkPage .ourTeamHeading {
        margin-top: 0px;
    }

    .dcat-newyorkPage .owl-carousel {
        margin-top: 80px;
    }

    .dcat-newyorkPage .ourTeam {
        margin-top: 0px;
        background: #5f4b9f;
        padding: 50px 0px;
        margin: 50px 0px;
    }

    .dcat-newyorkPage .dcatbannerForm {
        width: 100%;
        margin-top: 64px;
    }

    .newyorkBanner .date,
    .newyorkBanner .place {
        color: #fff;
    }

    .dcat-newyorkPage .owl-carousel .owl-item img {
        display: block;
        width: auto;
        margin: 0 auto;
        text-align: center;
    }

    .dcat-newyorkPage .personDetails h3 {
        color: #fff;
    }

    .dcat-newyorkPage .personDetails p {
        color: #fff;
    }

    .dcat-newyorkPage .dcatbannerFormHead {
        margin-bottom: 60px;
    }

    .dcat-newyorkPage .ourAchievement .owl-carousel {
        margin-top: 0px;
    }

}

.dcatProfileMainWrapper h2 {
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 300;
    font-size: 28px;
    line-height: 34px;
    text-align: center;
    color: #502E92;
}

.dcatProfileBox {
    display: flex;
    margin-top: 34px;
}

.dcatProfileBox:nth-child(2) {
    display: flex;
    /* flex-direction: row-reverse; */
}

.dcatProfileImage {
    width: 27%;
    max-width: 290px;
    height: auto;
    background: linear-gradient(180deg, #5F49BF 24.7%, #3357CD 100%);
    padding: 51px;
}

.dcatProfileImage p {
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    margin-top: 24px
}

.dcatProfileDesc {
    width: 73%;
    height: auto;
    background-color: #E4F4F8;
    padding: 40px 60px;
}

.dcatProfileDesc h4 {
    font-size: 18px;
    color: #5F49BF;
    margin-bottom: 12px;
}

.dcatProfileDesc p {
    font-size: 16px;
    color: #122639;
}

.dcatProfileDesc ul li {
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 24px;
    position: relative;
    padding-left: 18px;
}

.dcatProfileDesc ul li::before {
    content: '';
    width: 7px;
    height: 7px;
    background-color: #222B91;
    border-radius: 7px;
    position: absolute;
    left: 0px;
    top: 3px;
}

.dcatProfileMainWrapper {
    max-width: 1088px;
    margin: 0 auto;
    margin-top: 50px;
}

.dcatProfileBox.right {
    flex-direction: row-reverse;
}

.dcatProfileImage img {
    width: 100%;
}

body.page-events-korea-science-day .footerContact li a {
    font-size: 14px;
}

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

    .dcatProfileBox,
    .dcatProfileMainWrapper .dcatProfileBox:nth-child(2) {
        display: block;
    }

    .dcatProfileImage {
        width: 100%;
        max-width: 100%;

    }

    .dcatProfileDesc {
        width: 100%;
    }

    .dcatProfileImage p {
        margin-bottom: 0px;
    }
}

.ui-dialog .ui-dialog-content {
    width: 100% !important;
}

.JapanBannerTop {
    width: 100% !important;
    display: block !important;
    font-size: 18px;
    font-family: "DRLCircular-Bold" !important;
    font-weight: bold;
}

.JapanBannerTop span.j1 {
    font-family: "DRLCircular-Bold" !important;
    font-size: 20px !important;
    color: #5225b5 !important;
}

.JapanBannerTop span.j2 {
    font-family: "DRLCircular-Bold" !important;
    font-size: 30px !important;
    color: #5225b5 !important;
}

.JapanBannerMid {
    width: 100% !important;
    display: block !important;

}

.JapanBannerMid span.j3 {
    font-family: "DRLCircular-Bold" !important;
    font-size: 30px !important;
    color: #010101 !important;
    margin-top: 10px !important;
}

.JapanBannerMid span.j4 {
    font-family: "DRLCircular-Bold" !important;
    font-size: 32px !important;
    color: #5225b5 !important;
    margin-bottom: 10px !important;
}

.JapanBannerBottom {
    width: 100% !important;
    display: block !important;
}

.JapanBannerBottom span {
    font-family: "DRLCircular-Bold" !important;
    font-size: 20px !important;
    color: #010101 !important;
    display: block !important;
    padding-left: 30px !important;
}

span.jDate {
    position: relative !important;
}

span.jDate::before {
    content: '';
    width: 12px;
    height: 13px;
    position: absolute;
    background: url(../images/tokyo-date.png) no-repeat;
    left: 0px;
    top: 4px;
}

span.jPlace {
    position: relative;
}

span.jPlace::before {
    content: '';
    position: absolute;
    width: 12px;
    height: 18px;
    background: url(../images/tokyo-place.png) no-repeat;
    left: 0px;
    top: 0px;
}

@media (max-width: 650px) {}

@media (max-width: 480px) {
    .JapanBannerTop {
        color: #fff !important;
    }

    .JapanBannerTop p {
        color: #fff !important;
    }

    .JapanBannerBottom span {
        font-size: 15px !important;
        color: #000 !important;
        padding-left: 18px !important;
        color: #fff !important;
    }

    .JapanBannerMid span.j4 {
        font-size: 16px !important;
        color: #fff !important;
    }

    .JapanBannerMid span.j3 {
        font-size: 16px !important;
        color: #fff !important;
    }

    .JapanBannerTop span.j2 {
        font-size: 16px !important;
        color: #fff !important;
    }

    .JapanBannerTop span.j1 {
        font-size: 16px !important;
        color: #fff !important;
    }

    #homeBanner .item .mycon h2,
    #homeBanner .item .mycon div.h2 {
        margin-top: 30px !important;
        color: #fff !important;
    }

    span.jDate::before {
        background: url(../images/tokyo-date-white.png) no-repeat;
    }

    span.jPlace::before {
        background: url(../images/tokyo-place-white.png) no-repeat;
    }

    .AboutCPHIJapan .circle {
        max-width: 100% !important;
        border-radius: 0px !important;
    }

    #ourTeamCasousel {
        margin-top: 60px;
        margin-right: 24px;
        margin-left: 24px;
    }

    .japanBanner .dcatbannerCaption {
        margin-top: 50px;
        padding: 0 24px;
    }

    body.page-events-cphi-china-2023 section .container {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    .sustainabilityOuter {
        padding: 50px 24px;
        text-align: center;
    }

    .cphi-japanPage .sustainabilityOuter h2 {
        justify-content: center;
    }

    .ourAchievement {
        padding: 50px 0;
    }

    .japanBanner.chinaBanner {
        background-size: 100% 132% !important;
        padding-bottom: 95px !important;
    }

    .japanBanner.chinaBanner .dcatbannerFormHead {
        margin-top: 0px;
    }

    .cphi-japanPage .dcatAboutSec.fce {
        margin-top: 0px;
        padding: 48px 24px;
    }

    .cphi-japanPage.cphi-chinaPage .footerWrapper {
        background-size: 100% 100% !important;
    }

    .cphi-japanPage .footerWrapper {
        background-size: 100% 100% !important;
    }
}

.DcatBannerTop {
    width: 100% !important;
    display: block !important;
    font-size: 18px;
    font-family: "DRLCircular-Bold" !important;
    font-weight: normal;
}

.DcatBannerTop span.dcat1 {
    font-family: "DRLCircular-Bold" !important;
    font-size: 60px !important;
    color: #5225b5 !important;
}

.DcatBannerTop span.dcat2,
.DcatBannerTop span.dcat3 {
    font-family: "DRL Circular Book" !important;
    font-size: 32px !important;
    line-height: 34px !important;
    color: #000000 !important;
    font-weight: normal !important;
}

.DcatbannerText.sustainibilityBanner span.dcat2,
.DcatbannerText.sustainibilityBanner span.dcat3 {
    font-family: "DRLCircular-Bold" !important;
    font-size: 42px !important;
    line-height: 50px !important;
    color: #5225b5 !important;
    font-weight: bold !important;
    text-transform: none !important;
}

.DcatBannerMid {
    width: 100% !important;
    display: block !important;
    margin-top: 8px !important;

}

.DcatBannerMid span.dcat4 {
    font-family: "DRLCircular-Bold" !important;
    font-size: 26px !important;
    font-weight: bold !important;
    color: #5225b5 !important;
    margin-top: 10px !important;
    margin-bottom: 30px !important;
}

.DcatBannerMid span.dcat4 strong {
    color: #000 !important;
}

.DcatBannerMid.sustainibility p {
    font-family: "DRLCircular-Book" !important;
    color: #000 !important;
    font-size: 22px !important;
    line-height: 28px !important;
    margin-top: 15px;
}

.DcatBannerMid.sustainibility p span {
    font-family: "DRLCircular-Bold" !important;
    color: #5225b5 !important;
    font-size: 22px !important;
    line-height: 28px !important;
    float: none !important;
}

.DcatBannerBottom {
    width: 100% !important;
    display: block !important;
    max-width: 480px !important;
    margin: 5px 0px 25px !important;
}

.DcatBannerBottom span {
    font-family: "DRL Circular Book" !important;
    font-size: 18px !important;
    color: #010101 !important;
    display: block !important;
    padding-left: 30px !important;
}

span.dcatDate {
    position: relative !important;
    margin-bottom: 10px;
}

span.dcatDate::before {
    content: '';
    width: 40px;
    height: 40px;
    position: absolute;
    background: url(../images/dcat-calender.png) no-repeat;
    background-size: 20px;
    left: 0px;
    top: 4px;
}

span.dcatPlace {
    position: relative;
}

span.dcatPlace::before {
    content: '';
    position: absolute;
    width: 40px;
    height: 40px;
    background: url(../images/dcat-location.png) no-repeat;
    background-size: 20px;
    left: 0px;
    top: 0px;
}

.DcatBannerTop {
    margin-top: 30px;
}




@media screen and (max-width: 480px) {
    .DcatBannerBottom {
        margin-bottom: 0px !important;
    }

    .DcatBannerBottom span {
        font-size: 15px !important;
        color: #fff !important;
        padding-left: 25px !important;
    }

    .DcatBannerMid span.dcat4 {
        font-size: 16px !important;
        margin: 0px !important;
        color: #fff !important;
    }

    .DcatBannerMid span.dcat4 strong {
        color: #fff !important;
    }

    .DcatBannerTop span {
        color: #fff !important;
    }

    .DcatBannerTop span.dcat3 {
        font-size: 16px !important;
        color: #fff !important;
        margin: 0px !important;
        line-height: 18px !important;
    }

    .DcatBannerTop span.dcat2 {
        font-size: 16px !important;
        color: #fff !important;
        margin: 0px !important;
        line-height: 18px !important;
    }

    .DcatBannerTop span.dcat1 {
        font-size: 20px !important;
        color: #fff !important;
        margin: 0px !important;
        line-height: 24px !important;
    }

    .DcatBannerTop {
        line-height: 22px !important;
        margin-bottom: 10px !important;
    }

    span.dcatDate::before {
        filter: invert(1) brightness(100) !important;
    }

    span.dcatPlace::before {
        filter: invert(1) brightness(100) !important;
    }



    .DcatBannerBottom.cphiJapan2024.milan2024 span.dcatDate::before {
        filter: none !important;
    }

    .DcatBannerBottom.cphiJapan2024.milan2024 span.dcatPlace::before {
        filter: none !important;
    }

    .DcatbannerText {
        padding-top: 10px !important;
    }

    .DcatBannerTop {
        margin-top: 0px;
    }
}

.footerWrapper .accordion-header .accordion-button.collapsed::after {
    background-image: none !important;
}

#homeBanner .item .mycon a.knowMore {
    margin-top: 80px !important;
}

body.page-prfrdrdrp-login .disclaimerWrapper .innerDisclaimer {
    padding: 0px 10px !important;
}

form#user-login-form {
    max-width: 800px !important;
    margin: 0 auto !important;
    text-align: center !important;
}

body.page-prfrdrdrp-login form#user-login-form input {
    height: 50px !important;
    margin-top: 15px !important;
}

body.page-prfrdrdrp-login input#edit-submit {
    background-color: #5f4ba0 !important;
    border-color: #5f4ba0 !important;
    border: 2px solid #5f4ba0 !important;
    height: 50px;
    border-radius: 25px !important;
    color: #fff !important;
    font-size: 16px !important;
    width: 150px !important;
    font-weight: bold !important;
}

table.cols-7.sticky-enabled.sticky-table {
    width: 100% !important;
}

form#views-exposed-form-generic-formulation-block-1 div {
    min-width: 256px !important;
}

body.path-product.page-product .disclaimer-text-api {
    z-index: 999999 !important;
    text-align: center !important;
}

.disclaimer-text-api {
    position: fixed;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 674px;
    height: auto;
    color: #fff;
    padding: 6px;
    box-sizing: border-box;
    font-size: 9px !important;
    line-height: 13px;
    bottom: 0;
    z-index: 999999 !important;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px 1px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: #6940b7;
    background: -moz-linear-gradient(left, #6940b7 0%, #33c8f5 100%);
    background: -webkit-linear-gradient(left, #6940b7 0%, #33c8f5 100%);
    background: linear-gradient(to right, #6940b7 0%, #33c8f5 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#6940b7', endColorstr='#33c8f5', GradientType=1);
    text-align: center !important;
}

.disclaimer-text-api p {
    font-size: 10px !important;
    line-height: 12px !important;
    color: #fff !important;
    margin-bottom: 0;
    text-align: center;
}

.dcatPage.dcat-2024 .dcatsustainabilityBox {
    box-shadow: none;
}

.dcatPage.dcat-2024 .footerWrapper {
    background-color: #250a4e;
}

.dcatPage.dcat-2024 .achivementSec {
    background: url(../images/achivement-bg.jpg) repeat-y;
    padding: 60px 0px;
    background-size: 100% !important;
}

.dcatPage.dcat-2024 .achivementSec h2 {
    color: #fff !important;
}

.dcatPage.dcat-2024 .achivementWrapper {
    margin-top: 40px;
}

.dcatPage.dcat-2024 .capabilitiesMapBg {
    background-color: #fff !important;
}


.dcatPage.dcat-2024 .sustainabilityOuter {
    background: url(../images/japan-sustainability-bg.webp) no-repeat;
    background-size: cover;
    margin-top: 50px;
}

.dcatPage.dcat-2024 .sustainabilityOuter .learMoreBtn.lessIcon {
    background-color: transparent;
    width: 239px;
    height: 38px;
    border-radius: 20px;
    border: 1px solid #ff18f7;
    color: #fff;
    text-transform: uppercase;
}

.dcatPage.dcat-2024 a.learMoreBtn {
    background-color: #150944;
    text-transform: uppercase;
}

.dcatPage.dcat-2024 a.learMoreBtn span {
    line-height: 44px;
}

.dcatPage.dcat-2024 .dcatbannerFormHead {
    background-color: #fff;
    color: #000;
    text-align: left;
    padding: 0 35px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

body.page-events-dcat-2024 .dcatPage.dcat-2024 .fceBanner .dcatbannerForm {
    background-color: #fff;
}

body.page-events-dcat-2024 .dcatPage.dcat-2024 .dcatbannerForm .form-control {
    border: 1px solid #ccc !important;
    margin-bottom: 15px;
    padding-left: 15px;
    border-radius: 5px;
    height: 50px;

}

body.page-events-dcat-2024 .dcatPage.dcat-2024 .fceBanner .dcatbannerForm {
    padding: 0px 35px 30px !important;
}


body.page-events-dcat-2024 .dcatBookedBtn {
    width: 100%;
    height: 50px;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 4px;
}

img.dcatmeetus {
    width: 268px;
}

.dcat-placeWrap {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    color: #fff;
}

.dcat-placeWrap .place {
    max-width: 444px;
}

.dcat-placeWrap img {
    width: auto !important;
    height: 25px !important;
}





.dcatPage.dcat-2024 .fceBanner a.reserveBtn,
.dcatPage.dcat-2024 .fceBanner button.reserveBtn {
    width: auto;
    height: 46px;
    background-color: #fdaf16;
    color: #000;
    display: block;
    line-height: 46px;
    padding: 0 20px;
    font-size: 18px;
    font-family: "DRLCircular-Bold";
    text-decoration: none;
    border: none;
    outline: none;
    text-align: left;
    max-width: 248px;
    border-radius: 0;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 25px;
}

body.page-events-dcat-2024 .dcatPage.dcat-2024 .fceBanner,
body.page-events-dcat-2024-success .dcatPage.dcat-2024 .fceBanner {
    background: url(../images/dcat-2024-banner.jpg) no-repeat center top #fff !important;

}

body.page-events-dcat-2024-success .aboutdcatBox {
    padding: 35px 50px 35px;
    margin-top: 0px;
    margin-bottom: 30px;
}

body.page-events-dcat-2024-success a.learMoreBtn,
body.page-events-dcat-2024-success button.learMoreBtn {
    max-width: 178px;
}

body.page-events-dcat-2024 .dcatPage.dcat-2024 .dcatAboutSec {
    min-height: auto !important;
}

body.page-events-dcat-2024 .dcatAboutBottom {
    background: url(../images/about-bottom-bg.jpg) repeat-y !important;
    background-size: cover;
    padding: 80px 0px;
}

body.page-events-dcat-2024 .aboutBottomBoxWrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 30px;
}

.aboutBottomBox {
    max-width: 370px;
    padding: 50px 15px;
    text-align: center;
    background: #0a121a61;
    display: flex;
    flex-direction: column;
    height: auto;
    min-height: 352px;
}

.aboutBottomBox h4 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 15px;
}

.aboutBottomBox p {
    color: #fff;
    font-size: 16px;
    line-height: 21px;
}

body.page-events-dcat-2024 .js-form-item.form-item.js-form-type-textfield.form-item-field-first-name.js-form-item-field-first-name input {
    width: 100%;
    border: 1px solid #ccc !important;
    height: 45px;
    margin-bottom: 10px !important;
}

body.page-events-dcat-2024 .mobile-number-field .country-select .prefix,
body.page-events-dcat-2024 .js-form-item.form-item.js-form-type-email.form-item-field-work-email.js-form-item-field-work-email input {
    border: 1px solid #ccc !important;
    height: 45px;
    margin-bottom: 10px !important;
}

body.page-events-dcat-2024 .js-form-item.form-item.js-form-type-textfield.form-item-field-organization.js-form-item-field-organization input {
    border: 1px solid #ccc !important;
    height: 45px;
    margin-bottom: 10px !important;
}

body.page-events-dcat-2024 .custom-form form {
    background-color: #fff !important;
    width: 375px !important;
    margin-top: -1px;
    padding: 0px 25px 25px !important;
}

body.page-events-dcat-2024 .dcatbannerForm .form-text {
    border: 1px solid #ccc !important;
    height: 45px;
    margin-bottom: 10px !important;
}

body.page-events-dcat-2024 .mobile-number-field .country-select {
    height: auto;
    align-items: center;
    display: flex;
}

body.page-events-dcat-2024 .mobile-number-field .country-select .prefix {
    line-height: 45px;
    border: none !important;
}

body.page-events-dcat-2024 .dcatbannerCaption {
    margin-top: 50px;
}

.dcatPage.dcat-2024 .capabilitiesMapBg {
    margin-top: 0px !important;
    padding-top: 0px !important;
}

a.nav-link.no-sep::after {
    display: none !important;
}

.scrollOff {
    overflow: hidden !important;
}

.speeakersBox a {
    display: none;
}

.deskMidFooter ul {
    display: flex;
    flex-wrap: wrap;

}


.dcatLandingbannerForm input:-internal-autofill-selected {
    background-color: transparent !important;
}

/* .dcatLandingbannerForm option{
color: #fff !important;
} */
select#edit-field-product--2 option {
    color: #fff !important;
}

div#edit-field-product-wrapper--2 select option {
    color: #fff !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: #ffffff !important;
    transition: background-color 5000s ease-in-out 0s !important;
    box-shadow: inset 0 0 20px 20px #23232329 !important;
}

button.dcatDownBtn:focus {
    border: none !important;
    outline: none !important;
}


.mobile-number-field .country-select select option {
    color: #000 !important;
}

.dcatLandingbannerForm div#edit-field-product-wrapper option {
    color: #fff !important;
}

button.dcatCloseBtn {
    margin-top: 7px !important;
    position: absolute;
    right: -141px !important;
    width: 40px !important;
    padding: 0px;
    display: flex;
}

button.dcatCloseBtn:focus {
    border: none !important;
    outline: none !important;
}

body.page-form-contact-us-product div#edit-actions {
    margin-left: auto;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}

body.page-form-contact-us-product div#edit-actions {
    margin-left: auto !important;
}

body.page-form-contact-us-product div#edit-processed-text {
    margin-left: auto;
    margin: 0 auto;
}


div#edit-actions--25 {
    margin-top: 0px;
}

body.path-meet-api-product-expert header {
    margin-top: 0px !important;
}


/*CPHI Japan 2024*/
body.page-events-cphi-japan-2024 .dcatPage.dcat-2024.cphi-japan-2024 .fceBanner,
body.page-events-cphi-japan-2024-success .dcatPage.dcat-2024.cphi-japan-2024 .fceBanner {
    background: url(../images/cphi-japan-2024-banner.png) no-repeat center top #fff !important;
    background-size: 100% 100% !important;

}

body.page-events-cphi-japan-2024 .dcatbannerCaption,
body.page-events-cphi-japan-2024-success .dcatbannerCaption {
    margin-top: 0px !important;
}

body.page-events-cphi-japan-2024 .fceBanner .dcatbannerCaption h1 span,
body.page-events-cphi-japan-2024-success .fceBanner .dcatbannerCaption h1 span {
    display: block;
}

body.page-events-cphi-japan-2024 .fceBanner .dcatbannerCaption h1,
body.page-events-cphi-japan-2024-success .fceBanner .dcatbannerCaption h1 {
    font-size: 41px;
    font-family: "DRLCircular-Black";
    color: #000;
    line-height: 50px;
    margin-bottom: 30px;
    font-weight: bold;
}

.dcatPage.dcat-2024.cphi-japan-2024 .date,
.dcatPage.dcat-2024.cphi-japan-2024 .place {
    color: #000;
    font-weight: bold;
}

.dcatPage.dcat-2024.cphi-japan-2024 .dcat-placeWrap {
    color: #000;
}

.dcatPage.dcat-2024.cphi-japan-2024 .dcat-placeWrap .place {
    max-width: 376px !important;
}


body.page-events-cphi-japan-2024 .custom-form form {
    background-color: #fff !important;
    width: 375px !important;
    margin-top: -1px;
    padding: 0px 25px 25px !important;
}

body.page-events-cphi-japan-2024 .dcatbannerForm .form-text {
    border: 1px solid #ccc !important;
    height: 45px;
    margin-bottom: 10px !important;
}

body.page-events-cphi-japan-2024 .mobile-number-field .country-select {
    height: auto;
    align-items: center;
    display: flex;
}

body.page-events-cphi-japan-2024 .mobile-number-field .country-select .prefix {
    line-height: 45px;
    border: none !important;
}

.dcatPage.dcat-2024.cphi-japan-2024 .dcatbannerCaption h1 span,
.dcatPage.dcat-2024.cphi-japan-2024 .dcatbannerCaption h2 span {
    font-size: 40px;
    line-height: 50px;
}

.dcatPage.dcat-2024.cphi-japan-2024 .fceBanner .dcatbannerCaption h1 img {
    max-width: 300px;
    height: auto;
}

body.page-events-cphi-japan-2024 .dcatBookedBtn {
    width: 100%;
    height: 50px;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 4px;
}


body.page-events-cphi-japan-2024 .js-form-item.form-item.js-form-type-email.form-item-field-work-email.js-form-item-field-work-email input {
    border: 1px solid #ccc !important;
    height: 45px;
    margin-bottom: 10px !important;
}

.dcatAboutSec.aboutCphiJapan.fce {
    background: url(../images/about-cphi-japan-2024-bg.png) no-repeat center center;
    background-size: 100% 100%;

}

body.page-events-cphi-japan-2024 .dcatsustainabilityBox.fce {
    background-color: transparent !important;
    background: none;
}

body.page-events-cphi-japan-2024 .dcatsustainabilityBox.fce h2 {
    text-align: center;
}

body.page-events-cphi-japan-2024 ul.socialFooterIcon {
    margin-top: -22px;
}

body.page-events-cphi-japan-2024 .footerLogo p {
    color: #fff;
    margin-bottom: 0px;
}

body.page-events-cphi-japan-2024 .footerLogo span {
    margin-top: 0px;
    color: #fff;
}

body.page-events-cphi-japan-2024 section#About-Us img {
    border: 1px solid #5225b5;
    padding: 20px 30px;
}

/* .footerContact li a img {
  height: auto !important;
} */

.dcatAboutSec.aboutCphiJapan.fce p {
    color: #000;
}

.dcatAboutSec.aboutCphiJapan.fce ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 20px;
}

.dcatAboutSec.aboutCphiJapan.fce ul li::before {
    content: '';
    position: absolute;
    left: 0px;
    top: 6px;
    width: 13px;
    height: 11px;
    background: url(../images/cphi-japan-bullet.png) no-repeat;
    background-size: 13px;
    display: block;
}

body.page-events-cphi-japan-2024 .dcatNavbar .navbar-nav .nav-link.no-sep::after {
    display: none;
}

@media (max-width: 480px) {

    /*cphi Japan 2024*/

    body.page-events-cphi-japan-2024 #cphi-owl-one .owl-nav button.owl-prev {
        left: 14px !important;
    }

    body.page-events-cphi-japan-2024 #cphi-owl-one .owl-nav button.owl-next {
        right: 13px;
        z-index: 99999;
    }

    body.page-events-cphi-japan-2024 .dcatbannerCaption img {
        max-width: 90%;
        height: auto;
    }

    body.page-events-cphi-japan-2024 #cphi-owl-one .owl-nav {
        display: block;
        top: 61%;
    }

    body.page-events-cphi-japan-2024 .dcatsustainabilityBox.fce {
        margin-bottom: 0px !important;
    }

    body.page-events-cphi-japan-2024 .dcatPage.dcat-2024.cphi-japan-2024 .navbar .container,
    body.page-events-cphi-japan-2024-success .dcatPage.dcat-2024.cphi-japan-2024 .navbar .container {
        padding-left: 24px;
        padding-right: 24px;

    }

    body.page-events-cphi-japan-2024 .bannerBox,
    body.page-events-cphi-japan-2024-success .bannerBox {
        /* padding: 0 24px !important; */
        box-sizing: border-box !important;
    }

    body.page-events-cphi-japan-2024 .navbar-brand img {
        width: 150px;
        margin-top: 9px;
        height: auto;
    }

    body.page-events-cphi-japan-2024 .dcat-placeWrap {
        display: block;
    }

    body.page-events-cphi-japan-2024 .dcat-placeWrap div:nth-child(2) {
        display: none;
    }

    body.page-events-cphi-japan-2024 .custom-form form {
        width: 100% !important;
        margin-left: 0px !important;
    }

    .dcatPage.dcat-2024.cphi-japan-2024 .dcatbannerCaption h1 span {
        font-size: 26px;
        line-height: 36px;
        padding-right: 50px;
    }

    body.page-events-cphi-japan-2024 .dcatPage.dcat-2024.cphi-japan-2024 .fceBanner,
    body.page-events-cphi-japan-2024-success .dcatPage.dcat-2024.cphi-japan-2024 .fceBanner {
        padding-top: 40px !important;

    }

    body.page-events-cphi-japan-2024 .dcatAboutSec.fce {
        padding-top: 0px;
    }

    body.page-events-cphi-japan-2024 .capabilitiesMapBg img {
        width: 100%;
        height: auto;
    }

    body.page-events-cphi-japan-2024 button.navbar-toggler {
        position: absolute;
        right: 48px;
        top: 20px;
    }

    body.page-events-cphi-japan-2024 .dcatPage.dcat-2024 .dcatbannerFormHead {

        margin-bottom: 50px;
    }

    .dcatPage.dcat-2024.cphi-japan-2024 .dcat-placeWrap {
        display: block !important;
    }

    body.page-events-cphi-japan-2024 .dcat-placeWrap div:nth-child(2) {
        display: none;
    }

    body.page-events-cphi-japan-2024 .footerLogo ul {
        display: block;
    }

    body.page-events-cphi-japan-2024 .footerLogo ul li:last-child {
        margin-left: 0px;
        border-left: none;
        padding-left: 0;
        padding-top: 10px;
    }

    .dcatPage.dcat-2024.cphi-japan-2024 section.fceBanner .container {
        padding-left: 24px !important;
        padding-right: 24px !important;
        width: 90% !important;
    }


}


.DcatBannerTop.cphiJapan2024 span.dcat1 {
    width: 100%;
    display: block;
}

.DcatBannerTop.cphiJapan2024 span.dcat1 img {
    width: 350px !important;
    margin-bottom: 15px;
}

.DcatBannerTop.cphiJapan2024 span.dcat2 {
    width: 100%;
}

.DcatBannerTop.cphiJapan2024 span.dcat2,
.DcatBannerTop.cphiJapan2024 span.dcat3 {
    font-family: "DRL Circular Book" !important;
    font-size: 42px !important;
    line-height: 45px !important;
    color: #5225b5 !important;
    font-weight: bold !important;
}

.DcatBannerTop.cphiJapan2024.milan2024 div.dcat2,
.DcatBannerTop.cphiJapan2024.milan2024 div.dcat3 {
    font-family: "DRL Circular Book" !important;
    font-size: 35px !important;
    line-height: 35px !important;
    color: #5225b5 !important;
    font-weight: 400 !important;
}

.DcatBannerMid.cphiJapan2024.milan2024 span.dcat4 {
    font-size: 23px !important;
    text-transform: none;
    color: #000 !important;
    font-weight: normal !important;
}

.DcatBannerMid.cphiJapan2024.milan2024 span.dcat4 strong {
    color: #5225b5 !important;
    font-weight: 900;
}

.DcatBannerTop.cphiJapan2024.milan2024 div.dcat3 {
    display: flex;
    align-items: center;
    gap: 10px;
}

.DcatBannerTop.cphiJapan2024.milan2024 div.dcat3 div {
    display: flex;
    align-items: center;
    gap: 20px;
}

.DcatBannerTop.cphiJapan2024.milan2024 div.dcat3 p {
    margin-bottom: 0px;
    font-family: "DRL Circular Book" !important;
    font-size: 35px !important;
    line-height: 35px !important;
    color: #5225b5 !important;
    font-weight: bold !important;
}

.DcatBannerTop.cphiJapan2024.milan2024 span.dcat1 img {
    width: 197px !important;
    margin-bottom: 5px;
}

.DcatBannerBottom.cphiJapan2024.milan2024 {
    margin-bottom: 0px !important;
}

.DcatBannerBottom.cphiJapan2024.milan2024 span.dcat4 {
    margin-bottom: 8px !important;
}



.DcatBannerMid.cphiJapan2024 span.dcat4 {
    font-size: 24px !important;
    margin-top: 10px !important;
    margin-bottom: 15px !important;
}

a.knowMore.cphiBtn.redButtenBox.redButten {
    background: #5225b5 !important;
    border-color: #5225b5 !important;
    font-weight: bold;
}

/* a.knowMore {
    background: #f0504b !important;
    border-color: #f0504b !important;
  } */

a.knowMore.cphiBtn {
    background: #5225b5 !important;
    border-color: #5225b5 !important;
    font-weight: bold;
}

a.knowMore.cphiBtn.redButten {
    background: #5225b5 !important;
    border-color: #5225b5 !important;
}

sup {
    font-size: small !important;
}


.dcatbannerForm input[type='text'],
.dcatbannerForm input[type='email'],
.dcatbannerForm input[type='number'],
.dcatbannerForm select,
.dcatbannerForm textarea {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.dcatLandingbannerForm input[type='text'],
.dcatLandingbannerForm input[type='email'],
.dcatLandingbannerForm input[type='number'],
.dcatLandingbannerForm select,
.dcatLandingbannerForm textarea {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

form#user-login-form input {
    margin: 8px 0px;
}

/*CPHI China 2024*/



body.page-events-cphi-china-2024 .dcatBookedBtn {
    background-color: #5225b5 !important;
}

body.page-events-cphi-china-2024 .dcatPage.dcat-2024 a.learMoreBtn {
    background-color: #5225b5 !important;
}

body.page-events-cphi-china-2024 .dcatsustainabilityBox.fce img {
    max-width: 200px;
    margin-bottom: 15px;
}

body.page-events-cphi-china-2024 .qContact {
    display: none !important;
}

body.page-events-cphi-china-2024 .nav-link.meetUsBtn,
body.page-events-cphi-china-2024-success .nav-link.meetUsBtn {
    background-color: #f0504b !important;
}


body.page-events-cphi-china-2024 .dcatNavbar.statickHeader {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
}

body.page-events-cphi-china-2024 .dcatNavbar.statickHeader+section.fceBanner {
    margin-top: 89.4px;
}

body.page-events-cphi-china-2024 .dcatPage.dcat-2024.cphi-japan-2024 .fceBanner,
body.page-events-cphi-china-2024-success .dcatPage.dcat-2024.cphi-japan-2024 .fceBanner {
    background: url(../images/china-2024-banner.png) no-repeat center top #fff !important;
    background-size: 100% 100% !important;
    padding-top: 40px;
    padding-bottom: 120px;

}

body.page-events-cphi-china-2024 .dcatAboutSec.aboutCphiJapan.fce {
    background: url(../images/china-2024-about-bg.png) no-repeat center center;
    background-size: 100% 100%;
}

body.page-events-cphi-china-2024 .dcatbannerCaption,
body.page-events-cphi-china-2024-success .dcatbannerCaption {
    margin-top: 0px !important;
}

body.page-events-cphi-china-2024 .fceBanner .dcatbannerCaption h1 span,
body.page-events-cphi-china-2024 .fceBanner .dcatbannerCaption h2 span,
body.page-events-cphi-china-2024-success .fceBanner .dcatbannerCaption h1 span {
    display: block;
}

body.page-events-cphi-china-2024 .fceBanner .dcatbannerCaption h1,
body.page-events-cphi-china-2024 .fceBanner .dcatbannerCaption h2,
body.page-events-cphi-china-2024-success .fceBanner .dcatbannerCaption h1 {
    font-size: 41px;
    font-family: "DRLCircular-Black";
    color: #000;
    line-height: 50px;
    margin-bottom: 30px;
    font-weight: bold;
}



body.page-events-cphi-china-2024 .custom-form form {
    background-color: #fff !important;
    width: 375px !important;
    margin-top: -1px;
    padding: 0px 25px 25px !important;
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}

body.page-events-cphi-china-2024 .dcatbannerForm .form-text {
    border: 1px solid #ccc !important;
    height: 45px;
    margin-bottom: 10px !important;
}

body.page-events-cphi-china-2024 .mobile-number-field .country-select {
    height: auto;
    align-items: center;
    display: flex;
}

body.page-events-cphi-china-2024 .mobile-number-field .country-select .prefix {
    line-height: 45px;
    border: none !important;
}



body.page-events-cphi-china-2024 .dcatBookedBtn {
    width: 100%;
    height: 50px;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 4px;
}


body.page-events-cphi-china-2024 .js-form-item.form-item.js-form-type-email.form-item-field-work-email.js-form-item-field-work-email input {
    border: 1px solid #ccc !important;
    height: 45px;
    margin-bottom: 10px !important;
}



body.page-events-cphi-china-2024 .dcatsustainabilityBox.fce {
    background-color: transparent !important;
    background: none;
}

body.page-events-cphi-china-2024 .dcatsustainabilityBox.fce h2 {
    text-align: center;
}

body.page-events-cphi-china-2024 ul.socialFooterIcon {
    margin-top: -22px;
}

body.page-events-cphi-china-2024 .footerLogo p {
    color: #fff;
    margin-bottom: 0px;
}

body.page-events-cphi-china-2024 .footerLogo span {
    margin-top: 0px;
    color: #fff;
}

body.page-events-cphi-china-2024 section#About-Us img {
    border: 1px solid #5225b5;
    padding: 20px 30px;
}





body.page-events-cphi-china-2024 .dcatNavbar .navbar-nav .nav-link.no-sep::after {
    display: none;
}

@media (max-width: 480px) {

    /*cphi China 2024*/

    body.page-events-cphi-china-2024 .dcatNavbar.statickHeader+section.fceBanner {
        margin-top: 82.4px;
    }

    body.page-events-cphi-china-2024 #cphi-owl-one .owl-nav button.owl-prev {
        left: 14px !important;
    }

    body.page-events-cphi-china-2024 #cphi-owl-one .owl-nav button.owl-next {
        right: 13px;
        z-index: 99999;
    }

    body.page-events-cphi-china-2024 .dcatbannerCaption img {
        max-width: 90%;
        height: auto;
    }

    body.page-events-cphi-china-2024 #cphi-owl-one .owl-nav {
        display: block;
        top: 61%;
    }

    body.page-events-cphi-china-2024 .dcatsustainabilityBox.fce {
        margin-bottom: 0px !important;
    }

    body.page-events-cphi-china-2024 .dcatPage.dcat-2024.cphi-japan-2024 .navbar .container,
    body.page-events-cphi-china-2024-success .dcatPage.dcat-2024.cphi-japan-2024 .navbar .container {
        padding-left: 24px;
        padding-right: 24px;

    }

    body.page-events-cphi-china-2024 .bannerBox,
    body.page-events-cphi-china-2024-success .bannerBox {
        /* padding: 0 24px !important;
    box-sizing: border-box !important; */
    }

    body.page-events-cphi-china-2024 .navbar-brand img {
        width: 150px;
        margin-top: 9px;
        height: auto;
    }

    body.page-events-cphi-china-2024 .dcat-placeWrap {
        display: block;
    }

    body.page-events-cphi-china-2024 .dcat-placeWrap div:nth-child(2) {
        display: none;
    }

    body.page-events-cphi-china-2024 .custom-form form {
        width: 100% !important;
        margin-left: 0px !important;
    }


    body.page-events-cphi-china-2024 .dcatPage.dcat-2024.cphi-japan-2024 .fceBanner,
    body.page-events-cphi-china-2024-success .dcatPage.dcat-2024.cphi-japan-2024 .fceBanner {
        padding-top: 40px !important;

    }

    body.page-events-cphi-china-2024 .dcatAboutSec.fce {
        padding-top: 0px;
    }

    body.page-events-cphi-china-2024 .capabilitiesMapBg img {
        width: 100%;
        height: auto;
    }

    body.page-events-cphi-china-2024 button.navbar-toggler {
        position: absolute;
        right: 48px;
        top: 20px;
    }

    body.page-events-cphi-china-2024 .dcatPage.dcat-2024 .dcatbannerFormHead {

        margin-bottom: -8px;
    }


    body.page-events-cphi-china-2024 .dcat-placeWrap div:nth-child(2) {
        display: none;
    }

    body.page-events-cphi-china-2024 .footerLogo ul {
        display: block;
    }

    body.page-events-cphi-china-2024 .footerLogo ul li:last-child {
        margin-left: 0px;
        border-left: none;
        padding-left: 0;
        padding-top: 10px;
    }


}


@media (min-width: 768px) and (max-width: 1024px) {
    .dcatPage.dcat-2024.cphi-japan-2024 .dcatbannerCaption h1 span {
        font-size: 28px;
        line-height: 30px;
    }

    body.page-events-cphi-china-2024 .fceBanner .dcatbannerCaption h1,
    body.page-events-cphi-china-2024 .fceBanner .dcatbannerCaption h2 {
        margin-bottom: 10px;
    }

    body.page-events-cphi-china-2024 .dcatbannerCaption img {
        max-width: 300px;
        height: auto;
    }

    body.page-events-cphi-china-2024 .fceBanner .dcatbannerCaption p {
        margin-bottom: 10px;
    }

    body.page-events-cphi-china-2024 .fceBanner {
        padding-top: 30px;
    }

    body.page-events-cphi-china-2024 button.navbar-toggler {
        position: absolute;
        right: 20px;
        top: 5px;
    }

    body.page-events-cphi-china-2024 .navbar-brand {
        margin-top: 15px;
    }


    .newEventSection {
        padding: 48px 24px;
    }

}


body.page-form-contact .contact-us-form {
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 5px 0 rgba(177, 95, 95, 0.3);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    padding: 35px 20px;
    margin-bottom: 25px;
    width: 100%;
}

body.page-form-contact .webform-submission-form .form-select {
    width: 90%;
}

body.page-form-contact #edit-processed-text h6 {
    background-color: #5f4ba0;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 25px;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    font-size: 18px;
}

body.page-form-contact #edit-processed-text h6 a {
    color: #fff;
}

body.page-form-contact .contact-us-form .js-form-item.form-item.js-form-type-checkbox {
    margin-left: 20px !important;
}

body.page-form-contact .g-recaptcha.custom- {
    margin-left: 20px;
}

/* .formulationtabHead .brochureBtn {
  display: none;
} */


body.page-thank-you header {
    margin-top: 0px !important;
}

body.page-thank-you .aboutdcatBox {
    padding: 0px 50px !important;
    box-shadow: none !important;
    margin-top: 0px !important;
    max-width: 990px;
    margin: 0 auto;
}

body.page-thank-you .fceBanner {
    background: none !important;
}

body.page-thank-you .disclaimerWrapper {
    display: none !important;
}

body.page-thank-you section.innerPageBanner.productBanner {
    background: url(../images/thankyou-banner-bg.webp) no-repeat center center;
    background-size: cover;
}

body.page-thank-you .successInfo p {
    font-weight: bold;
    margin-bottom: 0px !important;
}

body.page-thank-you p.shortInfoSuccess {
    font-size: 20px !important;
    line-height: 30px;
    font-weight: normal;
}

body.page-thank-you .innerPageBanner::after {
    display: none !important;
}

body.page-thank-you .fceBanner {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}


/*New Css For Site Revamp*/

.newFooter .deskMidFooter ul {
    flex-direction: column !important;
}

.newFooter nav#block-reddy-footer ul li {
    width: 100% !important;
}







/*New Product Details Page CSS*/

.newProductPage h2 {
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 450;
    font-size: 37px;
    line-height: 46px;
    text-align: center;
    text-transform: capitalize;
    color: #502E92;
}


.newProductBannerSection {
    width: 100%;
    height: auto;
    min-height: 238px;
    padding: 20px;
    box-sizing: border-box;
    overflow: hidden;
    background-image: url(../images/product-bg-right-icon1.svg), url(../images/product-bg-right-icon2.svg), linear-gradient(91.01deg, #FFFFFF 28.63%, #E6E0F1 99.14%);
    background-repeat: no-repeat;
    background-position: right 12% bottom -20px, right bottom;
}

.productBannerIneer {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-height: 174px;
    gap: 40px;

}

.productBannerImageSec {
    width: 25%;
    max-width: 480px;
    min-height: 168px;
    height: auto;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.productBannerImageSec img {
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.productBannerImageSec::before {
    content: '';
    width: 20px;
    height: 20px;
    background: url(../images/product-banner-before.svg) no-repeat bottom left;
    display: block;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.productBannerImageSec::after {
    content: '';
    width: 52px;
    height: 44px;
    background: url(../images/product-banner-after.svg) no-repeat bottom left;
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
}

.productContentSec h1 {
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 700;
    font-size: 44px;
    line-height: 54px;
    text-transform: capitalize;
    color: #000000;
}

.productContentSec p {
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 26px;
    color: #000000;
}


/*Product Banner Bottom Section CSS*/

.productBannerBottomSection {
    background-image: url(../images/banner-bottom-bg-left.svg), url(../images/banner-bottom-bg-right.svg), linear-gradient(90deg, rgba(104, 67, 184, 1) 0%, rgba(104, 67, 184, 1) 45%, rgba(52, 197, 244, 1) 100%);
    background-repeat: no-repeat;
    background-position: left top, right top;
    width: 100%;
    height: auto;
    min-height: 83px;
}

.productBannerBottomInner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 83px;
    margin-left: 28px;

}

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

.backButtonSec span {
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    text-transform: capitalize;
    color: #FFFFFF;
    position: relative;
}

.backButtonSec a span {
    position: relative;
}

.backButtonSec a span::before {
    content: '';
    background: url(../images/product-back-icon.svg) no-repeat center left;
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    left: -30px;
    top: -5px;
}

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

.enqBtn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 15px 28px;
    gap: 10px;
    width: 180px;
    height: 50px;
    background: #502E92;
    border-radius: 61px;
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 450;
    font-size: 18px;
    line-height: 22px;
    text-transform: capitalize;
    color: #FFFFFF;
}

.enqBtn:hover {
    color: #fff;
}

.shareBtn {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 10px;
    min-width: 77px;
    height: 24px;
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;

}

.shareBtn span {
    position: relative;
}

.shareBtn span::before {
    content: '';
    width: 24px;
    height: 24px;
    display: block;
    background: url(../images/share-icon.svg) no-repeat center left;
    position: absolute;
    left: -30px;
    top: -5px;
}

.shareBtn:hover {
    color: #fff;
}

/*New Product Details Page CSS*/

.newSubscribeSection {
    background-image: url(../images/insightBg-top.svg), url(../images/insightBg-right.svg), linear-gradient(90deg, #6843B8 0%, #34C5F4 100%);
    background-repeat: no-repeat;
    background-position: top left, top right;
    width: 100%;
    height: auto;
    min-height: 297px;
    padding: 50px 0 35px;
    box-sizing: border-box;
}

.newSubsCribeInner {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.newSubscribeLeft {
    width: 34%;
    height: auto;
}

.newSubscribeRight {
    width: 58%;
    height: auto;
}

.newSubscribeLeft h3 {
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 450;
    font-size: 37px;
    line-height: 46px;
    text-transform: capitalize;
    color: #FFFFFF;
    max-width: 221px;
    display: block;
    margin-bottom: 10px;
}

.newSubscribeLeft p {
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 26px;
    color: #FFFFFF;
    max-width: 397px;
}

.newSubscribeRight p {
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 450;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    max-width: 630px;
}

.subsCribeFormSection {
    width: 100%;
    max-width: 674px;
    height: 56px;
    background: #FFFFFF;
    border-radius: 34px;
    margin-bottom: 24px;
    position: relative;
}

.subsCribeFormSection input[type='text'] {
    width: 100%;
    max-width: 674px;
    height: 56px;
    background: #FFFFFF;
    border-radius: 34px;
    margin-bottom: 24px;
    padding-left: 20px;
    position: relative;
    border: 0;
    outline: 0;
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 450;
    font-size: 18px;
    line-height: 22px;
}

.newSubscribeBtn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 14px 28px;
    gap: 10px;
    width: 159px;
    height: 56px;
    background: #502E92;
    color: #fff;
    border-radius: 61px;
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
    outline: 0;
}

body.page-node-product section.innerPageBanner.productBanner {
    display: none !important;
}

.newProductPage {
    margin-top: 57px;
}

.productBreadcrumbSection {
    margin-top: 20px;
}


.productContent {
    margin-top: 28px;
}

.productContentInnerSection {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.productLeftSection {
    width: 50%;
}

.productLeftSection h4 {
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 450;
    font-size: 37px;
    line-height: 46px;
    text-transform: capitalize;
    color: #502E92;
    margin-bottom: 15px;
}

.productLeftSection p {
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    color: #575757;
    margin-bottom: 30px;
}

.productLeftSection ul {
    margin-bottom: 30px;
}

.productLeftSection ul li {
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    color: #575757;
    margin-bottom: 15px;
}

.productRightSection {
    width: 42%;
}

.productRightForm {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 2px 20.9px rgba(93, 77, 145, 0.1);
    border-radius: 25px;
    padding: 30px 40px;
    box-sizing: border-box;
}

.productRightForm h3,
.productRightForm h4 {
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 32px;
    text-align: center;
    color: #502E92;
}

.productRightForm input[type="text"], .productRightForm input[type="number"], .productRightForm input[type="email"], .productRightForm select, .productRightForm textarea {
    margin: 0 auto 12px !important;
    width: 100% !important;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 16px 10px 16px 16px;
    gap: 10px;
    height: 42px !important;
    border: 1px solid #C2C2C2 !important;
    border-radius: 7px;
    background: #fff !important;
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 300 !important;
    font-size: 16px;
    line-height: 20px;
    color: #575757 !important;
}

.productRightForm textarea {
    height: 65px !important;
}

.productRightForm input::placeholder,
.productRightForm input[type="text"]::placeholder,
.productRightForm input[type="number"]::placeholder,
.productRightForm input[type="email"]::placeholder,
.productRightForm select::placeholder,
.productRightForm textarea::placeholder {
    font-family: 'DRL Circular' !important;
    font-style: normal !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    line-height: 20px !important;
    color: #575757 !important;
    opacity: 1 !important;
}

input#edit-name::placeholder,
input#edit-mobile-no::placeholder,
input#edit-company::placeholder {
    color: #575757 !important;
    opacity: 1;
}


.contact-us-form input#edit-name::placeholder,
.contact-us-form input#edit-mobile-no::placeholder,
.contact-us-form input#edit-company::placeholder,
.contact-us-form input::placeholder,
.contact-us-form input[type="text"]::placeholder,
.contact-us-form input[type="number"]::placeholder,
.contact-us-form input[type="email"]::placeholder,
.contact-us-form select::placeholder,
.contact-us-form textarea::placeholder,
.rightContactBox input#edit-name::placeholder,
.rightContactBox input#edit-mobile-no::placeholder,
.rightContactBox input#edit-company::placeholder,
.rightContactBox input::placeholder,
.rightContactBox input[type="text"]::placeholder,
.rightContactBox input[type="number"]::placeholder,
.rightContactBox input[type="email"]::placeholder,
.rightContactBox select::placeholder,
.rightContactBox textarea::placeholder,
body.path-webform form input#edit-name::placeholder,
body.path-webform form input#edit-mobile-no::placeholder,
body.path-webform form input#edit-company::placeholder,
body.path-webform form input::placeholder,
body.path-webform form input[type="text"]::placeholder,
body.path-webform form input[type="number"]::placeholder,
body.path-webform form input[type="email"]::placeholder,
body.path-webform form select::placeholder,
body.path-webform form textarea::placeholder {
    color: #5f4ba0 !important;
    opacity: 1;
}

body.path-contact-us textarea::placeholder,
body.path-hpapis textarea::placeholder {
    color: #5f4ba0 !important;
    opacity: 1;
    font-weight: 600;
}

.contact-us-form input#edit-name,
.contact-us-form input#edit-mobile-no,
.contact-us-form input#edit-company,
.contact-us-form input,
.contact-us-form input[type="text"],
.contact-us-form input[type="number"],
.contact-us-form input[type="email"],
.contact-us-form select,
.contact-us-form textarea,
.rightContactBox input#edit-name,
.rightContactBox input#edit-mobile-no,
.rightContactBox input#edit-company,
.rightContactBox input[type="text"],
.rightContactBox input[type="number"],
.rightContactBox input[type="email"],
.rightContactBox select,
.rightContactBox textarea,
body.path-webform form input#edit-name,
body.path-webform form input#edit-mobile-no,
body.path-webform form input#edit-company,
body.path-webform form input[type="text"],
body.path-webform form input[type="number"],
body.path-webform form input[type="email"],
body.path-webform form select,
body.path-webform form textarea {
    color: #5f4ba0 !important;
}

.contact-us-form input#edit-actions-submit {
    color: #fff !important;
}

.productRightForm textarea {
    height: 50px;
}

body.page-node-product .js-form-item.form-item.js-form-type-select.form-item-country.js-form-item-country.form-no-label {
    width: 100%;
}

body.page-node-product .js-form-item.form-item.js-form-type-select.form-item-product.js-form-item-product.form-no-label {
    width: 100%;
}

.col-md-12.js-form-item.form-item.js-form-type-checkbox.form-item-agree-to-privacy-policy.js-form-item-agree-to-privacy-policy {
    display: flex;
}

.productRightForm input[type="submit"] {
    width: 100%;
    background: #502E92 !important;
}

.productRightForm input[type="submit"].disabled {
    opacity: 0.5;
    cursor: not-allowed;
    background: url(../images/loading-button.gif) no-repeat left 50px center #502E92 !important;
    background-size: 30px !important;
}

.newProductApiInfo {
    width: 100%;
    height: auto;
    padding: 25px;
    box-sizing: border-box;
    background: #FFFFFF;
    box-shadow: 0px 1px 20.3px rgba(93, 77, 145, 0.13);
    border-radius: 12px;
    margin-bottom: 25px;
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
}

.newProductApiInfo div.field,
.newProductApiInfo p {
    width: 30%;
}

.newProductApiInfo p {
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    margin-bottom: 0px !important;
}


.newProductApiInfo div.field__label,
.newProductApiInfo p span {
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    margin-bottom: 4px;
}

.newProductApiInfo div.field__item {
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
}



/*New Contact Section Css*/
.newContactBanner {
    width: 100vw;
    height: auto;
    min-height: 116px;
    background-image: url(../images/contact-top-bg.svg), url(../images/contact-right-bg.svg), linear-gradient(90deg, rgba(104, 67, 184, 1) 0%, rgba(104, 67, 184, 1) 45%, rgba(52, 197, 244, 1) 100%);
    background-repeat: no-repeat;
    background-position: left top, right top;
}

body.page-node-product .newContactBanner {
    margin-top: 200px;
}

.newContactWrapper {
    display: flex;
    min-height: 116px;
    align-items: center;
}

.newContactLeft {
    width: 73%;
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 450;
    font-size: 22px;
    line-height: 27px;
    text-transform: capitalize;
    color: #FFFFFF;
}

.newContactRight {
    width: 27%;
}

.newContactBtn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 28px;
    gap: 10px;
    width: 147px;
    height: 50px;
    background: #502E92;
    border-radius: 61px;
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 450;
    font-size: 18px;
    line-height: 22px;
    text-transform: capitalize;
    color: #FFFFFF;
    transition: all 500ms;
}

.newContactBtn:hover {
    background: #3f2376;
    color: #fff;
}


span.contactDivider {
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 450;
    font-size: 20px;
    line-height: 25px;
    color: #000000;
    display: block;
    text-align: center;
    margin: 20px 0px;
}

.contactConnectBtn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 18px;
    gap: 28px;
    box-sizing: border-box;
    gap: 20px;
    width: 100%;
    max-width: 488px;
    margin: 0 auto;
    height: 50px;
    background: linear-gradient(90deg, #6843B8 0%, #34C5F4 100%);
    border-radius: 100px;

}

.conTel {
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    gap: 10px;
}

.conTel a, .conEmail a {
    text-decoration: none;
    color: #fff;
}

.conEmail {
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 450;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
}

.newRelatedInner h2 {
    margin-bottom: 30px;
}





#productResources {
    width: calc(100% - 20px);
    /* Adjust width to account for margin */
    margin: 0 10px 30px;
    /* Example margin to make space */
    overflow: hidden;
    /* Clip overflow */
    position: relative;
    /* Ensure position is relative */
    text-align: left;
}

#productResources .owl-carousel {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    /* Hide overflow */
}

#productResources .owl-stage {
    width: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.5s ease;
    margin: 0;
    /* Remove default margin */
    padding: 0;
    /* Remove default padding */
}

#productResources .item-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

#productResources .item {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    box-sizing: border-box;
    min-width: 137px;
    max-width: 137px;
    height: 40px;
    border: 1px solid #B8B8B8;
    border-radius: 60px;
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 450;
    font-size: 16px;
    line-height: 20px;
    text-transform: capitalize;
    color: #575757;
    transition: all 500ms;
    cursor: pointer;
}




#productResources .owl-item {
    width: auto !important;
    max-width: 137px;
    margin-bottom: 0px;
}

#productResources .item.active {
    background: #502E92;
    border-color: #502E92;
    color: #fff;
}

#productResources .owl-carousel .owl-item {
    display: flex;
    justify-content: flex-start !important;
    align-items: center;
}

#productResources .owl-prev,
#productResources .owl-next {
    top: -10px !important;
}

#productResources .owl-nav {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    margin-top: 0px;
    pointer-events: none;
}

#productResources .owl-prev,
#productResources .owl-next {
    pointer-events: all;
    border-radius: 50%;
    width: 27px !important;
    height: 27px !important;
    display: flex;
    /* Ensure arrow content is centered */
    justify-content: center;
    /* Center horizontally */
    align-items: center;
    /* Center vertically */
    cursor: pointer;
    /* Pointer cursor */
    z-index: 1;
    /* Ensure arrows are above items */
    cursor: pointer;
    background: url(../images/chevron-left.svg) no-repeat !important;
    box-shadow: 0 0 10px 1px rgba(255, 255, 255, 0.8) !important;

}

#productResources .owl-prev {
    left: -6px;
}

#productResources .owl-next {
    right: 8px;
    transform: rotate(-180deg);
}


#productResources .owl-prev span,
#productResources .owl-next span {
    display: none !important;
}

#productResources .owl-carousel .owl-item {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}


/*Related Section css*/

.newRelatedSection {
    width: 100%;
    height: auto;
    background-color: #F2F3F8;
    padding: 60px 0px;
}

.newRelatedInner {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.newRelatedLeft {
    width: 57%;
    min-width: 670px;
}

.newRelatedRight {
    width: 39%;
    min-width: 458px;
}

.newProductApiInfo {
    width: 100%;
    height: auto;
    min-height: 215px;
    padding: 25px;
    box-sizing: border-box;
    background: #FFFFFF;
    box-shadow: 0px 1px 20.3px rgba(93, 77, 145, 0.13);
    border-radius: 12px;
    margin-bottom: 25px;
}

.newRelatedSection .SolutionApiBox {
    width: auto;
    min-width: 219px;
}

.info-section {
    width: 100%;
    min-height: auto;
    padding: 30px;
    box-sizing: border-box;
    border: 1px solid #C2C2C2;
    border-radius: 25px;
    /* display: none; */
}

.info-section.info-left {
    /* display: none; */
    min-height: inherit;
    padding: inherit;
    box-sizing: border-box;
    border: none;
    border-radius: inherit;
}

.info-section.active,
.info-section-left.active {
    display: block;
}

.exploreAll {
    margin-top: 30px;
}

.exploreAllBtn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 15px 28px;
    box-sizing: border-box;
    gap: 10px;
    width: 100%;
    height: 50px;
    border: 1px solid #502E92;
    border-radius: 61px;
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 450;
    font-size: 18px;
    line-height: 22px;
    text-transform: capitalize;
    color: #502E92;
}

.exploreAllBtn:hover {
    color: #fff !important;
    background-color: #502E92;
}

.Carousalloader {
    display: none;
    border: 8px solid #f3f3f3;
    border-radius: 50%;
    border-top: 8px solid #3498db;
    width: 40px;
    height: 40px;
    animation: spin 2s linear infinite;
    margin: auto;
}

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

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


.newRelatedLeft .item {
    cursor: pointer;
}

.newRelatedLeft .info-section {
    display: none;
}

.newRelatedLeft .info-section.active {
    display: block;
}




.newResourcesSection {
    background: #F2F3F8;
    position: relative;
    padding: 70px 0px;
}

.newResourcesWrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.newResourcesLeft {
    width: 40%;
    min-width: 470px;
}

.newResourcesRight {
    width: 57%;
    min-width: 670px;
}

.resourcesLeftImageBlock {
    width: 100%;
    padding: 28px;
    box-sizing: border-box;
    min-height: 433px;
    background: #FFFFFF;
    border-radius: 21px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.resourcesInfo {
    margin-top: 20px;

}

.rightContentSec {
    width: 49%;
    min-width: 32px;
}

.resourcesInfo.rightBox {
    display: flex;
    gap: 15px;
    justify-content: space-between;
}

.rightimageSec {
    width: 20%;
    min-width: 123px;
    min-height: 118px;
    max-height: 118px;
    background: #FFFFFF;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.rightimageSec img {
    width: 100%;
    height: auto;
}

.resourcesInfo h4 {
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 600;
    font-size: clamp(16px, 5vw, 20px);
    line-height: 1.5em;
    /* 1.5 times the font size */
    color: #000000;
    margin-bottom: 10px;
}

.resourcesInfo p {
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    color: #575757;
}

.resourcesDownloadBtn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 15px 28px;
    gap: 10px;
    width: 174px;
    height: 50px;
    background: #502E92;
    border-radius: 61px;
    color: #fff;
    transition: all 500ms;

}

.resourcesDownloadLinkBtn {
    display: flex;
    gap: 10px;
    align-items: center;
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    text-transform: capitalize;
    color: #502E92;
    height: 24px;
}

.resourcesDownloadLinkBtn img {
    height: auto;
}

.resourcesDownloadBtn:hover {
    background: #3f2376;
    color: #fff;
}

.SolutionApiBox {
    width: 23%;
    min-width: 270px;
    height: 174px;
    background: #FFFFFF;
    box-shadow: 0px 2px 12.6px rgba(93, 77, 145, 0.07);
    border-radius: 18px;
    /* transition: all 500ms; */
    padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.SolutionApiBox a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    text-transform: capitalize;
    color: #502E92;
    width: 100px;
    /* transition: all 500ms; */
}

.SolutionApiBox:hover {
    border-radius: 18px;
    background: linear-gradient(78.76deg, #6843B8 8.29%, #34C5F4 109.11%);
    /* transition: all 500ms; */
    color: #fff;
}

.SolutionApiBox h4 {
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    color: #000000;
    margin-bottom: 10px;
    /* transition: all 500ms; */
    word-wrap: break-word;
}

.SolutionApiBox p {
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    color: #575757;
    /* transition: all 500ms; */
    margin-bottom: 0px;
}

.SolutionApiBox p {
    display: none;
}

.SolutionApiBox:hover a,
.SolutionApiBox:hover p,
.SolutionApiBox:hover h4 {
    color: #fff;
}

.SolutionApiBox:hover img {
    filter: brightness(0) invert(1);
}

section.newdisclaimerSection {
    padding: 60px 0px;
}

.newFaqSection {
    width: 100%;
    max-width: 896px;
    margin: 0 auto;
}


.newFaqSection .accordion-button {
    background: #FFFFFF !important;
    box-shadow: 0px 5px 16px rgba(8, 15, 52, 0.06) !important;
    border-radius: 18px !important;
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 500 !important;
    font-size: 22px;
    line-height: 28px;
    color: #170F49 !important;
    border: none !important;
    outline: none !important;
}

.newFaqSection .accordion-item {
    margin: 15px 0px !important;
}

.newFaqSection .accordion-item.highlight {
    background: #FAF7FF;
    border: 1px solid #5F4BA0;
    border-radius: 21px;
    overflow: hidden;
}

.newFaqSection .accordion-item.highlight button.accordion-button {
    box-shadow: none !important;
    background: #FAF7FF !important;
}

.newFaqSection .accordion-item.highlight .accordion-body,
.newFaqSection .accordion-body {
    background: #FAF7FF !important;
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #6F6C90 !important;
    padding: 15px 30px 20px;
}

.newFaqSection .accordion-body p,
.newFaqSection .accordion-body ul li {
    color: #6F6C90 !important;
}

.newFaqSection .accordion-body ul li {
    margin-bottom: 5px;
}


.newFaqSection .accordion-button.collapsed::after,
.newFaqSection #flush-headingOne .accordion-button.collapsed::after {
    width: 50px;
    height: 50px;
    content: "";
    background-image: url(../images/accordion-arrow.png) !important;
    background-repeat: no-repeat;
    background-size: 50px !important;
    transform: none;
    position: absolute;
    right: 30px;
    top: 20px;
    rotate: none;
}



.newFaqSection .accordion-button:not(.collapsed)::after {
    width: 50px;
    height: 50px;
    content: "";
    background-image: url(../images/accordion-arrow-active.png) !important;
    background-repeat: no-repeat;
    background-size: 50px !important;
    transform: none;
    position: absolute;
    right: 30px;
    top: 20px;
    rotate: none;
}

.newFaqSection .accordion-button {
    padding: 30px 30px;
}

.newFaqSection .accordion-item.highlight button.accordion-button {
    padding: 30px 30px 0px;
}


section.newdisclaimerSection .disclaimerWrapper h4 {
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 450;
    font-size: 37px;
    line-height: 46px;
    text-align: left;
    text-transform: capitalize;
    color: #502E92;
}

section.newdisclaimerSection .disclaimerWrapper p {
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    color: #575757;
}

.newdisclaimerSection .disclaimerWrapper {
    margin-bottom: 70px;
}


.newRelatedRight .SolutionApiBox p {
    display: block;
}

.item-row {
    gap: 30px;
    display: flex;
    flex-direction: column;
}

div#relatedAPICarousal {
    margin-top: 100px;
}

.newRelatedRight.relatedAPI div#relatedAPICarousal {
    margin-top: 0px;
}

.productRightForm div.webform-actions {
    width: 100% !important;
}

.productRightForm input#edit-actions-submit {
    min-width: 100% !important;
}

.newRelatedRight .SolutionApiBox p {
    display: block;

    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


#relatedAPICarousal .owl-nav {
    display: none;
}

#relatedAPICarousal .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

#relatedAPICarousal button.owl-dot {
    width: 8px !important;
    height: 8px !important;
}

#relatedAPICarousal button.owl-dot.active {
    background: url(../images/dots-active.svg) no-repeat !important;
    width: 22px !important;
    height: 22px !important;
}


body.page-node-product .footerWrapper {
    margin-top: -15px !important;
}




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

    #newEvent .owl-next {
        right: 0px;
    }

    .newContactWrapper {
        flex-direction: column;
        gap: 15px;
    }

    .resourcesDownloadBtn, .newContactBtn, .reimagineBtn, .newSecReadMoreBtn {
        width: 100%;
    }

    .newRelatedInner {
        flex-direction: column;
    }

    .newRelatedLeft {
        width: 100%;
        min-width: 100%;
    }

    .newRelatedRight {
        width: 100%;
        min-width: 100%;
        margin-top: 30px;
    }

    .resourcesInfo.rightBox {
        flex-direction: column;
        width: 100%;
    }

    .rightimageSec {
        width: 100%;
    }

    .rightContentSec {
        width: 100%;
    }

    .productContentInnerSection {
        flex-direction: column;
    }

    .productLeftSection {
        width: 100%;
    }

    .productRightSection {
        width: 100%;
        margin-bottom: 30px;
    }

    .newContactLeft {
        width: 100%;
    }

    .newContactRight {
        width: 100%;
    }

    .newContactBanner {
        padding: 30px 0px;
    }

    .newSubsCribeInner {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }

    .productBannerIneer {
        flex-direction: column;
        gap: 13px;
    }

    .newProductBannerSection {
        background-image: url(../images/product-bg-right-icon1.svg), url(../images/product-bg-right-icon2.svg), linear-gradient(162.84deg, #FFFFFF 52.55%, #E6E0F1 116.5%);
        background-position: right -13% bottom -20px, right bottom;
        background-size: 151px;
    }


    .productContentSec h1 {
        font-size: 28px;
        line-height: 34px;
    }

    .productContentSec p {
        font-size: 14px;
        line-height: 18px;
    }

    .productBannerImageSec {
        width: 100%;
        height: auto;
    }

    .newProductPage {
        margin-top: 57px;
    }

    .productContentSec {
        width: 100%;
    }

    .enqBtn {
        padding: 15px 15px;
        width: 166px;
        height: 44px;
    }

    .backButtonSec span {
        font-size: 0;
    }

    .backButtonSec a span::before {
        left: inherit;
        top: inherit;
    }

    .shareBtn {
        min-width: auto;
    }

    .inquerySec {
        gap: 10px;
    }

    .newProductPage .container {
        padding: 0 20px !important;
    }

    .productBannerBottomInner {
        margin-left: 0px;
    }

    .productLeftSection h4,
    section.newdisclaimerSection .disclaimerWrapper h4 {
        font-size: 24px;
        line-height: 30px;
    }

    section.newdisclaimerSection {
        padding: 30px 0px;
    }

    .newProductApiInfo div.field,
    .newProductApiInfo p {
        width: 45%;
    }

    .contactConnectBtn {
        padding: 0px;
        gap: 10px;
        width: 100%;
        height: 50px;
    }

    .conTel {
        font-size: 13px;
    }

    .conEmail {
        font-size: 13px;
    }

    .newSubscribeLeft,
    .newSubscribeRight {
        width: 100%;
        height: auto;
    }

    .newSubscribeBtn {
        padding: 14px 14px;
        width: 121px;

    }


    .rightimageSec {
        max-height: 100%;
    }

}

@media (max-width: 480px) {
    .newRelatedSection .SolutionApiBox {
        width: 100%;
    }

    .newFaqSection .accordion-button:not(.collapsed)::after {
        width: 40px !important;
        height: 40px !important;
        content: "" !important;
        background-image: url(../images/accordion-arrow-active.png) !important;
        background-repeat: no-repeat !important;
        background-size: 40px !important;
        transform: none !important;
        position: absolute !important;
        right: 10px !important;
        top: 28px !important;

    }


    .newFaqSection #flush-headingOne .accordion-button.collapsed::after {
        width: 40px !important;
        background-image: url(../images/accordion-arrow-active.png) !important;
        background-size: 40px !important;
    }

    .newProductPage {
        margin-top: 57px;
    }
}



/* New Page update need to remove when dynamic part ready */

a.shareBtn {
    display: none;
}

section.newSubscribeSection {
    display: none;
}

body.page-node-product .disclaimerWrapper {
    display: none;
}

section.newdisclaimerSection .disclaimerWrapper {
    display: block;
}


.newRelatedRight.relatedAPI {
    width: 100%;
    min-width: 100%;
}


.newProductPage section.newContactBanner {
    margin-top: 60px;
}

/*New ESG Page CSS*/

.capabilitiesParaOne h2 {
    text-align: left;
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 300;
    font-size: 50px;
    line-height: 62px;
    color: #502E92;
}

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

.activePharmaSection {
    width: 100%;
    height: auto;
    margin-top: 60px;
}

.newLocationPage.newEsgPage .sustainabilitygoalsBox ul li,
.newHighlight ul li {
    font-size: 16px !important;
    font-weight: 300 !important;
    margin-bottom: 10px;
    position: relative;
}

.newHighlight ul li {
    padding-left: 25px;
}

.newHighlight p {
    font-family: "DRLCircular-Book";
}

.newLocationPage.newEsgPage .sustainabilitygoalsBox ul li::before, .newHighlight ul li::before {
    content: '';
    background: url(../images/esg-bullet.svg);
    background-repeat: no-repeat;
    background-repeat: 12px;
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    left: 0px;
    top: 4px;
}

.newLocationPage.newEsgPage .sustainabilitygoalsBox ul li ul {
    margin-top: 10px;
}

.newLocationPage.newEsgPage .sustainabilitygoalsBox ul li ul li {
    font-size: 14px !important;
}

.newLocationPage.newEsgPage .sustainabilitygoalsBox ul li ul li::before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 12px;
    background-color: #000;
    background: #000;
    background-size: 12px;
    top: 8px;

}

.newLocationPage.newEsgPage .locationDescBox ul li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 15px;
}

.newLocationPage.newEsgPage .locationDescBox ul li::before {
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    border-radius: 12px;
    background-color: #000;
    background: #000;
    background-size: 12px;
    top: 8px;
    left: 0px;
}

.sustainabilitygoalsBox.newBox img {
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 15px;
}


.locationInfoSec.newAchivedSection {
    margin: 60px 0px;
}

.AchivedInner {
    border-top: 1px solid #A164ED;
    border-bottom: 1px solid #C6C6C6;
    padding: 20px 0px;
}

.AchivedInner img {
    max-width: 100%;
    display: block;
    margin: 30px 0px;
}


.newLocationPage.newEsgPage .viewAllBtn {
    font-family: DRL Circular;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 18px 25px;
    gap: 10px;
    max-width: 200px;
    height: 50px;
    background: #E5D8FF !important;
    border: 1px solid #502E92;
    border-radius: 30px;

}

.newLocationPage.newEsgPage .footerinfoBox.footerSustain .viewAllBtn {
    margin: 0 auto;
    margin-top: 20px;
}

.newEsgContentBody {
    display: none;
}

.DcatbannerText.sustainibilityBanner {
    margin-top: 26px;
}

/*Product details new css integration 30-07-2024*/
.productContentInnerSection {
    position: relative;
}

#productContactStatic {
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
    right: 0px;
    /* Adjust offset as needed */
}

.productLeftSection {
    flex: 0 0 50%;
}

.productRightSection {
    flex: 0 0 42%;
    /* Adjust width as needed */

    min-height: 100vh;
    /* Ensure the right section does not exceed viewport height */

}

body.page-node-product .newContactBanner {
    margin-top: 200px;
}

/* .productBannerBottomSection {
  transition: all 500s;
} */

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
}

.newRelatedRight.relatedAPI {
    width: 100%;
    min-width: 100%;
}

.newRelatedRight.relatedAPI .SolutionApiBox {
    width: auto;
}

.newRelatedRight.relatedAPI div#relatedAPICarousal {
    margin-top: 0px;
}

/*Sustainibility Testimonials*/

.sustainTestimonials {
    margin: 80px 0px auto;
    width: 100%;
    height: auto;
}


.testiMonialText {
    position: relative;
    padding: 50px;
}

.testiMonialText p {
    font-family: "DRL Circular";
    font-size: 24px;
    line-height: 30px;
    color: #8d8d8d;
    font-style: italic;
}

.testiMonialText::before {
    content: "\201C";
    font-family: Arial, sans-serif;
    color: #e2e2e2;
    font-weight: bold;
    font-size: 68px;
    line-height: 54px;
    position: absolute;
    left: 15px;
    top: 0;
}

.testiMonialImage {
    width: 200px;
    height: 200px;
    overflow: hidden;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    margin-top: 25px;
}

.testiMonialImage img {
    width: 100%;
    height: 100%;
}

.testiMonialText h4 {
    margin-bottom: 10px !important;
    display: block;
}

.testiMonialText span {
    font-size: 18px;
    color: #333;
}

@media (max-width: 480px) {
    .testiMonialText {
        position: relative;
        padding: 50px 24px;
    }

    .testiMonialImage {
        margin-top: 0px;
    }
}

.newEsgContentBody button,
button.esgReadBtn {
    background: none;
    outline: none;
    border: none;
    padding: 0;
    color: #0d6efd;
    text-decoration: underline;
}

.dcatLandingbannerForm select option {
    color: #000 !important;
}

/*CPHI Milan Landing Page 2024*/

.cphiMilanLandingPage {}

.cphiMilanLandingPage .prefix {
    color: #fff !important;
}

.cphiMilanLandingPage .dcatbannerCaption h1 span {
    font-family: "DRLCircular-Bold";
}

.cphiMilanLandingPage .dcatbannerCaption p.headDesc {
    font-family: "DRLCircular-Book";
    font-size: 22px;
}


.cphiMilanLandingPage .navbar-brand img {
    max-width: 180px;
    height: auto;
}

.dcatNavbar .navbar-nav .nav-link.no-sep::after {
    display: none !important;
}

.cphiMilanLandingPage .nav-link.meetUsBtn {
    height: 34px;
    min-width: 100px;
    background: #F0504B;
    border-radius: 30px;
    padding: 0px 15px !important;
    margin-left: 20px;
}

.fceBanner.cphiMilanBanner {
    width: 100%;
    height: auto;
    background: url(../images/cphi-milan-banner.png) no-repeat center top #fff;
    background-size: cover;
    padding-top: 77px;
    padding-bottom: 190px;
}

.fceBanner.cphiMilanBanner.indiaBanner {
    width: 100%;
    height: auto;
    background: url(../images/cphi-india-banner-2024-new.webp) no-repeat center top #fff;
    background-size: cover;
    padding-top: 77px;
    padding-bottom: 128px;
}

.fceBanner.cphiMilanBanner .dcatbannerCaption {
    margin-top: 50px;
}

.fceBanner.cphiMilanBanner .dcatbannerCaption h1 {
    color: #000;
}

p.headDesc {
    max-width: 500px;
    color: #000;
}

.cphiMilanCaption {
    max-width: 400px;
    min-height: 138px;
    background: linear-gradient(64.48deg, #6843B8 12.95%, #34C5F4 131.47%);
    border-radius: 8px;
    padding: 50px 24px 24px;
    box-sizing: border-box;
    margin-top: 70px;
    position: relative;
}

.cphiMilanCaption .dcat-placeWrap {
    flex-direction: column;
}

.milanBooth {
    min-width: 242px;
    height: 50px;
    background: #E5D5FF;
    border-radius: 7px;
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 450;
    font-size: 20px;
    line-height: 25px;
    text-transform: capitalize;
    color: #000000;
    padding: 15px;
    box-sizing: border-box;
    position: absolute;
    top: -25px;
    left: 25px;
}

span.milanBooth strong {
    font-weight: bold !important;
    color: #502E92 !important;
}

body.page-events-cphi-milan-2024 .achivementDescBox p.date {
    display: inline-block;
    background: #F0EAF9;
    border-radius: 4px;
    padding: 5px 10px 2px 30px;
    color: #000;
    font-weight: bold;
    position: relative;
}

body.page-events-cphi-milan-2024 .achivementDescBox p.date::before {
    content: '';
    display: block;
    position: absolute;
    left: 8px;
    background: url(../images/date-event.svg) no-repeat left center;
    background-size: 100%;
    width: 16px;
    height: 18px;
}

.fceBanner.cphiMilanBanner .dcatbannerFormHead {
    background-color: #502E92;
    color: #fff;
    text-align: left;
    font-size: 26px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    padding: 0px 30px 0px;
    text-transform: none;
}

.fceBanner.cphiMilanBanner .dcatbannerForm {
    background-color: #502E92;
    padding-top: 0px;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    padding-bottom: 30px;
}

body.page-events-cphi-milan-2024 .custom-form form,
body.page-events-cphi-india-2024 .custom-form form {
    background-color: #502E92 !important;
    padding-top: 0px !important;
    border-bottom-left-radius: 16px !important;
    border-bottom-right-radius: 16px !important;
    padding-bottom: 30px !important;
    width: 375px !important;
    margin-top: -2px;
}

body.page-events-cphi-milan-2024 .dcatBookedBtn,
body.page-events-cphi-india-2024 .dcatBookedBtn {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    height: 50px !important;
    background: #FFFFFF !important;
    border-radius: 61px !important;
    color: #502E92 !important;
    font-weight: bold !important;
    font-size: 18px !important;
    margin-top: 15px !important;
}

body.page-events-cphi-milan-2024 .dcatbannerForm .form-control,
body.page-events-cphi-india-2024 .dcatbannerForm .form-control {
    border-bottom: 1px solid #fff;
    background: transparent;
    color: #fff;
}

body.page-events-cphi-milan-2024 .dcatbannerForm input[type='text'],
body.page-events-cphi-milan-2024 .dcatbannerForm input[type='email'],
body.page-events-cphi-milan-2024 .dcatbannerForm input[type='number'],
body.page-events-cphi-milan-2024 .dcatbannerForm textarea,
body.page-events-cphi-milan-2024 .dcatbannerForm select,
body.page-events-cphi-india-2024 .dcatbannerForm input[type='text'],
body.page-events-cphi-india-2024 .dcatbannerForm input[type='email'],
body.page-events-cphi-india-2024 .dcatbannerForm input[type='number'],
body.page-events-cphi-india-2024 .dcatbannerForm textarea,
body.page-events-cphi-india-2024 .dcatbannerForm select {
    color: #fff !important;
    border-bottom: 1px solid #fff !important;
    background: transparent !important;
}

body.page-events-cphi-milan-2024 .dcatbannerForm select,
body.page-events-cphi-india-2024 .dcatbannerForm select {
    border: none !important;
    border-bottom: 1px solid #fff !important;
}


body.page-events-cphi-milan-2024 .dcatbannerForm input[type='text']::-moz-placeholder,
body.page-events-cphi-milan-2024 .dcatbannerForm input[type='email']::-moz-placeholder,
body.page-events-cphi-milan-2024 .dcatbannerForm input[type='number']::-moz-placeholder,
body.page-events-cphi-milan-2024 .dcatbannerForm textarea::-moz-placeholder,
body.page-events-cphi-milan-2024 .dcatbannerForm select::-moz-placeholder,
body.page-events-cphi-milan-2024 .dcatbannerForm input[type='text']::placeholder,
body.page-events-cphi-milan-2024 .dcatbannerForm input[type='email']::placeholder,
body.page-events-cphi-milan-2024 .dcatbannerForm input[type='number']::placeholder,
body.page-events-cphi-milan-2024 .dcatbannerForm textarea::placeholder,
body.page-events-cphi-milan-2024 .dcatbannerForm select::placeholder,
body.page-events-cphi-milan-2024 .dcatbannerForm input::placeholder,
body.page-events-cphi-milan-2024 .dcatbannerForm input::-moz-placeholderbody.page-events-cphi-india-2024 .dcatbannerForm input[type='text']::-moz-placeholder,
body.page-events-cphi-india-2024 .dcatbannerForm input[type='email']::-moz-placeholder,
body.page-events-cphi-india-2024 .dcatbannerForm input[type='number']::-moz-placeholder,
body.page-events-cphi-india-2024 .dcatbannerForm textarea::-moz-placeholder,
body.page-events-cphi-india-2024 .dcatbannerForm select::-moz-placeholder,
body.page-events-cphi-india-2024 .dcatbannerForm select::-moz-placeholder,
body.page-events-cphi-india-2024 .dcatbannerForm input[type='text']::placeholder,
body.page-events-cphi-india-2024 .dcatbannerForm input[type='email']::placeholder,
body.page-events-cphi-india-2024 .dcatbannerForm input[type='number']::placeholder,
body.page-events-cphi-india-2024 .dcatbannerForm textarea::placeholder,
body.page-events-cphi-india-2024 .dcatbannerForm select::placeholder,
body.page-events-cphi-india-2024 .dcatbannerForm input::placeholder,
body.page-events-cphi-india-2024 .dcatbannerForm select::placeholder,
body.page-events-cphi-india-2024 .dcatbannerForm input::-moz-placeholder,
body.page-events-cphi-india-2024 .js-form-item.form-item.js-form-type-email.form-item-field-work-email.js-form-item-field-work-email input,
body.page-events-cphi-india-2024 .js-form-item.form-item.js-form-type-textfield.form-item-field-first-name.js-form-item-field-first-name input,
body.page-events-cphi-india-2024 .js-form-item.form-item.js-form-type-textfield.form-item-field-organization.js-form-item-field-organization input,
body.page-events-cphi-india-2024 .dcatbannerForm input[type='text']::placeholder,
body.page-events-cphi-india-2024 .js-form-item.form-item.js-form-type-email.form-item-field-work-email.js-form-item-field-work-email input::placeholder,
body.page-events-cphi-india-2024 .js-form-item.form-item.js-form-type-textfield.form-item-field-first-name.js-form-item-field-first-name input::placeholder,
body.page-events-cphi-india-2024 .js-form-item.form-item.js-form-type-textfield.form-item-field-organization.js-form-item-field-organization input::placeholder {
    color: #fff !important;
    opacity: 1 !important;
}

body.page-events-cphi-milan-2024 .mobile-number-field .country-select,
body.page-events-cphi-india-2024 .mobile-number-field .country-select {
    border: none !important;
    background-color: transparent !important;
    border-radius: 0 !important;
}

.dcatAboutSec.cphiMilan {
    padding-top: 40px;
    padding-bottom: 40px;
    background: #fff;
    min-height: auto;
}

.dcatsustainabilityBox.cphiMilan {
    box-shadow: none;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
}

.milanAbotBottom {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.milanAboutLeft {
    width: 43%;
}

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

.milanAboutRight h4 {
    font-size: 18px;
}

.milanAboutRight ul li {
    display: flex;
    gap: 10px;
    margin-top: 14px;
}

.milanAboutRight ul li strong {
    font-weight: bold;
}

.milanAboutRight ul li p {
    margin-bottom: 0px;
}

.cphiMilanLandingPage p {
    font-size: 16px;
    line-height: 22px;
}

.milanAboutBusiness {
    width: 100%;
    padding: 50px 0px;
    background: linear-gradient(279.49deg, #6843B8 -14.98%, #34C5F4 115.75%);
    text-align: center;
    color: #fff;
}

.milanAboutBusiness p {
    color: #fff;
}

.milanAboutBusiness h2 {
    text-align: center;
    color: #fff !important;
    font-family: "DRLCircular-Bold";
    font-size: 28px;
    margin-bottom: 15px;
    line-height: normal;
}

.milanAboutBusinessInner {
    max-width: 90%;
    height: auto;
    margin: 0 auto;
}

.milanBusinessBoxInner ul {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 25px;
}

.milanBusinessBoxInner ul li {
    width: 23%;
}

.milaninfoBox {
    background: #FFFFFF;
    box-shadow: 0px 3px 20.8px rgba(93, 77, 145, 0.14);
    border-radius: 18px;
    max-width: 100%;
    min-height: 205px;
    padding: 25px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    text-align: center;
    font-style: normal;
    font-weight: 450;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #000000;
    position: relative;
    z-index: 9;
}

.milaninfoBox p {
    color: #000000;
    margin-bottom: 0px;
}

.milaninfoBox p strong {
    font-weight: bold;
}

.milanSustainibility {
    background: url(../images/milan-sustainability-banner.png) no-repeat center center;
    width: 100%;
    height: auto;
    min-height: 240px;
    background-size: cover;
    padding: 80px 0px;
    box-sizing: border-box;
    color: #fff;
}

.milanSustainabilityText {
    max-width: 706px;
    height: auto;
}

.milanSustainabilityText p {
    color: #fff;
}

.milanSustainabilityText h2 {
    text-align: left;
    color: #fff !important;
    font-family: "DRLCircular-Bold";
    font-size: 28px;
    margin-bottom: 15px;
    line-height: normal;
}


.ourPlantWrapper {
    width: 100%;
    height: auto;
    background-color: #F2F3F8;
    padding: 45px 0px;
    box-sizing: border-box;
}

.ourPlantWrapper h2 {
    text-align: center;
    font-family: "DRLCircular-Bold";
    font-size: 28px;
    margin-bottom: 15px;
    line-height: normal;
}

.plantMap {
    max-width: 1030px;
    margin: 0 auto;
    margin-top: 25px;
}

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

button#loadMoreBtn,
button#loadMoreBtn2 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 15px 28px;
    gap: 10px;
    width: 145px;
    height: 50px;
    background: #502E92;
    border-radius: 61px;
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    transition: all 500ms;
    border: none;
    outline: none;
    margin: 0 auto;
    margin-top: 15px;
}

.cphiMilanLandingPage .dcatTeamTopSec {
    padding: 50px 0 10px;
}

.cphiMilanLandingPage .dcatTeamSec.fce {
    background: #fff;
}

.cphiMilanLandingPage .dcatTeamSec.fce .profileSec {
    width: 100%;
    height: auto;
    border-bottom: 0;
    border-radius: 18px;
    overflow: hidden;
    min-height: 241px;
    margin-bottom: 15px;
}

.cphiMilanLandingPage .dcatTeamSec.fce .profileSec img {
    width: 100%;
    height: 100%;
}

.cphiMilanLandingPage .dcatTeamSec.fce .bioSec {
    width: 100%;
    height: auto;
    padding: 0px 10px;
    color: #000;
    text-align: left;
    min-height: auto;
}

.cphiMilanLandingPage .dcatTeamSec.fce .bioSec p {
    margin-bottom: 0px;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 22px;
    color: #575757;
}

.cphiMilanLandingPage .nav-btn.prev-slide {
    background-image: url(../images/chevron-left.svg);
    background-repeat: no-repeat;
    background-size: 38px;
    display: block;
    width: 38px;
    height: 40px;
}

.cphiMilanLandingPage .nav-btn.next-slide {
    background-image: url(../images/chevron-right.svg);
    background-repeat: no-repeat;
    background-size: 38px;
    display: block;
    width: 38px;
    height: 40px;
}


.cphiMilanLandingPage .owl-carousel .owl-nav button.owl-next, .cphiMilanLandingPage .owl-carousel .owl-nav button.owl-prev {
    background: rgba(80, 46, 146, 0.5) !important;
    color: inherit !important;
    border: none !important;
    padding: 0 !important;
    font: inherit !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 25px !important;
    top: 41% !important;
}

.cphiMilanLandingPage .item.achivementBox {
    width: 380px;
    min-height: 439px;
    background: #FFFFFF;
    box-shadow: 0px 9px 25.4px rgba(84, 69, 134, 0.09);
    border-radius: 18px;
    margin-left: 0px;
    border-radius: 18px;
    overflow: hidden;
}

.cphiMilanLandingPage .achivementImgBox {
    max-height: 275px;
}

.cphiMilanLandingPage .achivementImgBox img {
    width: 100%;
    height: 100;
}

body.page-events-cphi-milan-2024 nav#block-reddy-footer ul li,
body.page-events-cphi-india-2024 nav#block-reddy-footer ul li {
    width: 100%;
}

body.page-events-cphi-milan-2024 ul.footerContact li span,
body.page-events-cphi-india-2024 ul.footerContact li span {
    font-weight: 600 !important;
    color: #fff !important;
}

body.page-events-cphi-milan-2024 .footerLogo ul li p.footerApiBrand,
body.page-events-cphi-india-2024 .footerLogo ul li p.footerApiBrand {
    font-weight: 700;
    font-size: 32px;
    margin-right: 10px;
    color: #fff;
    align-self: center;
    margin-bottom: 0px;
}

body.page-events-cphi-milan-2024 ul.socialFooterIcon,
body.page-events-cphi-india-2024 ul.socialFooterIcon {
    margin-top: 22px;
    display: flex;
    align-items: center;
}

body.page-events-cphi-milan-2024 .js-form-item.form-item.js-form-type-textfield.form-item-field-first-name.js-form-item-field-first-name input::placeholder,
body.page-events-cphi-india-2024 .js-form-item.form-item.js-form-type-textfield.form-item-field-first-name.js-form-item-field-first-name input::placeholder {
    color: #fff !important;
}

body.page-events-cphi-milan-2024 .js-form-item.form-item.js-form-type-email.form-item-field-work-email.js-form-item-field-work-email input[type='email']::placeholder,
body.page-events-cphi-india-2024 .js-form-item.form-item.js-form-type-email.form-item-field-work-email.js-form-item-field-work-email input[type='email']::placeholder {
    color: #fff !important;
}

body.page-events-cphi-milan-2024 .js-form-item.form-item.js-form-type-textfield.form-item-field-cc-0-mobile.js-form-item-field-cc-0-mobile.form-no-label input::placeholder,
body.page-events-cphi-india-2024 .js-form-item.form-item.js-form-type-textfield.form-item-field-cc-0-mobile.js-form-item-field-cc-0-mobile.form-no-label input::placeholder {
    color: #fff !important;
}

body.page-events-cphi-milan-2024 .js-form-item.form-item.js-form-type-textfield.form-item-field-organization.js-form-item-field-organization input::placeholder,
body.page-events-cphi-india-2024 .js-form-item.form-item.js-form-type-textfield.form-item-field-organization.js-form-item-field-organization input::placeholder {
    color: #fff !important;
}

body.page-events-cphi-milan-2024 .dcatNavbar .navbar-toggler,
body.page-events-cphi-india-2024 .dcatNavbar .navbar-toggler {
    background: none !important;
}

/* body.page-events-cphi-milan-2024 .dcatNavbar .navbar-toggler {
  background: none !important;
}

body.page-node-create_custom_page .dcatNavbar .navbar-toggler:hover {
  background: none !important;
} */

body.page-events-cphi-india-2024 .dcatNavbar .navbar-toggler {
    background: none !important;
}

body.page-events-cphi-milan-2024 .disclaimerWrapper,
body.page-events-cphi-india-2024 .disclaimerWrapper {
    display: none;
}

body.page-events-cphi-milan-2024-success .bannerBox,
body.page-events-cphi-india-2024-success .bannerBox {
    display: block !important;
}

body.page-events-cphi-milan-2024-success a.learMoreBtn,
body.page-events-cphi-india-2024-success a.learMoreBtn {
    text-align: center;
    line-height: 40px;
}

body.page-events-cphi-milan-2024-success .navbar-light .navbar-toggler,
body.page-events-cphi-india-2024-success .navbar-light .navbar-toggler {
    border: none;
    top: 5px;
}

#milan-team .item {
    max-width: 280px;
    margin: 0 auto;
}

.cphiMilanLandingPage .locationCapabilities {
    padding: 50px 0px 10px !important;
}

.cphiMilanLandingPage .locationInfoSec h2 {
    text-align: center;
    color: #5f4b9f !important;
    font-family: "DRLCircular-Bold";
    font-size: 28px;
    margin-bottom: 15px;
    line-height: normal;
    /* margin-bottom: 0px; */
}

.cphiMilanLandingPage .locationInfoSec.newAchivedSection {
    margin: 50px 0px 0px;
}


.cphiMilanLandingPage a.learMoreBtn, .cphiMilanLandingPage button.learMoreBtn {
    max-width: 200px;
    height: 50px;
    background-color: #5f4b9f;
    outline: none;
    border: none;
    padding: 0 20px;
    display: block;
    margin: 0 auto;
    cursor: pointer;
    line-height: 46px;
    border-radius: 30px;
    min-width: 200px;
    color: #fff;
}

.cphiMilanLandingPage button.learMoreBtn span::after {
    content: '';
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    background: url(../images/circle-arrow-right.svg) no-repeat center left;
    top: 4px;
    left: 160px;
}

body.page-events-cphi-milan-2024 .qContact {
    display: none;
}

.cphiMilanLandingPage .AchivedInner {
    border-top: 1px solid #A164ED;
    border-bottom: none;
    padding: 20px 20px 50px;
}

.cphiMilanLandingPage button.nav-link.meetUsBtn {
    margin-top: 0px;
}

.productBox a.productIconBtn {
    display: none;
}

button#toggleRows {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 15px 28px;
    gap: 10px;
    width: 145px;
    height: 50px;
    background: #502E92;
    border-radius: 61px;
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    transition: all 500ms;
    margin: 0 auto;
    margin-bottom: 30px;
}


body.page-product .trendingTopics .views-view-grid .views-row,
body.path-product .trendingTopics .views-view-grid .views-row {
    margin-bottom: 0px !important;
}

body.page-product .trendingTopics .col-md-4,
body.path-product .trendingTopics .col-md-4 {
    margin-bottom: 0px !important;
}

.DcatBannerTop.cphiJapan2024.milan2024 .dcat2 div {
    font-weight: bold;
    text-transform: none;
    text-indent: inherit;
    font-size: 42px;
    line-height: 56px;
}

.DcatBannerTop.cphiJapan2024.milan2024.india .dcat2 div {
    font-size: 40px;
    line-height: 45px;
}

.DcatBannerTop.cphiJapan2024.milan2024 div.dcat3 {
    display: flex;
    align-items: center;
    gap: 10px;
    text-transform: none;
    font-size: 46px !important;
    font-weight: 900 !important;
}

.DcatBannerTop.cphiJapan2024.milan2024.india div.dcat3 {
    font-size: 40px !important;
}

.DcatBannerTop.cphiJapan2024.milan2024.india div.dcat3 img {
    max-width: 250px;
    height: auto;
}

.DcatBannerTop.cphiJapan2024.milan2024 div.dcat3 p {
    font-size: 46px !important;
    font-weight: 900 !important;
}

.DcatBannerTop.cphiJapan2024.milan2024.india div.dcat3 p {
    font-size: 40px !important;
    display: flex;
    gap: 10px;
    align-items: center;
    margin-top: -6px;
}

.DcatBannerTop.cphiJapan2024.milan2024.india div.dcat3 p {
    margin-bottom: 0px;
    font-family: "DRL Circular" !important;
    font-weight: bold !important;
}

.productBox a {
    position: absolute;
    right: 20px;
}

.important-border,
.productRightForm input[type="text"].important-border {
    border-color: #502e92 !important;
    background: #e9dfff !important;
}


.customNavPart .btn {
    width: 100%;
    background: #f3f3f3;
    padding: 10px 24px;
    border-bottom: 4px solid #f3f3f3;
    font-weight: bold;
    font-size: 20px;
    border-radius: 0;
}

.customNavPart .btn.active {
    border-color: #5f4ba0;
    color: #5f4ba0;
    border-top: 0;
    border-right: 0;
    border-left: 0;
}

.genericFormulationTableSection .card-body {
    padding: 0px;
}

.genericFormulationTableSectio .card {
    border: none;
}

.fixed-nav {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    /* Ensure it stays on top */
}

.fixed-form {
    position: fixed;
    top: 56.6px;
    /* Adjust this value to match the height of your nav part */
    width: 100%;
    z-index: 999;
    /* Ensure it stays below the nav part */
}

.fixed-parent {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    left: 0;
    background: #f3f3f3;
}

.customNavContentPart table thead {
    color: #fff !important;
    background: #5f4ba0 !important;
}

.customNavContentPart table th {
    background: #5f4ba0 !important;
    color: #fff !important;
    padding: 10px !important;
}

.customNavContentPart table td {
    padding: 10px !important;
    vertical-align: middle !important;
}

.customNavContentPart table tr:nth-child(even) {
    background: #EBEBEB;
}

.SolutionApiBox a img {
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    border: 1px solid #efefef;
    padding: 4px 8px;
    border-radius: 10px;
}

.productBox a {
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    border: 1px solid #efefef;
    padding: 4px 8px;
    border-radius: 10px;
    display: flex;
}

.productBox a:hover {
    border-color: #5F4BA0;
}


button#showMoreBtn {
    width: 220px;
    height: 50px;
    line-height: 34px;
    border-radius: 25px;
    border: 2px solid #5f4ba0;
    color: #5f4ba0;
    font-weight: bold;
    text-align: center;
    display: block;
    margin: 0 auto;
    text-decoration: none;
    color: #5f4ba0;
    position: relative;
    background: #fff;
    outline: none;
    margin-top: 20px;
}

ul.js-pager__items.pager {
    display: none;
}

.stickyTop {
    position: fixed;
    top: -24px;
    width: 100%;
    z-index: 1000;
    left: 0;
    background: #fff;
}

.genericFormulationTableSection {
    padding-top: 70px;
    /* Adjust based on the height of the sticky elements */
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    /* Ensure full width */
    z-index: 1000;
    /* Ensure it's above other content */
}

/* Add padding or margins to avoid content overlap */
.genericFormulationTableSection {
    padding-top: 70px;
    /* Adjust this based on your header height */
}

/* Adjust the positioning of the form when sticky */
.customNavPart.sticky {
    position: fixed;
    top: 0;
    /* Stick to the top */
    z-index: 1000;
}

.formPart.sticky {
    position: fixed;
    top: 60px;
    /* Adjust to place it just below the sticky nav */
    z-index: 999;
    /* Ensure form is below the nav */
}

.anti-diabetic-row {
    margin-bottom: 0px !important;
}

.anti-diabetic-row .col-md-4 {
    margin-bottom: 10px !important;
}


body.page-events-cphi-india-2024 .milanAboutBusiness {
    position: relative;
}

body.page-events-cphi-india-2024 .milanAboutBusiness::before {
    content: '';
    background: url(../images/gallery-before.svg) no-repeat;
    width: 211.14px;
    height: 343.95px;
    display: block;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

body.page-events-cphi-india-2024 .milanAboutBusiness::after {
    content: '';
    background: url(../images/gallery-after.svg) no-repeat;
    width: 201.75px;
    height: 316.93px;
    display: block;
    position: absolute;
    right: 0px;
    top: 0;
}

body.page-events-cphi-india-2024 .cphiMilanLandingPage .nav-btn.prev-slide {
    background: url(../images/sus-left-arrow.svg) no-repeat center center !important;
    background-size: 38px;
    display: block;
    width: 38px;
    height: 40px;
}

body.page-events-cphi-india-2024 .cphiMilanLandingPage .nav-btn.next-slide {
    background: url(../images/sus-right-arrow.svg) no-repeat center center !important;
    background-size: 38px;
    display: block;
    width: 38px;
    height: 40px;
}

body.page-events-cphi-india-2024 .dcatbannerCaption h1 span {
    font-size: 50px;
}

body.page-events-cphi-india-2024 .cphiMilanLandingPage .owl-carousel .owl-nav button.owl-next, body.page-events-cphi-india-2024 .cphiMilanLandingPage .owl-carousel .owl-nav button.owl-prev {
    background: transparent !important;
}


/* ========================================================== for CLS issue end ============ */


#capabilitiesAccordion thead {
    background: #5F4BA0;
    height: 63px;
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 63px;
    color: #FFFFFF;
    width: 100%;
}

#capabilitiesAccordion thead th {
    padding: 0 10px;
}

#capabilitiesAccordion tbody td {
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    padding: 10px;
}

#capabilitiesAccordion .accordion-body p {
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
    color: #000000;
    margin: 15px 0;

}

#capabilitiesAccordion tbody tr:nth-child(even) {
    background-color: #ebebeb !important;
}



@media screen and (max-width: 767px) {
    #capabilitiesAccordion thead {
        visibility: hidden;
        height: 0;
        position: absolute;
    }

    #capabilitiesAccordion tr {
        display: block;
        margin-bottom: .625em;
        background-color: #ebebeb !important;
    }

    #capabilitiesAccordion td {
        /* border: 1px solid; */
        border-bottom: none;
        display: block;
        /* font-size: .8em; */
        text-align: left;
    }

    #capabilitiesAccordion td::before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        width: 100%;
        display: block;
        margin-bottom: 15px;
        /* text-transform: uppercase; */
    }

    #capabilitiesAccordion td:last-child {
        /* border-bottom: 1px solid; */
    }
}




/*Disclaimer Off*/
body.page-events-cphi-china-2024 .disclaimerWrapper {
    display: none !important;
}


body.path-customer-service.page-customer-service div#flush-headingOne button::after {
    /* rotate: -90deg; */
}


body.path-customer-service.page-customer-service div#flush-headingOne button.accordion-button.collapsed::after {
    width: 25px;
    height: 14px;
    content: "";
    background-image: url(../images/cs-faq-down-arrow-white.png) !important;
    background-size: 25px !important;
    position: absolute;
    left: 20px;
    top: 25px;
    rotate: -90deg;
}

div#faqlist .accordion-header .accordion-button.collapsed::after {
    width: 25px;
    height: 25px;
    content: "";
    background-image: url(/themes/custom/reddy/images/acor-plus.svg) !important;
}

div#faqlist .accordion-button:not(.collapsed)::after {
    background-image: url(/themes/custom/reddy/images/acor-minus.svg) !important;
}



@media (max-width: 1399px) {
    .eDate {
        margin: calc(20% - 3px) 0 0 calc(50% - 145px);
        font-size: 30px;
    }

    body.page-contact-us .eDate {
        margin: calc(20% - -13px) 0 0 calc(50% - 145px);
    }


    .eDate span {
        width: 100%;
        float: left;
        font-size: 30px;
    }

    .eDate time {
        line-height: 30px;
    }

    .headerBtnSec {
        display: flex;
    }

    .login-sec a {
        padding: 0px 15px;
        line-height: 33px;
        float: left;
        margin: 0;
    }

    .search img,
    .nav-link .searchIco {
        margin-left: 5px !important;
    }

    .owl-carousel .owl-nav button.owl-prev {
        left: -20px;
    }

    .search img {
        width: 25px;
        height: 25px;
        margin-left: 0;
    }

    header .container .row .col:first-child {
        flex: 0.7;
    }

    .field--name-body ol li {
        margin: 8px 0;
    }

    span.ft4 {
        color: #555;
        font-weight: 700;
        margin-right: 10px;
    }

    #fullSlider .owl-next {
        margin-left: calc(100% - 82px) !important;
    }

    .owl-prev img,
    .owl-next img {
        width: 40px;
    }

    .owl-prev {
        margin-left: -40px;
    }

    .owl-next {
        margin-left: calc(100% + 0px);
    }

    #homeBanner .item .mycon h2,
    #homeBanner .item .mycon div.h2 {
        font-size: 40px;
        line-height: 45px;
        width: 80%;
        max-height: 360px;
        /* margin-top: 20px !important; */
    }

    .textCont h2 {
        font-size: 28px;
        margin-bottom: 0px;
    }

    .textCont a {
        margin-top: 16px;
    }

    .textCont {
        padding: 28px 25px;
    }

    .bannerImageSec {
        background: #fff;
        padding: 0px;
    }

    .nav-item select.dd {
        width: 100% !important;
        margin-left: 5%;
    }
}

@media (max-width: 1367px) {
    .newSearchContainer {
        max-width: 1170px;
    }

    header .container {
        max-width: 98%;
    }

    body.lang-es .login-sec a {
        padding: 0px 10px;
        font-size: 12px;
        line-height: 33px;
    }

    .eDate {
        margin: calc(20% - 5px) 0 0 calc(50% - 145px);
    }

    body.page-contact-us .eDate {
        margin: calc(20% - -24px) 0 0 calc(50% - 145px);
    }

    .DcatBannerTop.cphiJapan2024.milan2024.india .dcat2 div {
        font-size: 35px !important;
        line-height: 45px !important;
        max-width: 55% !important;
    }

    .dcatLandingbannerForm .form-control,
    .dcatLandingbannerForm .form-select {
        margin-bottom: 8px;
    }

    .dcatLandingbannerForm .form-textarea {
        height: 42px;
    }

}

@media (max-width: 1240px) {
    .navbar-list .navbar-item .navbar-link {
        padding: 0 8px;
    }
}

@media (max-width: 1199px) {
    .trendingTopics header a {
        left: 10px !important;
        top: 30px !important;
    }

    ul.logoUl li a span {
        display: none;
    }

    header .container .row .col:first-child {
        width: 10%;
        padding: 0 0 0 15px;
    }

    header .container .row .col:last-child {
        width: 90%;
        padding: 0;
    }

    .navbar-list .navbar-item .navbar-link {
        font-family: "DRL Circular";
        font-size: 15px;
        color: #5f4ba0;
        font-weight: 700;
        padding: 0 6px;
    }

    li.logIn a {
        margin: 0;
    }

    .nav-item select.dd {
        width: 100% !important;
        margin-left: 5%;
        margin-top: 8px;
    }

    ul.navbar-item {
        margin-top: -10px;
    }

    .textCont h2 {
        font-size: 26px;
    }

    .textCont p {
        font-size: 25px;
        margin-top: 15px;
    }

    .textCont {
        padding: 18px 25px;
    }

    .eDate span {
        font-size: 32px;
    }

    #homeBanner .item .mycon h2,
    #homeBanner .item .mycon div.h2 {
        font-size: 48px;
        line-height: 50px;
    }

    #resource p a,
    .myScroll .scrollItems .textArea p a {
        font-size: 20px;
        line-height: 23px;
        height: 76px;
        font-family: "DRLCircular-Book";
        -webkit-line-clamp: 2;
    }

    .myScrollSec h2,
    .resourceSec h2 {
        font-size: 30px;
    }

    .nav-item select {
        padding: 5px !important;
        margin-top: -9px;
        margin-left: 23px;
    }

    ul.logoUl li {
        display: flex;
    }

    ul.logoUl li a {
        margin: auto;
    }

    ul.logoUl li a span {
        display: none;
    }

    #homeBanner .item img {
        display: block;
        width: 100%;
        height: auto;
    }

    .tableResponsive {
        overflow: scroll;
        max-height: 600px;
    }

    .tableResponsive table {
        width: 1296px !important;
    }

    .keyFocusOne {
        max-width: 134px;
    }

    .keyFocusTwo {
        max-width: 100px;
    }

    .keyFocusThree {
        bottom: -4px;
        right: 48px;
        max-width: 134px;
    }

    .keyFocusFour {
        bottom: -4px;
        left: 89px;
        max-width: 98px;
    }

    .keyFocusFive {
        max-width: 100px;
    }

    .keyFocusSix {
        left: 85px;
        max-width: 100px;
    }
}

@media (max-width: 1072px) {
    body.lang-es .navbar-list .navbar-item .navbar-link {
        font-size: 14px;
    }

    .lang-dropdown-form .form-select {
        padding: 0 4px !important;
        width: 84px !important;
    }
}

@media (max-width: 991px) {
    .innerPageBanner h1 {
        font-size: 28px;
    }

    #resource {
        margin: 20px 0 40px 0;
    }

    .quicktabs-tabs {
        display: flex;
        width: 100%;
        flex-wrap: nowrap;
        justify-content: center;
    }

    .quicktabs-tabs li {
        margin-top: 10px;
    }

    .generic-formulation-footer .container,
    .advertisementSection .container {
        max-width: 100% !important;
        padding: 0 !important;
    }

    body.lang-es .myScrollSec h2,
    body.lang-es .resourceSec h2,
    body.lang-es .path-contact-us h2,
    body.lang-es .contactFormclearfix h1,
    body.lang-es h2.related-prod {
        font-size: 29px;
        line-height: normal;
    }

    body.lang-es .re-imagine h2 {
        font-size: 29px;
        line-height: normal;
    }

    .js-form-item.form-item.js-form-type-checkbox {
        min-width: auto !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .product_top_info a {
        bottom: 23px;
        right: 50px;
    }

    .productDisplayCon .field__label {
        padding-left: 3px;
    }

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

    .product_top .productDisplayImage,
    .product_top .productDisplayCon {
        width: 100%;
    }

    .field__item {
        margin-left: 5px;
    }

    .headerBtnSec {
        display: flex;
        margin: 10px 0 35px 0;
        flex-direction: column;
    }

    .headerBtnSec .field--name-body {
        width: 90%;
        margin: 5px 5%;
    }

    .headerBtnSec .field--name-body a {
        width: 100%;
        text-align: center;
        background: #502e92;
        border: none;
        font-size: 22px !important;
        padding: 8px 10px !important;
        padding-top: 8px;
        height: 50px;
        line-height: 45px;
        border-radius: 25px !important;
    }

    .headerBtnSec .field--name-body a:hover {
        background: #502e92;
        color: #fff !important;
    }

    .lang-dropdown-form {
        width: 80%;
        margin: 5px 10%;
    }

    .lang-dropdown-form .js-form-item .lang-dropdown-select-element,
    .lang-dropdown-form .form-select {
        width: 100% !important;
        margin: 0 !important;
        font-size: 20px !important;
        padding: 7px 15px !important;
    }

    .qContact a span,
    .qContact2 a span {
        display: none;
    }

    .qContact a img,
    .qContact2 a img {
        margin: auto !important;
        width: 25px;
        height: auto;
    }

    .qContact a,
    .qContact2 a {
        width: 42px;
        top: 51vh;
    }

    .myScrollSec h2,
    .resourceSec h2,
    .path-contact-us h2,
    .contactFormclearfix h1 {
        font-size: 32px;
    }

    section.resourceSec,
    .myScrollSec {
        padding: 20px 0 !important;
        margin: 0 !important;
    }

    section.resourceSec {
        padding: 11px 0 18px 0 !important;
    }

    .bannerBottoSearch {
        margin: 0 !important;
        padding: 0 !important;
    }

    .download-product-list header a::before,
    .search-hide header a::before {
        bottom: 13px;
        left: 13px;
    }

    .download-product-list header a,
    .search-hide header a {
        width: 50px;
        height: 50px;
        left: 10px !important;
        top: 94px !important;
    }

    .download-product-list header a span,
    .search-hide header a span {
        display: none;
    }

    a.search.nav-link {
        display: none;
    }

    span.dropdown-toggle {
        width: 100%;
    }

    .header_search_append {
        display: block;
        float: right;
        margin: 9px 0 0 0;
    }

    .owl-stage-outer .disabled {
        display: none;
    }

    .owl-carousel .owl-nav button.owl-prev {
        left: 40px;
    }

    .owl-carousel .owl-nav button.owl-next {
        right: 0;
    }

    .nav-item .search {
        display: none;
    }

    header .container .row .col:nth-child(2) {
        flex: 1;
    }

    .nav-item select.dd {
        width: 90% !important;
        min-width: 52px !important;
        background: url(../images/arrow-down.png) no-repeat center right 8px #32c8f5;
        color: #fff !important;
        line-height: 35px !important;
        font-size: 19px !important;
        padding: 3px 15px !important;
        cursor: pointer !important;
        position: relative !important;
        border-radius: 10px !important;
        border: none !important;
        outline: none !important;
        margin-left: 5%;
        appearance: none;
    }

    header .container .row .col:first-child {
        flex: 1.9;
    }

    .hSearch {
        display: block;
    }

    .navbar-expand-lg .navbar-toggler {
        display: inline-flex;
        float: right;
    }

    .navbar .navbar-collapse {
        position: fixed;
        width: 100%;
        height: 105vh;
        overflow: auto;
        max-width: 450px;
        top: 0;
        right: -450px;
        padding: 50px 30px;
        background-color: #fff;
        background-size: cover;
        transition: all 0.5s;
        display: block !important;
        z-index: 9;
        justify-content: flex-end;
    }

    .navbar .show {
        right: 0;
    }

    .close,
    .navTitle {
        display: block;
    }

    .close {
        position: absolute;
        font-size: 25px;
        color: #fff;
        top: 21px;
        right: 23px;
        cursor: pointer;
    }

    .navbar-item {
        margin-top: 20px;
        border-top: 1px solid rgba(255, 255, 225, 0.3);
        padding-top: 20px;
    }

    .navbar-item {
        display: block;
        flex-direction: column !important;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }

    .navTitle {
        color: #212529;
        margin-bottom: 10px;
        font-size: 30px;
        margin: 20px 0 20px 30px;
        font-family: "DRLCircular-Light";
    }

    .navbar-list .navbar-item .navbar-link {
        padding: 16px 25px 16px 65px;
        color: #262626 !important;
        padding-left: 30px !important;
        background: transparent !important;
        font-size: 24px;
        font-family: "DRLCircular-Light";
    }

    .navbar .show .dropdown-menu {
        transition: all 0.5s;
        display: block;
        height: 0;
        overflow: hidden;
        border: none;
        border-radius: 0;
        height: 0;
        position: relative;
    }

    button {
        box-shadow: none !important;
        outline: none !important;
    }

    .search img {
        margin-left: 0;
    }

    .navBtn {
        position: relative;
        border: none;
        padding: 10px 0 !important;
        text-align: center;
        font-size: 22px !important;
        margin-top: 18px !important;
        margin-bottom: 7px !important;
        border: 5px solid rgb(255 255 255 / 30%) !important;
        margin-left: 5% !important;
        background: none !important;
        font-family: "DRLCircular-Light" !important;
        width: 90% !important;
    }

    .navbar-list .navbar-item .navBtn:hover {
        color: #fff;
        background: rgba(255, 255, 225, 0.2) !important;
    }

    .navbar-item .dropdown-menu {
        position: static;
    }

    .dropdown-menu .navbar-item .navbar-link {
        font-family: "DRLCircular-Light";
        font-size: 20px;
        padding: 15px 0 15px 96px;
        color: #ffffff !important;
        background: url(../images/nav-arrow-right-inner.svg) no-repeat 70px center;
    }

    .dropdown-menu {
        background: none;
    }

    .navbar .show ul.show {
        height: auto;
    }

    ul.navbar-item {
        margin-top: 30px;
    }

    .footerWrapper .col-lg-5 {
        margin-bottom: 30px;
    }

    .footerWrapper .col-lg-4 {
        width: 62%;
    }

    .footerWrapper .col-lg-3 {
        width: 38%;
    }

    #re-imagine .owl-item {
        width: 326px !important;
        min-width: 326px;
    }

    .bannerImageSec {
        background: #fff;
        padding: 25px 0 0 0;
    }

    .eDate {
        margin: 0;
    }

    .event {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
    }

    #fullSlider .owl-stage {
        display: flex;
    }

    #fullSlider .owl-item:nth-child(even) {
        background: #5f4ba0;
    }

    .re-imagine p {
        font-family: "DRLCircular-Book";
        font-size: 20px;
        margin-top: 15px;
    }

    #homeBanner .item img {
        width: 135%;
    }

    .knowMore {
        padding: 10px;
        font-size: 20px;
    }

    #homeBanner .item .mycon h2,
    #homeBanner .item .mycon div.h2 {
        font-size: 45px;
        line-height: 58px;
    }

    #homeBanner .item .mycon a.knowMore {
        margin-top: 80px !important;
    }

    .hSearch {
        display: block;
    }

    .close,
    .navTitle {
        display: block;
    }

    .dropdown-menu {
        padding: 0;
    }

    .navbar-expand-lg {
        margin: auto 0 auto auto;
    }

    .navbar {
        padding-top: 0;
    }

    .nav-item select:focus {
        background: rgb(115 88 168);
    }

    .nav-item select {
        background: rgb(117 73 204);
        width: 90% !important;
        padding: 16px 25px !important;
        margin: 50px 5%;
    }

    .navbar .show {
        right: 0;
    }

    .navbar .show .dropdown-menu {
        transition: all 0.5s;
        display: block;
        height: 0;
        overflow: hidden;
        border: none;
        border-radius: 0;
        display: none;
    }

    .dropdown-menu {
        background: none;
    }

    .dropdown-item {
        color: #fff;
    }

    .navbar .show ul.show {
        height: auto;
    }

    .navbar-item {
        margin-top: 20px;
        border-top: 1px solid rgba(255, 255, 225, 0.3);
        padding-top: 20px;
    }

    .dropdown-toggle::after {
        display: inline-block;
        margin-left: auto;
        vertical-align: 0.255em;
        content: "";
        background: url(../images/mob-nav-arrow-down.svg) no-repeat;
        width: 15px;
        height: 15px;
        right: 0px;
        border: none;
        position: absolute;
    }

    .navbar-list .navbar-item .navbar-link:focus,
    .navbar-list .navbar-item .navbar-link:hover {
        color: #fff;
    }

    .dropdown-item:hover {
        color: #a8ebff !important;
        background-color: #5f4ba0 !important;
    }

    .dropdown-item {
        font-family: "DRLCircular-Light";
        font-size: 20px;
        padding: 15px 0 15px 96px;
        color: #ffffff !important;
        background: url(../images/nav-arrow-right-inner.svg) no-repeat 70px center;
    }

    .navBtn {
        width: 60%;
        position: relative;
        border: none;
        padding: 10px 0 !important;
        text-align: center;
        font-size: 22px !important;
        margin-top: 18px !important;
        margin-bottom: 7px !important;
        border: 5px solid rgb(255 255 255 / 30%) !important;
        margin-left: 5% !important;
        background: none !important;
        font-family: "DRLCircular-Light" !important;
        width: 90%;
    }

    .navbar-toggler {
        float: right;
    }

    .navbar-toggler:focus {
        outline: none;
        border: none;
        box-shadow: none;
    }

    .close {
        position: absolute;
        font-size: 25px;
        color: #fff;
        top: 21px;
        right: 23px;
        cursor: pointer;
    }

    .re-imagine h2 {
        font-size: 32px;
        line-height: normal;
    }

    .re-imagine h3 {
        font-size: 23px;
        margin: 15px 0 22px 0;
    }

    .search-2 {
        width: 100%;
        margin: 5px 0;
    }

    .search-2 button img {
        width: 25px;
    }

    .search-2 input[type="text"] {
        padding: 8px 0px !important;
        font-size: 18px;
        width: calc(100% - 27px);
    }

    .owl-next {
        margin-left: calc(100% + -2px);
    }

    .owl-nav {
        margin-top: -27%;
    }

    .navbar-item {
        padding: 0 !important;
        margin: 0 !important;
    }

    .navbar-list .navbar-item .navbar-link {
        float: left;
    }

    .navbar .show .dropdown-menu {
        height: auto;
    }
}

@media (max-width: 767px) {

    body.page-events-cphi-india-2024 .custom-form form {
        margin-left: 0px !important;
    }

    .milanAboutRight ul li div:first-child {
        width: 40%;
    }

    .milanAboutRight ul li div img {
        width: 50px;
    }


    .bannerForm {
        position: relative;
        top: 0;
        right: 0;
    }

    .views-element-container .views-view-grid .views-row .views-col {
        margin: 8px;
        width: calc(100% - 16px) !important;
    }

    .lessOwlSlider .speeakersBox {
        width: 100%;
        vertical-align: top;
        display: inline-flex;
    }

    body.path-webinar .col-md-3 {
        width: 100%;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        float: left;
    }

    .col-md-3.whatWillSection h2 {
        text-align: center;
    }

    .product_top_info a {
        bottom: 12px;
        right: 12px;
    }

    .bottom-info {
        width: 68%;
    }

    .copyrightInfo {
        font-size: 14px;
    }

    .footerLogo ul li {
        font-size: 18px;
        text-align: left;
        display: flex;
        flex-direction: column;
    }

    .footerWrapper h4 {
        text-align: left !important;
    }

    #webform-submission-contact-add-form #edit-actions {
        margin: 20px auto;
    }

    h6 strong {
        white-space: nowrap;
    }

    .col-md-12.js-form-item.form-item.js-form-type-textarea.form-item-message.js-form-item-message.form-no-label {
        width: 100% !important;
    }

    .form-textarea {
        width: 90% !important;
    }

    #path-products11 .inner-content-sec .innerPageSection .container .row {
        flex-wrap: nowrap;
        flex-direction: row;
        overflow: auto;
    }

    nav#block-reddy-footer ul li,
    .footerContact li {
        text-align: left;
    }

    .myScroll .scrollItems .textArea p {
        font-size: 20px;
        line-height: 23px;
    }

    .owl-item img {
        width: 100%;
        height: auto;
    }

    .owl-stage-outer {
        overflow: auto;
    }

    .owl-nav,
    .owl-dots {
        display: none;
    }

    #homeBanner.owl-dots {
        display: block;
    }

    .footerWrapper .col-lg-4 {
        width: 50%;
    }

    .footerWrapper .col-lg-3 {
        width: 50%;
    }

    nav#block-reddy-footer ul li {
        width: 100%;
    }

    .search-2 {
        width: 100%;
        margin: 15px 0;
    }

    .search-2 button img {
        width: 20px;
        margin-top: 9px;
    }

    .owl-nav {
        margin-top: -38%;
    }

    #fullSlider .owl-nav {
        margin-top: -31%;
    }

    .myScroll,
    #resource {
        margin-top: 20px;
    }

    .searchSec {
        top: 66px;
    }

    #homeBanner .item .mycon h2,
    #homeBanner .item .mycon div.h2 {
        font-size: 32px;
        line-height: 42px;
    }

    .knowMore {
        margin-top: 25px;
    }

    .logoUl img {
        width: 150px;
    }

    .search-2 input[type="text"] {
        padding: 5px;
        margin: 0 !important;
    }

    .search-2 button {
        margin: 0;
    }

    body.page-webinar-building-resilience-and-agility-in-the-pharma-supply-chain .col-md-3 {
        width: 100% !important;
    }

    body.path-webinar .row.whatWillWRapper.building-box .col-md-3 {
        width: 100% !important;
    }
}

@media (max-width: 620px) {
    .form-actions {
        display: flex;
        width: 100%;
        text-align: center;
        justify-content: center;
        margin-top: 80px;
    }

    .bef-exposed-form details {
        min-width: 227px;
    }

    .download-product-list header a,
    .search-hide header a {
        width: 50px;
        height: 50px;
        left: -20px !important;
        top: 117px !important;
    }

    .productDisplay .field--type-entity-reference,
    .productDisplay .field--type-string {
        width: 50%;
    }

    .capabilities-box {
        flex-direction: column;
    }

    .capabilities-img {
        display: flex;
    }

    .capabilities-img img {
        margin: auto;
    }

    .resourceSec,
    .re-imagine {
        padding: 25px 0;
    }

    #resource {
        margin: 20px 0;
    }

    .owl-prev {
        margin-left: 0;
    }

    .owl-next {
        margin-left: calc(100% - 80px);
    }
}

@media (max-width: 560px) {
    .image-panel {
        height: 52vw;
    }

    .contactFormSection .webform-submission-form .js-form-item.form-item.js-form-type-checkbox {
        margin-left: 0;
    }

    .myScrollSec h2,
    .resourceSec h2,
    .path-contact-us h2,
    .contactFormclearfix h1,
    h2.related-prod {
        font-size: 35px;
        list-style: 45px;
        line-height: normal;
    }

    .js-form-item.form-item.js-form-type-checkbox {
        padding-left: 10px;
    }

    .form-textarea {
        width: 97% !important;
        height: 100px;
        background-color: #e9e9e9;
        border-radius: 10px;
        border: none;
        outline: none;
        margin: 8px 10px 0 10px;
        padding: 10px;
        font-size: 0.875em;
    }

    input#edit-combine,
    input#edit-combine--2 {
        width: 80% !important;
    }

    #homeBanner .owl-dots {
        margin-left: 2vw;
    }

    .search-2 .js-form-type-textfield {
        width: 100%;
        position: relative;
    }

    .search-2 button {
        margin: 0;
        position: absolute;
        right: -12px;
    }
}

@media (max-width: 549px) {

    .download-product-list header a,
    .search-hide header a {
        width: 50px;
        height: 50px;
        left: -33px !important;
        top: -6px !important;
    }

    .product_top_info {
        padding: 27px 27px;
    }

    input#edit-combine,
    input#edit-combine--2 {
        width: 80% !important;
    }

    .webform-submission-form #edit-actions,
    .webform-submission-form .js-form-item-agree-to-privacy-policy {
        width: 100%;
        display: flex !important;
    }

    .webform-submission-form #edit-actions input {
        margin: 10px auto 18px auto;
    }

    .contactFormclearfix h6,
    .js-form-type-processed-text h6 {
        display: block !important;
        border-radius: 70px;
    }
}

@media (max-width: 490px) {

    .productDisplay .field--type-entity-reference,
    .productDisplay .field--type-string {
        width: 100%;
    }

    .search-2 input[type="text"] {
        padding: 8px 0px !important;
        font-size: 13px;
        width: calc(100% - 23px);
    }

    #homeBanner .owl-dots {
        margin-left: 1vw;
    }

    #homeBanner .item .mycon h2,
    #homeBanner .item .mycon div.h2 {
        font-size: 19px;
        line-height: 23px;
    }

    .footerLogo ul li {
        line-height: 55px;
    }

    .footerLogo ul li span {
        display: none;
    }

    .footerWrapper .col-lg-5 {
        margin-bottom: 17px;
    }
}

@media (max-width: 450px) {
    .bef-nested {
        width: 80%;
        left: 10%;
    }

    .footerWrapper h4 {
        text-align: left;
        font-size: 22px;
    }

    nav#block-reddy-footer ul li a,
    .footerContact li a {
        white-space: nowrap;
        font-size: 14px;
        display: flex;
    }

    input#edit-combine,
    input#edit-combine--2 {
        width: 100% !important;
        font-size: 12px !important;
        text-overflow: ellipsis;
    }

    #homeBanner .item .mycon h2,
    #homeBanner .item .mycon div.h2 {
        font-size: 20px;
        line-height: 23px;
    }

    .knowMore {
        margin-top: 13px;
        padding: 0 10px;
        font-size: 16px;
    }

    .resourceSec .knowMore,
    .re-imagine .knowMore,
    .textCont .knowMore {
        margin-top: 13px;
        padding: 8px 10px;
        font-size: 16px;
        width: auto;
    }

    .footerContact li a img {
        width: 20px;
        margin-right: 10px;
        height: 20px;
        margin-top: 9px;
    }
}

@media (max-width: 420px) {

    .product_btn_info p strong:first-child a,
    h6 strong a {
        width: 100%;
        float: left;
    }

    #homeBanner .item .mycon h2,
    #homeBanner .item .mycon div.h2 {
        width: 80% !important;
    }

    .quicktabs-tabs {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center;
    }
}

.form-item-agree-to-privacy-policy {
    padding: 0 30px;
}

.node--type-article h1.field--title {
    margin-top: 25px;
}

@media (max-width: 549px) {
    .webform-submission-contact-form .js-form-type-processed-text {
        margin: 10px 0 !important;
        width: 100%;
    }

    .contactFormclearfix h6,
    .js-form-type-processed-text h6 {
        display: block !important;
    }

    .contactFormclearfix h6 strong,
    .js-form-type-processed-text h6 strong {
        display: inline-block !important;
    }
}

#views-exposed-form-product-page-page-13 .form-actions {
    display: inline-block !important;
}

#fullSlider .owl-item {
    border-right: 1px solid #fff !important;
}

.contactFormSection .webform-submission-form .js-form-item.form-item.js-form-type-checkbox {
    margin-left: 0;
}

.ui-accordion-content .views-row .views-field table tr th:first-child,
.ui-accordion-content .views-row .views-field table tr td:first-child {
    flex: 0.5;
    min-width: 138px;
}

.js-form-type-processed-text {
    margin: 15px 0;
    text-align: center;
}

.node--type-article .col-md-12+img {
    max-width: 100%;
}

.ui-accordion-content .views-row:first-child .views-field table thead tr th {
    font-size: 20px;
    text-transform: uppercase;
    color: #5f4ba0;
    font-weight: 700;
    padding: 0 0 0 7px;
    white-space: normal;
}

.search-2 .bef-exposed-form {
    display: block;
}

input[type="checkbox"] {
    width: 30px;
    height: 20px;
}

.bannerInfo h1 {
    font-weight: 700;
    font-size: 2.5rem;
    color: #fff !important;
    line-height: 1.4;
    margin-bottom: 30px;
    width: 86%;
}

.bef-nested ul li .js-form-item.form-item.js-form-type-checkbox input {
    margin-top: 0;
}

.bef-nested ul {
    display: flex;
    flex-wrap: wrap;
}

.bef-nested ul li {
    width: 50%;
}

.bef-nested ul li .js-form-item.form-item.js-form-type-checkbox {
    display: flex;
    word-wrap: break-word;
    align-items: flex-start;
}

#homeBanner .item .mycon h2,
#homeBanner .item .mycon div.h2 {
    color: #fff;
    font-family: "DRLCircular-Bold";
    transition: all 0.5s;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    max-height: 360px;
    overflow: hidden;
    margin-top: 0px !important;

}

.bef-nested {
    width: 62%;
    left: 11%;
}

.bef-nested ul li div input {
    margin-right: 2px;
}

.bef-nested ul li div label {
    line-height: normal;
}

.search-2 .js-form-type-textfield .newSearch {
    display: none;
}

body.path-webinar .inner-content-sec p {
    line-height: normal;
}

.bef-nested {
    width: 100%;
    left: 0;
}

.bef-nested ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.bef-nested ul li {
    min-width: 33.33%;
    max-width: 33.33%;
}

.bef-nested ul li div input {
    margin-top: 0 !important;
    margin-right: -2px !important;
}

.bef-nested ul li div label {
    line-height: normal;
    font-size: 16px;
}

.bef-nested ul li .js-form-item.form-item.js-form-type-checkbox {
    display: flex;
}

.js-form-item.form-item.js-form-type-checkbox {
    margin: 10px 0 !important;
}

@media (max-width: 620px) {
    .bef-nested ul li {
        min-width: 100%;
        max-width: 100%;
    }
}

.error-page {
    text-align: center;
}

.error-page h3 {
    font-size: 30px;
    color: #532fb7;
    line-height: normal;
    margin: 10px 0;
}

.error-page p {
    font-size: 22px;
    color: #31363e;
    margin: 0 0 30px 0;
}

.explore-btn a {
    background: #5225b5;
    border: 1px solid #5225b5;
    color: #fff;
    transition: 0.5s;
    display: inline-block;
    font-size: 16px;
    padding: 8px 60px 5px;
    line-height: normal;
    outline: none;
    border-radius: 30px;
}

.products-disclaimer {
    padding-top: 0;
    margin-top: 27px;
}

.products-disclaimer p {
    color: #fff;
}

.copyrightInfo {
    text-align: center;
}

.bef-nested label {
    font-size: 16px;
    line-height: normal;
}

.form-checkboxes.bef-nested input {
    margin-top: 0px !important;
}

.js-form-item.form-item.js-form-type-checkbox.form-item-field-therapy-area-target-id-88.js-form-item-field-therapy-area-target-id-88 input {
    margin-left: 2px;
}

.bef-nested ul li div label {
    max-width: 250px;
}

@media (max-width: 1199px) {
    .bef-nested ul li div label {
        max-width: 150px;
    }
}

@media (max-width: 414px) {
    .bef-nested ul li div label {
        max-width: 100%;
    }
}

h6 strong {
    white-space: nowrap;
    font-size: 18px;
    display: inline-flex !important;
}

.contactFormclearfix h6 strong,
.js-form-type-processed-text h6 strong {
    display: inline-flex !important;
    margin-bottom: 10px;
}

.inner_breadcrumb nav ol li {
    display: inline-block;
    padding: 0 5px 0 13px;
    background: url(../images/product-breadcamp.png) no-repeat 0 7px;
    font-size: 14px;
}

.inner_breadcrumb ol li:first-child {
    padding-left: 0;
    background: none;
}

.inner_breadcrumb nav ol li a {
    color: #333;
}

.inner_breadcrumb nav ol {
    margin-bottom: 20px;
    float: left;
    width: 100%;
}

input[disabled="disabled"] {
    opacity: 0.3;
}

.valid-email {
    margin-left: 32px;
    font-size: 15px;
    color: red;
}

.rightContactBox .webform-submission-form .valid-email {
    margin-left: 0 !important;
    margin-top: -10px;
}

#meet-expert-form .valid-email {
    margin-left: 0 !important;
    margin-top: -10px;
}

#webinar-form .valid-email {
    margin-left: 0 !important;
}

.col-md-4.bannerFormSection .txt_fld:focus {
    border-bottom: none !important;
}

.inner_breadcrumb nav ol li {
    display: inline-block;
    padding: 0 5px 0 13px;
    background: url(../images/product-breadcamp.png) no-repeat 0 7px;
    font-size: 14px;
}

.trendingTopics header a,
.download-product-list header a {
    top: 32px;
    left: 25px;
}

.contactFormSection .inner_breadcrumb {
    max-width: 1140px;
    margin: 0 auto !important;
}

.page-form-contact-us-product .inner_breadcrumb,
.page-form-contact-us-generic-formulation .inner_breadcrumb {
    margin: 0 auto !important;
    padding-left: 30px;
}

.text-count-message {
    display: none !important;
}

ul.socialFooterIcon li img {
    width: 20px;
}

ul.socialFooterIcon {
    margin-top: 30px;
}

ul.socialFooterIcon li {
    display: inline-flex;
    margin-right: 15px;
}

.text-count-message {
    display: none !important;
}

@media all and (-ms-high-contrast: none) {
    .form-item-lang-dropdown-select {
        display: inline-block;
        vertical-align: middle;
    }

    body.lang-en .lang-dropdown-form .form-select {
        padding: 9px !important;
        border-radius: 20px !important;
    }
}

.whitepaper-btn {
    display: inline-block;
}

body.page-webinar-green-chemistry-pharmaceutical-industry .lessOwlSlider .speeakersBox {
    width: 100%;
}

body.page-webinar-green-chemistry-pharmaceutical-industry .whatWillWRapper {
    padding-top: 65px !important;
}

span#more strong {
    font-weight: bold;
    font-size: 18px;
    margin: 10px 0px;
    display: block;
}

.lessOwlSlider .speeakersBox img {
    border-radius: 50%;
    object-fit: cover;
    object-position: top;
}

.path-webinar .bannerForm .js-form-item.form-item.js-form-type-checkbox {
    margin: 10px 0 !important;
}

.quicktabs-tabs li {
    margin: 3px 5px !important;
    padding: 0 !important;
    flex: 1;
    min-width: 180px;
    text-align: center;
    max-width: 180px;
}

.quicktabs-tabs li a {
    width: 100%;
}

#greenchemistry-form .valid-email {
    margin-left: 0 !important;
}

#video-url {
    margin: 5px auto;
}

ul.articalBullate {
    list-style: disc;
    float: left;
    width: 100%;
    padding-left: 24px !important;
    margin: 0 0 25px 0;
}

ul.articalBullate li {
    margin-bottom: 10px;
    line-height: 25px;
    font-size: 18px;
    color: #666;
}

.new-icon-col {
    clear: both;
}

.new-icon-box h6 {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
}

.new-icon-box h6 span {
    color: #32bcad;
    font-size: 24px;
    padding-top: 5px;
}

.new-icon-box .icon {
    min-height: 90px;
}

.page-node-article .image-panel {
    background-color: transparent !important;
    border: 1px solid #efefef;
}

iframe#anvisa_video {
    height: 500px;
    margin: 0 auto;
    text-align: center;
    align-self: center;
    display: flex;
    margin-bottom: 15px;
    width: 720px;
}

/*Product Page CSS*/

.productBanner {
    background: url(../images/product-banner.webp) no-repeat center center;
    background-size: cover;
}

.productMainImage {
    display: block;
    width: 100%;
    height: 295px;
    background: #ffffff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.11);
    padding: 20px;
}

.productMainImage img {
    max-width: 100% !important;
    max-height: 100% !important;
}

.number-tag {
    color: #000;
}

.number-tag strong {
    font-weight: 600;
}

.productMainWrapper h2 {
    font-family: DRL Circular;
    font-style: normal;
    font-weight: 450;
    font-size: 45px;
    line-height: 62px;
    color: #502e92;
}

ul.btnTopArea {
    text-align: right;
    display: flex;
    justify-content: flex-end;
}

ul.btnTopArea li {
    display: inline-block;
    margin-left: 6px;
}

ul.btnTopArea li a:hover {
    color: #fff;
}

.btnWhitepapers {
    width: auto;
    height: 47px;
    background: #19cbc0;
    border-radius: 53px;
    font-family: DRL Circular;
    font-style: normal;
    font-weight: 450;
    font-size: 18px;
    line-height: 48px;
    color: #ffffff;
    padding: 0 25px;
}

.btnProducts {
    width: auto;
    min-width: 188px;
    height: 47px;
    background: #32c8f5;
    border-radius: 53px;
    font-family: DRL Circular;
    font-style: normal;
    font-weight: 450;
    font-size: 18px;
    line-height: 48px;
    color: #ffffff;
    padding: 0 25px;
}

.btnEnquiry {
    width: auto;
    min-width: 188px;
    height: 47px;
    background: #502e92;
    border-radius: 53px;
    font-family: DRL Circular;
    font-style: normal;
    font-weight: 450;
    font-size: 18px;
    line-height: 48px;
    color: #ffffff;
    padding: 0 25px;
}

.productRightDesc ul li {
    display: inline-block;
    width: 32%;
    vertical-align: text-top;
}

.productRightDesc ul li h4 {
    font-family: DRL Circular;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 25px;
    color: #3d3d3d;
    margin-bottom: 15px;
}

.productRightDesc ul li p {
    font-family: DRL Circular;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
    color: #000000;
}

.mainContent p {
    font-family: DRL Circular;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
    color: #000000;
}

.mainContent h4 {
    font-family: DRL Circular;
    font-style: normal;
    font-weight: bold;
    font-size: 25px;
    line-height: 31px;
    color: #3d3d3d;
    margin-bottom: 15px;
}

.relatedResourcesWrapper h2 {
    text-align: center;
    font-family: DRL Circular;
    font-style: normal;
    font-weight: 450;
    font-size: 45px;
    line-height: 62px;
    color: #502e92;
    margin-bottom: 30px;
}

.relatedResourcesBox {
    display: flex;
    width: 98%;
    max-width: 753px;
    align-items: center;
    margin: 0 auto;
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.306));
    background: #ffffff;
}

.relatedResourcesBox div {
    width: 50%;
}

.relatedResourcesBox img {
    width: 100%;
    height: 100%;
}

.relatedResourcesBox .ContentSec {
    padding: 30px;
    position: relative;
}

.relatedResourcesBox span {
    display: block;
    font-family: DRL Circular;
    font-style: normal;
    font-weight: 450;
    font-size: 20px;
    line-height: 25px;
    color: #502e92;
    margin-bottom: 15px;
}

.relatedResourcesBox p {
    font-family: DRL Circular;
    font-style: normal;
    font-weight: 450;
    font-size: 18px;
    line-height: 26px;
    color: #000000;
}

.rightBtn-resources {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 30px;
    bottom: 30px;
    cursor: pointer;
}

.contactBottomWrapper {
    width: 100%;
    height: auto;
    min-height: 232px;
    background-color: #5f4ba0;
    display: flex;
    margin: 30px 0px;
    position: relative;
    overflow: hidden;
}

.contactBottomWrapper::before {
    content: "";
    position: absolute;
    display: block;
    background: url(../images/contact-bg-before.png) no-repeat left top;
    background-size: 181px;
    width: 294px;
    height: 327px;
    top: -22px;
}

.contactBottomWrapper::after {
    content: "";
    position: absolute;
    display: block;
    background: url(../images/contact-bg-after.png) no-repeat right bottom;
    background-size: 181px;
    width: 294px;
    height: 327px;
    bottom: -105px;
    right: 0px;
    z-index: 0;
}

.contactBtn {
    z-index: 7 !important;
}

.contactBottomBox {
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: 100%;
}

.contactImage img {
    border-radius: 50%;
}

.contactDesc {
    width: 50%;
}

.contactDesc h3 {
    font-family: DRL Circular;
    font-style: normal;
    font-weight: bold;
    font-size: 35px;
    line-height: 43px;
    color: #ffffff;
}

/* Group 7072 */

.contactBtn a {
    border: 2px solid #ffffff;
    font-family: DRL Circular;
    font-style: normal;
    font-weight: 300;
    font-size: 30px;
    line-height: 65px;
    color: #ffffff;
    width: 240px;
    height: 68px;
    border-radius: 34px;
    display: block;
    text-align: center;
}

.relatedProductWrapper h2 {
    text-align: center;
    font-family: DRL Circular;
    font-style: normal;
    font-weight: 450;
    font-size: 45px;
    line-height: 62px;
    color: #502e92;
    margin-bottom: 30px;
}

.relatedProductWrapper .productBox {
    height: 180px;
    overflow: hidden;
    padding: 15px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.22);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.22);
    margin: 0px 0px 20px;
    cursor: pointer;
    position: relative;
    color: #000;
}

.relatedProductWrapper .productBox h4 {
    color: #5f4ba0;
}

.relatedProductWrapper .productIconBtn {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background: url(../images/box-arrow-right.svg) no-repeat;
    width: 24px;
    height: 24px;
    background-size: 24px;
}

body.page-product section.content-sec.inner-content-sec .container,
body.path-product section.content-sec.inner-content-sec .container {
    padding: 0px !important;
}

.productBox .hoverBox {
    width: 100%;
    height: 100%;
    background: linear-gradient(78.76deg, #6843B8 8.29%, #34C5F4 109.11%) !important;
    color: #fff !important;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 257px;
    transition: 0.3s;
    padding: 25px;
    text-align: left;
}

.hoverBox .prodDesc p,
.hoverBox .prodHead h4,
.hoverBox a {
    color: #fff !important;
}

.hoverBottomBox a {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.hoverBox img {
    filter: brightness(0) invert(1);
}

.hoverBottomBox {
    display: flex;
    position: absolute;
    bottom: 20px;
    width: 80%;
}







.disclaimerWrapper h4 {
    font-family: DRL Circular;
    font-style: normal;
    font-weight: 450;
    font-size: 24px;
    line-height: 30px;
    color: #3d3d3d;
}

.disclaimerWrapper p {
    font-family: DRL Circular;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 25px;
    color: #575757;
}

.contactinfo ul {
    max-width: 453px;
    display: block;
    margin: 0 auto;
    background: #5f4ba0;
    height: auto;
    min-height: 45px;
    border-radius: 25px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    padding: 12px 0px;
}

.contactinfo ul li {
    display: inline-block;
    color: #fff;
    line-height: 18px;
    border-right: 1px solid;
    padding: 0 5px;
}

.contactinfo ul li:last-child {
    border-right: none;
}

.contactinfo ul li a {
    color: #fff;
}

.rightContactBox {
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.306));
    background: #ffffff;
    width: auto;
    height: auto;
    padding: 30px;
    max-width: 400px;
}

.rightContactBox h3 {
    font-family: DRL Circular;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 49px;
    color: #502e92;
}

.rightContactBox p {
    font-family: DRL Circular;
    font-style: normal;
    font-weight: 450;
    font-size: 17px;
    line-height: 24px;
    color: #3d3d3d;
}

.rightContactBox .webform-submission-form .form-email,
.rightContactBox .webform-submission-form .form-text,
.rightContactBox .webform-submission-form .form-select {
    height: 50px;
    background-color: #e9e9e9;
    border-radius: 10px;
    border: none;
    outline: none;
    margin: 0 auto;
    padding: 10px;
    width: 100%;
    font-size: 0.875em;
    margin-bottom: 15px;
}

.rightContactBox .webform-submission-form {
    margin: 0 auto !important;
}

.rightContactBox .form-textarea {
    width: 100%;
    height: 100px;
    background-color: #e9e9e9;
    border-radius: 10px;
    border: none;
    outline: none;
    margin: 0 auto;
    padding: 10px;
    font-size: 0.875em;
}

.rightContactBox .js-form-item.form-item.js-form-type-checkbox {
    display: flex;
    font-size: 16px;
    color: #8a8a8a;
}

.rightContactBox div#edit-processed-text {
    display: none;
}

.webform-submission-form .form-select {
    width: 106%;
}

.productRightDesc .field {
    width: 32.9%;
    display: inline-block;
    vertical-align: text-top;
    padding-right: 5px;
}

.productRightDesc .field__label {
    font-family: DRL Circular;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    color: #3d3d3d;
    margin-bottom: 4px;
}

.productRightDesc .field__items {
    font-family: DRL Circular;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
    color: #000000;
    margin-bottom: 20px;
}

.relatedResourcesWrapper {
    display: block;
    margin: 0 auto;
    text-align: center;
}

.relatedResourcesWrapper div.relatedResourcesBox {
    display: inline-flex;
    width: 98%;
    margin: 1%;
    align-items: center;
    text-align: left;
}

.relatedProductWrapper .views-view-grid .clearfix .views-col {
    box-shadow: none !important;
}

.js-form-item.form-item.js-form-type-checkbox {
    margin-left: 0 !important;
    padding-left: 4px !important;
}

.relatedResources .owl-nav {
    width: 800px;
    margin-left: calc(50% - 400px);
    margin-top: -14%;
}

.productRightDesc {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.productMainWrapper .field__items {
    display: flex;
    flex-wrap: wrap;
    gap: 2px 10px;
}

#webform-submission-contact-us-product-node-17-add-form div#my-form-wrapper {
    margin: 0 0 25px 0 !important;
}

.productRightDesc {
    display: inline-block;
}

div#my-form-wrapper {
    margin: 0 0 25px 0 !important;
}

.indication-list {
    display: flex;
    float: left;
    width: 100%;
    flex-wrap: wrap;
    gap: 5px 30px;
    margin-bottom: 25px;
}

.indication-list li {
    max-width: 30%;
    min-width: 30%;
    padding-left: 30px;
    background: url(../images/check.png);
    background-repeat: no-repeat;
    background-size: 18px auto;
    background-position: 0px 5px;
}

.page-node-article .image-panel {
    background-color: transparent !important;
    border: 1px solid #efefef;
}

.innerPageBanner h1 {
    font-size: 40px;
    display: inline-block;
    border-bottom: 1px solid #fff;
    font-weight: bold;
    margin-bottom: 15px;
    z-index: 99;
    background: rgba(80, 46, 146, 0.4);
    padding: 10px;
    color: #fff;
}

/*resources pages start*/

.resourcesBanner {
    background: url(../images/resources-banner.jpg) no-repeat center center;
    background-size: cover;
}

ul.quicktabs-tabs li a {
    min-width: 170px;
    font-size: 22px;
}

.resourcesCarousalWrapper {
    width: 100%;
    height: auto;
    margin: 30px 0px;
}

.resourcesCarousalWrapper .mt-4 {
    margin-top: 10px !important;
}

.resourcesCarousalWrapper h2 {
    color: #5f4ba0 !important;
    background: none;
    text-decoration: none !important;
    font-family: "DRLCircular-Book";
    font-style: normal;
    font-weight: 450;
    /* font-size: 37px;
  line-height: 46px; */
    font-size: clamp(24px, 5vw, 37px);
    line-height: 1.5em;
    text-align: left;
    display: block;
    margin: 15px 0px;
    padding: 0;
}

.resourcesCarousalWrapper .mt-5 {
    margin-top: 1rem !important;
}

.resourceBoxItem {
    box-shadow: 2px 1px 5px 2px rgb(0 0 0 / 33%);
    position: relative;
    width: 100%;
}

.item.resourceBoxItem {
    width: 100%;
}

.resourceDescBox {
    min-width: 393px;
    max-width: 100%;
    padding: 15px 15px 15px;
    min-height: 125px;
}

.resourceDescBox span {
    font-family: DRL Circular;
    font-style: normal;
    font-weight: 450;
    font-size: 20px;
    line-height: 25px;
    color: #502e92;
    display: block;
    margin-bottom: 15px;
}

.resourceDescBox p {
    font-family: DRL Circular;
    font-style: normal;
    font-weight: 450;
    font-size: 18px;
    line-height: 26px;
    color: #000000;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 0px;
    padding-right: 30px;
}

.arrowBtn {
    position: absolute;
    right: 15px;
    bottom: 15px;
}

#whitepaperscarousal .owl-carousel .owl-item {
    margin: 15px !important;
}

#articlescarousal .owl-carousel .owl-item {
    margin: 15px !important;
}

#newscarousal .owl-carousel .owl-item {
    margin: 15px !important;
}

#webinarcarousal .owl-carousel .owl-item {
    margin: 15px !important;
}

#eventscarousal .owl-carousel .owl-item {
    margin: 15px !important;
}

#updatescarousal .owl-carousel .owl-item {
    margin: 15px !important;
}

.owl-item {
    margin-bottom: 20px;
}

.owl-carousel .owl-prev.disabled,
.owl-carousel .owl-next.disabled {
    pointer-events: none;
    opacity: 0.25;
}

#whitepaperscarousal .owl-nav button.owl-next,
#whitepaperscarousal .owl-nav button.owl-prev {
    background: transparent !important;
}

#articlescarousal .owl-nav button.owl-next,
#articlescarousal .owl-nav button.owl-prev {
    background: transparent !important;
}

#newscarousal .owl-nav button.owl-next,
#newscarousal .owl-nav button.owl-prev {
    background: transparent !important;
}

#webinarcarousal .owl-nav button.owl-next,
#webinarcarousal .owl-nav button.owl-prev {
    background: transparent !important;
}

#eventscarousal .owl-nav button.owl-next,
#eventscarousal .owl-nav button.owl-prev {
    background: transparent !important;
}

#updatescarousal .owl-nav button.owl-next,
#updatescarousal .owl-nav button.owl-prev {
    background: transparent !important;
}

.nav-btn.prev-slide {
    background-image: url(../images/carousal-left-arrow.png);
    background-repeat: no-repeat;
    background-size: 50px;
    display: block;
    width: 50px;
    height: 50px;
}

body.page-events-cphi-china-2024 .nav-btn.prev-slide {
    background-image: url(../images/button-arrow-prev.png);
}

.nav-btn.next-slide {
    background-image: url(../images/carousal-right-arrow.png);
    background-repeat: no-repeat;
    background-size: 50px;
    display: block;
    width: 50px;
    height: 50px;
}

.page-events-cphi-china-2024 .nav-btn.next-slide {
    background-image: url(../images/button-arrow-next.png);
}

#whitepaperscarousal button.owl-prev {
    left: -40px !important;
}

#whitepaperscarousal button.owl-next {
    right: -28px;
}

#articlescarousal button.owl-prev {
    left: -40px !important;
}

#articlescarousal button.owl-next {
    right: -28px;
}

#newscarousal button.owl-prev {
    left: -40px !important;
}

#newscarousal button.owl-next {
    right: -28px;
}

#webinarcarousal button.owl-prev {
    left: -40px !important;
}

#webinarcarousal button.owl-next {
    right: -28px;
}

#eventscarousal button.owl-prev {
    left: -40px !important;
}

#eventscarousal button.owl-next {
    right: -28px;
}

#updatescarousal button.owl-prev {
    left: -40px !important;
}

#updatescarousal button.owl-next {
    right: -28px;
}

.viewAllBtn {
    min-width: 150px;
    height: 50px;
    background: #ffffff;
    border: 1px solid #502e92;
    border-radius: 69px;
    font-family: DRL Circular;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    vertical-align: middle;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #502e92;
}

.sticky {
    position: fixed;
    top: 73px;
    width: 100%;
    left: 0;
    z-index: 7 !important;
}

.sticky .quicktabs-tabs {
    padding-top: 15px;
}

.sticky+section.content-sec.inner-content-sec {
    padding-top: 102px;
}

/*resources pages end*/

p.articleYear {
    font-family: DRL Circular;
    font-style: normal;
    font-weight: 450;
    font-size: 20px;
    line-height: 25px;
    color: #502e92;
    display: block;
    margin-bottom: 15px;
}

.articleHead {
    font-family: DRL Circular;
    font-style: normal;
    font-weight: 450;
    font-size: 18px;
    line-height: 26px;
    color: #000000;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.regularatySecUlText {
    float: left;
    width: 100%;
    display: flex;
    margin: 30px 0;
    list-style: none !important;
    flex-wrap: wrap;
}

.regularatySecUlText li::before {
    display: none !important;
}

.regularatySecUlText li {
    flex: 1;
    flex-wrap: wrap;
    min-width: 250px;
    display: flex;
    align-items: flex-start;
}

.regularatySecUlText li img {
    flex: 1;
    max-width: 70px;
    height: auto;
    object-fit: contain;
    margin: auto 25px auto 0px;
}

.regularatySecUlText li .text {
    flex: 1;
}

.regularatySecUlText li .text h3 {
    font-family: "DRL Circular Book";
    font-style: normal;
    font-size: 40px;
    line-height: 20px;
    color: #5f4ba0;
    font-weight: 550;
    margin-bottom: 25px;
}

.regularatySecUlText li .text h4 {
    font-family: DRL Circular;
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
}

.mapHolder img {
    margin: auto;
    width: 100%;
}

.mapButtomItalick {
    font-family: Arial;
    font-style: italic;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    float: inline-end;
    width: 100%;
    color: #8d8d8d;
    margin-bottom: 65px;
}

body.page-regulatory-section-resources .webinar-div h2 {
    font-family: DRL Circular;
    font-style: normal;
    font-weight: 300;
    font-size: 45px;
    line-height: 62px;
    text-align: center;
    color: #502e92;
    margin-bottom: 30px;
}

body.page-regulatory .webinar-div h2 {
    font-family: DRL Circular;
    font-style: normal;
    font-weight: 300;
    font-size: 45px;
    line-height: 62px;
    text-align: center;
    color: #502e92;
    margin-bottom: 30px;
}

.mainContent p a {
    color: #5f4ba0;
    font-weight: 600;
}

.mainContent p a:hover {
    color: #5f4ba0;
}

#views-exposed-form-document-expiry-list-page-1+table {
    border: 1px solid rgb(155, 147, 147);
    width: 100%;
    margin: 20px 0;
}

#views-exposed-form-document-expiry-list-page-1+table thead tr {
    background: #5f4ba0 !important;
    color: #fff;
    font-weight: bold;
}

#views-exposed-form-document-expiry-list-page-1+table th,
#views-exposed-form-document-expiry-list-page-1+table td {
    padding: 5px 0 5px 10px;
}

#views-exposed-form-document-expiry-list-page-1+table th {
    color: #fff;
    font-weight: bold;
}

#views-exposed-form-document-expiry-list-page-1+table tr:nth-child(odd) {
    background: rgb(235, 220, 255);
}

#views-exposed-form-document-expiry-list-page-1 {
    display: flex;
}

#views-exposed-form-document-expiry-list-page-1 .form-actions {
    width: 100px;
}

#views-exposed-form-document-expiry-list-page-1 .form-actions input {
    background: #4f2cb8;
    color: #fff;
    width: 100%;
    margin: 3px 0 0 0;
    height: 33px;
    border: none !important;
}

#views-exposed-form-document-expiry-list-page-1 .js-form-item-field-document-expiry-value {
    flex: 1;
}

#views-exposed-form-document-expiry-list-page-1 .js-form-item-field-document-expiry-value input {
    width: calc(100% - 110px);
}

/* ============================================================= For New Map ============== */

.Regulatory p {
    color: #000;
}

.mapSection {
    float: left;
    width: 100%;
    display: flex;
    box-shadow: 0 0 5px 1px #eee;
    min-height: 300px;
}

.mapHolder {
    flex: 0.7;
    display: flex;
}

.mapHolder img {
    margin: auto;
}

.mapItemList {
    flex: 0.3;
    background: #49c2c3;
    padding: 22px;
    box-sizing: border-box;
}

.mapItemList .title {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    float: left;
    text-align: left;
    width: 70%;
}

.mapItemList .title2 {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    float: left;
    text-align: right;
    width: 30%;
}

.mapItemListDiv {
    float: left;
    width: 100%;
    border-top: 1px solid #fff;
    margin-top: 20px;
    padding: 20px 20px 20px 0;
}

.mapItemListDiv ul {
    float: left;
    width: 100%;
    list-style: none;
}

.mapItemListDiv ul li {
    float: left;
    width: 100%;
    color: #fff;
    margin: 5px 0;
    padding: 0 !important;
}

.mapItemListDiv ul li::before {
    display: none;
}

.mapItemListDiv ul li span.country {
    float: left;
    width: 80%;
}

.mapItemListDiv ul li span.cItemCount {
    float: right;
    width: 20%;
    text-align: right;
}

.geolocation-map-wrapper {
    float: left;
    width: 100%;
    margin: 55px 0;
}

.gm-style .gm-style-iw-c {
    max-width: 350px !important;
}

.views-field-field-contactusgeolocation .field-content {
    font-size: 17px;
    line-height: 26px;
    color: #502e92;
}

.mapsection {
    float: left;
    width: 100%;
    margin: 25px 0;
    height: 700px;
    display: flex;
    background-color: #efefef;
}

.myMap {
    background: url(../images/map2.png) no-repeat center center;
    background-size: auto;
    height: 598px;
    margin: auto;
    float: left;
    width: 100%;
    position: relative;
}

.mapsection a {
    position: absolute;
    width: 35px;
    height: 57px;
    display: block;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.mapsection a.pointer1 {
    background-image: url(../images/m1.png);
    left: 74.6%;
    margin-top: 39px;
}

.mapsection a.pointer2 {
    background-image: url(../images/m2.png);
    left: 22.5%;
    margin-top: 240px;
}

.mapsection a.pointer3 {
    background-image: url(../images/m3.png);
    left: 47.7%;
    margin-top: 186px;
}

.mapsection a.pointer4 {
    background-image: url(../images/m4.png);
    left: 65.4%;
    margin-top: 283px;
}

.mapsection a.pointer5 {
    background-image: url(../images/m5.png);
    left: 70.3%;
    margin-top: 230px;
}

.mapsection a.pointer6 {
    background-image: url(../images/m6.png);
    left: 79.4%;
    margin-top: 214px;
}

.popMycon {
    position: absolute;
    background: #fff;
    width: auto;
    min-width: 300px;
    padding: 15px;
    display: flex;
    box-shadow: 0 0 10px 1px rgb(0 0 0 / 15%);
    flex-direction: column;
    max-width: 456px;
}

.popMycon h2 {
    color: #5f4ba0;
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    margin: 0 0 0px 0;
    float: left;
    width: 100%;
}

.popMycon h2 span {
    float: right;
    font-size: 15px;
    color: #000;
    font-weight: normal;
    cursor: pointer;
}

.popMycon h3 {
    float: right;
    width: 100%;
    font-size: 15px;
    color: #000;
    font-weight: bold;
    margin: 0;
    line-height: normal;
    white-space: nowrap;
}

.address3 {
    float: left;
    width: 100%;
    display: flex;
    margin: 0px 0 0 0;
}

.address3 img {
    width: 17px;
    height: 22px;
    margin-right: 10px;
}

.address3 p {
    font-size: 15px;
    font-weight: normal;
    flex: 0.7;
    color: #666;
    line-height: normal;
    margin: 0;
}

.address3 p strong {
    font-weight: bold;
}

.popMycon::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: #fff;
    display: block;
    top: -10px;
    transform: rotate(45deg);
    left: calc(50% - 8px);
    border-top: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
}

/* ============================================================= For New Map ============== */

/*Footer*/

.footerLogo ul li img {
    width: 150px;
    margin-right: 20px;
}

.footerLogo ul {
    margin-top: 8px;
}

.footerLogo ul li span {
    width: 100%;
    display: block;
    margin-bottom: 6px;
}

.footerLogo ul li:first-child {
    border-right: none;
    padding: 45px 0px;
    vertical-align: top;
}

.footerLogo ul li:last-child {
    margin-left: 0px;
    border-left: 1px solid #d1d1d1;
    padding-left: 20px;
    padding-top: 10px;
}

.footerBio {
    font-family: DRL Circular;
    font-style: normal;
    font-weight: 450;
    font-size: 16px;
    line-height: 22px;
    color: #ffffff;
}

.footerBio {
    max-width: 325px;
}

.footerContact li a {
    font-size: 16px;
}

nav#block-reddy-footer ul li {
    margin: 6px 0px;
}

nav#block-reddy-footer ul li a {
    font-size: 16px;
}

.footerBio p {
    line-height: 20px;
    font-size: 14px;
    color: #fff;
    margin-bottom: 0px;
}

.copyrightInfo {
    font-size: 16px;
}

.resourceImgBox {
    overflow: hidden;
}

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

body.page-article .productBanner {
    background: url(../images/article-banner.webp) no-repeat center top 21px !important;
}

body.page-articles .productBanner {
    background: url(../images/article-banner.webp) no-repeat center top 21px !important;
}

.articleBanner {
    background: url(../images/article-banner.webp) no-repeat center top 21px !important;
}

body.page-article .innerPageBanner::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: -moz-linear-gradient(top,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0.4) 100%);
    background: -webkit-linear-gradient(top,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0.4) 100%);
    background: linear-gradient(to bottom,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0.4) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
    z-index: 0;
}

/* whitepapers css */

.whitePaperBanner {
    background: url(../images/white-paper-bg.webp) no-repeat center center;
    background-size: cover;
}

.page-node-article .productBanner,
.path-white-paper .productBanner,
.path-articles .productBanner {
    background: url(../images/white-paper-bg.webp) no-repeat center center;
    background-size: cover;
}

.page-node-article .productBanner {
    background: url(../images/white-paper-bg.webp) no-repeat center center;
    background-size: cover;
}

.path-resources .productBanner,
.productBanner .page-resources {
    background: url(../images/product-banner.webp) no-repeat center center;
    background-size: cover;
}

.innerDesc {
    display: flex;
}

.innerDescImg {
    width: 257px;
    height: 193px;
    background: #ffffff;
    border: 1px solid #d1d1d1;
    box-sizing: border-box;
    margin-right: 40px;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    padding: 10px;
}

.knowMoreBTn {
    width: 150px;
    height: 42px;
    background: #ffffff;
    border: 2px solid #502e92;
    box-sizing: border-box;
    border-radius: 69px;
    font-family: DRL Circular;
    font-style: normal;
    font-weight: 450;
    font-size: 19px;
    line-height: 40px;
    color: #502e92;
    display: block;
    text-align: center;
    margin-left: 15px;
}

/*Approach Handiling Graph*/

.approachHandilingGraph {
    min-width: 770px;
    max-width: 790px;
    min-height: 422px;
    position: relative;
    padding: 104px 0px 0px 0px;
    font-family: DRL Circular;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    margin: 0 auto;
}

.approachHandilingGraph span {
    font-family: DRL Circular;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    color: #717171;
}

.approachHandilingGraph img {
    margin-right: 10px;
}

.approachCircel {
    width: 232px;
    height: 232px;
    border-radius: 100%;
    border: 1px dashed #c4c4c4;
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    position: relative;
}

.approachCircel h3 {
    font-family: DRL Circular;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: #4b4b4b;
}

.approchPoint {
    max-width: 360px;
    display: flex;
}

.approchPoint p {
    margin-top: 15px;
    margin-bottom: 0px;
}

body.page-contact-us .webform-submission-form .form-select {
    width: 90% !important;
}

body.page-contact-us .contactFormSection .webform-submission-form .js-form-item.form-item.js-form-type-checkbox {
    margin-left: 30px !important;
}

body.page-contact-us input#edit-actions-submit {
    margin-left: 30px;
}

body.page-contact-us div#my-form-wrapper {
    margin-left: 30px !important;
}

@keyframes pointAnimationOne {
    0% {
        background-color: rgba(50, 200, 245, 0.3);
    }

    50% {
        background-color: rgba(50, 200, 245, 0);
    }

    100% {
        background-color: rgba(50, 200, 245, 0.3);
    }
}

.pointOne {
    animation-name: pointAnimationOne;
    width: 20px;
    height: 20px;
    display: block;
    background: rgba(50, 200, 245, 0.3);
    border-radius: 50%;
    position: absolute;
    display: flex;
    cursor: pointer;
    transition: all 2s;
    border: 1px solid rgba(50, 200, 245, 0.3);
    animation-iteration-count: infinite;
    animation-duration: 2s;
}

.innerpointOne {
    width: 10px;
    height: 10px;
    display: block;
    background: rgba(50, 200, 245, 1);
    border-radius: 50%;
    position: absolute;
    margin: 4px;
}

@keyframes pointAnimationTwo {
    0% {
        background-color: rgba(25, 203, 192, 0.3);
    }

    50% {
        background-color: rgba(25, 203, 192, 0);
    }

    100% {
        background-color: rgba(25, 203, 192, 0.3);
    }
}

.pointTwo {
    animation-name: pointAnimationTwo;
    width: 20px;
    height: 20px;
    display: block;
    background: rgba(25, 203, 192, 0.3);
    border-radius: 50%;
    position: absolute;
    display: flex;
    cursor: pointer;
    transition: all 2s;
    border: 1px solid rgba(25, 203, 192, 0.3);
    animation-iteration-count: infinite;
    animation-duration: 2s;
}

.innerpointTwo {
    width: 10px;
    height: 10px;
    display: block;
    background: rgba(25, 203, 192, 1);
    border-radius: 50%;
    position: absolute;
    margin: 4px;
}

@keyframes pointAnimationThree {
    0% {
        background-color: rgba(80, 46, 146, 0.3);
    }

    50% {
        background-color: rgba(80, 46, 146, 0);
    }

    100% {
        background-color: rgba(80, 46, 146, 0.3);
    }
}

.pointThree {
    animation-name: pointAnimationThree;
    width: 20px;
    height: 20px;
    display: block;
    background: rgba(80, 46, 146, 0.3);
    border-radius: 50%;
    position: absolute;
    display: flex;
    cursor: pointer;
    transition: all 2s;
    border: 1px solid rgba(80, 46, 146, 0.3);
    animation-iteration-count: infinite;
    animation-duration: 2s;
}

.innerpointThree {
    width: 10px;
    height: 10px;
    display: block;
    background: rgba(80, 46, 146, 1);
    border-radius: 50%;
    position: absolute;
    margin: 4px;
}

@keyframes pointAnimationFour {
    0% {
        background-color: rgba(250, 210, 10, 0.3);
    }

    50% {
        background-color: rgba(250, 210, 10, 0);
    }

    100% {
        background-color: rgba(250, 210, 10, 0.3);
    }
}

.pointFour {
    animation-name: pointAnimationFour;
    width: 20px;
    height: 20px;
    display: block;
    background: rgba(250, 210, 10, 0.3);
    border-radius: 50%;
    position: absolute;
    display: flex;
    cursor: pointer;
    transition: all 2s;
    border: 1px solid rgba(250, 210, 10, 0.3);
    animation-iteration-count: infinite;
    animation-duration: 2s;
}

.innerpointFour {
    width: 10px;
    height: 10px;
    display: block;
    background: rgba(250, 210, 10, 1);
    border-radius: 50%;
    position: absolute;
    margin: 4px;
}

@keyframes pointAnimationFive {
    0% {
        background-color: rgba(240, 80, 75, 0.3);
    }

    50% {
        background-color: rgba(240, 80, 75, 0);
    }

    100% {
        background-color: rgba(240, 80, 75, 0.3);
    }
}

.pointFive {
    animation-name: pointAnimationFive;
    width: 20px;
    height: 20px;
    display: block;
    background: rgba(240, 80, 75, 0.3);
    border-radius: 50%;
    position: absolute;
    display: flex;
    cursor: pointer;
    transition: all 2s;
    border: 1px solid rgba(240, 80, 75, 0.3);
    animation-iteration-count: infinite;
    animation-duration: 2s;
}

.innerpointFive {
    width: 10px;
    height: 10px;
    display: block;
    background: rgba(240, 80, 75, 1);
    border-radius: 50%;
    position: absolute;
    margin: 4px;
}

.pointOne {
    position: absolute;
    right: 48%;
    top: -10px;
}

.pointTwo {
    position: absolute;
    right: -4px;
    top: 69px;
}

.pointThree {
    position: absolute;
    right: 8%;
    bottom: 30px;
}

.pointFour {
    position: absolute;
    left: 8%;
    bottom: 30px;
}

.pointFive {
    position: absolute;
    left: -4px;
    top: 69px;
}

#approch-One {
    position: absolute;
    top: 20px;
    right: 53px;
}

#approch-two {
    position: absolute;
    right: -85px;
    top: 123px;
}

#approch-three {
    position: absolute;
    right: -67px;
    top: 271px;
}

#approch-four {
    position: absolute;
    left: -57px;
    top: 259px;
    text-align: right;
}

#approch-five {
    position: absolute;
    left: -85px;
    top: 113px;
    text-align: right;
}

#approch-four img,
#approch-five img {
    margin-right: 0px;
    margin-left: 10px;
}

#whitepaperscarousal .item img,
#articlescarousal .item img,
#newscarousal .item img,
#webinarcarousal .item img,
#eventscarousal .item img,
#updatescarousal .item img {
    display: block;
    min-width: 393px;
    max-width: 100%;
    min-height: 230px;
}

.resourceDescBox {
    padding: 15px 15px 15px;
    min-height: 125px;
}

a.arrowBtn img {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
}

.hpapiManufacturingWrapper {
    width: 100%;
    height: auto;
    min-height: auto;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 40px;
    margin-top: 40px;
}

.hpapiManufacturingWrapper ul li {
    display: inline-flex;
    flex-direction: column;
    width: 19%;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: DRL Circular;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    position: relative;
}

.hpapiManufacturingWrapper ul li p {
    z-index: 7;
}

.hpapiManufacturingWrapper ul li div {
    position: relative;
}

.hpapiManufacturingWrapper ul li:nth-child(odd) {
    flex-direction: column-reverse;
}

.hpapiManufacturingWrapper ul li#hpapi1 div::before {
    content: "";
    width: 43px;
    height: 18px;
    background: url(../images/hpapi1-before.png) no-repeat center left;
    position: absolute;
    left: -29px;
    top: 43%;
}

.hpapiManufacturingWrapper ul li#hpapi1 div::after {
    content: "";
    width: 130%;
    height: 2.5px;
    background-color: #5f4ba0;
    position: absolute;
    left: 100%;
    top: 50%;
}

.hpapiManufacturingWrapper ul li#hpapi2 div::after {
    content: "";
    width: 130%;
    height: 2.5px;
    background-color: #9133db;
    position: absolute;
    left: 100%;
    top: 50%;
}

.hpapiManufacturingWrapper ul li#hpapi3 div::after {
    content: "";
    width: 130%;
    height: 2.5px;
    background-color: #cc61f2;
    position: absolute;
    left: 100%;
    top: 50%;
}

.hpapiManufacturingWrapper ul li#hpapi4 div::after {
    content: "";
    width: 130%;
    height: 2.5px;
    background-color: #64be91;
    position: absolute;
    left: 100%;
    top: 50%;
}

.hpapiManufacturingWrapper ul li#hpapi5 div::after {
    content: "";
    width: 100%;
    height: 200%;
    background-color: #fff;
    position: absolute;
    left: 100%;
    top: 50%;
    border-top-right-radius: 39px;
    border-top: 2.5px solid #6defae;
    border-right: 2.5px solid #6defae;
}

.hpapiManufacturingWrapper ul li#hpapi6 div::after {
    content: "";
    width: 130%;
    height: 2.5px;
    background-color: #0085ff;
    position: absolute;
    left: 100%;
    top: 50%;
}

.hpapiManufacturingWrapper ul li#hpapi7 div::after {
    content: "";
    width: 130%;
    height: 2.5px;
    background-color: #32c8f5;
    position: absolute;
    left: 100%;
    top: 50%;
}

.hpapiManufacturingWrapper ul li#hpapi8 div::after {
    content: "";
    width: 130%;
    height: 2.5px;
    background-color: #19cbc0;
    position: absolute;
    left: 100%;
    top: 50%;
}

.hpapiManufacturingWrapper ul li#hpapi9 div::after {
    content: "";
    width: 100%;
    height: 145%;
    background-color: #fff;
    position: absolute;
    left: 100%;
    bottom: 50%;
    border-bottom-right-radius: 39px;
    border-bottom: 2.5px solid #6defae;
    border-right: 2.5px solid #6defae;
}

.resourcesCarousalWrapper .mt-5 {
    margin-top: 1rem !important;
}

.mainContent p a {
    color: #5f4ba0;
    font-weight: 600;
}

.mainContent p a:hover {
    color: #5f4ba0;
}

.knowMore:hover {
    color: #502e92;
}

a.knowMoreBTn:hover {
    color: #502e92;
}

.innerBtnGroup {
    display: flex;
    align-self: center;
    align-items: baseline;
}

.mainContent .contactinfo ul {
    margin: inherit;
    margin-top: 40px;
    margin-bottom: 40px;
}

.rightContactBox h4 {
    font-family: DRL Circular;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 49px;
    color: #502e92;
}

.recentArticleSec h4 {
    text-align: center;
    font-family: DRL Circular;
    font-style: normal;
    font-weight: 450;
    font-size: 45px;
    line-height: 62px;
    color: #502e92;
    margin-bottom: 30px;
}

.new-icon-box h6 {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
}

.new-icon-box h6 span {
    color: #32bcad;
    font-size: 24px;
    padding-top: 5px;
    font-family: "DRL Circular";
    font-weight: 600;
}

.innerContent ul li {
    list-style: none;
    display: block;
    position: relative;
    margin-bottom: 25px;
    padding-left: 45px;
}

.innerContent ul li::before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    background: url(../images/inner-list-icon.png) no-repeat left top;
    left: 20px;
    top: 4px !important;
}

.recentArticleBox {
    width: 100%;
    height: auto;
    min-height: 250px;
    margin-bottom: 35px;
}

.recentArticleBox img {
    display: block;
    margin-bottom: 15px;
    height: auto;
    width: 100%;
}

.recentArticleBox span {
    font-family: DRL Circular;
    font-style: normal;
    font-weight: 450;
    font-size: 20px;
    line-height: 25px;
    color: #502e92;
    display: block;
    margin-bottom: 12px;
}

.recentArticleBox p {
    font-family: DRL Circular;
    font-style: normal;
    font-weight: 450;
    font-size: 18px;
    line-height: 26px;
    color: #000000;
}

.recentArticleBox a {
    color: #000000;
}

.row.mainContent {
    padding-bottom: 10px;
}

.rightContactBox p.please_fill {
    padding-left: 0px;
}

.row.mainContent {
    padding-bottom: 10px;
}

p.articleYear {
    font-family: DRL Circular;
    font-style: normal;
    font-weight: 450;
    font-size: 20px;
    line-height: 25px;
    color: #502e92;
    display: block;
    margin-bottom: 15px;
}

.articleHead {
    font-family: DRL Circular;
    font-style: normal;
    font-weight: 450;
    font-size: 18px;
    line-height: 26px;
    color: #000000;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.innerContent a {
    font-weight: 600;
    color: #5f4ba0;
}

.aboutWrapper a {
    font-weight: 600;
    color: #5f4ba0;
}

.recording_date p {
    margin-right: 15px;
}

.recording_date p:last-child {
    border-left: 1px solid #ccc;
    padding-left: 15px;
}

.recording_date {
    display: flex;
}

.mainContent strong {
    font-weight: 600;
}

body.page-hpapis div#my-form-wrapper {
    margin-left: 30px !important;
    margin-right: 30px !important;
}

body.page-hpapis .captcha {
    margin-left: 30px;
}

body.page-hpapis .js-form-item.form-item.js-form-type-select.form-item-country.js-form-item-country label {
    display: none !important;
}

body.page-hpapis .js-form-item.form-item.js-form-type-select.form-item-product.js-form-item-product label {
    display: none !important;
}

body.page-hpapis .js-form-item.form-item.js-form-type-textarea.form-item-message.js-form-item-message label {
    display: none !important;
}

body.page-hpapis .js-form-item.form-item.js-form-type-select.form-item-product.js-form-item-product {
    width: 50% !important;
}

input#edit-combine,
input#edit-combine--2,
input.views-ac-dependent-filter {
    width: 80%;
    height: 50px;
    margin: 0 auto;
    border-radius: 25px;
    background-color: #d7f6ff;
    text-align: left;
    border: none;
    outline: none;
    padding: 27px 25px;
    margin-bottom: 30px;
    position: relative;
    background-size: 30px;
    background-position: center right 20px !important;
    padding-right: 65px;
}

form#views-exposed-form-product-page-page-13 input.views-ac-dependent-filter {
    background-image: url(../images/search-btn-icon.svg) !important;
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: center right 20px !important;
    padding-right: 65px;
}

body.page-contact-us .webform-submission-form .form-select {
    width: 90% !important;
}

body.page-contact-us .contactFormSection .webform-submission-form .js-form-item.form-item.js-form-type-checkbox {
    margin-left: 30px !important;
}

body.page-contact-us input#edit-actions-submit {
    margin-left: 30px;
}

body.page-contact-us div#my-form-wrapper {
    margin-left: 30px !important;
}

body.page-contact-us .contactFormSection .webform-submission-form .js-form-item.form-item.js-form-type-checkbox {
    margin-left: 23px !important;
    margin-bottom: 20px !important;
}

body.page-contact-us div#my-form-wrapper {
    margin-left: 30px !important;
}

body.page-contact-us div#edit-actions {
    margin-left: 10px !important;
}

.contactFormclearfix h6 strong,
.js-form-type-processed-text h6 strong {
    margin-bottom: 0px !important;
}

body.page-form-contact-us-product .js-form-item.form-item.js-form-type-checkbox {
    margin-left: 30px !important;
    padding-left: 0px !important;
}

body.page-form-contact-us-product div#my-form-wrapper {
    margin-left: 30px !important;
}

body.page-form-contact-us-product div#edit-actions {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    margin-left: 0px !important;
}

body.page-form-contact-us-product .js-form-item.form-item.js-form-type-textfield.form-item-name.js-form-item-name.form-no-label {
    width: 50% !important;
}

body.page-form-contact-us-product .js-form-item.form-item.js-form-type-email.form-item-email.js-form-item-email.form-no-label {
    width: 50%;
}

body.page-form-contact-us-product .js-form-item.form-item.js-form-type-select.form-item-country.js-form-item-country.form-no-label {
    width: 45% !important;
}

body.page-form-contact-us-product .webform-submission-form .form-select {
    width: 100% !important;
    margin-left: 22px !important;
}

body.page-form-contact-us-product .js-form-item.form-item.js-form-type-select.form-item-product.js-form-item-product.form-no-label {
    width: 45% !important;
}

body.page-form-contact-us-product .js-form-item.form-item.js-form-type-checkbox {
    margin-left: 30px !important;
    padding-left: 0px !important;
}

body.page-form-contact-us-product div#my-form-wrapper {
    margin-left: 30px !important;
}

body.page-form-contact-us-product input#edit-actions-submit {
    justify-content: center;
}

body.page-form-contact-us-product .js-form-type-processed-text h6 {
    display: flex !important;
    background-color: #5f4ba0;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 25px;
    text-align: center;
    margin: 0 auto;
    color: #fff !important;
    font-size: 18px;
}

body.page-form-contact-us-product .js-form-type-processed-text h6 a {
    color: #fff !important;
}

body.page-form-contact-us-generic-formulation .webform-submission-form .form-select {
    width: 90% !important;
}

body.page-form-contact-us-generic-formulation .js-form-item.form-item.js-form-type-checkbox {
    margin-left: 30px !important;
    padding-left: 0px !important;
}

body.page-form-contact-us-generic-formulation div#my-form-wrapper {
    margin: 0 0 25px 0 !important;
    margin-left: 30px !important;
}

body.page-form-contact-us-generic-formulation .js-form-type-processed-text h6 {
    display: flex !important;
    background-color: #5f4ba0;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 25px;
    text-align: center;
    margin: 0 auto;
    color: #fff !important;
    font-size: 18px;
}

body.page-form-contact-us-generic-formulation .js-form-type-processed-text h6 a {
    color: #fff !important;
}

.contactBottomWrapper-two {
    margin-top: 0px;
    min-height: 80px;
}

.contactBottomWrapper-two .contactDesc h3 {
    font-size: 20px;
    line-height: 24px;
}

.contactBottomWrapper-two .contactBtn a {
    font-size: 18px;
    line-height: 44px;
    width: 140px;
    height: 44px;
}

.contactBottomWrapper-two .contactDesc {
    width: 100%;
}

.contactFormclearfix h2 {
    padding: 15px 15px;
    color: #5f4ba0 !important;
    background: none;
    text-decoration: none !important;
    font-family: "DRLCircular-Light";
    font-size: 45px;
    text-align: center;
    margin: 0;
    padding: 0;
    margin: 25px 0;
}

.hpapis-form .webform-submission-form .form-select {
    width: 90%;
}

.contact-us-form.hpapis-form .js-form-item.form-item.js-form-type-checkbox {
    max-width: 100% !important;
    margin-left: 23px !important;
}

.hpapis-form div#edit-actions {
    margin-left: 30px;
}

.row.mainContent ul {
    margin-bottom: 15px;
}

.Update-table .owl-nav {
    margin-top: -113px !important;
}

#updatescarousal .owl-nav {
    margin-top: -113px !important;
}

.Update-table .owl-item {
    margin-top: 5px !important;
}

#updatescarousal .owl-item {
    margin-top: 5px !important;
    /* margin-left: 5px !important;
  margin-right: 30px !important; */
}

.aboutTab {
    width: 100%;
    height: auto;
    padding: 30px;
    filter: drop-shadow(0px 3px 20px rgba(0, 0, 0, 0.102));
    background: #ffffff;
}

.aboutTab .tab-content h5 {
    font-family: DRL Circular;
    font-style: normal;
    font-weight: bold;
    font-size: 25px;
    line-height: 31px;
    color: #3d3d3d;
    margin-bottom: 15px;
}

.aboutTab .tab-content p {
    font-family: DRL Circular;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
    color: #000000;
}

.aboutTabinnerWrap {
    display: flex;
    padding: 0px;
}

.aboutTabinnerWrap img {
    border-radius: 100%;
}

.ourCapabilitiesSection {
    width: 100%;
    height: auto;
    margin: 23px 0px;
}

.ourCapabilitiesSection h2 {
    font-family: "DRLCircular-Book";
    font-style: normal;
    font-weight: 450;
    font-size: clamp(24px, 5vw, 37px);
    line-height: 1.5em;
    text-align: center;
    color: #502e92;
    margin-bottom: 15px;
}

.ourCapabilitiesBox {
    width: 100%;
    height: auto;
    border: 1px solid #e6e6e6;
    display: flex;
    padding: 20px;
    margin-top: 10px;
}

.ourCapabilitiesBox img {
    width: 150px;
    height: 150px;
    border-radius: 100%;
    margin-right: 40px;
}

.ourCapabilitiesBox h5 {
    font-family: DRL Circular;
    font-style: normal;
    font-weight: bold;
    font-size: 25px;
    line-height: 31px;
    color: #3d3d3d;
    margin-bottom: 10px;
}

.ourCapabilitiesBox p {
    font-family: DRL Circular;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
    color: #000000;
    margin-bottom: 10px;
}

.ourCapabilitiesBox .knowMoreBtn {
    width: 156px;
    height: 51px;
    font-family: DRL Circular;
    font-style: normal;
    font-weight: 450;
    font-size: 19px;
    line-height: 50px;
    color: #502e92;
    border: 2px solid #502e92;
    border-radius: 26px;
    display: block;
    text-align: center;
}

.ssResWrapper {
    background: #efefef;
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    padding: 50px 0px;
    margin: 40px 0px;
}

.ssResWrapper h2 {
    font-family: "DRLCircular-Book";
    font-style: normal;
    font-weight: 450;
    font-size: clamp(24px, 5vw, 37px);
    line-height: 1.5em;
    color: #5f4ba0;
    text-align: center;
    margin-bottom: 40px;
}

.ssResWrapper p {
    font-family: DRL Circular;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
    color: #000000;
}

.ssResWrapper a {
    color: #5f4ba0;
}

.ssResWrapper::before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    background: url(../images/ss-before.png) no-repeat left top;
    width: 294px;
    height: 327px;
    z-index: 1;
}

.ssResWrapper::after {
    content: "";
    display: block;
    position: absolute;
    right: 0px;
    bottom: 0px;
    background: url(../images/ss-after.png) no-repeat right bottom;
    width: 334px;
    height: 331px;
    z-index: 1;
}

.ssResWrapper .container {
    z-index: 2;
    position: relative;
}

.ssResInner {
    display: flex;
}

.ssImageSec {
    margin-right: 30px;
}

.ssDesc {
    margin-left: 30px;
}

.accordion-collapse {
    border: 0;
}

.accordion-button {
    padding: 0px;
    text-align: left;
    border-bottom: 1px solid #e6e6e6;
    font-family: DRL Circular;
    font-style: normal;
    font-weight: bold;
    font-size: 25px;
    line-height: 31px;
    color: #3d3d3d;
    padding: 20px 0px;
}

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

.accordion-button:not(.collapsed) {
    background: none;
    color: #5f4ba0;
    border-bottom: 1px solid #c1b1f4;
}

.accordion-body {
    padding: 25px 0px;
    background-color: #fff;
    font-family: DRL Circular;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
    color: #000000;
}

.accordion-button::after {
    width: 25px;
    height: 25px;
    content: "";
    background-image: url(../images/acor-plus.svg);
    background-repeat: no-repeat;
    background-size: 25px;
}

.accordion-button:not(.collapsed)::after {
    width: 25px;
    height: 25px;
    content: "";
    background-image: url(../images/acor-minus.svg);
    background-repeat: no-repeat;
    background-size: 25px;
}

.page-node-article .image-panel {
    background-color: transparent !important;
    border: 1px solid #efefef;
}

.aboutTab .nav-tabs {
    border-bottom: none;
}

.aboutTab #content {
    margin-top: 15px;
}

.aboutTab ul li.nav-item {
    min-width: 150px;
    text-align: center;
    font-family: DRL Circular;
    font-style: normal;
    font-weight: 450;
    font-size: 22px;
    line-height: 27px;
    color: #3d3d3d;
    padding: 10px 0px;
}

.aboutTab ul li.nav-item a.nav-link.active,
.aboutTab ul li.nav-item a.nav-link:hover,
.aboutTab ul li.nav-item a.nav-link:focus {
    font-family: DRL Circular;
    font-style: normal;
    font-weight: bold;
    font-size: 25px;
    line-height: 27px;
    border: none;
    background-color: transparent;
}

.aboutTab ul li.nav-item a {
    font-weight: 450;
    font-size: 22px;
    line-height: 27px;
    color: #3d3d3d;
}

.aboutTab ul li.nav-item a.nav-link {
    border: none;
    position: relative;
}

.aboutTab ul li.nav-item:first-child {
    background: url(../images/y-01.svg) no-repeat bottom center;
    min-width: 150px;
    text-align: center;
}

.aboutTab ul li.nav-item:first-child a.nav-link.active {
    color: #5f4ba0;
}

.aboutTab ul li.nav-item:first-child a.nav-link.active::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #5f4ba0;
    position: absolute;
    left: 65px;
    bottom: -19px;
}

.aboutTab ul li.nav-item:nth-child(2) {
    background: url(../images/y-10.svg) no-repeat bottom center;
    min-width: 150px;
    text-align: center;
}

.aboutTab ul li.nav-item:nth-child(2) a.nav-link.active {
    color: #8f75e5;
}

.aboutTab ul li.nav-item:nth-child(2) a.nav-link.active::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #8f75e5;
    position: absolute;
    left: 65px;
    bottom: -19px;
}

.aboutTab ul li.nav-item:nth-child(3) {
    background: url(../images/y-11.svg) no-repeat bottom center;
    min-width: 150px;
    text-align: center;
}

.aboutTab ul li.nav-item:nth-child(3) a.nav-link.active {
    color: #c1b1f4;
}

.aboutTab ul li.nav-item:nth-child(3) a.nav-link.active::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #c1b1f4;
    position: absolute;
    left: 65px;
    bottom: -19px;
}

.aboutTab ul li.nav-item:nth-child(4) {
    background: url(../images/y-12.svg) no-repeat bottom center;
    min-width: 150px;
    text-align: center;
}

.aboutTab ul li.nav-item:nth-child(4) a.nav-link.active {
    color: #64be91;
}

.aboutTab ul li.nav-item:nth-child(4) a.nav-link.active::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #64be91;
    position: absolute;
    left: 65px;
    bottom: -19px;
}

.aboutTab ul li.nav-item:nth-child(5) {
    background: url(../images/y-13.svg) no-repeat bottom center;
    min-width: 150px;
    text-align: center;
}

.aboutTab ul li.nav-item:nth-child(5) a.nav-link.active {
    color: #8ce8ba;
}

.aboutTab ul li.nav-item:nth-child(5) a.nav-link.active::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #8ce8ba;
    position: absolute;
    left: 65px;
    bottom: -19px;
}

.aboutTab ul li.nav-item:nth-child(6) {
    background: url(../images/y-18.svg) no-repeat bottom center;
    min-width: 150px;
    text-align: center;
}

.aboutTab ul li.nav-item:nth-child(6) a.nav-link.active {
    color: #32c8f5;
}

.aboutTab ul li.nav-item:nth-child(6) a.nav-link.active::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #32c8f5;
    position: absolute;
    left: 65px;
    bottom: -19px;
}

.aboutTab ul li.nav-item:nth-child(7) {
    background: url(../images/y-19.svg) no-repeat bottom center;
    min-width: 150px;
    text-align: center;
}

.aboutTab ul li.nav-item:nth-child(7) a.nav-link.active {
    color: #a8ebff;
}

.aboutTab ul li.nav-item:nth-child(7) a.nav-link.active::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #a8ebff;
    position: absolute;
    left: 65px;
    bottom: -19px;
}

.aboutTab ul li.nav-item:nth-child(8) {
    background: url(../images/y-20.svg) no-repeat bottom center;
    min-width: 150px;
    text-align: center;
}

.aboutTab ul li.nav-item:nth-child(8) a.nav-link.active {
    color: #fad20a;
}

.aboutTab ul li.nav-item:nth-child(8) a.nav-link.active::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fad20a;
    position: absolute;
    left: 65px;
    bottom: -19px;
}

.ourCapabilitiesBox .knowMoreBtn {
    width: 156px;
    height: 51px;
    font-family: DRL Circular;
    font-style: normal;
    font-weight: 450;
    font-size: 19px;
    line-height: 50px;
    color: #502e92;
    border: 2px solid #502e92;
    border-radius: 26px;
    display: block;
    text-align: center;
}

.evenBannerSection {
    background: url(../images/eventpagebanner.webp) no-repeat;
    background-size: cover;
    position: relative;
    z-index: 0;
    min-height: 550px;
    max-height: 686px;
}

.evenBannerSection h4 {
    font-family: DRL Circular;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 50px;
    color: #ffffff;
    margin-bottom: 20px;
}

.evenBannerSection .bannerInfo p {
    color: #fff !important;
    font-size: 30px;
    line-height: 40px;
}

.evenBannerSection h3 {
    font-family: DRL Circular;
    font-style: normal;
    font-weight: bold;
    font-size: 52px;
    line-height: 60px;
    color: #ffffff;
}

.evenBannerSection p {}

.evenBannerSection .bannerForm {
    border-radius: 0px !important;
}

.evenBannerSection .bannerForm input[type="text"],
.evenBannerSection .bannerForm input[type="email"],
.evenBannerSection .bannerForm input[type="number"],
.evenBannerSection .bannerForm select {
    height: 50px;
    background-color: #e9e9e9;
    border-radius: 10px;
    border: none;
    outline: none;
    margin: 0 auto;
    margin-bottom: 0px;
    padding: 10px;
    width: 100%;
    font-size: 0.875em;
    margin-bottom: 15px;
}

.js-form-item.form-item.js-form-type-textfield.form-item-field-phone-number.js-form-item-field-phone-number label {
    display: none;
}

.evenBannerSection h3 {
    font-family: DRL Circular;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 37px;
    color: #502e92;
}

.eventBio {
    margin-top: 60px;
}

.bannerFormSection {
    position: relative;
    z-index: 99;
}

.eventBio h2 {
    font-family: DRL Circular;
    font-style: normal;
    font-weight: 300;
    font-size: 45px;
    line-height: 62px;
    color: #502e92;
    margin-bottom: 20px;
}

.associationWrapper h2 {
    font-family: DRL Circular;
    font-style: normal;
    font-weight: 300;
    font-size: 45px;
    line-height: 62px;
    color: #502e92;
    margin-bottom: 20px;
}

.associateBox {
    box-shadow: 2px 1px 5px 2px rgb(0 0 0 / 33%);
    position: relative;
    height: 420px;
}

.js-form-item.form-item.js-form-type-checkbox.form-item-terms-checkbox.js-form-item-terms-checkbox {
    align-items: flex-start;
}

.evenBannerSection .bannerInfo {
    padding: 90px 50px 30px;
}

.evenBannerSection .bannerForm input#edit-send {
    min-width: 100%;
    height: 50px;
    background-color: #32c8f5;
    text-align: center;
    border-radius: 25px;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    padding: 17px;
    border: none;
}

.resourceDescBox.eventDataBox {
    background: #fff;
}

.resourceDescBox.eventDataBox p {
    font-family: DRL Circular;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
}

.graphWrapper svg {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}

.ssResWrapper.ourTeamSection {
    margin-bottom: 0px;
}

body.page-meet-api-product-expert .footerWrapper {
    margin-top: 0px;
}

.successInfo p {
    font-family: "DRLCircular-Light";
    font-size: 35px !important;
    margin: 25px 0px !important;
    text-align: center;
    color: #5f4ba0;
}

.bannerBottomInfo.successInfo {
    background-color: transparent;
}

.evenBannerSection h3 {
    text-align: center;
    margin-bottom: 8px;
}

.back-to-contact {
    position: fixed;
    bottom: 2em;
    right: 0px;
    display: none;
    z-index: 999999 !important;
}

.teamClick {
    cursor: pointer;
}

p.font-weight-bold {
    font-weight: 600;
}

/* ============================= forn new Popoup=========== */

.myNewOverlay {
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100vh;
    z-index: 999;
    display: none;
}

.myNewOverlay .popUpBody {
    width: 90%;
    margin: auto;
    max-width: 500px;
    height: auto;
    background: url(../images/Popup2.webp) no-repeat left top;
    background-size: cover;
    position: relative;
    padding: 22px;
    box-sizing: border-box;
    box-shadow: 0 0 33px 5px rgb(255 255 255 / 50%);
    border: 1px solid #fff;
}

.myNewOverlay .popUpBody2 {
    width: 90%;
    height: 100% !important;
    margin: auto;
    max-width: 500px;
    max-height: 300px;
    aspect-ratio: auto;
    height: auto;
    background: url(../images/FCEPharma2022.webp) no-repeat left top;
    background-size: cover;
    position: relative;
    padding: 22px;
    box-sizing: border-box;
    box-shadow: 0 0 33px 5px rgb(255 255 255 / 50%);
    border: 1px solid #fff;
}

.popUpBody2 .CPHLbannerText .popupCompanyLogo {
    width: 125px;
    height: auto;
    float: right;
}

.popUpBody2 .CPHLbannerText {
    float: left;
    width: 100%;
}

.popUpBody2 .CPHLbannerText .lineOne {
    float: left;
    width: 100%;
    font-size: 16px;
    color: #000;
    line-height: 20px;
    margin-bottom: 15px;
    font-weight: bold;
}

.popUpBody2 .CPHLbannerText .LineTwo {
    float: left;
    width: 100%;
    font-size: 40px;
    color: #502e92;
    font-weight: bold;
    margin-bottom: 10px;
}

.popUpBody2 .CPHLbannerText .LineTwo span {
    float: left;
    width: 100%;
    font-size: 22px;
    font-weight: bold;
    color: #000;
    margin-bottom: 10px;
}

.popUpBody2 .CPHLbannerText .lineThree {
    float: left;
    width: 100%;
    font-size: 16px;
    color: #502e92;
    font-weight: bold;
    margin-bottom: 25px;
}

.popUpBody2 .CPHLbannerText .redButtenBox {
    float: left;
    padding: 8px 15px;
    font-size: 18px;
}

.myNewOverlay .popUpBody a.closePop {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #fff;
    font-size: 22px;
}

.myNewOverlay .popUpBody .logo1 {
    float: left;
    width: 122px;
    height: auto;
    margin-right: 8px;
}

.myNewOverlay .popUpBody p {
    font-family: "DRLCircular-Black";
    font-size: 17px;
    color: #fff;
    line-height: normal;
    padding-left: 10px;
    border-left: 1px solid #401567;
    float: left;
}

.myNewOverlay .popUpBody p span {
    font-family: "DRLCircular-light";
    font-size: 9px;
    color: #fff;
    line-height: normal;
    margin-top: -3px;
    float: left;
}

.myNewOverlay .popUpBody h2 {
    float: left;
    width: 100%;
    font-size: 39.7px;
    font-family: Arial;
    font-weight: bold;
    color: #fff !important;
    margin-top: 25px;
}

.myNewOverlay .popUpBody .myBox {
    float: left;
    width: 100%;
    border: 1px solid #7a2579;
    margin: 20px 0 0 0;
    padding: 18px 16px 35px 16px;
}

.myNewOverlay .popUpBody .myBox h3 {
    font-size: 16.5px;
    font-family: Arial;
    color: #fff;
    font-style: italic;
}

.myNewOverlay .popUpBody .roundedBox {
    float: left;
    color: #fff;
    font-size: 17px;
    border-radius: 30px;
    border: 1px solid #fff;
    padding: 6px 15px;
    margin: -14px 0 30px 20px;
    background: #2d0043;
}

/* ================================================ for hello bar ==================== */

.helloBar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 101;
    width: 100%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6940b7+0,33c8f5+100 */
    background: #6940b7;
    /* Old browsers */
    background: -moz-linear-gradient(left, #6940b7 0%, #33c8f5 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #6940b7 0%, #33c8f5 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #6940b7 0%, #33c8f5 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#6940b7', endColorstr='#33c8f5', GradientType=1);
    /* IE6-9 */
    padding: 10px 0;
    transition: 0.3s ease;
}

.helloBar .helloBarCon {
    float: left;
    width: 100%;
    text-align: center;
    display: flex;
}

.helloBar .helloBarCon p {
    margin: auto 0 auto auto;
    color: #fff;
    font-size: 18px;
}

.helloBar .helloBarCon a {
    margin: auto auto auto 24px;
    color: #fff;
    font-size: 18px;
    background: #f0504b;
    border-radius: 30px;
    padding: 0px 30px;
    font-weight: bold;
    height: 45px;
    line-height: 45px;
    /* animation: shake 5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; */
}

@keyframes shake {

    10%,
    90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%,
    80% {
        transform: translate3d(2px, 0, 0);
    }

    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%,
    60% {
        transform: translate3d(4px, 0, 0);
    }
}

.innerPageBanner {
    margin-top: 120px;
}

header {
    margin-top: 65px;
}

body.path-frontpage header {
    margin-top: 0px;
}

body.page-product header,
body.path-product header {
    margin-top: 0px;
}

body.page-product .innerPageBanner,
body.path-product .innerPageBanner {
    margin-top: 52px;
}

body.page-node-product header {
    margin-top: 0px;
}

header.homepage {
    margin-top: 0;
}

/* ========================================== new booter card sectuion=========== */

.redButten {
    margin: auto auto auto 24px;
    color: #fff;
    font-size: 18px;
    background: #f0504b;
    border-radius: 30px;
    padding: 10px 30px;
    border-color: #f0504b;
}

#homeBanner .item .mycon h2 span,
#homeBanner .item .mycon div.h2 span {
    font-size: 40px;
    line-height: normal;
    float: left;
}

@media (min-width: 768px) and (max-width: 1024px) {


    #newEvent .owl-next, #newAward .owl-next {
        right: 7px !important;
    }

    #newEvent .owl-prev, #newAward .owl-prev {
        left: 50px !important;
    }

    .productContentSec h1 {
        font-size: 26px;
        line-height: 36px;
    }

    .productRightForm div.webform-actions {
        margin-top: 20px;
    }

    .newSearchContainer {
        max-width: 1170px;
    }

    #homeBanner .item .mycon h2 span,
    #homeBanner .item .mycon div.h2 span {
        font-size: 34px;
        line-height: normal;
        float: left;
    }

    .reiconBox {
        min-width: 230px;
    }

    #productResources .owl-prev {
        left: 40px;
    }


    #productResources .owl-next {
        right: 25px;
    }

    .newProductBannerSection,
    .newRelatedSection,
    section.newdisclaimerSection,
    .footerWrapper {
        padding: 48px 24px;
    }

    .productBannerBottomSection,
    .productBreadcrumbSection,
    .newContactBanner {
        padding-left: 24px;
        padding-right: 24px;
    }

    .productContent {
        margin-top: 0px;
        padding: 0px 24px 0px;
    }

    .col-lg-2.mobOff {
        width: 33.3%;
    }

    .col-lg-6.footerLogo {
        width: 100%;
        margin-bottom: 50px;
    }

    .productBannerImageSec {
        width: 40%;
    }

}

@media (min-width: 1025px) and (max-width: 1280px) {

    .newEventSection {
        padding: 48px 24px;
    }

    .footerWrapper {
        padding: 48px 24px;
    }

    #homeBanner .item .mycon h2 span,
    #homeBanner .item .mycon div.h2 span {
        font-size: 34px;
        line-height: normal;
        float: left;
    }


    #productResources .owl-prev {
        left: 40px;
    }


    #productResources .owl-next {
        right: 25px;
    }


}


@media only screen and (max-width: 1400px) {
    #newEvent .owl-prev {
        left: -6px !important;
    }

    #newEvent .owl-next {
        right: -45px !important;
    }

}

.cardIamge {
    background: url(../images/cardImage.webp) no-repeat left top;
    background-size: cover;
    float: left;
    width: 100%;
    margin: 0;
    padding: 55px;
    margin: 40px 0;
}

footer {
    float: left;
    width: 100%;
}

.cardIamge h2 {
    float: left;
    width: 100%;
    font-size: 35px;
    font-weight: bold;
    color: #fff;
    line-height: normal;
}

.cardIamge p {
    font-family: "DRLCircular-light";
    font-size: 22px;
    color: #fff;
    line-height: normal;
    float: left;
    margin: 10px 0 25px;
}

.cardIamge a {
    margin: auto auto auto 0;
    color: #fff;
    font-size: 16px;
    background: #f0504b;
    border-radius: 30px;
    padding: 0px 30px;
    font-weight: bold;
    float: left;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.page-meet-api-product-expert .dialog-off-canvas-main-canvas header {
    margin-top: 0 !important;
}

#homeBanner {
    margin-top: 0px;
}

.homeAboutSec {
    text-align: center;
}

.homeAboutSec h2 {
    padding: 15px 15px;
    color: #5f4ba0 !important;
    background: none;
    text-decoration: none !important;
    font-family: "DRLCircular-Light";
    font-size: 45px;
    text-align: center;
    margin-bottom: 10px;
}

.homeAboutSec span {
    font-weight: bold;
    color: #5f4ba0 !important;
    display: block;
    margin-bottom: 15px;
}

body.page-azido-global-webinar .bannerSection .col-md-4,
body.page-azido-latam-webinar .bannerSection .col-md-4 {
    position: relative;
}

body.page-azido-global-webinar input[type="text"],
body.page-azido-global-webinar input[type="email"],
body.page-azido-latam-webinar input[type="text"],
body.page-azido-latam-webinar input[type="email"] {
    width: 100% !important;
    border: none !important;
    border-bottom: 1px solid #cfcfcf !important;
    color: #8a8a8a !important;
    margin-top: 0.25rem;
    font-size: 0.875em;
    font-size: 0.875em;
    color: #8a8a8a !important;
    font-weight: normal !important;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
    float: left;
    margin-top: 20px;
}

input#edit-combine,
input#edit-combine--2,
input.views-ac-dependent-filter {
    width: 80%;
    height: 50px;
    margin: 0 auto;
    border-radius: 25px;
    background-color: #d7f6ff;
    text-align: left;
    border: none;
    outline: none;
    padding: 0 25px;
    margin-bottom: 30px;
    position: relative;
    background-size: 30px;
    background-position: center right 20px !important;
    padding-right: 65px;
}

body.page-azido-global-webinar select#edit-field-country,
body.page-azido-latam-webinar select#edit-field-country {
    border: none;
    border-bottom: 1px solid #cfcfcf;
    border-radius: 0px;
    width: 100%;
    padding: 7px 5px;
    height: 49px;
    font-size: 0.875em;
    color: #8a8a8a !important;
    font-weight: normal !important;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
    float: left;
}

body.page-azido-global-webinar .inner-content-sec h2,
body.page-azido-latam-webinar .inner-content-sec h2 {
    margin: 0 0 20px;
    padding: 0;
    font-size: 28px;
    color: #000;
    line-height: 1.2;
}

body.page-azido-global-webinar .lessOwlSlider .speeakersBox,
body.page-azido-latam-webinar .lessOwlSlider .speeakersBox {
    /*width: 100%; */
    vertical-align: top;
    display: inline-flex;
}

body.page-azido-global-webinar .speeakersBox p,
body.page-azido-latam-webinar .speeakersBox p {
    color: #333;
}

body.page-azido-global-webinar .bannerInfo span,
body.page-azido-latam-webinar .bannerInfo span {
    font-weight: 400;
    font-size: 24px;
    display: block;
    margin-top: 15px;
}

body.page-azido-global-webinar .bannerInfo,
body.page-azido-latam-webinar .bannerInfo {
    padding-top: 150px;
}

.successInfo p {
    line-height: 40px;
}

body.path-azido-global-webinar .bannerInfo span,
body.path-azido-latam-webinar .bannerInfo span {
    font-weight: 400;
    font-size: 24px;
    display: block;
    margin-top: 15px;
}

.bannerInfo.bannerSuccess {
    padding-top: 160px !important;
}

body.path-azido-latam-webinar .bannerInfo.bannerSuccess,
body.path-azido-global-webinar .bannerInfo.bannerSuccess {
    padding-top: 160px !important;
}

body.path-azido-latam-webinar .webinarLogo {
    position: absolute;
    top: 70px;
}

body.path-azido-global-webinar .webinarLogo {
    position: absolute;
    top: 70px;
}

.webinarLogo {
    position: absolute;
    top: 70px;
}

body.path-azido-latam-webinar header,
body.path-azido-global-webinar header {
    margin-top: 0px;
}

img.sindusfarmLogo {
    width: 104px;
    height: 57px;
    margin-left: 10px;
}

body.lang-pt-pt .bannerInfo p {
    font-size: 24px !important;
    line-height: 30px !important;
}

.bannerBottomInfo .col-md-8 p {
    padding-right: 30px !important;
}

body.page-azido-global-webinar select#edit-field-country,
body.page-azido-latam-webinar select#edit-field-country {
    font-weight: bold !important;
    color: #5f4ba0 !important;
}

body.page-azido-global-webinar input[type="text"],
body.page-azido-global-webinar input[type="email"],
body.page-azido-latam-webinar input[type="text"],
body.page-azido-latam-webinar input[type="email"] {
    color: #5f4ba0 !important;
    font-weight: bold !important;
    opacity: 1 !important;
    padding-left: 10px;
}

body.page-azido-global-webinar input[type="email"]::placeholder,
body.page-azido-latam-webinar input[type="email"]::placeholder {
    color: #5f4ba0 !important;
    opacity: 1 !important;
}

.search-2 div {
    width: 100%;
    padding-top: 0px;
}

.path-webinar .captcha {
    float: left;
    width: 100%;
    display: flex;
    padding: 10px 0;
    position: relative;
}

.path-webinar .captcha .g-recaptcha {
    margin: auto auto auto 0;
    position: relative;
    left: auto;
    top: auto;
    transform: none;
}

@-moz-document url-prefix() {

    .rightContactBox .webform-submission-form .form-email::placeholder,
    .rightContactBox .webform-submission-form .form-text::placeholder,
    .rightContactBox .webform-submission-form .form-select::placeholder {
        color: #5f4ba0 !important;
        opacity: 1 !important;
        font-weight: 600;
    }

    .rightContactBox .form-textarea::placeholder {
        color: #5f4ba0 !important;
        opacity: 1 !important;
        font-weight: 600;
    }

    body.page-azido-global-webinar input[type="text"],
    body.page-azido-global-webinar input[type="email"],
    body.page-azido-latam-webinar input[type="text"],
    body.page-azido-latam-webinar input[type="email"] {
        color: #5f4ba0 !important;
        font-weight: bold !important;
        opacity: 1 !important;
        padding-left: 10px;
    }

    body.page-azido-global-webinar input[type="email"]::placeholder,
    body.page-azido-latam-webinar input[type="email"]::placeholder {
        color: #5f4ba0 !important;
        opacity: 1 !important;
    }
}

/*Article Graph*/

.articleGraphWrapper {
    margin: 0 auto;
    margin-bottom: 15px;
    max-width: 739px;
    height: 358px;
    max-height: 358px;
    position: relative;
    background: url(../images/article-graph.webp) no-repeat center center;
    display: flex;
    align-self: center;
    align-items: center;
}

.articleGraphWrapper p span {
    font-weight: bold;
    color: #717171;
    font-size: 18px;
}

.articleGraphInner {
    width: 165px;
    height: 166px;
    background: #32c8f5;
    display: flex;
    margin: 0 auto;
    border-radius: 50%;
    align-self: center;
    align-items: center;
    text-align: center;
    justify-content: center;
    position: relative;
}

.articleGraphInner p {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    font-family: "DRL Circular Book";
    margin-bottom: 0px;
    padding: 0px 30px;
}

.keyFocusOne,
.keyFocusTwo,
.keyFocusThree,
.keyFocusFour,
.keyFocusFive,
.keyFocusSix {
    position: absolute;
}

.keyFocusOne p,
.keyFocusTwo p,
.keyFocusThree p,
.keyFocusFour p,
.keyFocusFive p,
.keyFocusSix p {
    margin-bottom: 0px;
}

.keyFocusOne {
    top: 24px;
    right: 53px;
}

.keyFocusOne p {
    margin-top: -5px;
}

.keyFocusOne::before {
    content: "";
    display: block;
    width: 80px;
    height: 54px;
    background: url(../images/key-focus-before1.png) no-repeat;
    position: absolute;
    left: -91px;
}

.keyFocusTwo {
    top: 177px;
    right: 28px;
}

.keyFocusTwo p {
    margin-top: -5px;
}

.keyFocusTwo::before {
    content: "";
    display: block;
    width: 65px;
    height: 11px;
    background: url(../images/key-focus-before2.png) no-repeat;
    position: absolute;
    left: -73px;
}

.keyFocusThree {
    bottom: -7px;
    right: 95px;
}

.keyFocusThree p {
    padding-top: 25px;
}

.keyFocusThree::before {
    content: "";
    display: block;
    width: 80px;
    height: 56px;
    background: url(../images/key-focus-before3.png) no-repeat;
    position: absolute;
    left: -91px;
}

.keyFocusFour {
    bottom: -7px;
    left: 135px;
}

.keyFocusFour p {
    padding-top: 25px;
}

.keyFocusFour::before {
    content: "";
    display: block;
    width: 80px;
    height: 56px;
    background: url(../images/key-focus-before4.png) no-repeat;
    position: absolute;
    right: -91px;
}

.keyFocusFive {
    top: 177px;
    left: 28px;
}

.keyFocusFive p {
    margin-top: -5px;
}

.keyFocusFive::before {
    content: "";
    display: block;
    width: 65px;
    height: 11px;
    background: url(../images/key-focus-before5.png) no-repeat;
    position: absolute;
    right: -73px;
}

.keyFocusSix {
    top: 24px;
    left: 27px;
}

.keyFocusSix p {
    margin-top: -5px;
}

.keyFocusSix::before {
    content: "";
    display: block;
    width: 80px;
    height: 54px;
    background: url(../images/key-focus-before6.png) no-repeat;
    position: absolute;
    right: -91px;
}

.envSec img {
    max-width: 100%;
}

.envSec {
    margin-bottom: 20px;
}

.mainLeft p strong {
    font-weight: 600;
}

.mb-10 {
    margin-bottom: 10px !important;
}

h4 span {
    color: #32c8f5;
}

body.page-node-article .g-recaptcha div iframe {
    margin-top: 15px !important;
}

body.page-node-article .g-recaptcha div {
    margin-bottom: 15px;
    margin-top: 0px;
}

body.page-hpapis .innerPageBanner h1 {
    margin-top: 100px;
}

/*update css homepage*/

.resourceSec .knowMore {
    display: inline-block;
    margin: 0px;
    margin-top: 10px;
}

.fullSliderSec p {
    margin-bottom: 0px;
    margin-top: 0px;
}

.inner-content-sec header {
    margin-top: 0px;
}

.textCont .knowMore {
    width: auto !important;
    max-width: 220px !important;
    margin-top: 0px;
}

/*Contact Us Page css update */

body.page-form-contact-us-product .js-form-item.form-item.js-form-type-textfield.form-item-mobile-no.js-form-item-mobile-no.form-no-label {
    width: 50%;
}

body.page-form-contact-us-product .js-form-item.form-item.js-form-type-textfield.form-item-company.js-form-item-company.form-no-label {
    width: 50%;
}

body.page-form-contact-us-product input#edit-email {
    margin-left: 20px;
}

.summary_webinar p {
    font-size: 17px;
}

div#re-imagine .owl-item {
    margin-bottom: 0px;
}

body.page-contact-us .cardIamge h2 {
    color: #fff !important;
    text-align: left;
}

body.page-webinar-new-mutagenic-azido-impurities header {
    margin-top: 0px;
}

body.page-webinar-new-mutagenic-azido-impurities .webinarLogo {
    position: absolute;
    top: 50px;
}

body.page-webinar-new-mutagenic-azido-impurities section.content-sec {
    padding: 0 !important;
    margin-top: 54px !important;
}

body.page-webinar-new-mutagenic-azido-impurities .webinarLogo {
    position: absolute;
    top: 50px;
}

body[class^="page-webinar-new-mutagenic-azido-impurities-success-"] .webinarLogo {
    position: absolute !important;
    top: 50px !important;
}

body[class^="page-webinar-new-mutagenic-azido-impurities-success-"] section.content-sec {
    padding: 0 !important;
    margin-top: 54px !important;
}

body.page-webinar-new-mutagenic-azido-impurities section.content-sec {
    padding: 0 !important;
    margin-top: 54px !important;
}

body[class^="page-webinar-new-mutagenic-azido-impurities-success-"] header {
    margin-top: 0px;
}

header.azido-header {
    margin-top: 0px;
}

.content-sec.inner-content-sec.azido-container {
    margin-top: 54px !important;
}

.bannerSection.azido-banner .webinarLogo {
    position: absolute;
    top: 50px;
}

/*home page css update*/

body.path-frontpage section.resourceSec .owl-carousel .owl-item::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 233px;
    background-color: rgba(0, 0, 0, 0.05);
    display: block;
    left: 0px;
    top: 0px;
    z-index: 9999;
}

.resourceSec h2 {
    margin-top: 15px;
}

.myScrollSec h2 {
    margin-top: 15px;
}

body.path-frontpage input#edit-combine {
    padding-left: 0px;
    background-image: none !important;
    margin-top: 10px !important;
}

ul.logoUl li:last-child {
    margin-left: 15px;
    margin-right: 0px;
    margin-top: 6px;
}

a.knowMore.dark {
    min-width: 150px;
    height: 50px;
    background: #ffffff;
    border: 1px solid #502e92;
    border-radius: 69px;
    font-family: DRL Circular;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    vertical-align: middle;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #502e92 !important;
    padding: 0px 20px;
}

.re-imagine a.knowMore,
.fullSliderSec a.knowMore {
    min-width: 150px;
    height: 50px;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 69px;
    font-family: DRL Circular;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    vertical-align: middle;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: 0px 20px;
}

/* a.knowMore.redButten {
  background: #502E92 !important;
  border-color: #502E92 !important;
} */

body.path-webinar header {
    margin-top: 0px;
}

.mainContent ol li {
    margin-bottom: 25px;
    list-style-type: decimal;
    margin-left: 55px;
}

.knowBtn {
    background: #32c8f5;
    color: #fff;
    padding: 0 10px;
    height: 30px;
    display: inline-block;
    line-height: 31px;
    border-radius: 15px;
    margin-top: 10px;
    font-size: 16px;
}

.capabilitiesWrapper .accordion-button {
    background: #5f4ba0;
    color: #fff;
    font-weight: normal;
    border: none;
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 18px;
    position: relative;
    margin-top: 10px;
    padding-left: 40px;
}

.capabilitiesWrapper .accordion-button a {
    margin-top: 0px;
    margin-left: 10px;
}

.capabilitiesWrapper p {
    margin-bottom: 10px;
}

.capabilitiesWrapper .accordion-button::after {
    width: 16px;
    height: 16px;
    content: "";
    background-image: url(../images/arrow-down-acr.png);
    background-repeat: no-repeat;
    background-size: 16px;
    position: absolute;
    left: 10px;
    top: 16px;
}

.capabilitiesWrapper .accordion-button:not(.collapsed)::after {
    width: 16px;
    height: 16px;
    content: "";
    background-image: url(../images/arrow-up-acr.png);
    background-repeat: no-repeat;
    background-size: 16px;
    transform: rotate(0);
}

.capabilitiesWrapper .accordion-header {
    margin-bottom: 0;
    position: relative;
    z-index: 0;
}

.capabilitiesWrapper ul {
    padding-left: 10px;
}

.accordion-header a {
    z-index: 99999 !important;
}

.accordion-header a {
    position: absolute;
    right: 15px;
    top: 12px;
    margin-top: 0px;
    /* display: none; */
}

.accordion-header.buttonShow a {
    display: none;
}

#flush-headingTwo .collapsed+a {
    display: block;
}

#flush-headingThree .collapsed+a {
    display: block;
}

a.knowBtn:hover {
    color: #fff;
}

.antiDiabeticGraphWrapper {
    max-width: 868px;
    height: auto;
    min-height: 642px;
    text-align: center;
    margin: 0 auto;
    padding-top: 150px;
}

.antiDiabeticGraphWrapper ul {
    margin: 0 auto;
    text-align: center;
    max-width: 868px;
    height: 232px;
    margin: 0 auto;
    background-image: url(../images/anti-diabetic-graph-bg.webp);
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

.antiDiabeticGraphWrapper ul li {
    list-style: none;
    display: inline-block;
    background-image: url(../images/anti-diabetic-block.webp);
    background-repeat: no-repeat;
    width: 197px;
    min-height: 170px;
    position: relative;
    padding-left: 0px;
    margin-bottom: 0px;
}

.antiDiabeticGraphWrapper ul li::before {
    display: none;
}

.antiDiabeticGraphWrapper ul li span {
    width: 169px;
    height: 200px;
    display: flex;
    text-align: center;
    font-size: 16px;
    text-align: center;
    font-size: 16px;
    padding: 0px 22px;
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

.antiDiabeticGraphWrapper ul li:first-child {
    position: absolute;
    left: 72px;
    top: 80px;
}

.antiDiabeticGraphWrapper ul li:nth-child(2) {
    position: absolute;
    left: 250px;
    top: -15px;
}

.antiDiabeticGraphWrapper ul li:nth-child(3) {
    position: absolute;
    left: 430px;
    top: 80px;
}

.antiDiabeticGraphWrapper ul li:last-child {
    position: absolute;
    left: 605px;
    top: -15px;
}

.antiDiabeticGraphWrapper ul li:first-child span {
    color: #b477b1;
}

.antiDiabeticGraphWrapper ul li:nth-child(2) span {
    color: #de6594;
}

.antiDiabeticGraphWrapper ul li:nth-child(3) span {
    color: #e69686;
}

.antiDiabeticGraphWrapper ul li:last-child span {
    color: #e1b545;
}

.antiDiabeticGraphWrapper ul li:first-child span::before {
    content: "";
    background-image: url(../images/purple-yellow-line.png);
    background-repeat: no-repeat;
    width: 25px;
    height: 205px;
    position: absolute;
    top: 100px;
    left: 16px;
}

.antiDiabeticGraphWrapper ul li:nth-child(2) span::before {
    content: "";
    background-image: url(../images/purple-light-line.png);
    background-repeat: no-repeat;
    width: 26px;
    height: 187px;
    position: absolute;
    top: -100px;
    left: 7px;
}

.antiDiabeticGraphWrapper ul li:nth-child(3) span::before {
    content: "";
    background-image: url(../images/pink-line.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 101px;
    position: absolute;
    top: 100px;
    left: 11px;
}

.antiDiabeticGraphWrapper ul li:last-child span::before {
    content: "";
    background-image: url(../images/yellow-line.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 91px;
    position: absolute;
    top: -18px;
    left: 11px;
}

.antiDiabeticGraphWrapper div.innerBlock {
    font-family: "DRLCircular-Light";
    font-size: 18px;
    color: #000;
    text-align: left;
}

.antiDiabeticGraphWrapper div.innerBlock p {
    margin-bottom: 20px;
}

.antiDiabeticGraphWrapper div.innerBlock a {
    text-decoration: none;
    color: #000;
    font-weight: normal;
}

.innerBlock.block1 {
    position: absolute;
    left: 45px;
    bottom: -217px;
    width: 200px;
}

.innerBlock.block1 p.bullet::before {
    content: "";
    width: 20px;
    height: 20px;
    background: url(../images/purple-bullet.png) no-repeat center top;
    position: absolute;
    left: -37px;
}

.innerBlock.block2 {
    position: absolute;
    top: -106px;
    left: 40px;
}

.innerBlock.block2 p.bullet::before {
    content: "";
    width: 20px;
    height: 20px;
    background: url(../images/pink-bullet.png) no-repeat center top;
    position: absolute;
    left: -41px;
}

.innerBlock.block3 {
    position: absolute;
    left: 45px;
    bottom: -33px;
}

.innerBlock.block3 p.bullet::before {
    content: "";
    width: 20px;
    height: 20px;
    background: url(../images/orange-bullet.png) no-repeat center top;
    position: absolute;
    left: -42px;
}

.innerBlock.block4 {
    position: absolute;
    top: -24px;
    left: 40px;
    width: 200px;
}

.innerBlock.block4 p.bullet::before {
    content: "";
    width: 20px;
    height: 20px;
    background: url(../images/yellow-bullet.png) no-repeat center top;
    position: absolute;
    left: -36px;
}

.innerBlock.block1 div {
    font-size: 14px;
    color: #807e7e;
    line-height: 0px;
    padding-left: 20px;
    position: relative;
}

.innerBlock.block1 div::before {
    content: "";
    width: 6px;
    height: 6px;
    position: absolute;
    background: url(../images/inner-bullet.png) no-repeat center top;
    left: 0px;
    top: -5px;
}

#canagliflozinModal .modal-dialog,
#dapagliflozinModal .modal-dialog,
#linagliptinModal .modal-dialog,
#liraglutideModal .modal-dialog,
#semaglutideModal .modal-dialog {
    max-width: 800px !important;
}

#canagliflozinModal img,
#dapagliflozinModal img,
#linagliptinModal img,
#liraglutideModal img,
#semaglutideModal img {
    width: 100%;
    margin: 25px 0px 50px !important;
    padding: 0 25px;
}

#canagliflozinModal .modal-header,
#dapagliflozinModal .modal-header,
#linagliptinModal .modal-header,
#liraglutideModal .modal-header,
#semaglutideModal .modal-header {
    border: none;
}

#canagliflozinModal .modal-content,
#dapagliflozinModal .modal-content,
#linagliptinModal .modal-content,
#liraglutideModal .modal-content,
#semaglutideModal .modal-content {
    border: none;
    border-radius: 0px;
}

body.page-anti-diabetic .views-view-grid .clearfix .views-col {
    min-height: 180px !important;
    max-height: 180px !important;
}

body.page-anti-diabetic .productBanner {
    background: url(../images/product-banner.webp) no-repeat center center;
    background-size: cover;
}

body.page-anti-diabetic ul.js-pager__items.pager {
    margin-bottom: 20px;
}

/* Peptide CSS */

.peptideBanner {
    background: url(../images/peptide-banner.webp) no-repeat center center !important;
    background-size: cover !important;
}

body.page-peptide-api-manufacturing .productBanner {
    background: url(../images/peptide-banner.webp) no-repeat center center !important;
    background-size: cover !important;
}

.peptideGraph {
    max-width: 1170px;
    height: auto;
    min-height: 640px;
    background: url(../images/peptide-analytical-bg-line.png) no-repeat center center;
    position: relative;
    background-size: 750px;
}

.peptideGraph ul li {
    display: flex;
    position: absolute;
}

.peptideGraph ul li div {
    max-width: 190px;
}

.peptideGraph ul li p {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 10px;
}

.peptideGraph ul li h5 {
    font-size: 16px;
    line-height: 20px;
}

.peptideGraph ul li:first-child {
    flex-direction: column;
    bottom: 263px;
    left: 135px;
}

.peptideGraph ul li:first-child div {
    margin-left: -50px !important;
}

.peptideGraph ul li:nth-child(2) {
    bottom: 140px;
    left: 123px;
}

.peptideGraph ul li:nth-child(2) div {
    margin-left: -30px !important;
    margin-right: 0px;
}

.peptideGraph ul li:nth-child(3) {
    bottom: 55px;
    left: 175px;
}

.peptideGraph ul li:nth-child(3) div {
    margin-left: -40px !important;
    margin-right: 12px;
}

.peptideGraph ul li:nth-child(4) {
    flex-direction: row-reverse;
    bottom: 101px;
    left: 381px;
}

.peptideGraph ul li:nth-child(4) div {
    padding-left: 10px;
}

.peptideGraph ul li:nth-child(5) {
    flex-direction: column;
    top: 49px;
    left: 448px;
}

.peptideGraph ul li:nth-child(5) div {
    margin-left: -30px;
}

.peptideGraph ul li:nth-child(6) {
    flex-direction: column-reverse;
    top: 270px;
    left: 478px;
    align-items: center;
}

.peptideGraph ul li:nth-child(6) div {
    margin-top: 20px;
}

.peptideGraph ul li:nth-child(7) {
    flex-direction: row-reverse;
    top: 125px;
    right: 162px;
}

.peptideGraph ul li:nth-child(7) div {
    margin-left: 20px;
    margin-top: -70px;
}

.peptideGraph ul li:nth-child(8) {
    bottom: 29px;
    right: 372px;
}

.peptideGraph ul li:nth-child(8) div {
    padding-top: 80px;
    margin-right: -32px;
}

.peptideGraph ul li:nth-child(9) {
    flex-direction: row-reverse;
    bottom: 135px;
    right: 86px;
}

.peptideGraph ul li:nth-child(9) div {
    margin-left: 20px;
}

.peptideGraph ul li:last-child {
    top: 222px;
    right: 159px;
}

.peptideGraph ul li:last-child div {
    margin-top: -19px;
    margin-right: -14px;
}

.peptideGraph ul li span {
    width: 48px;
    height: 48px;
    background-color: #5f4ba0;
    display: flex;
    border-radius: 32px;
    font-size: 18px;
    color: #fff;
    justify-content: center;
    align-items: center;
}

.peptideGraph ul li h5 {
    margin-bottom: 10px;
}

.peptideGraph ul li h5 {
    color: #5f4ba0;
}

.peptideGraph ul li:nth-child(2) span {
    background-color: #9133db;
}

.peptideGraph ul li:nth-child(2) h5 {
    color: #9133db;
}

.peptideGraph ul li:nth-child(3) span {
    background-color: #cc61f2;
}

.peptideGraph ul li:nth-child(3) h5 {
    color: #cc61f2;
}

.peptideGraph ul li:nth-child(4) span {
    background-color: #64be91;
}

.peptideGraph ul li:nth-child(4) h5 {
    color: #64be91;
}

.peptideGraph ul li:nth-child(5) span {
    background-color: #6defae;
}

.peptideGraph ul li:nth-child(5) h5 {
    color: #6defae;
}

.peptideGraph ul li:nth-child(6) span {
    background-color: #19cbc0;
}

.peptideGraph ul li:nth-child(6) h5 {
    color: #19cbc0;
}

.peptideGraph ul li:nth-child(7) span {
    background-color: #32c8f5;
}

.peptideGraph ul li:nth-child(7) h5 {
    color: #32c8f5;
}

.peptideGraph ul li:nth-child(8) span {
    background-color: #0085ff;
}

.peptideGraph ul li:nth-child(8) h5 {
    color: #0085ff;
}

.peptideGraph ul li:nth-child(9) span {
    background-color: #f8b574;
}

.peptideGraph ul li:nth-child(9) h5 {
    color: #f8b574;
}

.peptideGraph ul li:last-child span {
    background-color: #fad20a;
}

.peptideGraph ul li:last-child h5 {
    color: #fad20a;
}

.innerContent.lessPadd ul li::before {
    left: 0px !important;
}

.innerContent.lessPadd ul li {
    padding-left: 30px;
}

.peptideTechnologyWrapper img {
    display: block;
    margin: 0 auto;
}

.expertisePoints {
    background: url(../images/expertise-line-bg.png) no-repeat top 11px right;
    background-size: 1130px;
}

.expertisePoints ul {
    margin: 0px auto;
    padding: 0px;
}

.expertisePoints ul li {
    display: inline-flex;
    max-width: 280px;
    text-align: center;
    flex-direction: column;
}

.expertisePoints ul li div {
    padding: 10px 20px;
}

.peptideSynthesisWrapper {
    max-width: 960px;
    height: auto;
    min-height: 312px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 50px;
}

.peptideSynthesisCircel {
    width: 231px;
    height: 232px;
    background: url(../images/peptide-synthesis-circel.webp) no-repeat center center;
    display: flex;
    align-self: center;
    flex-direction: column;
    text-align: center;
    padding: 0px 40px;
    justify-content: center;
    align-content: center;
    margin: 0 auto;
    position: relative;
}

.peptideSynthesisCircel::before {
    content: "";
    position: absolute;
    width: 130px;
    height: 2px;
    background-color: #8d8d8d;
    left: 217px;
    top: 115px;
}

.peptideSynthesisCircel::after {
    content: "";
    position: absolute;
    width: 130px;
    height: 2px;
    background-color: #8d8d8d;
    right: 217px;
    top: 115px;
}

.peptideSynthesisCircel span {
    font-size: 24px;
    font-weight: bold;
    color: #4b4b4b;
}

.peptideSynthesisCircel div {
    margin-top: 30px;
}

.solid-phaseBox {
    width: 328px;
    min-height: 255px;
    position: absolute;
    background: url(../images/solid-phase-peptide-synthesis-icon.webp) no-repeat left top;
    left: 0px;
    top: 75px;
}

.solid-phaseBox ul {
    margin-top: 125px;
    margin-left: 150px;
}

.solid-phaseBox ul li:last-child {
    margin-top: 67px;
}

.solid-phaseBox span {
    position: absolute;
    width: 150px;
    color: #fff;
    left: 80px;
    top: 17px;
}

.solid-phaseBox::before {
    content: "";
    width: 92px;
    height: 175px;
    background: url(../images/solid-phase-before.png) no-repeat left top;
    position: absolute;
    left: 40px;
    top: 80px;
}

.solution-phaseBox {
    width: 328px;
    min-height: 255px;
    position: absolute;
    background: url(../images/solution-phase-peptide-synthesis-icon.webp) no-repeat right top;
    right: 0px;
    top: 75px;
}

.solution-phaseBox ul {
    margin-top: 125px;
}

.solution-phaseBox span {
    position: absolute;
    width: 150px;
    color: #fff;
    left: 160px;
    top: 17px;
}

.solution-phaseBox::before {
    content: "";
    width: 91px;
    height: 85px;
    background: url(../images/solution-phase-before.png) no-repeat left top;
    position: absolute;
    right: 40px;
    top: 80px;
}

.peptideAnalyticalWrapper {
    border-top: 1px solid #e3e3e3;
    margin-top: 40px;
    padding-top: 40px;
}

.ssResWrapper.expertiseWrapper {
    margin-bottom: 0px;
}

.contactBottomWrapperSmall {
    min-height: 50px;
    height: 75px;
    display: inherit;
    margin-bottom: 30px;
    margin-top: 40px;
}

.contactBottomWrapperSmall .contactDesc h3 {
    font-size: 18px;
}

.contactBottomWrapperSmall .contactBtn a {
    border: 1px solid #ffffff;
    font-family: DRL Circular;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 45px;
    color: #ffffff;
    width: 150px;
    height: 45px;
    border-radius: 34px;
    display: block;
    text-align: center;
}

.contactBottomWrapperSmall .contactBottomBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    padding: 15px;
}

.contactBottomWrapperSmall .contactDesc {
    width: auto;
}

.expertisePoints ul:last-child {
    margin-top: 77px;
}

.peptideGraph {
    display: block;
}

.peptideGraph2 {
    display: none;
}

.peptideGraph2 img {
    width: 100%;
}

.peptideSynthesisWrapper2 {
    display: none;
}

.peptideSynthesisWrapper2 img {
    width: 100%;
}

.expertisePoints2 {
    display: none;
}

.expertisePoints2 img {
    width: 100%;
}

.peptideTechnologyWrapper {
    margin-bottom: 40px;
}

.expertisePoints p {
    font-weight: normal !important;
}

.expertisePoints span {
    margin-bottom: 15px;
}

body.page-peptide-api-manufacturing .contactFormclearfix {
    max-width: 80%;
    margin: 0 auto;
}

body.page-peptide-api-manufacturing div#my-form-wrapper {
    margin: 0 0 25px 30px !important;
}

body.page-peptide-api-manufacturing .relatedProductWrapper h2 {
    margin-bottom: 20px;
    margin-top: 40px;
}

body.page-peptide-api-manufacturing .relatedProductWrapper .mb-5 {
    margin-bottom: 1rem !important;
}

body.page-peptide-api-manufacturing .innerContent ul li::before {
    top: 5px !important;
}

body.page-peptide-api-manufacturing .contact-us-form.hpapis-form .js-form-item.form-item.js-form-type-checkbox {
    display: flex;
}

.ssResWrapper ul li::before {
    display: none !important;
}

.ssResWrapper.apiProductWrapper .innerContent ul li::before {
    background: url(../images/dyabetic-bullet.png) no-repeat left top;
    display: block !important;
}

.ssResWrapper.apiProductWrapper .innerContent ul li {
    padding-left: 25px;
}

.peptideSynthesisWrapper ul li {
    padding-left: 0px !important;
}

.peptideSynthesisWrapper ul li::before {
    display: none;
}

.peptideGraph ul li::before {
    display: none;
}

body.page-peptide-api-manufacturing .captcha {
    margin-left: 30px !important;
}

body.page-peptide-api-manufacturing .form-textarea::placeholder {
    color: #5f4ba0;
    opacity: 1 !important;
    font-weight: bold;
}

body.page-peptide-api-manufacturing #edit-email::placeholder {
    color: #5f4ba0;
    opacity: 1 !important;
    font-weight: bold;
}

.homeAboutSec strong {
    font-weight: bold;
    color: #000;
}

/*ramkrishna*/

.innerBlock.block2 {
    top: -120px;
}

.ssResInner .innerContent ul {
    margin-left: 25px;
}

.innerContent ul li::before {
    top: auto;
}

/*dyabetic page*/

.apiProductWrapper .innerContent ul li::before {
    background: url(../images/dyabetic-bullet.png) no-repeat left top;
}

body.page-anti-diabetic ul.js-pager__items {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}

body.page-anti-diabetic ul.js-pager__items li {
    margin: 0 5px;
}

body.page-anti-diabetic ul.js-pager__items li a {
    width: 80px !important;
    padding: 10px 20px !important;
    background-color: #5f4ba0 !important;
    height: 35px !important;
    border-radius: 18px !important;
    color: #fff !important;
    font-size: 14px !important;
}

body.page-anti-diabetic .ssImageSec img {
    margin-top: 5px;
}

.apiProductWrapper .innerContent ul li {
    margin-bottom: 20px;
    position: relative;
}

.apiProductWrapper .innerContent ul li::before {
    background: url(../images/dyabetic-bullet.png) no-repeat left top;
}

body.page-hpapis .innerContent ul li {
    position: relative;
}

body.page-hpapis .innerContent ul li::before {
    background: url(../images/dyabetic-bullet.png) no-repeat left top;
}

/*pagination*/

.pager__items.js-pager__items {
    text-align: center;
    display: flex;
    justify-content: center;
    margin-bottom: 25px;
    align-items: center;
}

.pager__items.js-pager__items li {
    margin: 0px 5px;
}

.pager__items.js-pager__items li a {
    color: #5f4ba0;
}

.pager__item.pager__item--first,
.pager__item.pager__item--previous,
.pager__item.pager__item--next,
.pager__item.pager__item--last {
    background-color: #5f4ba0;
    color: #fff !important;
    border-radius: 15px;
    padding: 5px 10px;
    height: 30px;
}

.pager__item.pager__item--first a,
.pager__item.pager__item--previous a,
.pager__item.pager__item--next a,
.pager__item.pager__item--last a {
    color: #fff !important;
}

body.path-webinar .bannerInfo p {
    font-size: 26px;
}

body.path-webinar .bannerInfo span {
    font-weight: bold;
    display: block;
    margin-top: 15px;
}

body.page-webinar-building-resilience-and-agility-in-the-pharma-supply-chain .col-md-3 {
    width: 20%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
}

body.page-webinar-building-resilience-and-agility-in-the-pharma-supply-chain .lessOwlSlider .speeakersBox {
    width: 100%;
    vertical-align: top;
    display: inline-flex;
}

.accordion-body ol {
    margin-left: 30px;
}

.accordion-body ol li {
    list-style: decimal;
    line-height: 25px;
    font-size: 18px;
    color: #666;
}

.path-webinar .captcha {
    float: left;
    width: 100%;
    display: flex;
    padding: 10px 0;
    position: relative;
}

.path-webinar .captcha .g-recaptcha {
    margin: auto auto auto 0;
    position: relative;
    left: auto;
    top: auto;
    transform: none;
}

body.path-xceed-customer-service header {
    margin-top: 0px !important;
}

.headerBtnSec {
    width: 220px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#block-languageswitcher {
    width: 100px;
    height: 35px;
    background: #39b7ed;
    border: 2px solid #39b7ed;
    border-radius: 30px;
    position: relative;
    /* margin: -3px 0 0 0; */

}

#block-languageswitcher p {
    text-align: left;
    color: #fff;
    width: auto;
    font-size: 15px;
    line-height: 33px;
    margin: 0 0 0 11px
}

.login-sec a {
    white-space: nowrap;
    display: inline-block;
    padding: 0px 8px;
    line-height: 33px;
}

#block-languageswitcher ul {
    position: absolute;
    max-height: 140px;
    width: 100px;
    height: 0;
    overflow: hidden;
    background: #ffffff;
    box-sizing: border-box;
    padding: 0;
    box-shadow: 0 0 10px 1px rgb(0 0 0 / 20%);
    margin-top: 3px;
    cursor: pointer;
    transition: all 0.5s;
    z-index: 9;
}

#block-languageswitcher ul li.is-active a {
    background: #39b7ed;
    color: #fff;
}

#block-languageswitcher::after {
    content: "";
    width: 20px;
    height: 10px;
    background: url(/themes/custom/reddy/images/mob-nav-arrow-down.svg) no-repeat center center;
    display: block;
    position: absolute;
    top: 11px;
    left: calc(100% - 23px);
    background-size: 14px 7px;
    filter: sepia(1)
}

#block-languageswitcher ul li a.language-link {
    margin: 0px 0 0 0;
    float: left;
    width: 100%;
    font-size: 16px;
    padding: 3px 0 0 6px;
}

@media screen and (max-width: 1399px) {
    .mainContent ul li {
        font-size: 16px;
    }

    .mainContent ol li {
        font-size: 16px;
    }
}

@media screen and (max-width: 550px) {
    .bannerInfo h1 {
        font-weight: 700;
        font-size: 2rem;
        color: #fff !important;
        line-height: 1.4;
        margin-bottom: 30px;
        width: 100%;
    }

    .bannerInfo p {
        color: #fff !important;
        font-size: 30px;
        line-height: 40px;
    }

    body.page-webinar-new-mutagenic-azido-impurities .webinarLogo {
        top: 27px;
    }

    body.page-webinar-new-mutagenic-azido-impurities .bannerInfo {
        padding-top: 115px !important;
    }

    body[class^="page-webinar-new-mutagenic-azido-impurities-success-"] .webinarLogo {
        top: 27px;
    }

    body[class^="page-webinar-new-mutagenic-azido-impurities-success-"] .bannerInfo {
        padding-top: 115px !important;
    }

    .bannerBottomInfo.successInfo p {
        font-size: 17px !important;
        line-height: 24px !important;
    }

    .bannerSection.azido-banner .webinarLogo {
        top: 27px;
    }

    .bannerSection.azido-banner .bannerInfo {
        padding-top: 115px !important;
    }
}

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

    .newEventSection {
        padding: 15px 0px 0px;
    }

    .newEventSection p {
        margin-bottom: 15px;
    }

    body.page-events-cphi-india-2024 .custom-form form {
        width: 100% !important;
    }

    .fceBanner.cphiMilanBanner.indiaBanner {
        background: url(../images/cphi-india-banner-2024-new.webp) no-repeat center top -12% #fff;
        background-size: 246% 75%;
    }

    body.page-events-cphi-india-2024 .fceBanner.cphiMilanBanner .dcatbannerCaption {
        margin-top: 100px;
    }

    body.page-events-cphi-india-2024 .owl-carousel .owl-nav button.owl-prev {
        left: 0px;
    }

    body.page-events-cphi-india-2024 .cphiMilanCaption {
        margin-top: 117px;
        position: relative;
    }

    body.page-events-cphi-india-2024 .cphiMilanLandingPage .dcatbannerCaption p.headDesc {
        font-size: 23px;
        font-weight: bold;
        text-shadow: 2px 2px 4px #fff;
    }

    body.page-events-cphi-india-2024 .achivementWrapper {
        width: 80%;
        height: auto;
        margin: 0 auto;
    }

    body.page-events-cphi-india-2024 #achivements .owl-nav button.owl-next {
        right: -48px;
    }

    body.page-events-cphi-india-2024 #achivements .owl-nav button.owl-prev {
        left: -48px !important;
    }

    /*CPHI Milan 2024*/

    body.page-events-cphi-milan-2024 .custom-form form {
        margin-left: 0px !important;
        width: 100% !important;
    }

    .fceBanner.cphiMilanBanner {
        padding-bottom: 113px !important;
    }

    .cphiMilanLandingPage .dcatTeamSec.fce {
        padding-bottom: 0px !important;
    }

    body.page-webinar-new-mutagenic-azido-impurities .webinarLogo {
        top: 27px;
    }

    body.page-webinar-new-mutagenic-azido-impurities .bannerInfo {
        padding-top: 115px !important;
    }

    body[class^="page-webinar-new-mutagenic-azido-impurities-success-"] .webinarLogo {
        top: 27px;
    }

    body[class^="page-webinar-new-mutagenic-azido-impurities-success-"] .bannerInfo {
        padding-top: 115px !important;
    }

    .bannerSection.azido-banner .webinarLogo {
        top: 27px;
    }

    .bannerSection.azido-banner .bannerInfo {
        padding-top: 115px !important;
    }

    .product-mainImageOuter .productMainImage {
        width: 100%;
        max-width: 500px;
        overflow: hidden;
        overflow-x: scroll;
        max-height: 100%;
    }

    .product-mainImageOuter .productMainImage img {
        max-height: 100% !important;
        width: auto !important;
        max-width: 800px !important;
    }
}

.searchalpha1 {
    position: absolute;
    width: calc(100% - 28px);
    height: 15px;
    display: flex;
    max-width: 1320px;
    left: 0 !important;
    margin-top: -34px;
    justify-content: center;
    flex-wrap: wrap;
    gap: 5px 0;
}

.inner-content-sec header {
    margin-top: 0px;
    float: left;
    position: relative !important;
    width: 100% !important;
}

.searchalpha1 span {
    color: #5f4ba0;
    font-weight: bold;
    font-size: 17px;
    cursor: pointer;
    line-height: 15px;
    border-right: 1px solid #5f4ba0;
    min-width: 20px;
    text-align: center;
    box-sizing: border-box;
    display: block;
    padding: 0px 5px;
}

.searchalpha1 span:last-child {
    border: none;
}

.searchalpha1 span.active {
    color: #fff;
    background: #5f4ba0;
}

#views-exposed-form-product-page-page-13 input[data-drupal-selector="edit-title"] {
    display: none;
}

.footerAlpha {
    margin-top: -330px;
}

@media (max-width: 1076px) {
    .footerAlpha {
        margin-top: -359px;
    }
}

@media (max-width: 776px) {
    .searchalpha1 {
        max-width: 58vw;
        left: 20vw !important;
        justify-content: center;
    }

    .footerAlpha {
        margin-top: -379px;
    }
}

@media (max-width: 729px) {
    .footerAlpha {
        margin-top: -405px;
    }
}

@media (max-width: 659px) {
    .footerAlpha {
        margin-top: -438px;
    }
}

@media (max-width: 620px) {
    .footerAlpha {
        margin-top: -475px;
    }

    .searchalpha1 {
        max-width: 350px;
        left: calc(50vw - 175px) !important;
        justify-content: center;
    }

    .bef-exposed-form {
        margin-bottom: 0px !important;
        margin-top: 0px;
    }
}

@media (max-width: 599px) {
    .footerAlpha {
        margin-top: -502px;
        left: auto !important;
        justify-content: right;
        right: 0;
    }
}

@media (max-width: 560px) {
    .searchalpha1 {
        max-width: 300px;
    }
}

@media (max-width: 512px) {
    .footerAlpha {
        margin-top: -596px;
    }
}

@media (max-width: 488px) {
    .footerAlpha {
        margin-top: -575px;
        left: calc(50vw - 175px) !important;
        justify-content: center;
        right: auto;
    }

    body.page-events-cphi-india-2024 div#navbarNavDropdown {
        top: 66px;
    }

    body.page-events-cphi-india-2024 .dcatNavbar .navbar-toggler {
        background: transparent !important;
    }
}

body.page-webinar-peptide-capabilities .col-md-3 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
}

@media (max-width: 767px) {
    body.page-webinar-peptide-capabilities .col-md-3 {
        width: 100% !important;
    }
}

@media (max-width: 767.99px) {

    /*cphi milan 2024*/

    .bannerBox {
        flex-direction: column;
    }

    body.page-events-cphi-milan-2024 .dcatbannerFormHead {
        width: 100%;
        margin: 0 auto;
        margin-top: 25px;
    }

    body.page-events-cphi-milan-2024 .dcatbannerForm {
        padding: 0px !important;
        margin: 0 auto;
        width: 100% !important;
    }

    .fceBanner.cphiMilanBanner {
        padding-bottom: 0px;
    }

    body.page-events-cphi-milan-2024 .custom-form form {
        position: relative !important;
        width: 88% !important;
        margin: 0 auto;
    }

    .fceBanner.cphiMilanBanner .dcatbannerFormHead {
        width: 100% !important;
    }

    .cphiMilanCaption {
        max-width: 100%;
    }


}


body.page-webinar-peptide-capabilities section.content-sec {
    padding: 0 !important;
    margin-top: 0px !important;
}

body.path-webinar .bannerInfo p {
    font-size: 24px;
}

body.page-webinar-peptide-capabilities .whatWillBox {
    min-height: 209px;
}

body.page-webinar-peptide-capabilities .lessOwlSlider .speeakersBox {
    width: 100%;
}

body.page-webinar-peptide-capabilities .lessOwlSlider .speeakersBox b {
    font-weight: bold;
}

a.knowMore.peptide-api {
    bottom: -30px !important;
    left: -61px !important;
}

.js-form-item.form-item.js-form-type-textfield.form-item-source-url.js-form-item-source-url {
    display: none;
}

.js-form-item.form-item.js-form-type-textfield.form-item-adv-source.js-form-item-adv-source {
    display: none;
}

@media only screen and (min-width: 1400px) {
    a.knowMore.peptide-api {
        bottom: 34px !important;
        left: 1px !important;
    }
}

@media only screen and (min-width: 1600px) {
    a.knowMore.peptide-api {
        bottom: 34px !important;
        left: -90px !important;
    }
}

@media only screen and (min-width: 1920px) {
    a.knowMore.peptide-api {
        bottom: 34px !important;
        left: -258px !important;
    }
}

@media only screen and (max-width: 1260px) {
    a.knowMore.peptide-api {
        bottom: -30px !important;
        left: inherit !important;
    }

    body.page-node-product select#edit-country {
        width: 100%;
    }
}

@media only screen and (max-width: 480px) {
    a.knowMore.peptide-api {
        bottom: 35px !important;
        left: inherit;
    }

    #homeBanner .item .mycon a.knowMore.peptide-api {
        margin-top: 15px !important;
        max-width: 110px;
        font-size: 12px !important;
        background: #502e92 !important;
        border-color: #fff !important;
        right: inherit !important;
        padding: 8px 10px !important;
    }
}

@media only screen and (max-width: 414px) {
    a.knowMore.peptide-api {
        bottom: 25px !important;
    }
}

/* -----------------------------------23-03-22-------------RKB------------- */

body.path-webinar .bannerInfo p {
    font-size: 26px;
}

body.path-webinar .bannerInfo span {
    font-weight: bold;
    display: block;
    margin-top: 15px;
}

body.page-webinar-building-resilience-and-agility-in-the-pharma-supply-chain .col-md-3 {
    width: 20%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
}

body.page-webinar-building-resilience-and-agility-in-the-pharma-supply-chain .lessOwlSlider .speeakersBox {
    width: 100%;
    vertical-align: top;
    display: inline-flex;
}

body.page-webinar-building-resilience-and-agility-in-the-pharma-supply-chain section.content-sec {
    margin-top: 54px !important;
}

body.path-webinar .row.whatWillWRapper.building-box .col-md-3 {
    width: 20%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
}

body.path-webinar section.content-sec {
    margin-top: 54px !important;
}

@media screen and (max-width: 480px) {
    body.page-webinar-new-mutagenic-azido-impurities .webinarLogo {
        top: 27px;
    }

    body.page-webinar-new-mutagenic-azido-impurities .bannerInfo {
        padding-top: 115px !important;
    }

    body[class^="page-webinar-new-mutagenic-azido-impurities-success-"] .webinarLogo {
        top: 27px;
    }

    body[class^="page-webinar-new-mutagenic-azido-impurities-success-"] .bannerInfo {
        padding-top: 115px !important;
    }

    .bannerSection.azido-banner .webinarLogo {
        top: 27px;
    }

    .bannerSection.azido-banner .bannerInfo {
        padding-top: 115px !important;
    }
}

body.path-meet-api-product-expert div[role="alert"] {
    top: 0px !important;
    left: 0 !important;
    position: fixed !important;
    z-index: 9999999 !important;
}

body.page-webinar-peptide-capabilities .col-md-3 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
}

@media (max-width: 767px) {
    body.page-webinar-peptide-capabilities .col-md-3 {
        width: 100% !important;
    }
}

body.page-webinar-peptide-capabilities section.content-sec {
    padding: 0 !important;
    margin-top: 54px !important;
}

body.path-webinar .bannerInfo p {
    font-size: 23px;
}

body.page-webinar-peptide-capabilities .whatWillBox {
    min-height: 209px;
}

body.page-webinar-peptide-capabilities .lessOwlSlider .speeakersBox {
    width: 100%;
}

body.page-webinar-peptide-capabilities .lessOwlSlider .speeakersBox b {
    font-weight: bold;
}

a.knowMore.peptide-api {
    bottom: -30px !important;
    left: -61px !important;
}

@media only screen and (min-width: 1400px) {
    a.knowMore.peptide-api {
        bottom: 34px !important;
        left: 1px !important;
    }
}

@media only screen and (min-width: 1600px) {
    a.knowMore.peptide-api {
        bottom: 34px !important;
        left: -90px !important;
    }
}

@media only screen and (min-width: 1920px) {
    a.knowMore.peptide-api {
        bottom: 34px !important;
        left: -258px !important;
    }
}

@media only screen and (max-width: 1260px) {
    a.knowMore.peptide-api {
        bottom: -30px !important;
        left: inherit !important;
    }
}

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

    #newEvent .owl-prev {
        left: -10px !important;
    }

    #newEvent .owl-next {
        right: -10px !important;
    }

    a.knowMore.peptide-api {
        bottom: 35px !important;
        left: inherit;
    }

    #homeBanner .item .mycon a.knowMore.peptide-api {
        margin-top: 15px !important;
        max-width: 110px;
        font-size: 12px !important;
        background: #502e92 !important;
        border-color: #fff !important;
        right: inherit !important;
        padding: 8px 10px !important;
    }
}

@media only screen and (max-width: 414px) {
    a.knowMore.peptide-api {
        bottom: 25px !important;
    }
}

.js-form-item.form-item.js-form-type-number.form-item-field-phone-number.js-form-item-field-phone-number label {
    display: inherit !important;
}

.dcatbannerForm input#edit-field-phone-number {
    font-size: 0.875em !important;
}

.dcatbannerForm input#edit-field-work-email {
    font-size: 0.875em !important;
}

#meet-api-experts-form .field--type-mobile-number .mobile-number-field,
#meet-expert-form .field--type-mobile-number .mobile-number-field,
#up-landing-form .field--name-field-cc .mobile-number-field,
#up-meet-api-experts-form .field--name-field-cc .mobile-number-field,
#landing-form .field--name-field-cc .mobile-number-field {
    display: flex;
}

#meet-expert-form .field--type-mobile-number .mobile-number-field .js-form-item-field-cc-0-country-code {
    min-width: 94px;
    display: flex;
    background: #e9e9e9;
    height: 50px;
    border-radius: 10px 0 0 10px;
    margin-right: -5px;
}

#up-landing-form .field--name-field-cc .mobile-number-field .js-form-type-select,
#meet-api-experts-form .field--name-field-cc .mobile-number-field .js-form-type-select,
#up-landing-form .field--name-field-cc .mobile-number-field .js-form-type-select,
#up-meet-api-experts-form .field--name-field-cc .mobile-number-field .js-form-type-select,
#landing-form .field--name-field-cc .mobile-number-field .js-form-type-select {
    min-width: 75px;
    display: flex;
    color: #fff;
    margin-right: 15px;
}

#meet-api-experts-form .field--type-mobile-number .mobile-number-field label,
#meet-expert-form .field--type-mobile-number .mobile-number-field label,
#up-landing-form .field--name-field-cc .mobile-number-field label,
#up-meet-api-experts-form .field--name-field-cc .mobile-number-field label,
#dect-week-form .field--name-field-cc .mobile-number-field label,
#landing-form .field--name-field-cc .mobile-number-field label {
    display: none;
}

#up-landing-form .field--name-field-cc .mobile-number-field .js-form-type-textfield input,
#up-meet-api-experts-form .field--name-field-cc .mobile-number-field .js-form-type-textfield input,
#meet-api-experts-form .field--name-field-cc .mobile-number-field .js-form-type-textfield input,
#landing-form .field--name-field-cc .mobile-number-field .js-form-type-textfield input {
    float: left;
    width: 100%;
    background: none !important;
    color: #fff;
}

#up-landing-form .field--name-field-cc .mobile-number-field .js-form-type-textfield input::placeholder,
#up-meet-api-experts-form .field--name-field-cc .mobile-number-field .js-form-type-textfield input::placeholder,
#meet-api-experts-form .field--name-field-cc .mobile-number-field .js-form-type-textfield input::placeholder,
#landing-form .field--name-field-cc .mobile-number-field .js-form-type-textfield input::placeholder {
    color: #fff;
    opacity: 1;
}

#meet-expert-form .field--type-mobile-number .mobile-number-field .js-form-item-field-cc-0-country-code .country-select {
    margin: auto 5px auto 10px;
    border: none !important;
    display: flex;
}

#meet-expert-form .field--type-mobile-number .mobile-number-field {
    margin-bottom: 15px;
}

#meet-expert-form .js-form-item-field-product label {
    display: none;
}

#meet-api-experts-form .js-form-item-field-product label {
    display: none;
}

#meet-expert-form .form-textarea {
    margin: 0 !important;
    width: 100% !important;
}

#meet-api-experts-form .form-textarea {
    margin: 0 !important;
    width: 100% !important;
}

body.page-xceed-customer-service .g-recaptcha,
body.page-meet-api-product-expert .g-recaptcha {
    width: 100% !important;
    transform: none !important;
    height: auto !important;
    margin-top: 20px !important;
}

body.page-xceed-customer-service .g-recaptcha div,
body.page-meet-api-product-expert .g-recaptcha div {
    height: auto !important;
}

body.path-webinar .bannerInfo {
    padding: 130px 0px;
}

body.path-webinar p strong {
    font-weight: 600;
}

#dect-week-form .field--name-field-cc .mobile-number-field .js-form-type-select {
    min-width: 75px;
    display: flex;
    color: #5f4b9f;
}

form#cphi-na-form .field--name-field-cc .mobile-number-field .js-form-type-select {
    min-width: 75px;
    display: flex;
    color: #5f4b9f;
}

#dect-week-form .field--name-field-cc {
    margin-bottom: 22px;
}

form#cphi-na-form .field--name-field-cc {
    margin-bottom: 22px;
}

#dect-week-form .field--name-field-cc .mobile-number-field {
    display: flex;
}

form#cphi-na-form .field--name-field-cc .mobile-number-field {
    display: flex;
}

#dect-week-form .field--name-field-cc .mobile-number-field .js-form-type-textfield input {
    float: left;
    width: 100%;
    background: none !important;
}

form#cphi-na-form .field--name-field-cc .mobile-number-field .js-form-type-textfield input {
    float: left;
    width: 92.5%;
    background: #fff !important;
    margin-left: 15px;
}

body.page-events-cphi-na section.content-sec.inner-content-sec {
    padding-top: 0px !important;
    position: relative;
    overflow: hidden;
    margin-top: -25px;
}

body.page-events-cphi-na .dcatBookedBtn {
    margin-top: 20px;
}

#up-landing-form .field--name-field-cc .mobile-number-field .js-form-type-textfield input,
#landing-form .field--name-field-cc .mobile-number-field .js-form-type-textfield input {
    float: left;
    width: 100%;
    background: none !important;
    color: #fff;
}

#up-landing-form .field--name-field-cc .mobile-number-field .js-form-type-textfield input::placeholder,
#landing-form .field--name-field-cc .mobile-number-field .js-form-type-textfield input::placeholder {
    color: #fff;
    opacity: 1;
}

#meet-expert-form .field--type-mobile-number .mobile-number-field .js-form-item-field-cc-0-country-code .country-select {
    margin: auto 5px auto 10px;
    border: none !important;
}

#meet-expert-form .field--type-mobile-number .mobile-number-field .js-form-type-textfield input {
    margin: 0 !important;
}

.messages__wrapper {
    position: absolute;
    z-index: 9999;
    width: 100%;
    top: 0px;
    left: 0px;
}

#dect-week-form .field--type-mobile-number .mobile-number-field .js-form-type-select .country-select .form-select {
    position: absolute;
    height: 25px;
}

form#cphi-na-form .field--type-mobile-number .mobile-number-field .js-form-type-select .country-select .form-select {
    position: absolute;
    height: 25px;
}

.evenBannerSection .bannerForm .form-textarea {
    width: 100% !important;
    margin: 0px !important;
}

body.page-xceed-customer-service .g-recaptcha,
body.page-meet-api-product-expert .g-recaptcha {
    width: 100% !important;
    transform: none !important;
    height: auto !important;
    margin-top: 20px !important;
}

body.page-xceed-customer-service .g-recaptcha div,
body.page-meet-api-product-expert .g-recaptcha div {
    height: auto !important;
}

body.path-webinar .bannerInfo {
    padding: 130px 0px;
}

details.open .form-checkboxes .bef-nested,
details[open] .form-checkboxes .bef-nested {
    opacity: 1;
    visibility: visible;
}

#views-exposed-form-product-page-page-13 .form-actions input {
    width: auto;
    background-color: #5f4ba0;
    border-color: #5f4ba0;
    border: 2px solid #5f4ba0;
    height: 40px;
    border-radius: 20px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    min-width: 120px;
}

/* ================================================= RKB=========== */

.myNewOverlay .popUpBody2 {
    width: 90%;
    margin: auto;
    max-width: 500px;
    max-height: 300px;
    aspect-ratio: auto;
    height: auto;
    background: url(../images/popup2BG.webp) no-repeat left top;
    background-size: cover;
    position: relative;
    padding: 22px;
    box-sizing: border-box;
    box-shadow: 0 0 33px 5px rgb(255 255 255 / 50%);
    border: 1px solid #fff;
}

.popUpBody2 .CPHLbannerText .popupCompanyLogo {
    width: 125px;
    height: auto;
    float: right;
}

.sustainabilityOuter img {
    max-width: 100%;
}

.popUpBody2 .CPHLbannerText {
    float: left;
    width: 100%;
}

.popUpBody2 .CPHLbannerText .lineOne {
    float: left;
    width: 100%;
    font-size: 16px;
    color: #000;
    line-height: 20px;
    margin-bottom: 15px;
    font-weight: bold;
}

.popUpBody2 .CPHLbannerText .LineTwo {
    float: left;
    width: 100%;
    font-size: 40px;
    color: #502e92;
    font-weight: bold;
    margin-bottom: 10px;
}

.popUpBody2 .CPHLbannerText .LineTwo span {
    float: left;
    width: 100%;
    font-size: 22px;
    font-weight: bold;
    color: #000;
    margin-bottom: 10px;
}

.popUpBody2 .CPHLbannerText .lineThree {
    float: left;
    width: 100%;
    font-size: 16px;
    color: #502e92;
    font-weight: bold;
    margin-bottom: 25px;
}

.popUpBody2 .CPHLbannerText .redButtenBox {
    float: left;
    padding: 8px 15px;
    font-size: 18px;
}

.booterDoenload {
    display: none;
}

.search-hide header a {
    display: flex;
    margin: 0;
}

.download-product {
    display: block;
}

.trendingTopics header {
    display: flex;
    justify-content: center;
}

.trendingTopics header .antiHeaderHeading {
    color: #5f4ba0 !important;
    background: none;
    text-decoration: none !important;
    font-family: "DRLCircular-Light";
    font-size: 45px;
    text-align: center;
    margin: 0 0 20px 0;
    padding: 0;
}

#adPopup .modal-body .contact-us-form {
    width: 100% !important;
}

#adPopup .modal-body .contact-us-form form {
    width: 100% !important;
    left: auto !important;
    margin: 0 !important;
}

#adPopup .modal-body .contact-us-form form input,
#adPopup .modal-body .contact-us-form form select,
#adPopup .modal-body .contact-us-form form textarea {
    margin: 10px 7px;
    width: calc(100% - 14px) !important;
}

#adPopup .modal-body .contact-us-form form input[type="checkbox"] {
    float: left;
    width: 20px !important;
    margin-right: 10px !important;
    margin-top: 0px !important;
}

#adPopup .modal-body .contact-us-form form label {
    float: left;
    width: calc(100% - 40px) !important;
}

#adPopup .modal-body .contact-us-form form #my-form-wrapper {
    float: left;
    width: 100%;
    display: flex;
    justify-content: left;
}

#adPopup .modal-body .contact-us-form form #my-form-wrapper .g-recaptcha {
    margin: 0 !important;
    -webkit-transform: scale(1);
    transform: scale(1);
}

#adPopup .modal-body .contact-us-form form #edit-actions {
    display: block !important;
    margin: 0 auto !important;
}

#adPopup .modal-body .contact-us-form form #edit-actions input {
    margin-top: 0 !important;
}

#adPopup .modal-body .contact-us-form form #edit-processed-text {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
    margin: 0;
    padding: 10px;
    box-sizing: border-box;
}

#adPopup .modal-body .contact-us-form form #edit-processed-text h6 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background: #5f4ba0;
    border-radius: 50px;
    padding: 10px !important;
    color: #fff !important;
}

#adPopup .modal-body .contact-us-form form #edit-processed-text h6 a {
    color: #fff !important;
}

#adPopup .modal-header .modal-title {
    font-family: DRL Circular;
    font-style: normal;
    font-weight: bold;
    font-size: 25px !important;
    line-height: 43px;
    color: #5f4ba0;
}

#adPopup {
    position: fixed;
    z-index: 999;
    top: 0;
    right: -1000px;
    width: 400px;
    margin: 0;
    padding: 0;
    max-width: 100vh;
    transition: all 0.5s;
    max-width: 100vw;
}

#adPopup .modal-dialog {
    margin: 0 !important;
}

#adPopup .modal-dialog .modal-body {
    overflow: auto;
    max-height: calc(100vh - 60px);
}

.homepageSearchButton {
    background: url(https://api.drreddys.com/themes/custom/reddy/images/search.png) no-repeat center center;
    width: 30px;
    height: 30px;
    position: absolute;
    background-size: 80%;
    border: none !important;
    outline: none !important;
    top: 10px;
    right: 10px;
}

@media (max-width: 767px) {
    .disclaimer-text-api {
        border-radius: 0px;
    }

    .homepageSearchButton {
        top: 5px;
        right: 10px;
    }

    .download-product {
        display: none;
    }

    .download-product-list header a,
    .search-hide header a {
        display: none !important;
    }

    .booterDoenload {
        position: fixed;
        z-index: 99;
        width: 50%;
        height: 42px;
        border-radius: 0;
        background: #5f4ba0 url(../images/product_download.png) no-repeat 14px center;
        color: #fff !important;
        bottom: 38px;
        left: 0;
        text-align: left;
        padding: 5px 5px 5px 45px;
        font-size: 14px;
        display: block;
        text-align: center;
        line-height: 32px;
    }

    .booterDoenload:hover {
        color: #fff !important;
    }

    .path-product .qContact a,
    .path-generic-formulation .qContact a {
        position: fixed;
        background: #f0504b;
        right: 0;
        top: auto !important;
        bottom: 38px;
        width: 50% !important;
        padding: 5px 0;
        box-sizing: border-box;
        text-align: center;
        color: #fff;
        border-radius: 0 !important;
        font-family: "DRLCircular-Light";
        font-size: 14px;
        line-height: 16px;
        text-decoration: none;
        z-index: 8;
        flex-direction: revert;
        display: flex;
        line-height: 32px;
        height: 42px !important;
    }

    .path-product .qContact a img,
    .path-generic-formulation .qContact a img {
        margin: auto auto auto 15px !important;
        width: 25px;
        height: auto;
    }

    .path-product .qContact a span,
    .path-generic-formulation .qContact a span {
        display: block !important;
    }

    #adPopup .modal-body .contact-us-form form #my-form-wrapper .g-recaptcha>div {
        height: auto !important;
    }
}

.btnPerple {
    background: #5f4ba0;
    color: #fff !important;
    font-weight: normal;
    border: none;
    box-sizing: border-box;
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 18px;
    position: relative;
    margin-top: 10px;
    padding-left: 40px;
    float: left;
    width: 100%;
    text-decoration: none !important;
}

.btnPerple::before {
    background: #5f4ba0 url(../images/arrow-up-acr.png) no-repeat center center;
    width: 20px;
    height: 20px;
    display: block;
}

.btnPeroleParent {
    float: left;
    width: 100%;
    margin: 15px 0;
}

.btnPeroleParent .collapsed::before {
    transform: rotate(180deg) !important;
}

.waitmsc {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #5f4ba0;
    font-weight: bold;
    margin: 25px 0;
}

.btnPeroleParent p {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 15px;
    margin: 0;
}

@media (max-width: 380px) {
    .searchalpha1 {
        margin-top: -50px;
    }
}

.get-price-modal .js-form-type-select,
.get-price-modal .contact_no {
    flex: 0 0 auto;
    font-family: DRL Circular;
}

.get-price-modal .contact_no {
    display: flex;
    margin-top: 7px;
    font-family: DRL Circular;
    flex: 0 0 auto;
    width: 50%;
}

.get-price-modal .js-form-type-textarea label {
    margin: 0 30px;
}

.form-textarea {
    width: calc(100% - 60px);
}

.get-price-modal .col-md-6 input {
    color: #717171;
    border-color: #bbb;
    background: transparent;
    height: 50px;
    border-radius: 0px !important;
    border: none;
    outline: none;
    margin: 8px 30px;
    padding: 10px;
    width: calc(100% - 60px);
    font-size: 0.875em;
    border-bottom: 1px solid;
    font-family: DRL Circular;
}

.get-price-modal .col-md-4 input {
    color: #717171;
    border-color: #bbb;
    background: transparent;
    height: 50px;
    border-radius: 0px !important;
    border: none;
    outline: none;
    margin: 8px 30px;
    padding: 10px;
    width: calc(100% - 60px);
    font-size: 0.875em;
    border-bottom: 1px solid;
    font-family: DRL Circular;
}

.get-price-modal select {
    width: calc(100% - 60px) !important;
    font-family: DRL Circular;
}

.get-price-modal .form-textarea {
    height: 166px;
    resize: none;
    background-color: transparent !important;
    border-radius: 0px !important;
    border: 1px solid !important;
    font-family: DRL Circular;
    margin-top: 18px;
    margin-bottom: 18px;
    font-size: 0.875em;
}

.form-item-documents {
    display: flex;
    align-items: center;
}

.webform-button--submit,
.upload-file-button,
input[data-drupal-selector="edit-documents-remove-button"] {
    width: auto;
    min-width: 188px;
    height: 47px;
    background: #32c8f5;
    background: #5f4ba0;
    border-radius: 53px;
    font-family: DRL Circular;
    font-style: normal;
    font-weight: 450;
    font-size: 18px;
    line-height: 48px;
    color: #ffffff;
    padding: 0 25px;
    border: none !important;
    outline: none !important;
    text-align: center;
}

body.path-node .get-price-modal .form-email,
body.path-node .get-price-modal .form-text,
body.path-node .get-price-modal .form-select {
    height: 50px;
    background-color: transparent;
    border-radius: 0px !important;
    border: none;
    outline: none;
    margin: 8px 30px;
    padding: 10px;
    width: 90%;
    font-size: 0.875em;
    border-bottom: 1px solid;
    font-family: DRL Circular;
}

body.path-node .get-price-modal .form-email::placeholder,
body.path-node .get-price-modal .form-text::placeholder,
body.path-node .get-price-modal .form-select::placeholder {
    color: #5f4ba0 !important;
    opacity: 1 !important;
    font-weight: 600 !important;
}

.get-price-modal .col-md-4 input::placeholder {
    color: #5f4ba0 !important;
    opacity: 1 !important;
    font-weight: 600 !important;
}

.get-price-modal .form-textarea::placeholder {
    color: #5f4ba0 !important;
    opacity: 1 !important;
    font-weight: 600 !important;
}

.webform-element-help {
    border: 2px solid #5f4ba0 !important;
    background: #5f4ba0 !important;
    line-height: 18px !important;
}

body.path-node .webform-submission-form .form-text::placeholder {
    color: #5f4ba0 !important;
    opacity: 1 !important;
}

body.path-node .ui-dialog .ui-dialog-titlebar-close {
    margin: -14px 0 0 0;
}

.page-node-product .ui-dialog {
    width: 90% !important;
    max-width: 1000px !important;
}

input[data-drupal-selector="edit-documents-remove-button"] {
    background: #32c8f5;
}

.ui-widget-overlay {
    z-index: 999;
    background: #5f4ba0;
}

.ui-widget.ui-widget-content {
    z-index: 1000;
}

.ui-dialog .ui-dialog-titlebar {
    background: #5f4ba0 !important;
    color: #fff !important;
    min-height: 48px;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
    border: none !important;
    outline: none !important;
    color: #fff !important;
}

.get-price-modal .js-form-item-message+div {
    width: 100%;
    box-sizing: border-box;
    padding: 0 30px;
}

#homeBanner .item .mycon h2 .CPHLbannerText,
#homeBanner .item .mycon div.h2 .CPHLbannerText {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #fff !important;
    display: flex;
    flex-direction: column;
}

#homeBanner .item .mycon h2 .CPHLbannerText h2.LineTwo,
#homeBanner .item .mycon div.h2 .CPHLbannerText h2.LineTwo {
    font-size: 90px !important;
    color: #502e92 !important;
    height: auto;
    line-height: 90px !important;
    margin-left: 0px !important;
    padding: 0 !important;
    letter-spacing: -3px;
    float: left !important;
    font-weight: bold !important;
    float: left;
    width: 100%;
}

#homeBanner .item .mycon h2 .CPHLbannerText p.lineOne,
#homeBanner .item .mycon div.h2 .CPHLbannerText p.lineOne {
    font-size: 45px !important;
    font-weight: bold !important;
    line-height: 45px !important;
    color: #000 !important;
    margin: 0 0 20px 0 !important;
    float: left;
    width: 100%;
}

#homeBanner .item .mycon h2 .CPHLbannerText p.lineOne.fce,
#homeBanner .item .mycon div.h2 .CPHLbannerText p.lineOne.fce {
    font-size: 34px !important;
    line-height: 38px !important;
    font-weight: 400 !important;
    font-family: "DRLCircular-Book" !important;
}

#homeBanner .item .mycon h2 .CPHLbannerText div.lineThree,
#homeBanner .item .mycon div.h2 .CPHLbannerText div.lineThree {
    font-size: 34px;
    color: #000 !important;
    margin: 0 0 20px 0 !important;
    float: left;
    width: 100%;
}

#homeBanner .item .mycon h2 .CPHLbannerText p.lineOne.linkdin,
#homeBanner .item .mycon div.h2 .CPHLbannerText p.lineOne.linkdin {
    font-size: 38px !important;
    line-height: 46px !important;
    margin-bottom: 10px !important;
}

#homeBanner .item .mycon h2 .CPHLbannerText h2.LineTwo.linkdin,
#homeBanner .item .mycon div.h2 .CPHLbannerText h2.LineTwo.linkdin {
    font-size: 50px !important;
    line-height: 50px !important;
    margin-bottom: 20px !important;
}

#homeBanner .item .mycon h2 .CPHLbannerText div.lineFoue,
#homeBanner .item .mycon div.h2 .CPHLbannerText div.lineFoue {
    font-size: 30px;
    color: #000 !important;
    line-height: 32px !important;
    height: auto;
    float: left;
    width: 100%;
}

#homeBanner .item .mycon h2 .CPHLbannerText p.lineOne.frankfrut,
#homeBanner .item .mycon div.h2 .CPHLbannerText p.lineOne.frankfrut {
    font-size: 34px !important;
    font-weight: bold !important;
    line-height: 34px !important;
    color: #000 !important;
    margin: 0 0 0px 0 !important;
    float: left;
    width: 100%;
}

#homeBanner .item .mycon h2 .CPHLbannerText h2.LineTwo.frankfrut,
#homeBanner .item .mycon div.h2 .CPHLbannerText h2.LineTwo.frankfrut {
    font-size: 62px !important;
    color: #502e92 !important;
    height: auto;
    line-height: 62px !important;
    margin-left: 0px !important;
    padding: 0 !important;
    letter-spacing: -3px;
    float: left !important;
    font-weight: bold !important;
    float: left;
    width: 100%;
}

#homeBanner .item .mycon h2 .CPHLbannerText div.lineThree.frankfrut,
#homeBanner .item .mycon div.h2 .CPHLbannerText div.lineThree.frankfrut {
    font-size: 24px !important;
    line-height: 24px !important;
    color: #000 !important;
    margin: 0 0 20px 0 !important;
    float: left;
    width: 100%;
}

#homeBanner .item .mycon h2 .CPHLbannerText div.lineFour.frankfrut,
#homeBanner .item .mycon div.h2 .CPHLbannerText div.lineFour.frankfrut {
    font-size: 18px;
    color: #000 !important;
    line-height: 20px !important;
    height: auto;
    float: left !important;
    width: 100% !important;
    margin-bottom: 10px;
}

.lineFour.frankfrut {
    display: flex;
}

.lineFour.frankfrut img {
    width: auto !important;
    margin-right: 8px;
}

#homeBanner .item .mycon h2 .CPHLbannerText div.lineFoue.fce,
#homeBanner .item .mycon div.h2 .CPHLbannerText div.lineFoue.fce {
    font-family: "DRLCircular-Bold" !important;
    font-size: 32px !important;
}

#homeBanner .item .mycon h2 .CPHLbannerText div.lineFoue.linkdin,
#homeBanner .item .mycon div.h2 .CPHLbannerText div.lineFoue.linkdin {
    line-height: 35px !important;
}

#homeBanner .item .mycon h2 .CPHLbannerText p.lineOne.barcelona,
#homeBanner .item .mycon div.h2 .CPHLbannerText p.lineOne.barcelona {
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 20px !important;
    color: #000 !important;
    margin: 60px 0 20px 0 !important;
    float: left;
    width: 100%;
}

#homeBanner .item .mycon h2 .CPHLbannerText h2.LineTwo.barcelona,
#homeBanner .item .mycon div.h2 .CPHLbannerText h2.LineTwo.barcelona {
    font-size: 45px !important;
    color: #502e92 !important;
    height: auto;
    line-height: 45px !important;
    margin-left: 0px !important;
    padding: 0 !important;
    letter-spacing: -1px;
    float: left !important;
    font-weight: bold !important;
    float: left;
    width: 100%;
}

#homeBanner .item .mycon h2 .CPHLbannerText div.lineThree.barcelona img,
#homeBanner .item .mycon div.h2 .CPHLbannerText div.lineThree.barcelona img {
    max-width: 240px;
    height: auto;
    margin: 10px 0px;
}

#homeBanner .item .mycon h2 .CPHLbannerText div.lineFour.barcelona,
#homeBanner .item .mycon div.h2 .CPHLbannerText div.lineFour.barcelona {
    font-size: 18px;
    color: #000 !important;
    line-height: 18px !important;
    height: auto;
    float: left !important;
    width: 100% !important;
    font-weight: 600;
    margin-bottom: 15px;
    display: flex;
}

#homeBanner .item .mycon h2 .CPHLbannerText div.lineFour.barcelona img,
#homeBanner .item .mycon div.h2 .CPHLbannerText div.lineFour.barcelona img {
    max-width: 25px !important;
    margin-right: 12px;
}

.lineFour.barcelona:last-child {
    margin-bottom: 50px !important;
}

.myNewOverlay .popUpBodyLinkdin {
    width: 90%;
    height: 100% !important;
    margin: auto;
    max-width: 500px;
    max-height: 300px;
    aspect-ratio: auto;
    height: auto;
    background: url(../images/linkdin-popup-bg.webp) no-repeat left top;
    background-size: cover;
    position: relative;
    padding: 22px;
    box-sizing: border-box;
    box-shadow: 0 0 33px 5px rgb(255 255 255 / 50%);
    border: 1px solid #fff;
}

.myNewOverlay .popUpBodyLinkdin.barcelona {
    width: 90%;
    height: 100% !important;
    margin: auto;
    max-width: 500px;
    max-height: 300px;
    aspect-ratio: auto;
    height: auto;
    background: url(../images/barcelona-popup-bg.png) no-repeat left top;
    background-size: cover;
    position: relative;
    padding: 22px;
    box-sizing: border-box;
    box-shadow: 0 0 33px 5px rgb(255 255 255 / 50%);
    border: 1px solid #fff;
    text-align: center;
}

.myNewOverlay .popUpBodyLinkdin h2 {
    font-size: 32px;
    font-family: "DRLCircular-Black";
    color: #502e92 !important;
    margin: 0px;
    margin-bottom: 0px !important;
}

.myNewOverlay .popUpBodyLinkdin p {
    font-family: "DRLCircular-Book";
    font-size: 16px;
    line-height: 16px;
    color: #000000;
    float: left;
    padding-left: 0px;
    margin-bottom: 0px;
}

.myNewOverlay .popUpBodyLinkdin span {
    font-size: 22px;
    font-family: "DRLCircular-Bold";
    color: #000000;
    margin-bottom: 10px;
    display: block;

}

.myNewOverlay .popUpBodyLinkdin.barcelona span {
    font-size: 22px;
    font-family: "DRLCircular-Bold";
    color: #5225b5;
    margin-bottom: 10px;
    display: block;

}

.myNewOverlay .popUpBodydcatWeak-2024 {
    width: 90%;
    height: 100% !important;
    margin: auto;
    max-width: 500px;
    max-height: 300px;
    aspect-ratio: auto;
    height: auto;
    background: url(../images/dcat-2024-popup-bg2.png) no-repeat left top #fff !important;
    background-size: cover;
    position: relative;
    padding: 22px;
    box-sizing: border-box;
    box-shadow: 0 0 33px 5px rgb(255 255 255 / 50%);
    border: 1px solid #fff;
    text-align: center;
}


.myNewOverlay .popUpBodydcatWeak-2024 .popBody {
    margin-top: 0px !important;
    display: block;
    width: 354px;
}

.myNewOverlay .popUpBodydcatWeak-2024 p.logo-sec-pop {
    width: 100%;
    text-align: left;
    padding: 0px;
    margin-bottom: 10px !important;
}

.myNewOverlay .popUpBodydcatWeak-2024 span {
    font-size: 14px;
    line-height: 16px;
    font-family: "DRLCircular-Bold";
    color: #5225b5;
    text-align: left;
}

.myNewOverlay .popUpBodydcatWeak-2024 span strong {
    font-weight: bold !important;
    color: #000;
}

.myNewOverlay .popUpBodydcatWeak-2024 a.barcelonaPopupBtn {
    font-family: "DRLCircular-Book";
    width: 126px;
    height: 30px;
    line-height: 33px;
    font-size: 14px;
    color: #fff;
    background-color: #00b9f2;
    display: block;
    margin: 0;
    border-radius: 8px;
    text-align: center;
    margin-top: 0px;
    text-decoration: none;
}

.myNewOverlay .popUpBodydcatWeak-2024 p {
    text-align: left !important;
}

.myNewOverlay .popUpBodydcatWeak-2024 .popupBottomText p {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start;
    margin-bottom: 6px !important;
}

.myNewOverlay .popUpBodydcatWeak-2024 .popupBottomText p img {
    margin-right: 8px;
}

.myNewOverlay .popUpBodydcatWeak-2024 .popupBottomText p span {
    margin-bottom: 0px !important;
}

.myNewOverlay .popUpBodydcatWeak-2024 .popupBottomText span {
    color: #000 !important;
    font-weight: normal !important;
    font-size: 12px !important;
}


/*** CPHI Japan 2024 Popup ***/

.myNewOverlay .popUpBodycphijapan-2024 {
    width: 90%;
    height: 100% !important;
    margin: auto;
    max-width: 500px;
    max-height: 300px;
    aspect-ratio: auto;
    height: auto;
    background: url(../images/cphi-japan-2024-popupbg.png) no-repeat left top #fff !important;
    background-size: cover;
    position: relative;
    padding: 22px;
    box-sizing: border-box;
    box-shadow: 0 0 33px 5px rgb(255 255 255 / 50%);
    border: 1px solid #fff;
    text-align: center;
}


.myNewOverlay .popUpBodycphijapan-2024 .popBody {
    margin-top: 0px !important;
    display: block;
    width: 100%;
}

.myNewOverlay .popUpBodycphijapan-2024 p.logo-sec-pop {
    width: 100%;
    text-align: right !important;
    padding: 0px;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
}

.myNewOverlay .popUpBodycphijapan-2024 p.popUpMiddleText {
    text-align: center !important;
    font-weight: bold;
    color: #5225b5;
    font-size: 24px;
    margin-bottom: 5px;
}

.myNewOverlay .popUpBodycphijapan-2024 p.popupLocationBadge {
    text-align: center !important;
    color: #000;
    font-weight: bold;
    margin-bottom: 6px;
}

.myNewOverlay .popUpBodycphijapan-2024 .popupBottomText {
    display: flex;
    max-width: 80%;
    gap: 10px;
    justify-content: space-around;
}

.myNewOverlay .popUpBodycphijapan-2024 .popupBottomText p span {
    color: #000 !important;
}

.myNewOverlay .popUpBodycphijapan-2024 span {
    font-size: 14px;
    line-height: 16px;
    font-family: "DRLCircular-Bold";
    color: #5225b5;
    text-align: left;
}

.myNewOverlay .popUpBodycphijapan-2024 span strong {
    font-weight: bold !important;
    color: #000;
}

.myNewOverlay .popUpBodycphijapan-2024 a.barcelonaPopupBtn {
    font-family: "DRLCircular-Book";
    width: 149px;
    height: 30px;
    line-height: 33px;
    font-size: 14px;
    color: #fff;
    background-color: #5225b5;
    display: block;
    border-radius: 8px;
    text-align: center;
    text-decoration: none;
    margin: 0 auto;
}

.myNewOverlay .popUpBodycphijapan-2024 p {
    text-align: left !important;
}

.myNewOverlay .popUpBodycphijapan-2024 .popupBottomText p {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start;
    margin-bottom: 6px !important;
}

.myNewOverlay .popUpBodycphijapan-2024 .popupBottomText p img {
    margin-right: 8px;
}

.myNewOverlay .popUpBodycphijapan-2024 .popupBottomText p span {
    margin-bottom: 0px !important;
    font-size: 12px;
    line-height: 14px;
}

/* CPHI CHINA 2024 POPUP */

.myNewOverlay .popUpBodycphichina-2024 {
    width: 90%;
    height: 100% !important;
    margin: auto;
    max-width: 500px;
    max-height: 300px;
    aspect-ratio: auto;
    height: auto;
    background: url(../images/cphi-china-2024-popup-banner.png) no-repeat left top #fff !important;
    background-size: cover;
    position: relative;
    padding: 22px;
    box-sizing: border-box;
    box-shadow: 0 0 33px 5px rgb(255 255 255 / 50%);
    border: 1px solid #fff;
    text-align: center;
}


.myNewOverlay .popUpBodycphichina-2024 .popBody {
    margin-top: 0px !important;
    display: block;
    width: 100%;
}

.myNewOverlay .popUpBodycphichina-2024 p.logo-sec-pop {
    width: 100%;
    text-align: right !important;
    padding: 0px;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
}

.myNewOverlay .popUpBodycphichina-2024 p.popUpMiddleText {
    text-align: center !important;
    font-family: "DRLCircular-Black" !important;
    font-weight: bold;
    color: #5225b5;
    font-size: 24px;
    margin-top: 30px;
    margin-bottom: 5px;
}

.myNewOverlay .popUpBodycphichina-2024 p.popupLocationBadge {
    text-align: center !important;
    color: #000;
    font-weight: bold;
    margin-bottom: 6px;
}

.myNewOverlay .popUpBodycphichina-2024 .popupBottomText {
    display: flex;
    max-width: 80%;
    gap: 10px;
    justify-content: space-around;
}

.myNewOverlay .popUpBodycphichina-2024 .popupBottomText p span {
    color: #000 !important;
}

.myNewOverlay .popUpBodycphichina-2024 span {
    font-size: 14px;
    line-height: 16px;
    font-family: "DRLCircular-Bold";
    color: #5225b5;
    text-align: left;
}

.myNewOverlay .popUpBodycphichina-2024 span strong {
    font-weight: bold !important;
    color: #000;
}

.myNewOverlay .popUpBodycphichina-2024 a.barcelonaPopupBtn {
    font-family: "DRLCircular-Book";
    width: 250px;
    height: 30px;
    line-height: 33px;
    font-size: 14px;
    color: #fff;
    background-color: #5225b5;
    display: block;
    border-radius: 8px;
    text-align: center;
    text-decoration: none;
    margin: 0 auto;
    margin-top: 15px;
}

.myNewOverlay .popUpBodycphichina-2024 p {
    text-align: left !important;
}

.myNewOverlay .popUpBodycphichina-2024 .popupBottomText p {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start;
    margin-bottom: 6px !important;
}

.myNewOverlay .popUpBodycphichina-2024 .popupBottomText p img {
    margin-right: 8px;
}

.myNewOverlay .popUpBodycphichina-2024 .popupBottomText p span {
    margin-bottom: 0px !important;
    font-size: 12px;
    line-height: 14px;
}

.myNewOverlay .popUpBodymilan-2024 {
    width: 90%;
    height: 100% !important;
    margin: auto;
    max-width: 500px;
    max-height: 300px;
    aspect-ratio: auto;
    height: auto;
    background: url(../images/milan-popupbg.png) no-repeat left top #fff !important;
    background-size: cover;
    position: relative;
    padding: 22px;
    box-sizing: border-box;
    box-shadow: 0 0 33px 5px rgb(255 255 255 / 50%);
    border: 1px solid #fff;
    text-align: center;
}


.myNewOverlay .popUpBodymilan-2024 .popBody {
    margin-top: 0px !important;
    display: block;
    width: 100%;
}

.myNewOverlay .popUpBodymilan-2024 p.logo-sec-pop {
    width: 100%;
    text-align: right !important;
    padding: 0px;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
}

.myNewOverlay .popUpBodymilan-2024 p.popUpMiddleText {
    text-align: center !important;
    font-family: "DRLCircular-Black" !important;
    font-weight: bold;
    color: #5225b5;
    font-size: 24px;
    margin-top: 30px;
    margin-bottom: 5px;
}

.myNewOverlay .popUpBodymilan-2024 p.popupLocationBadge {
    text-align: center !important;
    color: #000;
    font-weight: bold;
    margin-bottom: 6px;
}

.myNewOverlay .popUpBodymilan-2024 .popupBottomText {
    display: flex;
    max-width: 80%;
    gap: 10px;
    justify-content: space-around;
}

.myNewOverlay .popUpBodymilan-2024 .popupBottomText p span {
    color: #000 !important;
}

.myNewOverlay .popUpBodymilan-2024 span {
    font-size: 14px;
    line-height: 16px;
    font-family: "DRLCircular-Bold";
    color: #5225b5;
    text-align: left;
}

.myNewOverlay .popUpBodymilan-2024 span strong {
    font-weight: bold !important;
    color: #000;
}

.myNewOverlay .popUpBodymilan-2024 a.barcelonaPopupBtn {
    font-family: "DRLCircular-Book";
    width: 200px;
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    color: #fff;
    background-color: #f37042;
    display: block;
    border-radius: 8px;
    text-align: center;
    text-decoration: none;
    margin: 0 auto;
    margin-top: 15px;
    font-weight: bold;
}

.myNewOverlay .popUpBodymilan-2024 p {
    text-align: left !important;
}

.myNewOverlay .popUpBodymilan-2024 .popupBottomText p {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start;
    margin-bottom: 6px !important;
}

.myNewOverlay .popUpBodymilan-2024 .popupBottomText p img {
    margin-right: 8px;
}

.myNewOverlay .popUpBodymilan-2024 .popupBottomText p span {
    margin-bottom: 0px !important;
    font-size: 12px;
    line-height: 14px;
}






p.popBottomInfo {
    font-size: 14px !important;
    margin-top: 0px !important;
    font-weight: bold !important;
    color: #000 !important;
}

.popupBottomText {
    display: block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.popupBottomText p {
    float: none !important;
    text-align: center !important;
}

.koreaOverlay {
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100vh;
    z-index: 999;
    display: block;
}

.koreaOverlay .popUpBodykorea {
    width: 90%;
    height: 100% !important;
    margin: 10% auto;
    max-width: 500px;
    max-height: 300px;
    aspect-ratio: auto;
    height: auto;
    background: #d7c3ff;
    position: relative;
    padding: 100px 22px;
    box-sizing: border-box;
    box-shadow: 0 0 33px 5px rgb(255 255 255 / 50%);
    border: 1px solid #d7c3ff;
}


.koreaOverlay .popUpBodykorea h2 {
    font-size: 28px;
    font-family: "DRLCircular-Black";
    color: #502e92 !important;
    margin: 0px;
    margin-bottom: 16px;
}

.koreaOverlay .popUpBodykorea p {
    font-family: "DRLCircular-Book";
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    float: left;
    padding-left: 0px;
    margin-bottom: 0px;
}

.koreaOverlay .popUpBodykorea p a {
    color: #502e92 !important;
}

.koreaOverlay .popUpBodykorea span {
    font-size: 22px;
    font-family: "DRLCircular-Bold";
    color: #000000;
    margin-bottom: 10px;
    display: block;

}

.myNewOverlay .popUpBodyTokyo {
    width: 90%;
    height: 100% !important;
    margin: auto;
    max-width: 500px;
    max-height: 300px;
    aspect-ratio: auto;
    height: auto;
    background: url(../images/tokyo-pop-up.jpg) no-repeat left top;
    background-size: cover;
    position: relative;
    padding: 22px;
    box-sizing: border-box;
    box-shadow: 0 0 33px 5px rgb(255 255 255 / 50%);
    border: 1px solid #fff;
    text-align: center;
}

.myNewOverlay .popUpBodyTokyo .tokyoPopupTop {
    width: 100%;
    margin-bottom: 16px;
    margin-top: 40px;
}

.myNewOverlay .popUpBodyTokyo .tokyoPopupTop p {
    font-size: 14px;
    font-family: "DRLCircular-Light";
    color: #000000;
    text-align: center;
    margin-bottom: 0px;
}

.myNewOverlay .popUpBodyTokyo .tokyoPopupTop p span {
    font-size: 18px;
    font-family: "DRLCircular-Bold";
    color: #502e92 !important;
}

.myNewOverlay .popUpBodyTokyo .tokyoPopupMiddle {
    width: 100%;
    margin-bottom: 16px;
}

.myNewOverlay .popUpBodyTokyo .tokyoPopupMiddle p {
    font-size: 18px;
    font-family: "DRLCircular-Bold";
    color: #000000;
    text-align: center;
    margin-bottom: 0px;
}

.myNewOverlay .popUpBodyTokyo .tokyoPopupMiddle p span {
    font-size: 18px;
    font-family: "DRLCircular-Bold";
    color: #502e92 !important;
}

.myNewOverlay .popUpBodyTokyo .tokyoPopupBottom {
    width: 100%;
    margin-bottom: 16px;
}

.myNewOverlay .popUpBodyTokyo .tokyoPopupBottom p {
    font-size: 15px;
    font-family: "DRLCircular-Bold";
    color: #000000;
    text-align: center;
    margin-bottom: 0px;
}

.myNewOverlay .popUpBodyTokyo .tokyoPopupBottom p span {
    font-size: 15px;
    font-family: "DRLCircular-Bold";
    color: #000000 !important;
}

a.tokyoPopupBtn {
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    height: 25px;
    border-radius: 13px;
    background-color: #00b9f2;
    color: #000;
    font-size: 13px;
    font-family: "DRLCircular-Light";
    color: #000000;
    text-align: center;
    line-height: 25px;
    min-width: 141px;
}

span.tokyodate {
    position: relative;
}

span.tokyodate::before {
    content: '';
    width: 12px;
    height: 13px;
    position: absolute;
    background: url(../images/tokyo-date.png) no-repeat;
    left: -19px;
    top: 1px;
}

span.tokyoplace {
    position: relative;
}

span.tokyoplace::before {
    content: '';
    position: absolute;
    width: 12px;
    height: 18px;
    background: url(../images/tokyo-place.png) no-repeat;
    left: -18px;
    top: -4px;
}

body.page-events-korea-science-day .dcatbannerFormHead {
    display: none;
}


.page-LP-cphi-worldwide .inner_breadcrumb {
    display: none !important;
}

.cphiWorldBanner {
    width: 100%;
    height: auto;
    background: url(../images/cphi-worldwide-banner.webp) no-repeat center top #fff;
    background-size: cover;
    padding-top: 77px;
    padding-bottom: 113px;
}

.cphiWorldBanner.maghrebBanner {
    width: 100%;
    height: auto;
    background: url(../images/maghreb-pharma-expo-banner.webp) no-repeat center top #fff;
    background-size: cover;
    padding-top: 77px;
    padding-bottom: 113px;
}

section.cphiWorldBanner.maghrebBanner.success p {
    color: #fff;
}

section.cphiWorldBanner.maghrebBanner.success h1 {
    color: #fff !important;
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 20px;
}

section.cphiWorldBanner.maghrebBanner.success .bannerBottomInfo.successInfo p {
    color: #000;
}


.cphiNoidaBanner {
    width: 100%;
    height: auto;
    background: url(../images/cphi--noida-banner.webp) no-repeat left top #fff;
    background-size: cover;
    padding-top: 77px;
    padding-bottom: 113px;
}

.cphiWorldBanner .dcatbannerCaption h1,
.cphiNoidaBanner .dcatbannerCaption h1 {
    font-size: 42px;
    font-family: "DRLCircular-Black";
    color: #fff;
    line-height: 52px;
    margin-bottom: 20px;
}

.cphiWorldBanner .dcatbannerCaption,
.cphiNoidaBanner .dcatbannerCaption {
    margin-left: 0px;
}

.cphiWorldBanner a.reserveBtn span::after,
.cphiWorldBanner button.reserveBtn span::after,
.cphiNoidaBanner a.reserveBtn span::after,
.cphiNoidaBanner button.reserveBtn span::after {
    display: none;
}

.cphiWorldBanner a.reserveBtn {
    width: auto !important;
    max-width: 200px;
    margin-top: 20px;
}

.cphiWorldBanner .dcatbannerForm {
    background-color: rgb(255, 255, 255, 0.5);
}

.cphiNoidaBanner .dcatbannerForm {
    background-color: rgb(255, 255, 255, 0.3);
}

.dcatNavbar {
    width: 100%;
}


.date,
.place {
    display: flex;
    max-width: 240px;
    color: #fff;
    margin-bottom: 10px;
}

.cphiWorldBanner .date,
.cphiWorldBanner .place,
.cphiNoidaBanner .date,
.cphiNoidaBanner .place {
    max-width: 450px;
}

.date img,
.place img {
    margin-right: 10px;
    width: 28px;
    height: 28px;
}


body.page-node-create_custom_page .js-form-item.form-item.js-form-type-textfield.form-item-field-first-name.js-form-item-field-first-name input {
    width: 100%;
    border: none;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-bottom: none;
    margin-bottom: 25px;
    padding: 5px 10px;
    border-radius: 0;
}

.cphiWorldBanner .dcatbannerCaption {
    margin-left: 0px;
}

button.reserveBtn {
    width: auto !important;
}

body.page-node-create_custom_page .js-form-item.form-item.js-form-type-email.form-item-field-work-email.js-form-item-field-work-email input {
    width: 100%;
    border: none;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-bottom: none;
    margin-bottom: 25px;
    padding: 5px 10px;
    border-radius: 0;
}

/* body.page-node-create_custom_page .js-form-item.form-item.js-form-type-email.form-item-field-work-email.js-form-item-field-work-email input::placeholder {
  color: #5f4ba0 !important;
  opacity: 1 !important;
  font-weight: 600 !important;
} */

body.page-node-create_custom_page .mobile-number-field label {
    display: none;
}

body.page-node-create_custom_page .mobile-number-field .country-select {
    border: none !important;
    background-color: #fff;
}

body.page-node-create_custom_page .mobile-number-field {
    display: flex;
    /* display: none; */
    align-items: flex-start;
}

body.page-node-create_custom_page .js-form-item.form-item.js-form-type-select.form-item-field-cc-0-country-code.js-form-item-field-cc-0-country-code.form-no-label {
    min-width: 75px;
    display: flex;
}

body.page-node-create_custom_page .mobile-number-field input {
    border: none;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-bottom: none;
    margin-bottom: 25px;
    padding: 5px 10px;
    border-radius: 0;
    float: right;
    width: 92.5%;
    background: #fff !important;
    margin-left: 15px;
}

body.page-node-create_custom_page .js-form-item.form-item.js-form-type-textfield.form-item-field-organization.js-form-item-field-organization input {
    width: 100%;
    border: none;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-bottom: none;
    margin-bottom: 25px;
    padding: 5px 10px;
    border-radius: 0;
}



body.page-node-create_custom_page .g-recaptcha div {
    /* width: 100% !important; */
    margin-top: 15px;
    margin-bottom: 15px;
}

body.page-node-create_custom_page .col-md-12.bannerCaption {
    display: none;
}

body.path-node.page-node-create_custom_page.page-research-and-development-capabilities .col-md-12.bannerCaption {
    display: block;
}

body.page-node-create_custom_page section.content-sec.inner-content-sec {
    padding-top: 0px;
}

body.page-node-create_custom_page .dcatbannerFormHead {
    width: 375px;
}

body.page-node-create_custom_page .dcatbannerForm {
    width: 375px;
    height: auto;
    /* background-color: #fff; */
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 50px 35px;
}

button.nav-link.meetUsBtn:focus {
    outline: none;
}

/* body.page-node-create_custom_page .dcatbannerForm {
background-color: transparent;
} */

.custom-form form {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.2);
    box-sizing: border-box;
    padding: 25px;
}

body.page-node-create_custom_page .dcatbannerForm {
    padding: 0px !important;
}

.japanBanner .custom-form form {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 30px;
}

body.page-events-cphi-japan-2023 .custom-form form,
body.page-events-cphi-china-2023 .custom-form form,
body.page-events-cphi-barcelona-2023 .custom-form form,
body.page-events-cphi-india-2023 .custom-form form {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 30px;
}

.sustainabilityOuter {
    width: 100%;
    height: auto;
    padding: 50px 0px;
    background-color: #5f4b9f;
    color: #fff;
}

.sustainabilityOuter .learMoreBtn.lessIcon {
    background-color: #fff;
    color: #5f4b9f;
    text-align: center;
    margin: 0px;
}

.sustainabilityOuter p,
.sustainabilityOuter h2 {
    color: #fff;
}

.myNewOverlay .popUpBodyLinkdin .popBody {
    width: 240px;
    height: auto;
    float: left;
    margin-top: 35px;
}

.myNewOverlay .popUpBodyLinkdin.barcelona .popBody {
    width: 100% !important;
    height: auto;
    float: none;
    text-align: center;
    margin-top: 35px;
}

a.linkdinPopupBtn {
    font-family: "DRLCircular-Book";
    width: 132px;
    height: 24px;
    font-size: 12px;
    color: #fff;
    background-color: #f0524c;
    display: block;
    line-height: 24px;
    text-align: center;
    margin-top: 15px;
}

a.barcelonaPopupBtn {
    font-family: "DRLCircular-Book";
    width: 90px;
    height: 30px;
    line-height: 33px;
    font-size: 14px;
    color: #fff;
    background-color: #5225b5;
    display: block;
    margin: 0 auto;
    border-radius: 8px;
    text-align: center;
    margin-top: 15px;
    text-decoration: none;
}

.myNewOverlay .popUpBodyLinkdin.barcelona .popupBottomText p:first-child {
    margin-bottom: 10px !important;
}

.myNewOverlay .popUpBodyLinkdin.barcelona .popupBottomText p:last-child {
    margin-top: 10px !important;
}

.popUpBodyLinkdin a.closePop {
    color: #fff;
}

.popUpBodyLinkdin.barcelona a.closePop {
    color: #000;
}

.popUpBodyLinkdin a.closePop:hover {
    color: #fff;
}

.popUpBodyLinkdin.barcelona a.closePop:hover {
    color: #000;
}

.get-price-modal .contact_no .js-form-type-select {
    margin-left: 30px;
    background: transparent;
    max-width: 90px;
    padding: 9px 0px 0 10px;
    border-radius: 7px 0 0 7px;
    height: 50px;
}

.get-price-modal .contact_no input.local-number {
    margin: 0;
    border-radius: 0 7px 7px 0;
    height: 50px;
}

.get-price-modal .contact_no .mobile-number-field .country-select {
    border: none !important;
}

.redButtenBox {
    background: #f0524c !important;
    color: #fff !important;
    border-radius: 30px !important;
}

.mobile-number-field .country-select {
    border: none !important;
    display: flex;
}

.get-price-modal .js-form-type-checkbox {
    width: 100%;
    margin-left: -8px !important;
    float: left;
}

.get-price-modal div[data-drupal-messages],
.get-price-modal div[data-drupal-messages] .messages__wrapper,
.get-price-modal div[data-drupal-messages] .messages__wrapper .messages,
.get-price-modal div[data-drupal-messages] .messages__wrapper .messages div[role="alert"] {
    float: left;
    position: relative !important;
    width: 100%;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
    background: none;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close::after {
    content: "X";
    display: block;
    width: 20px;
    height: 20px;
    color: #fff !important;
    margin: 0;
}

.closePop {
    position: absolute;
    right: 16px;
    top: 8px;
    color: #333;
}

@media (max-width: 1440px) {

    #homeBanner .item .mycon h2 .CPHLbannerText,
    #homeBanner .item .mycon div.h2 .CPHLbannerText {
        margin-top: -20px;
    }

    #homeBanner .item .mycon h2 .CPHLbannerText p.lineOne,
    #homeBanner .item .mycon div.h2 .CPHLbannerText p.lineOne {
        font-size: 35px !important;
        line-height: 38px !important;
        margin-bottom: 10px !important;
    }

    #homeBanner .item .mycon h2 .CPHLbannerText p.lineOne.fce,
    #homeBanner .item .mycon h2 .CPHLbannerText p.lineOne.linkdin,
    #homeBanner .item .mycon div.h2 .CPHLbannerText p.lineOne.fce,
    #homeBanner .item .mycon div.h2 .CPHLbannerText p.lineOne.linkdin {
        margin-bottom: 10px !important;
    }

    #homeBanner .item .mycon h2 .CPHLbannerText h2.LineTwo,
    #homeBanner .item .mycon div.h2 .CPHLbannerText h2.LineTwo {
        font-size: 70px !important;
        line-height: 70px !important;
        margin-top: 0px !important;
    }

    #homeBanner .item .mycon h2 .CPHLbannerText div.lineThree,
    #homeBanner .item .mycon div.h2 .CPHLbannerText div.lineThree {
        font-size: 24px !important;
        line-height: 28px !important;
        margin-bottom: 10px !important;
    }

    #homeBanner .item .mycon h2 .CPHLbannerText div.lineFoue,
    #homeBanner .item .mycon div.h2 .CPHLbannerText div.lineFoue {
        font-size: 20px !important;
        line-height: 22px !important;
    }

    #homeBanner .item .mycon h2 .CPHLbannerText div.lineFoue.fce,
    #homeBanner .item .mycon div.h2 .CPHLbannerText div.lineFoue.fce {
        font-size: 20px !important;
        line-height: 22px !important;
    }

    .DcatBannerTop.cphiJapan2024 span.dcat1 img {
        width: 160px !important;
    }

    .DcatBannerTop.cphiJapan2024 span.dcat2,
    .DcatBannerTop.cphiJapan2024 span.dcat3 {
        font-size: 30px !important;
        line-height: 34px !important;
    }

    .DcatBannerMid.cphiJapan2024 span.dcat4 {
        font-size: 15px !important;
        margin-top: 0px !important;
        margin-bottom: 5px !important;
    }
}

@media (max-width: 1400px) {

    #homeBanner .item .mycon h2 .CPHLbannerText,
    #homeBanner .item .mycon div.h2 .CPHLbannerText {
        margin-top: 00px;
    }

    #homeBanner .item .mycon a.knowMore {
        margin-top: 50px !important;
    }
}

@media (max-width: 880px) {

    #homeBanner .item .mycon h2 .CPHLbannerText p.lineOne,
    #homeBanner .item .mycon div.h2 .CPHLbannerText p.lineOne {
        font-size: 25px !important;
        line-height: 28px !important;
        margin-bottom: 5px !important;
    }

    #homeBanner .item .mycon h2 .CPHLbannerText p.lineOne.fce,
    #homeBanner .item .mycon h2 .CPHLbannerText p.lineOne.linkdin,
    #homeBanner .item .mycon h2 .CPHLbannerText p.lineOne.frankfrut,
    #homeBanner .item .mycon div.h2 .CPHLbannerText p.lineOne.fce,
    #homeBanner .item .mycon div.h2 .CPHLbannerText p.lineOne.linkdin,
    #homeBanner .item .mycon div.h2 .CPHLbannerText p.lineOne.frankfrut {
        font-size: 25px !important;
        line-height: 28px !important;
        margin-bottom: 5px !important;
    }

    #homeBanner .item .mycon h2 .CPHLbannerText h2.LineTwo,
    #homeBanner .item .mycon h2 .CPHLbannerText h2.LineTwo.frankfrut,
    #homeBanner .item .mycon div.h2 .CPHLbannerText h2.LineTwo,
    #homeBanner .item .mycon div.h2 .CPHLbannerText h2.LineTwo.frankfrut,
    #homeBanner .item .mycon h2 .CPHLbannerText h2.LineTwo.barcelona,
    #homeBanner .item .mycon div.h2 .CPHLbannerText h2.LineTwo.barcelona {
        font-size: 50px !important;
        line-height: 50px !important;
        margin-top: 0px !important;
    }

    #homeBanner .item .mycon h2 .CPHLbannerText div.lineThree,
    #homeBanner .item .mycon h2 .CPHLbannerText div.lineThree.frankfrut,
    #homeBanner .item .mycon div.h2 .CPHLbannerText div.lineThree,
    #homeBanner .item .mycon div.h2 .CPHLbannerText div.lineThree.frankfrut,
    #homeBanner .item .mycon h2 .CPHLbannerText div.lineThree.barcelona,
    #homeBanner .item .mycon div.h2 .CPHLbannerText div.lineThree.barcelona {
        font-size: 18px !important;
        line-height: 20px !important;
        margin-bottom: 5px !important;
    }

    #homeBanner .item .mycon h2 .CPHLbannerText div.lineFoue,
    #homeBanner .item .mycon h2 .CPHLbannerText div.lineFour.frankfrut,
    #homeBanner .item .mycon div.h2 .CPHLbannerText div.lineFoue,
    #homeBanner .item .mycon div.h2 .CPHLbannerText div.lineFour.frankfrut,
    #homeBanner .item .mycon h2 .CPHLbannerText div.lineFour.barcelona,
    #homeBanner .item .mycon div.h2 .CPHLbannerText div.lineFour.barcelona {
        font-size: 16px !important;
        line-height: 18px !important;
    }

    #homeBanner .item .mycon h2 .CPHLbannerText div.lineFoue.fce,
    #homeBanner .item .mycon div.h2 .CPHLbannerText div.lineFoue.fce {
        font-size: 16px !important;
        line-height: 18px !important;
    }
}


@media (max-width: 768px) {

    #homeBanner .item .mycon h2 .CPHLbannerText h2.LineTwo,
    #homeBanner .item .mycon h2 .CPHLbannerText h2.LineTwo.frankfrut,
    #homeBanner .item .mycon div.h2 .CPHLbannerText h2.LineTwo,
    #homeBanner .item .mycon div.h2 .CPHLbannerText h2.LineTwo.frankfrut {
        font-size: 36px !important;
        line-height: 36px !important;
        margin-top: 0px !important;
    }

    #homeBanner .item .mycon h2 .CPHLbannerText div.lineFoue.linkdin,
    #homeBanner .item .mycon div.h2 .CPHLbannerText div.lineFoue.linkdin {
        line-height: 20px !important;
    }
}

@media (max-width: 650px) {
    #homeBanner .item .mycon a.knowMore {
        margin-top: 36px !important;
    }

    #homeBanner .item .mycon h2 .CPHLbannerText p.lineOne,
    #homeBanner .item .mycon div.h2 .CPHLbannerText p.lineOne {
        font-size: 18px !important;
        line-height: 20px !important;
        margin-bottom: 5px !important;
    }

    #homeBanner .item .mycon h2 .CPHLbannerText p.lineOne.fce,
    #homeBanner .item .mycon h2 .CPHLbannerText p.lineOne.linkdin,
    #homeBanner .item .mycon h2 .CPHLbannerText p.lineOne.frankfrut,
    #homeBanner .item .mycon div.h2 .CPHLbannerText p.lineOne.fce,
    #homeBanner .item .mycon div.h2 .CPHLbannerText p.lineOne.linkdin,
    #homeBanner .item .mycon div.h2 .CPHLbannerText p.lineOne.frankfrut,
    #homeBanner .item .mycon h2 .CPHLbannerText p.lineOne.barcelona,
    #homeBanner .item .mycon div.h2 .CPHLbannerText p.lineOne.barcelona {
        font-size: 14px !important;
        line-height: 16px !important;
        margin-bottom: 5px !important;
    }

    #homeBanner .item .mycon h2 .CPHLbannerText h2.LineTwo,
    #homeBanner .item .mycon h2 .CPHLbannerText h2.LineTwo.linkdin,
    #homeBanner .item .mycon h2 .CPHLbannerText h2.LineTwo.frankfrut,
    #homeBanner .item .mycon div.h2 .CPHLbannerText h2.LineTwo,
    #homeBanner .item .mycon div.h2 .CPHLbannerText h2.LineTwo.linkdin,
    #homeBanner .item .mycon div.h2 .CPHLbannerText h2.LineTwo.frankfrut,
    #homeBanner .item .mycon h2 .CPHLbannerText h2.LineTwo.barcelona,
    #homeBanner .item .mycon div.h2 .CPHLbannerText h2.LineTwo.barcelona {
        font-size: 28px !important;
        line-height: 30px !important;
        margin-top: 0px !important;
        letter-spacing: -1px !important;
        margin-bottom: 10px !important;
    }

    #homeBanner .item .mycon h2 .CPHLbannerText div.lineThree,
    #homeBanner .item .mycon h2 .CPHLbannerText div.lineThree.frankfrut,
    #homeBanner .item .mycon div.h2 .CPHLbannerText div.lineThree,
    #homeBanner .item .mycon div.h2 .CPHLbannerText div.lineThree.frankfrut,
    #homeBanner .item .mycon h2 .CPHLbannerText div.lineThree.barcelona,
    #homeBanner .item .mycon div.h2 .CPHLbannerText div.lineThree.barcelona {
        font-size: 16px !important;
        line-height: 18px !important;
        margin-bottom: 5px !important;
    }

    #homeBanner .item .mycon h2 .CPHLbannerText div.lineFoue,
    #homeBanner .item .mycon div.h2 .CPHLbannerText div.lineFoue {
        font-size: 15px !important;
        line-height: 17px !important;
    }

    #homeBanner .item .mycon h2 .CPHLbannerText div.lineFoue.fce,
    #homeBanner .item .mycon h2 .CPHLbannerText div.lineFoue.linkdin,
    #homeBanner .item .mycon h2 .CPHLbannerText div.lineFour.frankfrut,
    #homeBanner .item .mycon div.h2 .CPHLbannerText div.lineFoue.fce,
    #homeBanner .item .mycon div.h2 .CPHLbannerText div.lineFoue.linkdin,
    #homeBanner .item .mycon div.h2 .CPHLbannerText div.lineFour.frankfrut,
    #homeBanner .item .mycon h2 .CPHLbannerText div.lineFour.barcelona,
    #homeBanner .item .mycon div.h2 .CPHLbannerText div.lineFour.barcelona {
        font-size: 13px !important;
        line-height: 15px !important;
    }
}

@media (max-width: 480px) {

    #homeBanner .item .mycon h2 .CPHLbannerText p.lineOne,
    #homeBanner .item .mycon h2 .CPHLbannerText p.lineOne.fce,
    #homeBanner .item .mycon h2 .CPHLbannerText p.lineOne.linkdin,
    #homeBanner .item .mycon h2 .CPHLbannerText p.lineOne.frankfrut,
    #homeBanner .item .mycon h2 .CPHLbannerText p.lineOne.barcelona,
    #homeBanner .item .mycon h2 .CPHLbannerText h2.LineTwo.frankfrut,
    #homeBanner .item .mycon h2 .CPHLbannerText h2.LineTwo,
    #homeBanner .item .mycon h2 .CPHLbannerText h2.LineTwo.barcelona,
    #homeBanner .item .mycon h2 .CPHLbannerText div.lineThree,
    #homeBanner .item .mycon h2 .CPHLbannerText div.lineThree.frankfrut,
    #homeBanner .item .mycon h2 .CPHLbannerText div.lineThree.barcelona,
    #homeBanner .item .mycon h2 .CPHLbannerText div.lineFour.frankfrut,
    #homeBanner .item .mycon h2 .CPHLbannerText div.lineFoue,
    #homeBanner .item .mycon h2 .CPHLbannerText div.lineFoue.fce,
    #homeBanner .item .mycon h2 .CPHLbannerText div.lineFoue.linkdin,
    #homeBanner .item .mycon h2 .CPHLbannerText div.lineFoue.barcelona,

    #homeBanner .item .mycon div.h2 .CPHLbannerText p.lineOne,
    #homeBanner .item .mycon div.h2 .CPHLbannerText p.lineOne.fce,
    #homeBanner .item .mycon div.h2 .CPHLbannerText p.lineOne.linkdin,
    #homeBanner .item .mycon div.h2 .CPHLbannerText p.lineOne.frankfrut,
    #homeBanner .item .mycon div.h2 .CPHLbannerText p.lineOne.barcelona,
    #homeBanner .item .mycon div.h2 .CPHLbannerText h2.LineTwo.frankfrut,
    #homeBanner .item .mycon div.h2 .CPHLbannerText h2.LineTwo,
    #homeBanner .item .mycon div.h2 .CPHLbannerText h2.LineTwo.barcelona,
    #homeBanner .item .mycon div.h2 .CPHLbannerText div.lineThree,
    #homeBanner .item .mycon div.h2 .CPHLbannerText div.lineThree.frankfrut,
    #homeBanner .item .mycon div.h2 .CPHLbannerText div.lineThree.barcelona,
    #homeBanner .item .mycon div.h2 .CPHLbannerText div.lineFour.frankfrut,
    #homeBanner .item .mycon div.h2 .CPHLbannerText div.lineFoue,
    #homeBanner .item .mycon div.h2 .CPHLbannerText div.lineFoue.fce,
    #homeBanner .item .mycon div.h2 .CPHLbannerText div.lineFoue.linkdin,
    #homeBanner .item .mycon div.h2 .CPHLbannerText div.lineFoue.barcelona,
    .lineFour.frankfrut {
        color: #000 !important;
    }

    .lineFour.frankfrut {
        display: block;
    }

    .lineFour.frankfrut img {
        display: none;
    }

    #homeBanner .item .mycon h2 .CPHLbannerText div.lineThree.barcelona img {
        max-width: 119px;
        height: auto;
        margin: 10px 0px;
        max-height: 32px !important;
        height: 32px !important;
    }

    #homeBanner .item .mycon h2 .CPHLbannerText div.lineFour.barcelona img {
        max-width: 16px !important;
        max-height: 16px !important;
        height: 16px !important;
        filter: grayscale(100%) !important;
    }

    #homeBanner .item .mycon h2 .CPHLbannerText h2.LineTwo.barcelona {
        font-size: 22px !important;
        line-height: 22px !important;
        margin-bottom: 0px !important;
    }

    #homeBanner .item .mycon h2 .CPHLbannerText div.lineFour.barcelona {
        color: #fff !important;
    }

    #homeBanner .item .mycon h2 .CPHLbannerText div.lineFour.barcelona:last-child {
        margin-bottom: 0px !important;
    }

    .myNewOverlay .popUpBodyLinkdin.barcelona span {
        font-size: 18px;
    }

    .myNewOverlay .popUpBodyLinkdin.barcelona .popBody {
        margin-top: 15px;
    }

    .lineFour.barcelona:last-child {
        margin-bottom: 0px !important;
    }

    .barcelonaBanner {
        background-size: auto !important;
    }

    body.page-events-cphi-barcelona-2023 .calendly-badge-widget {
        z-index: 8;
    }

    .barcelonaBanner .date {
        margin: 0;
        margin-bottom: 10px;
    }

    .barcelonaBanner .place {
        margin: 0;
        margin-bottom: 10px;
    }

    body.page-events-cphi-barcelona-2023 .dcataboutBox {
        margin-top: 30px;
    }

    body.page-node-create_custom_page .dcatNavbar .navbar-nav button.nav-link.meetUsBtn {
        color: #fff !important;
    }

    #homeBanner .item .mycon h2 span,
    #homeBanner .item .mycon div.h2 span {
        font-size: 16px;
    }

    #homeBanner .item .mycon h2 .CPHLbannerText p.lineOne.barcelona {
        margin: 0px 0 10px 0 !important;
    }

    #homeBanner .item .mycon div.h2 .CPHLbannerText p.lineOne.barcelona {
        margin: 0px 0 10px 0 !important;
    }

    #homeBanner .item .mycon div.h2 .CPHLbannerText div.lineThree.barcelona img {
        max-width: 119px;
        height: auto;
        margin: 10px 0px;
        max-height: 32px !important;
        height: 32px !important;
    }

    #homeBanner .item .mycon div.h2 .CPHLbannerText div.lineFour.barcelona img {
        max-width: 16px !important;
        max-height: 16px !important;
        height: 16px !important;
        filter: grayscale(100%) !important;
    }

    #homeBanner .item .mycon div.h2 .CPHLbannerText h2.LineTwo.barcelona {
        font-size: 22px !important;
        line-height: 22px !important;
        margin-bottom: 0px !important;
    }

    #homeBanner .item .mycon div.h2 .CPHLbannerText div.lineFour.barcelona {
        color: #fff !important;
    }

    #homeBanner .item .mycon div.h2 .CPHLbannerText div.lineFour.barcelona:last-child {
        margin-bottom: 0px !important;
    }

    .myNewOverlay .popUpBodyLinkdin.barcelona span {
        font-size: 18px;
    }

    .myNewOverlay .popUpBodyLinkdin.barcelona .popBody {
        margin-top: 15px;
    }

    .lineFour.barcelona:last-child {
        margin-bottom: 0px !important;
    }

    .barcelonaBanner {
        background-size: auto !important;
    }


    .barcelonaBanner .date {
        margin: 0;
        margin-bottom: 10px;
    }

    .barcelonaBanner .place {
        margin: 0;
        margin-bottom: 10px;
    }



}

.bannerSec .container-fluid {
    opacity: 0;
    transition: all 0.5s;
}

.HomePageBannerOverlay {
    width: 100%;
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    background: #fff url(../images/loader.gif) no-repeat center center;
}

/*generic-formulation table expand css for mobile*/

#gTable tr.dtHeader {
    display: none;
}

li.disNoen,
.disNoen {
    display: none !important;
}

#views-exposed-form-product-page-page-13 details .checkboxes-filter-element .form-checkboxes ul {
    margin-top: 70px;
}

#views-exposed-form-product-page-page-13 details .checkboxes-filter-element .form-checkboxes ul li input {
    margin-right: 8px !important;
    width: 20px !important;
    height: 20px !important;
}

#views-exposed-form-product-page-page-13 details .checkboxes-filter-element .form-checkboxes ul li div {
    width: 100%;
}

#views-exposed-form-product-page-page-13 details .checkboxes-filter-element .form-checkboxes ul li label {
    width: calc(100% - 30px);
    max-width: 100%;
}

#views-exposed-form-product-page-page-13 details.open .bef-nested {
    max-height: 400px !important;
}

#views-exposed-form-product-page-page-13 details .checkboxes-filter-element input.form-text {
    position: absolute;
    z-index: 100;
    left: calc(5% + 28px);
    margin-top: 30px;
    width: calc(90% - 56px);
    height: 40px;
    border: 1px solid rgb(95 75 160 / 30%);
    box-sizing: border-box;
    padding: 0 40px 0 10px;
    background: url(/reddy_api/themes/custom/reddy/images/search.png) no-repeat calc(100% - 9px) center;
    background-size: 26px;
    outline: none !important;
}

@media (max-width: 480px) {
    .tableResponsive {
        overflow: scroll;
        max-height: 100%;
    }

    body.path-generic-formulation table tr {
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
    }

    #gTable tr.dtHeader td::before {
        display: none !important;
    }

    #gTable tr.dtHeader td::after {
        content: "";
        width: 20px;
        height: 20px;
        display: block;
        background: url(../images/hover-down-arrow.png) no-repeat center center;
        background-size: 80%;
        position: relative;
        margin-top: -25px;
        margin-left: calc(100% - 20px);
        cursor: pointer;
        transition: all 0.5s;
    }

    #gTable tr.dtHeader {
        display: block;
    }

    #gTable tr.dtHeader td {
        text-align: left !important;
        font-size: 19px !important;
        color: #5f4ba0 !important;
        font-weight: bold;
        line-height: 35px;
    }

    #gTable tr.dtHeader+tr {
        height: 0;
        overflow: hidden;
        padding-bottom: 10px;
        transition: all 0.5s;
    }

    #gTable tr.openTD+tr {
        margin-bottom: 0px !important;
        height: auto !important;
        height: auto !important;
        max-height: 250px !important;
    }

    #gTable tr.openTD td::after {
        transform: rotate(180deg) !important;
    }
}

/*generic-formulation table expand css for mobile*/

#gTable tr.dtHeader {
    display: none;
}

li.disNoen {
    display: none !important;
}

#views-exposed-form-product-page-page-13 details .checkboxes-filter-element .form-checkboxes ul {
    margin-top: 70px;
}

#views-exposed-form-product-page-page-13 details .checkboxes-filter-element .form-checkboxes ul li input {
    margin-right: 8px !important;
    width: 20px !important;
    height: 20px !important;
}

#views-exposed-form-product-page-page-13 details .checkboxes-filter-element .form-checkboxes ul li div {
    width: 100%;
}

#views-exposed-form-product-page-page-13 details .checkboxes-filter-element .form-checkboxes ul li label {
    width: calc(100% - 30px);
    max-width: 100%;
    word-break: break-word;
}

#views-exposed-form-product-page-page-13 details.open .bef-nested {
    max-height: 5000px !important;
}

#views-exposed-form-product-page-page-13 details .checkboxes-filter-element input.form-text {
    position: absolute;
    z-index: 100;
    left: 25px;
    margin-top: 30px;
    width: calc(100% - 50px);
    height: 40px;
    border: 1px solid rgb(95 75 160 / 50%);
    box-sizing: border-box;
    padding: 0 40px 0 10px;
    background: url(../images/search.png) no-repeat calc(100% - 9px) center;
    background-size: 26px;
    outline: none !important;
}

@media (max-width: 480px) {
    .tableResponsive {
        overflow: scroll;
        max-height: 100%;
    }

    body.path-generic-formulation table tr {
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
    }

    #gTable tr.dtHeader td::before {
        display: none !important;
    }

    #gTable tr.dtHeader td::after {
        content: "";
        width: 20px;
        height: 20px;
        display: block;
        background: url(../images/hover-down-arrow.png) no-repeat center center;
        background-size: 80%;
        position: relative;
        margin-top: -25px;
        margin-left: calc(100% - 20px);
        cursor: pointer;
        transition: all 0.5s;
    }

    #gTable tr.dtHeader {
        display: block;
    }

    #gTable tr.dtHeader td {
        text-align: left !important;
        font-size: 19px !important;
        color: #5f4ba0 !important;
        font-weight: bold;
        line-height: 35px;
        border-bottom: 1px solid #ddd2ff !important;
    }

    #gTable tr.dtHeader+tr {
        height: 0;
        overflow: hidden;
        padding-bottom: 10px;
        transition: all 0.5s;
    }

    #gTable tr.openTD td::after {
        transform: rotate(180deg) !important;
    }
}

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

#views-exposed-form-product-page-page-13,
#views-exposed-form-generic-formulation-page-14 {
    background: #a994ec !important;
    padding: 15px 0;
}

.bef-exposed-form details {
    background: #fff !important;
    border: none !important;
    height: auto !important;
}

#views-exposed-form-product-page-page-13 .bef-nested,
#views-exposed-form-generic-formulation-page-14 .bef-nested {
    border-radius: 0 !important;
    border: 2px solid #a994ec !important;
    margin-top: 10px;
}

.arrowDiv {
    position: relative;
    width: 20px;
    height: 20px;
    background: #fff;
    z-index: 100;
    transform: rotate(45deg);
    margin-left: calc(50% - 15px);
    margin-top: 6px;
    margin-bottom: -25px;
}

.mainContent nav ol li {
    margin-left: 0px !important;
}

.qContact a,
.qContact2 a {
    z-index: 100;
}

.searchalpha2 {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 5px;
    gap: 8px 0;
}

.searchalpha2 span {
    color: #fff;
    padding: 2px 5px 0 5px;
    border-right: 1px solid #fff;
    line-height: 13px;
    vertical-align: middle;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    position: relative;
}

.searchalpha2 span:last-child {
    border: none;
}

.searchalpha1 {
    display: none !important;
}

#views-exposed-form-product-page-page-13+.views-infinite-scroll-content-wrapper .innerPageSection {
    padding: 15px 0 !important;
}

#views-exposed-form-product-page-page-13+.views-infinite-scroll-content-wrapper .innerPageSection .container {
    padding: 2 !important;
}

#views-exposed-form-product-page-page-13+.views-infinite-scroll-content-wrapper .innerPageSection+.innerPageSection {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.bef-nested ul li div label {
    width: calc(100% - 50px);
    min-width: calc(100% - 50px);
    max-width: calc(100% - 50px);
}

.desktop {
    display: block;
}

.desktopviw {
    display: block;
}

.mobile {
    display: none;
}

@media (max-width: 1320px) {
    #views-exposed-form-product-page-page-13+.views-infinite-scroll-content-wrapper .innerPageSection .container {
        width: 100%;
        padding: 2px !important;
    }
}

@media (max-width: 995px) {
    .newSearch {
        top: 65px;
    }

    #views-exposed-form-product-page-page-13 {
        background: #a994ec !important;
        padding-bottom: 15px;
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center;
        padding-top: 15px;
    }

    #views-exposed-form-product-page-page-13 .js-form-item-combine {
        min-width: 100%;
    }

    #views-exposed-form-product-page-page-13 {
        margin: 0 !important;
    }
}

.templateFullWidthImageWithBorderBottom {
    float: left;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 25px 0 56px 0;
    border-bottom: 1px solid #dcdcdc;
}

.templateFullWidthImageWithBorderBottom img {
    margin: auto;
    max-width: 100%;
}

.twoColumn ul {
    columns: 2;
}

.page-gastrointestinal-api .trendingTopics .col-md-4 {
    margin-bottom: 20px !important;
}

.page-gastrointestinal-api .views-view-grid .clearfix .views-col {
    min-height: 0 !important;
}

.ssResInner img {
    max-width: 100%;
    margin: auto;
    width: 100%;
}

.page-gastrointestinal-api .ssResInner .innerContent ul {
    margin-left: 15px !important;
    padding-right: 15px;
}

.page-gastrointestinal-api .ssResInner .innerContent ul li {
    background: url(../images/circleBulate.png) no-repeat left 5px;
    padding-left: 32px;
    margin-bottom: 17px;
}

.innerContent.twoColumn ul li {
    background: url(../images/circleBulate.png) no-repeat left 5px;
    padding-left: 32px;
    margin-bottom: 10px;
}

.page-gastrointestinal-api .contactImage img {
    width: 180px;
    height: 180px;
    object-fit: cover;
}

.innerPageBannerBlock {
    margin: 0 !important;
}

body.page-gastrointestinal-api .innerPageBannerBlock {
    margin: 0 !important;
    /* margin-top: 111px !important; */
    margin-top: 67px !important;
}

.innerPageBannerBlock img {
    width: 100vw !important;
    height: 290px !important;
}

.page-gastrointestinal-api .innerPageBanner .bannerCaption h1 {
    position: absolute !important;
}

.innerPageBannerBlock.innerPageBanner {
    margin-top: 67px !important;
}

.mainContent .inner_breadcrumb {
    margin-top: 20px;
}

.disclemarText {
    float: right;
    text-align: right;
    font-size: 16px !important;
    font-style: italic !important;
    color: #5f4ba0 !important;
    font-weight: bold !important;
}

.bannerCaption.container h1 {
    position: absolute;
}

div.trendingTopics .views-view-grid .clearfix .views-col {
    min-height: 50px !important;
    box-shadow: none;
}

.contactImage img {
    border-radius: 50%;
    width: 180px;
    height: 180px;
}

.templateFullWidthImageWithBorderBottom .col-md-6:first-child {
    border-right: 1px solid #DCDCDC;
    padding-right: 50px;
}

.templateFullWidthImageWithBorderBottom .col-md-6:last-child {
    padding-left: 50px;
}

.templateFullWidthImageWithBorderBottom .col-md-6 img {
    margin-bottom: 20px;
}

.templateFullWidthImageWithBorderBottom.RightNoBord .col-md-6:first-child {
    border-right: none;
}

.templateFullWidthImageWithBorderBottom .col-md-3:first-child {
    padding-left: 0px;
}

.templateFullWidthImageWithBorderBottom .col-md-3 {
    border-right: 1px solid #DCDCDC;
    padding-right: 25px;
    padding-left: 25px;
    text-align: center;
}

.templateFullWidthImageWithBorderBottom .col-md-3:last-child {
    border: none;
}



.trendingTopics .anti-diabetic-column.views-col {
    margin-bottom: 0px !important;
}

.trendingTopics .views-view-grid .views-row {
    margin-bottom: 30px;
}

.dcatLandingbannerForm .mobile-number-field .country-select {
    display: flex;
}

.dcatLandingbannerForm .mobile-number-field .country-select .prefix {
    color: #fff;
}

form#webform-submission-hpapis-add-form #edit-actions--2 {
    display: block;
}

form#webform-submission-hpapis-add-form input#edit-actions-submit {
    margin-left: 30px;
    margin-top: 10px;
}

body.path-webform.page-form-hpapis-confirmation .innerPageBanner h1 {
    margin-top: 100px;
}


@media (max-width: 992px) {
    .twoColumn ul {
        columns: 1;
    }
}

@media (max-width: 767px) {
    .disclemarText {
        font-size: 12px !important;
    }

    .desktop {
        display: none;
    }

    .desktopviw {
        display: none;
    }

    .mobile {
        display: block;
    }

    .ssImageSec {
        margin-right: 0 !important;
    }

    .trendingTopics header .antiHeaderHeading {
        margin: 20px 0 15px 0;
        padding: 0;
        line-height: 45px;
    }

    .templateFullWidthImageWithBorderBottom .col-md-6:last-child {
        padding-left: 0px;
    }

    .templateFullWidthImageWithBorderBottom .col-md-3 {
        border-right: none;
        padding-right: 0px;
        border-bottom: 1px solid #DCDCDC;
        margin-bottom: 30px;
        padding-left: 0px;
    }


    .templateFullWidthImageWithBorderBottom .col-md-6:first-child {
        border-right: none;
        padding-right: 0px;
        border-bottom: 1px solid #DCDCDC;
        margin-bottom: 30px;
    }




}

@media (max-width: 642px) {
    .newSearch {
        top: 88px;
    }
}

@media screen and (max-width: 550px) {
    .newSearch {
        right: calc(10% - 25px);
    }

    .innerPageBannerBlock {
        margin-top: 100px !important;
    }

    .page-gastrointestinal-api .innerPageBanner .bannerCaption h1 {
        margin-top: 180px !important;
    }

    .innerPageBanner h1 {
        margin-top: 116px;
        font-size: 30px;
    }
}

@media (max-width: 480px) {
    .newSearch {
        right: calc(10% - 6px);
        top: 91px;
    }

    .page-gastrointestinal-api .trendingTopics {
        padding: 0 20px !important;
    }

    .page-gastrointestinal-api section.content-sec.inner-content-sec {
        padding: 0 !important;
    }

    .mainContent {
        padding: 20px !important;
    }

    .trendingTopics header .antiHeaderHeading {
        margin: 20px 0 15px 0;
        padding: 0;
        line-height: 24px;
        font-size: 24px;
    }

    body.page-node-create_custom_page section.content-sec.inner-content-sec {
        padding: 0px !important;
    }

    .templateFullWidthImageWithBorderBottom .col-md-6:last-child {
        padding-left: 10px;
    }

    body.page-node-create_custom_page .views-view-grid.horizontal.cols-3.clearfix {
        padding: 0 20px;
    }

}

#webinarcarousal .item a img {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
}

#gTable {
    margin-top: 10px !important;
}

#fullSlider .imagCont picture {
    height: 100%;
}

#fullSlider .imagCont picture img {
    display: block;
    width: 100%;
    object-fit: contain;
}

.searchalpha2 span.active::after {
    content: "";
    background: #5f4ba0;
    line-height: 23px;
    width: 24px;
    border-radius: 50%;
    height: 24px;
    position: absolute;
    display: block;
    margin: -21px 0 0 -7px;
    z-index: -1;
}

.searchalpha2 span.active {
    z-index: 99;
    position: relative;
    padding: 0 10px 0 5px;
    margin: 3px 1px 0 6px;
}

.therapeuticProduct {
    text-align: center;
    font-family: DRL Circular;
    font-style: normal;
    font-weight: 450;
    font-size: 45px;
    line-height: 62px;
    color: #502e92;
    margin-bottom: 30px;
}

@media (max-width: 767px) {
    .therapeuticProduct {
        margin-top: 20px;
    }
}

@media (max-width: 480px) {
    .therapeuticProduct {
        font-size: 30px !important;
        line-height: 34px !important;
        margin-bottom: 10px;
    }
}

@media (max-width: 1199px) {
    body.page-node-create_custom_page .navbar-brand img {
        width: 80%;
        max-width: 200px;
        height: auto;
    }

    body.page-node-create_custom_page .dcatNavbar .navbar-nav .nav-link {
        font-size: 15px;
    }



}

@media (max-width: 991px) {

    .lineFour.frankfrut img {
        display: none !important;
    }

    .sustainabilityOuter .col-md-4 {
        display: flex;
    }

    .sustainabilityOuter p {
        box-sizing: border-box;
        padding: 0 15px;
    }

    .sustainabilityOuter img {
        max-width: 100%;
        margin: 15px auto;
    }

    body.page-node-create_custom_page .header_search_append {
        display: none;
    }

    .dcatNavbar .navbar-nav .nav-link {
        font-size: 19px;
        color: #000;
        position: relative;
        padding: 16px 25px 16px 54px;
    }

    body.page-node-create_custom_page .dcatNavbar .navbar-toggler {
        width: 40px;
        height: 40px;
        background: url(../images/mob-hamburger.svg) no-repeat right top 20px !important;
    }

    body.page-node-create_custom_page .dcatNavbar .navbar-toggler:hover {
        width: 40px;
        height: 40px;
        background: url(../images/mob-hamburger.svg) no-repeat right top 20px !important;
    }

    body.page-events-cphi-india-2024 .dcatNavbar .navbar-toggler {
        width: 40px;
        height: 40px;
        background: url(../images/mob-hamburger.svg) no-repeat right top 0px !important;
    }

    body.page-events-cphi-india-2024 .dcatNavbar .navbar-toggler:hover {
        width: 40px;
        height: 40px;
        background: url(../images/mob-hamburger.svg) no-repeat right top 0px !important;
    }



    .productContentInnerSection {
        flex-direction: column;
    }

    .productRightSection {
        width: 100%;
    }

}

@media (max-width: 767px) {
    .product-disclaimer-desk {
        display: none;
    }

    .product-disclaimer-mob {
        display: block;
    }

    .custom-form form {
        position: relative !important;
        background-color: #e6e6e6 !important;
        box-sizing: border-box;
        padding: 25px !important;
        left: inherit !important;
        top: inherit !important;
        margin-top: -113px !important;
        margin-left: 24px !important;
    }

    body.page-node-create_custom_page .dcatbannerFormHead {
        width: 100%;
    }

    body.page-node-create_custom_page .dcatbannerForm {
        width: 100%;
    }

    body.page-node-create_custom_page .navbar-brand img {
        width: 150px;
        height: auto;
        margin-top: 9px;
    }

}



@media (max-width: 650px) {

    body.page-node-create_custom_page .country-select {
        margin-top: 0px !important;
    }
}



@media (max-width: 480px) {

    .cphiMilanLandingPage .item.achivementBox {
        width: 100% !important;
    }

    .cphiWorldBanner .dcatbannerCaption {
        box-sizing: border-box;
        padding: 0 25px !important;
    }

    .dcatTeamTopSec h2 {
        padding: 0 20px;
    }

    .dcataboutBox h2 {
        padding: 0 20px;
    }

    .dcatsustainabilityBox img {
        width: auto;
        max-width: 100%;
    }


    .cphiNoidaBanner .dcatbannerCaption {
        box-sizing: border-box;
        padding: 0 25px !important;
    }

    /* .custom-form form {
    margin-left: 0 !important;
  } */

    body.page-node-create_custom_page .navbar {
        /* padding: 0 24px; */
    }

    .sustainabilityOuter img {
        margin-top: 15px;
    }

    .sustainabilityOuter .learMoreBtn.lessIcon {
        margin: 0px auto;
    }

    body.page-node-create_custom_page .achivementWrapper .owl-carousel .owl-nav button.owl-prev {
        left: -23px;
    }

    body.page-node-create_custom_page .achivementWrapper .owl-carousel .owl-nav button.owl-next {
        right: -23px;
    }

}

.mobile-number-field .country-select .prefix,
.form-select,
body.page-node-create_custom_page .js-form-item.form-item.js-form-type-email.form-item-field-work-email.js-form-item-field-work-email input {
    font-size: .875em;
    font-weight: bold;
    color: #5f4ba0;
}

body.page-node-create_custom_page .mobile-number-field .country-select {
    float: left;
    width: 100%;
}

body.page-node-create_custom_page .js-form-item.form-item.js-form-type-select.form-item-field-cc-0-country-code.js-form-item-field-cc-0-country-code.form-no-label {
    min-width: 85px;
    display: flex;
    align-items: center;
}

.js-form-item.form-item.js-form-type-select.form-item-field-product.js-form-item-field-product label {
    display: none;
}
.js-form-item.form-item.js-form-type-checkbox.form-item-terms-checkbox.js-form-item-terms-checkbox {
    display: flex;
}
.js-form-item.form-item.js-form-type-checkbox.form-item-terms-checkbox.js-form-item-terms-checkbox label{
    display: block;
}

.mobile-number-field .mobile-number-flag {
    margin: 10px 5px;
}


body.page-tech-transfer input.dcatBookedBtn,
body.page-licensing-opportunities input.dcatBookedBtn {
    display: flex !important
;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    height: 50px !important;
    background: #502e92 !important;
    border-radius: 61px !important;
    color: #fff !important;
    font-weight: bold !important;
    font-size: 18px !important;
    margin-top: 0px !important;
    text-shadow: none !important;
}

body.page-tech-transfer .g-recaptcha,
body.page-licensing-opportunities .g-recaptcha {
        transform: scale(0.77);
        -webkit-transform: scale(0.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
        margin-bottom: 0px;
        margin-top: 60px;
    }




#therapeuticOwl .owl-item {
    border: 1px solid #ccc;
    transition: all 0.5s;
}

#therapeuticOwl .owl-item:hover {
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
}

#therapeuticOwl .scrollItems .textArea {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    flex: 1;
    cursor: pointer;
    transition: all 1s;
}

#therapeuticOwl .scrollItems .textArea p {
    color: #ffffff !important;
    background: none;
    text-decoration: none !important;
    font-family: "DRLCircular-Bold";
    font-size: 22px;
    text-align: center;
    margin: 0 auto;
    padding: 0 10px;
    width: 100%;
    text-align: center;
    display: block;
    height: auto;
    top: 50px;
    position: absolute;
    font-weight: bold;
    height: 160px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

#therapeuticOwl .scrollItems .textArea p span {
    margin: auto auto auto 0px;
    width: 100%;
    line-height: normal;
    min-height: 26px;
}

#therapeuticOwl .scrollItems .textArea a {
    outline: none;
    min-width: 150px;
    height: 50px;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 69px;
    font-family: DRL Circular;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    vertical-align: middle;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: 0px 20px;
    line-height: 15px;
    color: #fff;
}

#therapeuticOwl .scrollItems .textArea:hover {
    background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}

/* #therapeuticOwl .owl-nav {margin-top: -17%} */
h2.spacial {
    color: #5f4ba0 !important;
    background: none;
    text-decoration: none !important;
    font-family: "DRLCircular-Light";
    font-size: 45px;
    text-align: center;
    margin: -30px 0 32px 0;
    padding: 0;
}

.page-customer-service-new .contactBottomWrapper {
    margin: 30px 0px 35px 0;
}

.page-contact-us .text-center {
    margin-top: 50px !important;

}

.innerBtnGroup .knowMoreBTn {
    background: #5f4ba0 !important;
    color: #fff !important;
}

.innerBtnGroup a.knowMoreBTn:hover {
    color: #d1c2ee !important;
    ;
}

.contactBottomWrapper.ctaNew::before {
    display: none;
}

.contactBottomWrapper.ctaNew::after {
    display: none;
}

.contactBottomWrapper.ctaNew {
    min-height: 100px;
    padding: 20px 0;
    background-color: #c9b8ff !important;
    background: #c9b8ff !important;
}

.contactBottomWrapper.ctaNew h3 {
    color: #502e92 !important;
}

.contactBottomWrapper.ctaNew .contactDesc h3 {
    font-size: 24px;
}

.page-customer-service .contactBottomWrapper {
    margin: -9px 0px 42px 0;
}

a.contactBtn2 {
    width: auto !important;
    padding: 0 20px;
    height: 50px !important;
    line-height: 50px !important;
    font-size: 20px !important;
    color: #502e92 !important;
    border-color: #502e92 !important;
}

.ajax-progress-fullscreen {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    padding: 4px;
    opacity: 1;
    border-radius: 0px;
    background-color: rgba(255, 255, 255, 0.8);
    background-image: url(../images/loading-small.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100px 100px
}

.disclaimer-gen {
    font-style: italic;
    font-size: 16px;
    margin-top: 5px;
}

.mainLeft {
    margin-bottom: 50px;
}

.envManagement {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
    margin: 15px 0px;
}

.envManagement div {
    padding: 20px;
    width: 14.66%;
    height: 90px;
    text-align: center;
    color: #fff;
    background: linear-gradient(90deg, #6840B7 -13.26%, #32C8F5 138.7%);
    border-radius: 6px;
    align-items: center;
    display: flex;
    justify-content: center;
    font-size: 15px;
    line-height: 16px
}

.envSafetySec {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
    margin: 15px 0px;
}

.envSafetySec div {
    padding: 20px;
    width: 23%;
    height: 90px;
    text-align: center;
    color: #fff;
    background: linear-gradient(90deg, #6840B7 -13.26%, #32C8F5 138.7%);
    border-radius: 6px;
    align-items: center;
    display: flex;
    justify-content: center;
    font-size: 15px;
    line-height: 16px
}

.customTable table.table th {
    background-color: #5F4BA0;
    color: #fff;
}

.customTable table.table th,
.customTable table.table td {
    border: 1px solid #BBBBBB;
}

.customTable table.table {
    border: 1px solid #BBBBBB;
}

.customTable table.table th p {
    color: #fff;
    margin-bottom: 0px;
}

.customTable table.table td p {
    margin-bottom: 0px;
}

.customTable table.table tr:nth-child(even) {
    background: #EBEBEB
}

.customTable table.table tr:nth-child(odd) {
    background: #FFF
}

.customTable table.table ul {
    padding-left: 20px !important;
}

.customTable table.table ul li {
    background: url(../images/circleBulate.png) no-repeat left 5px;
    padding-left: 32px;
    margin-bottom: 10px;
}

.customTable table.table td strong {
    font-weight: bold;
}


@media (max-width: 1360px) {
    .dcatLandingBannerSec {
        position: relative;
    }

    .dcatLandingBannerSec::after {
        content: '';
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        left: 0px;
        top: 0px;
        background: rgba(255, 255, 255, 0.7);
        z-index: 0;
    }

    .dcatLandingBannerSec .container {
        position: relative;
        z-index: 9;
    }
}


@media (max-width: 1024px) {

    .envManagement div,
    .envSafetySec div {
        width: 25%;
        gap: 15;
    }
}

@media (max-width: 768px) {

    .envManagement div,
    .envSafetySec div {
        width: 48%;
    }

    .newProductPage section.newContactBanner {
        margin-top: 30px;
    }
}

a.learMoreBtn {
    color: #fff !important;
}

.ssDesc a {
    display: inline-block;
}

.homeAboutSec a {
    font-weight: bold !important;
    color: #000 !important;
}

nav#block-reddy-footer ul li span {
    font-weight: 600;
}


body.path-webinar .g-recaptcha.custom- {
    margin: auto auto auto 0;
    left: auto;
    top: auto;
    transform: none;
    float: left;
    width: 100%;
    display: flex;
    padding: 10px 0;
    position: relative;
}

body.path-webinar .g-recaptcha.custom- div {
    margin-top: 0px !important;
}

body.path-contact-us .g-recaptcha.custom- {
    transform: none;
    float: left;
    padding: 0px !important;
    position: relative;
}

body.path-contact-us .g-recaptcha.custom- div {
    margin-top: 0px !important;
}

.modal.show .modal-dialog .g-recaptcha.custom- {
    margin: auto auto auto 0;
    width: 100%;
    display: flex;
    padding: 10px 0;
    position: relative;
}

.modal.show .modal-dialog .g-recaptcha.custom- div {
    margin-top: 0px !important;
}

.dcatResourcesWrapper .owl-nav {
    margin-top: -13%;
}


div#therapeuticOwl .owl-nav {
    margin-top: -17%;
}

.disclaimerWrapper .innerDisclaimer {
    padding: 0px 24px;
}

body.path-webinar .innerDisclaimer,
body.page-node-article .innerDisclaimer {
    padding: 0px;
}

.fceBanner .dcatbannerCaption h2 {
    font-size: 30px !important;
    margin-bottom: 15px;
    font-weight: 600;
}

body.page-plantation-drive-cphi-india-plantation section.innerPageBanner.productBanner {
    display: none;
}

body.page-plantation-drive-cphi-india-plantation .susInitaiativeBannerSection-inner {
    width: 100%;
    height: auto;
    min-height: 474px;
    background: url(../images/plant-banner-cphi-india.webp) no-repeat center top !important;
    background-size: 100% !important;
    display: flex;
    align-items: center;
    margin-top: 142px;
}

body.page-cookie-policy iframe {
    border: 2px solid #cfcfcf !important;
}

.capabilitiesBottomBox a {
    bottom: 2px !important;
}

body.page-meet-api-experts .disclaimerWrapper,
body.page-events-dcat-week-2025 .disclaimerWrapper,
body.page-events-dcat-week-2025-success .disclaimerWrapper {
    display: none;
}

.download-product-list table {
    width: 100%;
}

.sticky-enabled {
    position: relative;
    margin-top: 0px;
}

.sticky-enabled caption {
    display: block;
    position: absolute;
    top: -56px;
    left: 0px;
    font-weight: bold;
    color: #502E92;
    background: #E5D8FF;
    width: 100%;
    padding: 15px 10px;
}

.item.dcatResourcesSecBox .dcatLandingbannerForm #meet-api-experts-form input, .item.dcatResourcesSecBox .dcatLandingbannerForm #meet-api-experts-form textarea {
    color: #fff !important;
}


.item.dcatResourcesSecBox #meet-api-experts-form .field--type-mobile-number {
    border: none;
    border-bottom: 1px solid #ad9fcc;
    margin-bottom: 12px;
}

.item.dcatResourcesSecBox .mobile-number-field .country-select select option {
    color: #000000 !important;
}

.dcatLandingbannerForm.downloadForm form#meet-api-experts-form .dcatLandingBtn,
.dcatLandingbannerForm.downloadForm form#meet-api-experts-form input.dcatLandingBtn {
    margin-top: 10px !important;
    background: #fff;
    color: #502e92 !important;
}

.item.dcatResourcesSecBox #meet-api-experts-form .prefix {
    color: #fff;
}


/* .owl-carousel .owl-stage-outer {
  max-width: 1194px;
  margin: 0 auto;
} */

#homeBanner .owl-stage-outer {
    max-width: 100%;
    margin: 0 auto;
}


/* .resourcesCarousalWrapper .owl-carousel .owl-stage-outer {
  max-width: 92%;
  margin: 0 auto;
} */


.resourcesCarousalWrapper .owl-nav {
    width: 103%;
    margin-left: -1%;
}

body.path-meet-api-experts .dcatLandingBtn {
    margin-top: 10px;
}

.Update-table .owl-nav {
    width: 103%;
    margin-left: -1%;
}


body.path-meet-api-experts a.learMoreBtn,
body.path-meet-api-experts button.learMoreBtn {
    text-align: center;
}

body.page-meet-api-experts-success-[class*=""] .disclaimerWrapper,
body.path-meet-api-experts .disclaimerWrapper {
    display: none !important;

}

.apilanding-success .dcatBannerContent.api-landing-banner {
    text-align: center;
}


body.path-hpapis .g-recaptcha div iframe {
    max-width: 100% !important;
    margin-top: 0px;
    margin-left: 40px;
    margin-bottom: 15px;
}

body.path-hpapis #edit-actions-submit {
    margin-top: 11px;
}

body.page-events-cphi-milan-2024 .prefix {
    color: #fff !important;
}

.productRightForm .form-select {
    padding-left: 16px !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right .75rem center !important;
    background-size: 16px 12px !important;
}

body.page-form-contact-confirmation header {
    margin-top: 0px;
}

body.page-form-contact-confirmation .innerPageBanner {
    margin-top: 50px;
}


body.path-xceed-customer-service #flush-headingOne .accordion-button.collapsed::after {
    width: 25px;
    height: 14px;
    content: "";
    background-image: url(../images/cs-faq-down-arrow.png) !important;
    background-repeat: no-repeat;
    background-size: 25px !important;
    position: absolute;
    right: 0px;
    top: 25px;
}


body.path-xceed-customer-service .csFaqSec .accordion-button:not(.collapsed)::after {
    width: 25px;
    height: 14px;
    content: "";
    background-image: url(../images/cs-faq-up-arrow.png) !important;
    background-repeat: no-repeat;
    background-size: 25px;
    transform: none;
    position: absolute;
    right: 0px;
    top: 25px;
}

body.path-xceed-customer-service .csFaqSec .accordion-button::after {
    width: 25px;
    height: 14px;
    content: "";
    background-image: url(../images/cs-faq-down-arrow.png) !important;
    background-repeat: no-repeat;
    background-size: 25px;
    position: absolute;
    right: 0px;
    top: 25px;
}


body.page-research-and-development-capabilities .capabilitiesWrapper .accordion-button:not(.collapsed)::after {
    width: 16px;
    height: 16px;
    content: "";
    background-image: url(../images/arrow-up-acr.png) !important;
    background-repeat: no-repeat;
    background-size: 16px;
    transform: rotate(0);
}

body.page-research-and-development-capabilities #flush-headingOne .accordion-button.collapsed::after {
    width: 25px;
    height: 14px;
    content: "" !important;
    background-image: url(../images/cs-faq-up-arrow-white.png) !important;
    background-size: 16px !important;
    rotate: -180deg;
    left: 0px;
}

ul.socialFooterIcon i {
    font-size: 24px;
    color: #fff;
}

#contact-us {
    scroll-margin-top: 80px;
}

.loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    /* White background with transparency */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    /* Make sure it's on top of everything */
    visibility: hidden;
    /* Hidden by default */
}

.loader .spinner {
    border: 4px solid transparent;
    border-top: 4px solid #3498db;
    /* Customize the color */
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
}

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

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

.disabled {
    opacity: 0.5;
    cursor: not-allowed !important;
}

#newResources .owl-nav {
    display: none !important;
}

a.fullClick img {
    width: 100% !important;
    height: auto;
}

#webinarcarousal .item a.fullClick img {
    width: 100% !important;
    height: auto !important;
    min-width: 100% !important;
    min-height: auto !important;
}

.ui-helper-hidden-accessible {
    display: none;
}